:root{--ink:#182731;--slate:#344755;--muted:#62727d}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-height:100%;margin:0}body{color:var(--ink);background:#f5f7f8;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}.site-shell{background:radial-gradient(circle at 50% 25%,#cdd7dd52,#0000 34%),linear-gradient(105deg,#fff,#f4f6f7 50%,#fff);min-height:100vh}.topbar{background:linear-gradient(#f8fbfc 0%,#e4eaed 60%,#d2dce1 100%);border-top:1px solid #7f929e;border-bottom:1px solid #899ba6;align-items:center;min-height:86px;display:flex;box-shadow:inset 0 1px #fff,0 2px 10px #23343e1a}.header-inner{align-items:center;width:min(1100px,100% - 40px);margin:auto;display:flex}.brand{align-items:center;gap:16px;display:flex}.brand-mark{object-fit:contain;width:55px;height:55px;box-shadow:none;filter:none;background:0 0;border:0;border-radius:0;flex:0 0 55px;display:block}.brand-copy{flex-direction:column;gap:3px;display:flex}.brand-copy strong{font-size:23px;font-weight:700;line-height:1}.brand-copy small{color:#62717b;white-space:nowrap;font-size:11px}.main-nav{align-items:center;gap:4px;display:flex}.main-nav a{color:#34444e;border-radius:4px;align-items:center;gap:7px;padding:13px 16px;font-size:13px;display:flex}.main-nav a.active,.main-nav a:hover{color:#fff;background:linear-gradient(#5a6e7a,#344854);box-shadow:inset 0 1px #ffffff3d,0 1px 2px #121f2740}main{width:100%}.hero-section{padding:54px 20px 46px}.game-frame{aspect-ratio:16/9;background:linear-gradient(#eff4f6 0 17px,#aabac3 17px,#92a5b0 100%);border:1px solid #778e9b;border-radius:5px;width:min(1060px,100%);min-height:560px;margin:auto;padding:18px 10px 10px;position:relative;box-shadow:inset 0 1px #fff,0 8px 24px #25343e21}.game-frame:before{content:"";background:linear-gradient(#f6fafb,#cbd8de);border-radius:4px;height:8px;position:absolute;top:5px;left:10px;right:10px;box-shadow:inset 0 1px #fff,0 1px #879aa5}.launcher{color:#f4f6f7;background:radial-gradient(circle at 50% 36%,#5067783d,#0000 46%),linear-gradient(130deg,#202d37,#17232c 54%,#283844);border:1px solid #081118e0;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:38px clamp(42px,8vw,122px) 42px;display:flex;box-shadow:inset 0 0 55px #020a1040,0 1px 3px #00000059}.launcher .brand-mark{filter:drop-shadow(0 3px 6px #00000073);border-radius:0;flex-basis:94px;width:94px;height:94px;margin-bottom:14px}h1{text-align:center;letter-spacing:.5px;text-shadow:0 2px 2px #0006;margin:0 0 8px;font-size:50px;font-weight:600;line-height:1}.launcher-kicker{color:#b8c5cc;letter-spacing:4px;margin:0 0 28px;font-size:11px}.menu{width:min(690px,100%);margin:0 auto;display:grid}.menu button{color:#20323c;cursor:pointer;background:linear-gradient(#eef4f6,#c6d3d9);border:1px solid #aab9c2;border-radius:4px;justify-content:center;align-items:center;gap:12px;height:61px;font-size:17px;font-weight:700;transition:filter .12s,transform .12s;display:flex;box-shadow:inset 0 1px #fff,0 2px 3px #00000047}.menu button:hover{filter:brightness(1.13)}.menu button:active{transform:translateY(1px)}.countdown-screen{text-align:center;flex-direction:column;align-items:center;width:min(560px,100%);display:flex}.countdown-screen .brand-mark{flex-basis:70px;width:70px;height:70px;margin-bottom:16px}.countdown-eyebrow{color:#aebdc6;letter-spacing:3.5px;margin:0 0 17px;font-size:11px;font-weight:700}.countdown-number{color:#fff;font-variant-numeric:tabular-nums;background:radial-gradient(circle at 38% 32%,#5b6d79,#263844 70%);border:2px solid #d7e2e8;border-radius:50%;place-items:center;width:116px;height:116px;margin-bottom:22px;font-size:53px;font-weight:700;display:grid;box-shadow:inset 0 0 22px #ffffff14,0 7px 24px #00000047}.countdown-screen h1{margin-bottom:10px;font-size:36px}.countdown-message{color:#bac7ce;margin:0;font-size:15px}.countdown-progress{background:#14222b;border:1px solid #596d79;border-radius:999px;width:100%;height:7px;margin-top:27px;overflow:hidden;box-shadow:inset 0 1px 3px #00000073}.countdown-progress span{border-radius:inherit;background:linear-gradient(90deg,#b7c7cf,#f5f8f9);height:100%;transition:width 1s linear;display:block}.info-panel{background:linear-gradient(120deg,#f9fbfc,#e7edf0);border:1px solid #778e9b;border-radius:5px;width:min(1100px,100% - 40px);margin:0 auto 42px;overflow:hidden;box-shadow:inset 0 0 22px #4f657114,0 5px 15px #23343e0f}.info-panel h2{color:#1e303b;background:linear-gradient(#eff4f6,#cbd7dd);border-bottom:1px solid #93a4ae;margin:0;padding:10px 17px;font-size:17px;line-height:1}.about-content{color:#566773;padding:20px 31px 24px;font-size:14px;line-height:1.35}.about-content p{margin:0 0 19px}.about-content p:last-child{margin-bottom:0}.faq-list{color:#40525d}.faq-item{border-bottom:1px solid #bfccd2}.faq-item:last-child{border-bottom:0}.faq-item>button{color:#21343f;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:16px 1fr 22px;align-items:center;gap:4px;width:100%;padding:9px 14px 4px;display:grid}.faq-item>button:hover{background:#d6e2e88c}.chevron{font-size:18px;transition:transform .15s;transform:rotate(0)}.faq-item.open .chevron{transform:rotate(90deg)}.faq-state{justify-self:end;font-size:16px}.faq-item p{margin:0;padding:0 46px 10px 34px;font-size:13px;line-height:1.18}footer{background:linear-gradient(#f7fafb,#dce5e9 65%,#cbd7dd);border-top:1px solid #8397a2;border-bottom:1px solid #7c909b;align-items:center;min-height:72px;margin-top:52px;display:flex;box-shadow:inset 0 1px #fff}.footer-inner{align-items:center;width:min(1100px,100% - 40px);margin:auto;display:flex}.footer-brand{align-items:center;gap:12px;display:flex}.footer-brand .brand-mark{width:38px;height:38px;box-shadow:none;filter:none;background:0 0;border:0;border-radius:0;flex-basis:38px}.footer-brand>span:last-child{flex-direction:column;display:flex}.footer-brand strong{font-size:13px}.footer-brand small{color:#62717b;margin-top:2px;font-size:8px}.footer-right{align-items:center;gap:25px;display:flex}.footer-right nav{display:flex}.footer-right nav a{border-right:1px solid #8ea0aa;padding:0 13px;font-size:10px}.footer-right nav a:last-child{border:0}.socials{align-items:center;gap:14px;display:flex}.socials a{color:#1d303b;place-items:center;width:17px;height:17px;display:grid}.toast{z-index:5;color:#fff;opacity:0;pointer-events:none;background:#263641;border:1px solid #7e929f;border-radius:5px;padding:10px 17px;transition:all .18s;position:fixed;bottom:25px;left:50%;transform:translate(-50%,12px)}.toast.visible{opacity:1;transform:translate(-50%)}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #5196bf}@media (max-width:760px){.topbar{padding:13px 0}.header-inner{width:calc(100% - 24px);display:block}.brand{justify-content:center}.brand-copy small{white-space:normal}.main-nav{flex-wrap:wrap;justify-content:center;margin-top:13px}.main-nav a{padding:9px 10px;font-size:12px}.hero-section{padding:28px 12px}.game-frame{aspect-ratio:auto;min-height:620px;padding:18px 9px 9px}.launcher{min-height:592px;padding:38px 22px 42px}.launcher .brand-mark{flex-basis:82px;width:82px;height:82px}h1{font-size:43px}.menu button{height:61px;font-size:19px}.fps-row{display:block}.fps-label{margin-bottom:11px;display:block}.fps-options{gap:8px}.fps-options button{height:46px;font-size:17px}.note{font-size:13px}.info-panel{width:calc(100% - 24px);margin-bottom:28px}.about-content{padding:17px}.faq-item p{padding-left:34px;padding-right:18px}footer{margin-top:32px;padding:18px 0}.footer-inner,.footer-right{flex-direction:column}.footer-inner{width:calc(100% - 24px)}.footer-right{gap:15px}}