:root{--bg:#080a0f;--panel:#10131b;--panel2:#151925;--line:#252b39;--muted:#7f899e;--text:#f2f5fb;--blue:#4f75ff;--blue2:#7357ff;--green:#2de096;--red:#ff5b70;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{margin:0;background:radial-gradient(circle at 18% 28%,rgba(69,89,225,.11),transparent 28%),radial-gradient(circle at 82% 18%,rgba(124,70,255,.08),transparent 25%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #7791ff;outline-offset:3px}.app-shell{min-height:100vh;padding:0 5vw 54px;display:flex;flex-direction:column}.topbar{height:86px;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.brand,.topbar{display:flex;align-items:center}.brand{background:none;border:0;padding:0;gap:12px;font-size:18px;font-weight:800;letter-spacing:.08em;cursor:pointer}.brand b{color:#7690ff}.brand-mark{width:31px;height:31px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;transform:rotate(-10deg)}.brand-mark span{background:var(--blue);border-radius:3px}.brand-mark span:nth-child(2){background:#775bff}.brand-mark span:nth-child(3){background:var(--green)}nav{display:flex;align-items:center;gap:8px}nav button{border:0;background:transparent;padding:9px 14px;color:#9da6b9;cursor:pointer;border-radius:8px}nav button.active,nav button:hover{background:#151925;color:white}.live-dot{font:700 10px var(--font-mono);color:#7f899e;display:flex;align-items:center;gap:8px;margin-left:12px}.live-dot i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}footer{border-top:1px solid rgba(255,255,255,.07);padding-top:20px;display:flex;justify-content:space-between;color:#596276;font:600 10px var(--font-mono);letter-spacing:.08em;margin-top:auto}.home-grid{max-width:1240px;width:100%;margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;padding:8vh 0}.hero{align-self:center}.eyebrow{display:flex;align-items:center;gap:8px;color:#7e92ff;font:700 11px var(--font-mono);letter-spacing:.13em}.hero h1{font-size:clamp(64px,7vw,104px);line-height:.84;margin:30px 0 28px;letter-spacing:-.07em;font-style:italic}.hero h1 em{font-style:inherit;color:transparent;-webkit-text-stroke:1.5px #7384ff;text-shadow:0 0 38px rgba(79,117,255,.28)}.hero>p{max-width:570px;color:#9aa4b8;font-size:17px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:38px}.ghost,.primary,.success{border:0;border-radius:8px;padding:13px 18px;font-size:12px;font-weight:800;letter-spacing:.04em;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:.2s}.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 12px 30px rgba(79,117,255,.22)}.primary:hover{filter:brightness(1.15);transform:translateY(-1px)}.primary:disabled{filter:saturate(.3);opacity:.55;cursor:not-allowed;transform:none}.ghost{background:#151925;border:1px solid #2b3140;color:#c1c8d6}.xl{min-height:52px;padding:0 24px}.trust-row{display:flex;gap:24px;margin-top:32px;color:#6f788b;font:600 10px var(--font-mono)}.trust-row span{display:flex;align-items:center;gap:7px}.trust-row svg{width:14px}.command-panel{background:linear-gradient(160deg,rgba(23,28,41,.96),rgba(12,15,22,.96));border:1px solid #272d3d;border-radius:14px;padding:20px;box-shadow:0 24px 80px rgba(0,0,0,.35);align-self:center}.panel-head{display:flex;justify-content:space-between;color:#788195;font:700 10px var(--font-mono);letter-spacing:.1em;padding:2px 2px 16px}.status-chip{color:var(--green);border:1px solid rgba(45,224,150,.25);background:rgba(45,224,150,.07);padding:5px 8px;border-radius:4px}.action-card{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border:1px solid #292f3e;background:#121722;border-radius:9px;padding:15px;text-align:left;margin-bottom:10px;cursor:pointer;transition:.2s}.action-card:hover{border-color:#4b5b8e;transform:translateX(3px)}.action-card.blue{background:linear-gradient(135deg,rgba(72,96,228,.17),rgba(78,53,171,.13));border-color:#4257a7}.action-card>svg{width:16px;color:#667086}.action-card b{font-size:12px;letter-spacing:.04em}.action-card small{display:block;color:#737d91;margin-top:4px;font-size:11px}.action-icon{width:38px;height:38px;border-radius:8px;background:#202638;border:1px solid #30384d;display:grid;place-items:center;color:#7f94ff}.action-icon svg{width:18px}.rule{display:flex;justify-content:space-between;border-top:1px solid #262c3a;margin-top:16px;padding:18px 2px;color:#687185;font-size:10px}.rule b{color:#8ca0ff;font:700 9px var(--font-mono)}.mini-score{background:#0b0e14;border:1px solid #202635;border-radius:9px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;padding:14px}.mini-score div{display:flex;flex-direction:column}.mini-score span{font:700 9px var(--font-mono);color:#687286}.mini-score strong{font:700 26px var(--font-mono)}.mini-score>b{font:800 10px var(--font-mono);color:#596276}.center-page,.stats-page{max-width:960px;width:100%;margin:0 auto;padding:44px 0 80px}.back{border:0;background:none;color:#778196;display:flex;align-items:center;gap:7px;font-size:12px;cursor:pointer;padding:8px 0}.back svg{width:15px}.setup-card,.solo-card{max-width:620px;margin:40px auto;background:linear-gradient(160deg,#141925,#0d1017);border:1px solid #282f40;border-radius:14px;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.setup-title{display:flex;gap:15px;align-items:center;margin-bottom:30px}.setup-title small{color:#7288ff;font:700 10px var(--font-mono)}.setup-title h2,.stats-head h2{margin:5px 0 0;font-size:28px}.setup-card label{display:block;color:#8d97aa;font-size:11px;font-weight:700;letter-spacing:.05em;margin:20px 0}.setup-card input{display:block;width:100%;margin-top:9px;background:#090c12;border:1px solid #2b3242;color:white;padding:14px 15px;border-radius:8px}.code-input{font:800 22px var(--font-mono)!important;letter-spacing:.18em}.segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:9px}.mode-grid button,.segmented button{background:#0b0e15;border:1px solid #2b3140;color:#8993a6;padding:12px;border-radius:7px;cursor:pointer}.mode-grid button.selected,.segmented button.selected{color:white;border-color:#647df4;background:rgba(75,105,255,.14)}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.mode-grid button{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;text-align:left}.mode-grid svg{grid-row:1/3;width:18px}.mode-grid small{color:#667186}.fair-toggle{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left;background:#0b0e15;border:1px solid #2b3140;border-radius:8px;padding:14px;cursor:pointer}.fair-toggle>svg{color:#667186}.fair-toggle span{display:flex;flex-direction:column}.fair-toggle small{color:#6e788c;margin-top:3px}.fair-toggle i{width:34px;height:19px;background:#303746;border-radius:20px;position:relative}.fair-toggle i:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#8a94a6;top:3px;left:3px;transition:.2s}.fair-toggle.on{border-color:#365b51}.fair-toggle.on>svg{color:var(--green)}.fair-toggle.on i{background:#1d805d}.fair-toggle.on i:after{left:18px;background:white}.submit{width:100%;min-height:48px;margin-top:22px}.success{background:rgba(45,224,150,.12);border:1px solid rgba(45,224,150,.35);color:var(--green)}.form-error{color:#ff7d8d;background:rgba(255,91,112,.08);padding:10px 12px;border-radius:7px;font-size:12px}.arena{max-width:1240px;width:100%;margin:0 auto;padding:24px 0 64px}.arena-meta{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#717b90;font:600 10px var(--font-mono)}.arena-meta>div{display:flex;gap:20px}.arena-meta b{color:#cad2e1}.arena-meta button{border:0;background:none;padding:0;color:inherit}.arena-meta svg{width:13px}.net{justify-self:end;display:flex;align-items:center;gap:7px;color:#d68b66}.net.good{color:var(--green)}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin:22px 0 18px}.player-card{background:#11151e;border:1px solid #272d3a;border-radius:10px;padding:15px}.player-card.me{border-color:#354c8d}.player-card.empty{display:flex;align-items:center;gap:12px;color:#737d91}.player-card.empty small{display:block;margin-top:3px}.player-top{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.avatar{width:38px;height:38px;border-radius:7px;background:linear-gradient(135deg,#405bc8,#6846ce);display:grid;place-items:center;font-weight:900}.player-top b{font-size:12px}.player-top em{font:700 8px var(--font-mono);color:#8ca0ff;background:#263158;padding:3px;border-radius:3px}.player-top small{display:flex;align-items:center;gap:5px;color:#646e82;font:600 8px var(--font-mono);margin-top:5px}.player-top small i{width:6px;height:6px;border-radius:50%;background:#5c6475}.player-top small i.online{background:var(--green)}.player-top>strong{font:800 24px var(--font-mono)}.player-state{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #252b37;margin-top:12px;padding-top:10px}.player-state span{color:#778196;font:700 9px var(--font-mono)}.player-state b{font:700 20px var(--font-mono)}.player-state b small{font-size:10px;color:#70798a}.versus{display:flex;align-items:center;gap:11px;font:800 24px var(--font-mono)}.versus b{font-size:11px;color:#6e788b;background:#171c27;border:1px solid #2c3445;padding:8px;border-radius:50%}.stage{min-height:430px;background:radial-gradient(circle at 50% 50%,rgba(68,82,174,.12),transparent 42%),#0c0f16;border:1px solid #252c3a;border-radius:13px;padding:28px 6vw;flex-direction:column;justify-content:center;text-align:center;overflow:hidden}.stage,.stage-kicker{display:flex;align-items:center}.stage-kicker{gap:10px;color:#768093;font:700 9px var(--font-mono);letter-spacing:.13em;margin-bottom:26px}.stage-kicker i{width:30px;height:1px;background:#353d4e}.stage h2{font:900 48px var(--font-mono);letter-spacing:-.05em;margin:0}.stage>p{color:#7f899b}.concealed{display:flex;align-items:center;gap:8px;font:600 10px var(--font-mono)!important;color:#72819d!important;background:#121722;border:1px solid #252e3f;padding:8px 12px;border-radius:5px}.concealed svg{width:14px}.scramble{max-width:920px;font:700 clamp(18px,2.3vw,31px)/1.65 var(--font-mono);letter-spacing:.035em;color:#edf1f9;margin:22px 0;text-wrap:balance}.hint{font-size:11px!important}.stage .submit{max-width:300px}.countdown{font:900 clamp(100px,18vw,220px)/1 var(--font-mono);font-style:italic;color:#6d84ff;text-shadow:0 0 60px rgba(86,112,255,.35);animation:pulse .65s ease-in-out}.timer{font:800 clamp(72px,13vw,170px)/1 var(--font-mono);letter-spacing:-.08em;font-variant-numeric:tabular-nums}.timer.armed{color:var(--green);font-size:clamp(60px,10vw,130px);text-shadow:0 0 45px rgba(45,224,150,.2)}.rival-done{color:#ffbc64;font:700 10px var(--font-mono);border:1px solid rgba(255,188,100,.25);padding:7px 10px;border-radius:5px}.result-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:6vw;align-items:center;width:100%;max-width:800px;text-align:left}.reveal-label{font:700 9px var(--font-mono);letter-spacing:.13em;color:#8295ff}.result-grid h2{font-size:42px}.result-grid h2 small{font-size:13px;color:#747e92}.cube-diagram{width:164px;margin-top:20px;position:relative;padding:18px}.cube-top{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:#181d28;padding:4px;transform:rotate(45deg);width:96px;height:96px;margin:0 auto}.cube-top i{background:#f2efda;border-radius:2px}.cube-top i.center{background:#fffbdc}.ring{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin-top:24px}.ring i{height:13px;border-radius:2px}.round-result>svg{color:#ffd066}.round-result h3{font:900 24px var(--font-mono)}.round-result p{display:flex;justify-content:space-between;border-top:1px solid #282e3b;padding:10px 0;margin:0;color:#8b95a8}.round-result p b{color:white;font:700 15px var(--font-mono)}.round-result>small{color:#697387;font:600 9px var(--font-mono)}code{display:block;background:#080a0f;border:1px solid #242b38;padding:12px;border-radius:6px;color:#aeb8ca;font:600 11px/1.5 var(--font-mono);margin-top:10px}.arena-help{display:flex;justify-content:center;gap:30px;color:#5f687a;font:600 9px var(--font-mono);padding-top:17px}.arena-help span{display:flex;align-items:center;gap:7px}.arena-help svg{width:14px}.solo-card{text-align:center;max-width:900px}.solo-card>.eyebrow{justify-content:center}.solo-card>h2{font:900 34px var(--font-mono);margin:12px}.solo-card>p{color:#7e889a}.solo-card .scramble{margin-left:auto;margin-right:auto}.solo-card .timer{margin:60px 0 30px}.solo-result>span{color:#8396ff;font:700 10px var(--font-mono)}.solo-result>h2{font:900 40px var(--font-mono)}.solo-result>strong{font:800 70px var(--font-mono)}.solo-result .cube-diagram{margin:25px auto}.stats-page{max-width:1100px}.stats-head{display:flex;justify-content:space-between;align-items:end;margin:32px 0}.stats-head>span{color:#687286;font:700 10px var(--font-mono)}.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-cards>div{background:#11151e;border:1px solid #272d3b;border-radius:9px;padding:20px}.stat-cards small{display:block;color:#737d91;font:700 9px var(--font-mono)}.stat-cards strong{display:block;font:800 29px var(--font-mono);margin-top:12px}.stat-cards em{font-size:11px;color:#677185}.case-table{margin-top:18px;background:#0e1219;border:1px solid #272d3b;border-radius:10px;overflow:hidden}.case-table>div{display:grid;grid-template-columns:1.2fr repeat(3,1fr);padding:14px 20px;border-bottom:1px solid #222836}.table-head{background:#151a24;color:#687286;font:700 9px var(--font-mono)}.case-table>div:not(.table-head) span{font:600 12px var(--font-mono);color:#a2acbd}.case-table>div:not(.table-head) b{color:#7f93ff}.empty-stats{text-align:center;color:#687286;padding:60px}.page-enter{animation:enter .35s ease-out}@keyframes enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes pulse{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@media(max-width:820px){.app-shell{padding:0 18px 34px}.topbar{height:70px}.topbar nav button{display:none}.home-grid{grid-template-columns:1fr;padding:48px 0;gap:44px}.hero h1{font-size:58px}.hero-actions{flex-direction:column}.trust-row{flex-wrap:wrap}.scoreboard{grid-template-columns:1fr}.versus{justify-content:center}.arena-meta{grid-template-columns:1fr auto}.arena-meta>div{grid-row:2;grid-column:1/3;justify-content:center;margin-top:18px}.result-grid{grid-template-columns:1fr;text-align:center}.cube-diagram{margin-left:auto;margin-right:auto}.round-result{text-align:left}.stage{padding:25px 18px;min-height:480px}.scramble{font-size:17px}.arena-help{flex-wrap:wrap}.stat-cards{grid-template-columns:1fr 1fr}.setup-card{padding:22px}.mode-grid{grid-template-columns:1fr}.segmented{grid-template-columns:1fr 1fr}footer{display:none}}@media(max-width:480px){.hero h1{font-size:48px}.scoreboard .player-card{padding:12px}.stage h2{font-size:36px}.timer{font-size:58px}.stat-cards{grid-template-columns:1fr}.stats-head{align-items:start}.case-table>div{grid-template-columns:1fr repeat(3,.8fr);padding:12px 10px;font-size:10px}}