:root{--space:#02040b;--hull:#e9eef5;--dim:#8e9bb0;--faint:#5b6679;--orange:#ff7a2f;--orange-soft:rgba(255,122,47,.16);--steel:#7fd3ff;--gold:#ffcf6a;--lime:#9dff8a;--glass:rgba(8,13,26,.74);--edge:rgba(233,238,245,.14)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--space)}body{margin:0;min-height:100vh;display:flex;flex-direction:column;color:var(--hull);background:radial-gradient(ellipse at 75% 90%,#0b2a52 0%,rgba(11,42,82,0) 55%),var(--space);font-family:Inter,'Inter Fallback',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--orange);outline-offset:4px}#space{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}#leaders{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}#leaders line{stroke:rgba(233,238,245,.5);stroke-width:1;stroke-dasharray:2 5;transition:stroke .3s}#leaders circle{fill:none;stroke:rgba(255,122,47,.7);stroke-width:1.2}#leaders .on line{stroke:var(--orange);stroke-dasharray:none}#leaders .on circle{stroke:var(--orange);stroke-width:2}#flash{position:fixed;inset:0;z-index:50;background:#fff;opacity:0;pointer-events:none;transition:opacity .5s ease-in}#flash.go{opacity:1}.bar,main,footer{position:relative;z-index:2}.bar{display:flex;align-items:center;gap:24px;padding:18px max(16px,env(safe-area-inset-right)) 18px max(16px,env(safe-area-inset-left))}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.22em;font-size:14px}.brand img{width:28px;height:auto;filter:brightness(0) invert(1)}.hud{flex:1;display:flex;justify-content:center;gap:28px;font-size:11px;letter-spacing:.2em;color:var(--faint)}.hud b{color:var(--dim);font-weight:600;font-variant-numeric:tabular-nums}.signin{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:9px 16px;border:1px solid var(--edge);border-radius:999px;transition:border-color .2s,background .2s}.signin:hover{border-color:var(--orange);background:var(--orange-soft)}main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:3vh 16px 48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto 1fr auto;gap:24px;min-height:calc(100vh - 140px)}.intro{grid-column:1/3;grid-row:1;max-width:560px;text-shadow:0 1px 14px rgba(2,4,11,.95),0 0 2px rgba(2,4,11,.8)}.kicker{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--orange)}h1{margin:0;font-size:clamp(52px,8vw,104px);line-height:.95;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.lede{margin:18px 0 0;color:var(--dim);font-size:17px;max-width:470px}.game{display:flex;flex-direction:column;gap:10px;padding:22px 24px 20px;background:var(--glass);border:1px solid var(--edge);border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;transition:border-color .25s,transform .25s,background .25s}.game::before{content:"";position:absolute;left:-1px;top:18px;bottom:18px;width:3px;background:var(--orange);border-radius:2px}.game--phalanx{grid-column:1;grid-row:3;align-self:end}.game--snake{grid-column:2;grid-row:3;align-self:end}.game--dunno{grid-column:3;grid-row:3;align-self:end}.game:hover,.game.on{border-color:rgba(255,122,47,.6);background:rgba(14,20,38,.78);transform:translateY(-3px)}.bay{font-size:11px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--faint)}.name{font-size:34px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.05}.game--phalanx .name{color:var(--steel)}.game--dunno .name{color:var(--gold)}.game--snake .name{color:var(--lime)}.what{color:var(--dim);font-size:15px}.go{align-self:flex-start;margin-top:6px;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;padding:10px 18px;border-radius:999px;background:var(--orange);color:#120700;transition:background .2s,box-shadow .2s}.game:hover .go,.game.on .go{box-shadow:0 0 24px rgba(255,122,47,.55);background:#ff8f4f}footer{padding:18px 16px 26px;text-align:center;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--faint)}footer a{color:var(--dim)}footer a:hover{color:var(--hull)}@media (max-width:980px){.hud{display:none}.bar{justify-content:space-between}main{display:flex;flex-direction:column;gap:18px;padding-top:38vh;min-height:0}.intro{max-width:none}#leaders{display:none}}@media (max-width:520px){.signin{padding:8px 12px;letter-spacing:.12em}.brand span{display:none}.game{padding:20px 18px 18px}.name{font-size:28px}}@media (prefers-reduced-motion:reduce){.game,.signin,#flash{transition:none}.game:hover,.game.on{transform:none}}