:root{color-scheme:dark;--bg:#090d1f;--card:#12182e;--muted:#a1abc5;--cyan:#65f2ef;--pink:#ff59ca;--green:#84ffb0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0%,#25204d 0,transparent 38%),radial-gradient(ellipse at 0% 70%,#102847 0,transparent 35%),var(--bg);color:#f4f6ff;font:16px/1.5 system-ui,-apple-system,sans-serif;min-height:100vh}.shell{max-width:1180px;margin:auto;padding:28px 32px}header{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:white;font-weight:900;letter-spacing:.08em;font-size:20px;line-height:1.05}.brand b{color:var(--cyan)}.brand small{display:block;color:#8994b3;font-size:9px;letter-spacing:.18em;margin-top:6px}.brand-icon{display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),#9b78ff);color:#091024;width:43px;height:43px;border-radius:13px;font-size:29px}.badge,.pill{border:1px solid #344362;border-radius:99px;padding:6px 11px;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.14em}.badge:before{content:'●';margin-right:8px;color:var(--green)}main{padding-top:70px}.welcome{max-width:900px;margin:auto;text-align:center}.eyebrow{color:var(--cyan);font-weight:800;font-size:11px;letter-spacing:.18em}h1{font-size:clamp(44px,7vw,76px);line-height:1.03;letter-spacing:-.055em;margin:16px 0}h1 span{background:linear-gradient(90deg,var(--cyan),#ac8aff,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:var(--muted);max-width:560px;margin:0 auto 38px;font-size:17px}.join-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:left}.card{background:linear-gradient(145deg,#181f3a,#11172c);border:1px solid #30395b;border-radius:22px;padding:26px;box-shadow:0 18px 60px #0003}.card-num{float:right;color:#606b8e;font-size:13px;letter-spacing:.12em}h2{margin:0;font-size:21px;letter-spacing:-.025em}.card p{color:var(--muted);font-size:14px;margin:7px 0 21px}label{display:block;color:#b6c0da;font-size:10px;font-weight:800;letter-spacing:.14em;margin:16px 0 7px}input{width:100%;border:1px solid #394362;border-radius:10px;background:#0c1226;color:white;font:inherit;padding:13px 14px;outline:none}input::placeholder{color:#66718f}button{font:inherit;cursor:pointer;border:0}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}.primary,.secondary{width:100%;border-radius:10px;padding:13px 16px;margin-top:18px;font-weight:850;text-align:left}.primary{background:linear-gradient(90deg,#65f2ef,#8fffd3);color:#0a2030}.secondary{background:#29234c;color:#f7d2ff;border:1px solid #8867bb}.primary span,.secondary span{float:right}.footnote,footer{font-size:10px;letter-spacing:.18em;font-weight:800;color:#7582a4;margin-top:33px}.footnote span,footer span{color:#ad75ee;margin:0 10px}footer{text-align:center;margin:65px 0 5px}.topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.room-title{font-size:42px}.text-button{color:#c2cbe3;background:transparent;text-decoration:underline}.arena-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.stage{min-height:440px}.stage-head,.players-head{display:flex;align-items:center;justify-content:space-between;color:#9daaca;font-size:11px;font-weight:800;letter-spacing:.12em}.stage-head .pill{color:#e2c3ff}.stage #stage-content{text-align:center;padding:28px 0 10px}.symbol{margin:0 auto 20px;display:grid;place-items:center;width:96px;height:96px;border-radius:50%;font-size:48px;color:var(--cyan);background:#202944;border:1px solid #536488;box-shadow:0 0 45px #67f4ef20}.stage h2{font-size:30px}.stage p{max-width:390px;margin:10px auto 10px}.stage .primary{max-width:300px}.tap{width:min(100%,360px);min-height:126px;border-radius:18px;margin-top:20px;background:#393051;color:#f8d2fc;font-size:28px;font-weight:950;letter-spacing:.08em;border:2px solid #aa78c4;touch-action:manipulation}.tap.go{background:var(--green);color:#092b1c;border-color:white;box-shadow:0 0 40px #84ffb066}.tap small{display:block;font-size:11px;letter-spacing:normal;font-weight:600}.tap:disabled{opacity:.55;cursor:default}.tap{position:relative;z-index:1}.tap.go:disabled{box-shadow:none}.players-card ul{list-style:none;padding:0;margin:20px 0}.players-card li{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #303955}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#313457;color:var(--cyan);font-weight:900;flex-shrink:0}.player-name{overflow-wrap:anywhere;flex:1}.player-meta{color:#a7b3d2;font-size:12px}.rules{border-top:1px solid #303955;padding-top:20px}.rules b{font-size:10px;letter-spacing:.14em;color:#c3cce2}.rules p{font-size:12px;margin:8px 0}.result-list{margin-top:10px}.result-row{display:flex;gap:12px;justify-content:space-between;border-top:1px solid #303955;padding:10px 0;font-size:14px}.result-row span:first-child{overflow-wrap:anywhere}.result-row b{white-space:nowrap;color:var(--cyan)}.alert{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#572642;color:#fff;border:1px solid #f58ab5;border-radius:10px;padding:12px 18px;z-index:5;max-width:90%}.connection{color:#ffd891;text-align:center;margin-top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:700px){.shell{padding:20px 18px}main{padding-top:45px}.join-grid,.arena-grid{grid-template-columns:1fr}.card{padding:22px}.stage{min-height:390px}.badge{font-size:9px}.topline{align-items:flex-start}.room-title{font-size:34px}.text-button{font-size:12px}.lead{font-size:15px}footer{margin-top:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#stage-content:focus-visible{outline:2px solid #65f2ef;outline-offset:6px;border-radius:12px}