.dr-page{min-height:100vh;color:var(--sx-text);background:radial-gradient(70% 50% at 50% 32%,#ffffff0d,#0000 70%),#000}.dr-main{max-width:1120px;margin:0 auto;padding:clamp(32px,6vh,64px) 24px 80px}.dr-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:clamp(32px,5vh,56px);display:flex}.dr-kicker{color:var(--sx-text-tertiary);font:500 11px/1 var(--font-geist-mono), monospace;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px}.dr-title{color:var(--sx-text);font:400 clamp(34px, 4.6vw, 52px) / 1 var(--font-domaine-regular), Georgia, serif;letter-spacing:-.035em;margin:0}.dr-back{color:var(--sx-text-tertiary);transition:color .15s var(--sx-ease);font-size:13px;text-decoration:none}.dr-back:hover{color:var(--sx-text)}.dr-stage{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:clamp(16px,3vw,40px);display:grid}.dr-player{border:1px solid var(--sx-border);min-height:232px;transition:border-color .22s var(--sx-ease), background .22s var(--sx-ease);background:linear-gradient(160deg,#ffffff07,#ffffff02);border-radius:16px;flex-direction:column;padding:26px 24px;display:flex}.dr-player[data-viewer]{border-color:var(--sx-border-strong)}.dr-player[data-ready]{background:linear-gradient(160deg,#e9e9e70e,#ffffff03);border-color:#e9e9e76b}.dr-player[data-empty]{background:0 0;border-style:dashed;border-color:#ffffff1f}.dr-player-role{color:var(--sx-text-tertiary);font:500 10px/1 var(--font-geist-mono), monospace;letter-spacing:.16em;text-transform:uppercase;margin:0 0 auto}.dr-player-name{color:var(--sx-text);letter-spacing:-.02em;overflow-wrap:anywhere;margin:22px 0 0;font-size:clamp(21px,2.3vw,27px);font-weight:500;line-height:1.15}.dr-player-handle{color:var(--sx-text-tertiary);font:400 12px/1.3 var(--font-geist-mono), monospace;overflow-wrap:anywhere;margin:7px 0 0}.dr-player-status{color:var(--sx-text-secondary);align-items:center;gap:9px;margin:20px 0 0;font-size:13px;font-weight:500;display:flex}.dr-player[data-ready] .dr-player-status{color:#e9e9e7}.dr-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.dr-player[data-ready] .dr-dot{box-shadow:0 0 0 4px #e9e9e724}.dr-player[data-empty] .dr-player-role{margin-bottom:0}.dr-player-empty-copy{max-width:32ch;color:var(--sx-text-tertiary);margin:18px 0 auto;font-size:14px;line-height:1.5}.dr-centre{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-width:clamp(96px,12vw,148px);display:flex}.dr-x{width:44px;height:44px;color:var(--sx-text-disabled);transition:color .26s var(--sx-ease)}.dr-centre[data-both-ready] .dr-x{color:var(--sx-text-secondary)}.dr-state{color:var(--sx-text-tertiary);font:500 10px/1.4 var(--font-geist-mono), monospace;letter-spacing:.16em;text-transform:uppercase;text-align:center}.dr-centre[data-both-ready] .dr-state{color:var(--sx-text)}.dr-count{color:var(--sx-text);font:400 clamp(80px, 11vw, 132px) / 1 var(--font-domaine-regular), Georgia, serif;font-variant-numeric:tabular-nums;letter-spacing:-.04em;animation:dr-count-in .42s var(--sx-ease) both}@keyframes dr-count-in{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.dr-problem{border:1px solid var(--sx-border);background:#ffffff04;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;margin-top:20px;padding:22px 24px;display:flex}.dr-problem-label{color:var(--sx-text-tertiary);font:500 10px/1 var(--font-geist-mono), monospace;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px}.dr-problem-name{color:var(--sx-text);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:500}.dr-problem-meta{color:var(--sx-text-secondary);margin:8px 0 0;font-size:13px}.dr-problem-note{max-width:340px;color:var(--sx-text-tertiary);margin:0;font-size:12px;line-height:1.5}.dr-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.dr-btn{cursor:pointer;min-height:44px;transition:background .16s var(--sx-ease), border-color .16s var(--sx-ease), color .16s var(--sx-ease), opacity .16s var(--sx-ease);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.dr-btn-primary{background:var(--sx-accent);color:var(--sx-accent-foreground)}.dr-btn-primary:hover:not(:disabled){background:#fff}.dr-btn-secondary{border-color:var(--sx-border-strong);color:var(--sx-text);background:#ffffff09}.dr-btn-secondary:hover:not(:disabled){background:#ffffff13}.dr-btn:disabled{cursor:not-allowed;opacity:.4}.dr-page :is(a,button):focus-visible{outline:2px solid var(--sx-text);outline-offset:2px}.dr-invite{border:1px solid var(--sx-border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;padding:16px 20px;display:flex}.dr-invite-label{color:var(--sx-text-tertiary);font:500 10px/1 var(--font-geist-mono), monospace;letter-spacing:.16em;text-transform:uppercase}.dr-invite-code{min-width:0;color:var(--sx-text-secondary);font:400 13px/1.4 var(--font-geist-mono), monospace;overflow-wrap:anywhere;flex:180px}.dr-result{border:1px solid var(--sx-border-strong);text-align:center;animation:dr-result-in .46s var(--sx-ease) both;background:radial-gradient(80% 120% at 50% 0,#ffffff0e,#0000 70%);border-radius:16px;margin-top:20px;padding:34px 28px}@keyframes dr-result-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dr-result-headline{color:var(--sx-text);font:400 clamp(32px, 4.4vw, 46px) / 1.05 var(--font-domaine-regular), Georgia, serif;letter-spacing:-.035em;margin:0}.dr-result-meta{color:var(--sx-text-secondary);margin:14px 0 0;font-size:14px}.dr-result-xp{border:1px solid var(--sx-border);color:var(--sx-text-secondary);font:500 12px/1 var(--font-geist-mono), monospace;letter-spacing:.06em;border-radius:9999px;margin:18px 0 0;padding:5px 12px;display:inline-block}.dr-result-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.dr-note{max-width:640px;color:var(--sx-text-tertiary);margin:28px 0 0;font-size:12px;line-height:1.65}.dr-alert{border:1px solid #c38f9266;border-radius:12px;margin-top:20px;padding:16px 20px}.dr-alert p{color:var(--sx-danger);margin:0;font-size:13px}.dr-alert p+p{color:var(--sx-text-tertiary);margin-top:8px;font-size:12px}.dr-reconnect{color:var(--sx-warning);text-align:center;margin:12px 0 0;font-size:12px}.dr-lead{max-width:560px;color:var(--sx-text-secondary);margin:18px 0 0;font-size:16px;line-height:1.6}.dr-identity{color:var(--sx-text-tertiary);margin:28px 0 0;font-size:13px;line-height:1.6}.dr-identity strong{color:var(--sx-text);font-weight:600}.dr-lobby{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:20px;display:grid}.dr-panel{border:1px solid var(--sx-border);background:#ffffff04;border-radius:14px;flex-direction:column;padding:24px;display:flex}.dr-panel-label{color:var(--sx-text-tertiary);font:500 10px/1 var(--font-geist-mono), monospace;letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px}.dr-panel-row{flex-wrap:wrap;gap:10px;display:flex}.dr-panel-note{color:var(--sx-text-tertiary);margin:14px 0 0;font-size:12px;line-height:1.55}.dr-field{border:1px solid var(--sx-border-strong);min-width:0;height:44px;color:var(--sx-text);transition:border-color .15s var(--sx-ease);background:#ffffff09;border-radius:10px;outline:none;flex:170px;padding:0 14px;font-size:14px}.dr-field:focus{border-color:#ffffff5c}.dr-list{margin:0;padding:0;list-style:none}.dr-list-row{border:0;border-bottom:1px solid var(--sx-border);width:100%;min-height:56px;color:var(--sx-text-secondary);text-align:left;cursor:pointer;transition:color .15s var(--sx-ease);background:0 0;justify-content:space-between;align-items:center;gap:16px;padding:0 4px;font-size:13px;display:flex}.dr-list-row:hover{color:var(--sx-text)}.dr-list-row-main{overflow-wrap:anywhere;min-width:0}.dr-list-status{color:var(--sx-text-tertiary);font:500 11px/1 var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;flex-shrink:0}.dr-list-row[data-live] .dr-list-status{color:#e9e9e7}.dr-section-label{color:var(--sx-text-tertiary);font:500 10px/1 var(--font-geist-mono), monospace;letter-spacing:.16em;text-transform:uppercase;margin:40px 0 4px}@media (max-width:780px){.dr-main{padding:24px 16px 64px}.dr-stage{grid-template-columns:minmax(0,1fr);gap:12px}.dr-player{min-height:0;padding:20px}.dr-player-name{margin-top:14px}.dr-centre{flex-direction:row;justify-content:center;gap:14px;min-width:0;padding:4px 0}.dr-x{width:26px;height:26px}.dr-count{font-size:64px}.dr-problem{margin-top:14px;padding:18px 20px}.dr-actions .dr-btn{flex:100%}}@media (prefers-reduced-motion:reduce){.dr-count,.dr-result{animation:none}.dr-player,.dr-x,.dr-btn{transition:none}}