:root{--ink:#432d28;--red:#e45f5a;--red-deep:#a23f43;--yellow:#f2bd4f;--cream:#fff7e7;--paper:#fffdf7;--mint:#dff2dc;--green:#4d9361;--line:rgba(79,48,40,.17);--pop:"Mochiy Pop One","M PLUS Rounded 1c",sans-serif;--round:"M PLUS Rounded 1c",sans-serif}*{box-sizing:border-box}html{min-width:320px;background:#fffaf0}body{margin:0;min-height:100dvh;color:var(--ink);background:#fffaf0;font-family:var(--round);display:flex;flex-direction:column}a{color:inherit}.shell{width:min(1120px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;left:12px;top:-100px;z-index:100;padding:10px 16px;background:#fff;border:2px solid var(--red);border-radius:10px}.skip-link:focus{top:12px}.status-header{position:relative;z-index:5;border-bottom:3px solid var(--yellow);background:#fffaf0f5;box-shadow:0 5px #e45f5a29}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{padding:3px;border:2px solid var(--yellow);border-radius:14px;background:#fff}.brand span{display:grid;line-height:1;gap:5px}.brand b{color:var(--red-deep);font-family:var(--pop);font-size:17px;font-weight:400}.brand small{color:#aa6b52;font-size:9px;font-weight:800;letter-spacing:.2em}nav{display:flex;align-items:center;gap:4px}nav a{padding:10px 13px;border-radius:999px;color:#684f47;font-size:13px;font-weight:800;text-decoration:none}nav a:hover{color:var(--red-deep);background:#ffe3dc}main{flex:1}.status-hero{overflow:hidden;background:radial-gradient(circle at 85% 28%,rgba(242,189,79,.46) 0 13%,transparent 13.4%),linear-gradient(135deg,#fffaf0,#ffe8d7 58%,#fff2c8);border-bottom:1px solid var(--line)}.hero-layout{min-height:350px;display:grid;grid-template-columns:1fr 380px;align-items:center;gap:70px;padding-block:54px}.eyebrow{margin:0 0 14px;color:var(--red-deep);font-size:12px;font-weight:800;letter-spacing:.12em}h1,h2,h3{font-family:var(--pop);font-weight:400}h1{margin:0;font-size:clamp(42px,6vw,70px);line-height:1.35;letter-spacing:.01em}h1 em{color:var(--red);font-style:normal}.hero-copy{margin:20px 0 0;font-weight:700}.pixel-scene{position:relative;width:320px;height:210px;justify-self:end;filter:drop-shadow(0 20px 24px rgba(120,63,47,.16))}.block{position:absolute;width:86px;height:86px;border:5px solid #653f36;background:linear-gradient(135deg,#f8d477 0 49%,#e7aa39 50%);box-shadow:inset -12px -12px #75402729,12px 12px #a23f4333;transform:rotate(5deg)}.block-one{left:118px;top:64px}.block-two{left:42px;top:103px;transform:scale(.7) rotate(-8deg);opacity:.78}.block-three{right:14px;top:18px;transform:scale(.54) rotate(12deg);opacity:.55}.signal{position:absolute;right:15px;bottom:5px;color:var(--red);font-family:monospace;font-size:48px;font-weight:900;transform:rotate(-55deg);letter-spacing:-18px}.status-section{padding:48px 0 72px}.status-layout{display:grid;gap:34px}.overall-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;min-height:142px;padding:28px 34px;border:2px solid var(--line);border-radius:26px;background:var(--paper);box-shadow:0 12px #f2bd4f2e,0 24px 60px #53312514}.overall-card:before{content:"";position:absolute;inset:0 auto 0 0;width:9px;border-radius:24px 0 0 24px;background:#aaa}.overall-card.status-operational:before{background:var(--green)}.overall-card.status-degraded:before{background:var(--yellow)}.overall-card.status-outage:before{background:var(--red)}.overall-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:19px;background:var(--mint)}.overall-icon span{width:24px;height:14px;border-left:5px solid var(--green);border-bottom:5px solid var(--green);transform:rotate(-45deg) translate(2px,-2px)}.status-outage .overall-icon{background:#ffe2dc}.status-outage .overall-icon span{width:24px;height:5px;border:0;background:var(--red);transform:rotate(45deg);box-shadow:0 0 0 0 var(--red)}.overall-kicker{margin:0 0 6px;color:#997267;font-size:10px;font-weight:800;letter-spacing:.2em}.overall-card h2{margin:0;font-size:clamp(21px,3vw,30px)}.overall-card p:last-child{margin:8px 0 0;color:#775c54;font-size:14px}.player-count{min-width:130px;padding-left:24px;border-left:1px solid var(--line);text-align:right}.player-count small,.player-count span{display:block;color:#997267;font-size:9px;font-weight:800;letter-spacing:.1em}.player-count strong{display:block;margin:1px 0;color:var(--red-deep);font-family:var(--pop);font-size:38px;font-weight:400}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-top:12px}.section-heading h2,.about-status h2{margin:0;font-size:28px}.last-updated{display:flex;align-items:center;gap:8px;color:#80645b;font-size:12px;font-weight:700}#refresh-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #4d936121}#refresh-dot.has-error{background:var(--red);box-shadow:0 0 0 5px #e45f5a21}.service-list{display:grid;gap:13px}.service-card{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:28px;min-height:104px;padding:20px 24px;border:1px solid var(--line);border-radius:18px;background:#fffdf7fa;transition:transform .2s ease,box-shadow .2s ease}.service-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #53312514}.service-main{display:flex;align-items:center;gap:16px}.status-light{flex:none;width:13px;height:13px;border-radius:4px;background:var(--green);box-shadow:0 0 0 6px #4d93611f;transform:rotate(45deg)}.status-outage .status-light{background:var(--red);box-shadow:0 0 0 6px #e45f5a1f}.service-card h3{margin:0 0 5px;font-size:17px}.service-card p{margin:0;color:#80645b;font-size:12px}.service-metrics{display:flex;align-items:stretch}.service-stat{min-width:105px;padding:0 18px;border-left:1px solid var(--line)}.service-stat small{display:block;margin-bottom:5px;color:#a17d71;font-size:8px;font-weight:800;letter-spacing:.14em}.service-stat strong{font-size:14px}.service-stat strong span{color:#9a7b72;font-size:10px}.status-badge{min-width:78px;padding:7px 11px;border-radius:999px;color:#32663e;background:var(--mint);font-size:11px;font-weight:800;text-align:center}.status-outage .status-badge{color:#983a38;background:#ffe2dc}.skeleton{height:104px;border-radius:18px;background:linear-gradient(90deg,#f7ead7 25%,#fff8ea,#f7ead7 75%);background-size:200% 100%;animation:loading 1.4s infinite}@keyframes loading{to{background-position:-200% 0}}.error-panel{display:flex;justify-content:space-between;gap:20px;padding:28px;border:2px dashed var(--red);border-radius:18px;background:#fff1eb}.about-status{display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr auto;align-items:center;gap:36px;margin-top:18px;padding:34px;border-radius:24px;color:#fff9eb;background:#3d2925;box-shadow:10px 10px 0 var(--yellow)}.about-status .eyebrow{color:#f6c95f}.about-status p{margin:0;color:#eadbd1;font-size:14px;line-height:1.9}.about-status a{padding:13px 18px;border-radius:12px;color:#4a3028;background:var(--yellow);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}footer{background:#2f211e;color:#d9c8bd}footer .shell{min-height:82px;display:flex;align-items:center;gap:28px;font-size:11px}footer a{margin-left:auto;color:#fff2da;font-weight:800}@media(max-width:800px){.hero-layout{grid-template-columns:1fr;min-height:0}.pixel-scene{display:none}.service-card{grid-template-columns:1fr auto}.service-metrics{grid-column:1/-1;order:3}.service-stat:first-child{border-left:0;padding-left:0}.about-status{grid-template-columns:1fr}.about-status a{justify-self:start}.overall-card{grid-template-columns:auto 1fr}.player-count{grid-column:1/-1;padding:16px 0 0;border-left:0;border-top:1px solid var(--line);text-align:left}.player-count small,.player-count span{display:inline}.player-count strong{display:inline;margin:0 10px}.header-inner{align-items:flex-start;padding-block:12px}nav{flex-wrap:wrap;justify-content:flex-end}.shell{width:min(100% - 24px,1120px)}}@media(max-width:520px){nav a:nth-child(2),nav a:nth-child(3){display:none}h1{font-size:39px}.status-section{padding-top:28px}.overall-card{padding:24px 20px}.overall-icon{width:48px;height:48px}.service-card{gap:16px;padding:18px}.service-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.service-stat{padding:0;border:0}.status-badge{min-width:68px}.section-heading{align-items:start;flex-direction:column}.about-status{padding:26px 22px}footer .shell{flex-wrap:wrap;padding-block:20px}footer a{margin-left:0}}