*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#070e1b;color:#edf4ff;font:15px/1.55 system-ui,-apple-system,Segoe UI,Arial,sans-serif;min-height:100vh}
.ambient{position:fixed;pointer-events:none;z-index:-1;filter:blur(65px);opacity:.35;border-radius:50%}.ambient-a{width:520px;height:520px;background:#1063c7;top:-260px;right:-160px}.ambient-b{width:500px;height:330px;background:#01306d;bottom:-190px;left:-170px}
.shell{max-width:960px;margin:auto;padding:28px 26px 34px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #23334d;padding-bottom:24px}.wordmark{display:flex;align-items:center;gap:12px}.sigil{font-weight:900;font-size:17px;display:grid;place-items:center;border:1px solid #2581ee;color:#7cbcff;width:47px;height:47px;transform:skew(-6deg);background:linear-gradient(145deg,#082e63,#0a182f);border-radius:11px}
.wordmark div{display:flex;flex-direction:column;line-height:1.28}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:750;color:#9fb2d0;margin:0 0 6px}.brand{font-size:16px;font-weight:850;letter-spacing:.04em}.environment{font-size:10px;font-weight:700;letter-spacing:.09em;border:1px solid #3c5d86;background:#11294a;color:#b6d4ff;padding:8px 11px;border-radius:999px}.hero{padding:50px 0 27px}.blue{color:#61b6ff}h1{font-size:clamp(29px,4vw,47px);letter-spacing:-.035em;line-height:1.12;margin:9px 0 15px;max-width:790px}h2,h3{margin:0}h2{font-size:21px;letter-spacing:-.02em}.lede{color:#b7c9e2;font-size:16px;max-width:730px;margin:0;line-height:1.7}
.panel{border:1px solid #294f80;background:linear-gradient(127deg,#112746,#0c192b 75%);border-radius:18px;padding:26px;box-shadow:0 14px 50px #0004}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2{font-size:24px}.state,.game-status{font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:750;border-radius:999px;padding:6px 11px;background:#25364e;color:#c9d7e8;white-space:nowrap}.state.linked,.game-status.linked{background:#123e35;color:#a7f1cc}.state.error{background:#4a2937;color:#ffd0d8}.description{color:#c8d8ed;margin:17px 0 22px}.actions{display:flex;gap:10px;flex-wrap:wrap}button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:11px 17px;font-weight:750}button[hidden]{display:none}button:disabled{opacity:.55;cursor:wait}.primary{background:#1788ed;color:#fff;box-shadow:inset 0 1px #ffffff55}.primary:hover{background:#0c77dd}.secondary{border:1px solid #55779f;background:#15263d;color:#e7f1ff}.secondary:hover{background:#1d3b61}.status{color:#9db7d7;font-size:13px;margin:17px 0 0;min-height:20px}
.games{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.game-panel{border:1px solid #293b55;background:#0c1829;padding:20px;border-radius:15px;display:grid;grid-template-columns:55px minmax(0,1fr);gap:13px;align-items:center}.game-mark{width:55px;height:55px;display:grid;place-items:center;border:1px solid #2c6eaf;background:#122f54;border-radius:12px;font-size:15px;color:#a4d3ff;font-weight:900}.game-panel h3{font-size:15px}.game-panel div p{color:#a8bcdb;margin:2px 0 0;font-size:12px}.game-status{grid-column:1/3;justify-self:start}.game-note{grid-column:1/3;color:#a9c0dd;font-size:12px;margin:0}
.info{padding:27px 3px 13px}.info h2{margin-bottom:12px}.info p{color:#bbcde2;max-width:860px}.info strong{color:#fff}.quiet-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:11px;color:#81a8cf;padding-top:7px}footer{border-top:1px solid #263850;padding:24px 0 5px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;font-size:11px;color:#799abf}.text-action{padding:0;border:0;background:transparent;color:#99c6ff;font-size:11px;text-decoration:underline}.text-action:hover{color:#fff}
@media(max-width:700px){.shell{padding:19px 16px}.top{flex-direction:column;align-items:start}.environment{font-size:9px}.hero{padding-top:36px}.games{grid-template-columns:1fr}.panel{padding:19px}.panel-heading{align-items:start}.state{white-space:normal;text-align:center}.quiet-row{flex-direction:column}}