:root{--bg:#14121f;--bg-elevated:#1e1b30;--text:#f4f2ff;--text-dim:#a9a4c4;--accent:#fc3;--accent-2:#5865f2;--accent-3:#ff5d73;--border:#322c4d;--radius:14px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Segoe UI,system-ui,sans-serif}#app{max-width:1100px;margin:0 auto;padding:0 20px 60px}.is-hidden{display:none!important}h1,h2,h3{margin:0}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.avatar-box{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;overflow:hidden}.avatar-box-sm{border-radius:7px;width:26px;height:26px}.avatar-box-lg{border-radius:14px;width:88px;height:88px}.avatar-img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.avatar-fallback{color:#14121f;justify-content:center;align-items:center;width:100%;height:100%;font-weight:800;display:flex}.primary-btn{background:var(--accent);color:#14121f;cursor:pointer;border:none;border-radius:999px;padding:12px 24px;font-weight:700;transition:filter .15s}.primary-btn:hover:not(:disabled){filter:brightness(1.1)}.primary-btn:disabled{background:var(--border);color:var(--text-dim);opacity:1;cursor:not-allowed;filter:none}.secondary-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:12px 24px}.secondary-btn:hover{border-color:var(--accent-2)}.dev-panel{border:1px dashed var(--accent-3);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.dev-label{color:var(--accent-3);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.dev-actions{flex-wrap:wrap;gap:8px;display:flex}.site-header{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.logo{letter-spacing:.5px;font-size:1.5rem;font-weight:800}.logo em{color:var(--accent);font-style:normal}.hero{text-align:center;padding:30px 0 20px}.hero h1{background:linear-gradient(90deg, var(--accent-2), var(--accent-3));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.6rem}.hero p{color:var(--text-dim);margin-top:8px}.search-bar{max-width:480px;margin:0 auto 20px}.search-bar input{border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text);border-radius:999px;padding:12px 18px;font-size:1rem}.search-bar input:focus{outline:2px solid var(--accent-2)}.filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px;display:flex}.filter-chip{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:.9rem}.filter-chip:hover{border-color:var(--accent-2);color:var(--text)}.filter-chip.is-active{background:var(--accent-2);color:var(--text);border-color:var(--accent-2)}.game-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.game-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:20px;display:flex}.game-card h3{font-size:1.2rem}.game-card p{color:var(--text-dim);flex-grow:1;font-size:.9rem}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{color:var(--text-dim);background:#ffffff14;border-radius:999px;padding:4px 10px;font-size:.75rem}.play-btn{background:var(--accent);color:#14121f;cursor:pointer;border:none;border-radius:999px;padding:10px;font-weight:700;transition:filter .15s}.play-btn:hover{filter:brightness(1.1)}.game-card.is-locked{opacity:.55}.coming-badge{text-align:center;color:var(--text-dim);padding:10px 0;font-size:.85rem}#game-view{padding-top:20px}.back-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin-bottom:20px;font-size:.95rem}.back-btn:hover{color:var(--text)}.mode-select{text-align:center;max-width:380px;margin:0 auto}.mode-question{color:var(--text-dim);margin:8px 0 0}.mode-options{flex-direction:column;gap:10px;margin-top:20px;display:flex}.modal-overlay{z-index:10;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);text-align:center;width:min(90vw,380px);padding:30px;position:relative}.modal-close-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:1.4rem;line-height:1;position:absolute;top:10px;right:12px}.modal-close-btn:hover{color:var(--text)}.dialog-message{color:var(--text-dim);margin:8px 0 0}.dialog-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.dialog-actions.is-stacked{flex-direction:column}.modal-options{flex-direction:column;gap:10px;margin:20px 0;display:flex}.modal-btn{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:999px;padding:12px;font-size:.95rem}.modal-btn:hover{border-color:var(--accent-2)}.coming-soon-note{color:var(--text-dim);margin-top:-4px;display:block}.modal-checkbox{color:var(--text-dim);justify-content:center;align-items:center;gap:8px;font-size:.85rem;display:flex}.room-flow{flex-direction:column;gap:14px;max-width:420px;margin:0 auto;display:flex}.room-step{color:var(--text-dim);margin:-6px 0 0;font-size:.85rem}.sim-note{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);border-radius:10px;margin:0;padding:10px 14px;font-size:.85rem}.field-label{color:var(--text-dim);margin-bottom:-8px;font-size:.85rem}.text-input{border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text);border-radius:999px;padding:10px 14px}.field-error{color:var(--accent-3);margin:-6px 0 0;font-size:.85rem}.avatar-picker{flex-direction:column;align-items:center;gap:10px;padding:10px 0;display:flex}.avatar-preview-row{display:inline-flex;position:relative}.shuffle-btn{background:var(--accent);color:#14121f;border:2px solid var(--bg-elevated);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;line-height:1;display:flex;position:absolute;bottom:-6px;right:-6px}.shuffle-btn:hover{filter:brightness(1.1)}.avatar-search{width:100%;max-width:300px;position:relative}.avatar-search-results{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:2px;max-height:220px;margin-top:6px;display:flex;overflow-y:auto}.avatar-search-option{text-align:left;width:100%;color:var(--text);text-transform:capitalize;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:6px 12px;display:flex}.avatar-search-option:hover{background:#ffffff0f}.avatar-search-option img{object-fit:contain;flex-shrink:0;width:28px;height:28px}.preset-group{border:none;margin:0;padding:0}.preset-group legend{color:var(--text-dim);margin-bottom:6px;padding:0;font-size:.85rem}.preset-options{flex-wrap:wrap;gap:8px;display:flex}.preset-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:8px 16px}.preset-btn:hover{border-color:var(--accent-2)}.preset-btn:disabled{opacity:.5;cursor:not-allowed}.preset-btn:disabled:hover{border-color:var(--border)}.preset-btn.is-active{background:var(--accent-2);color:var(--text);border-color:var(--accent-2)}.lobby{flex-direction:column;gap:16px;display:flex}.lobby-header{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:16px}.connection-status{color:var(--text-dim);background:#ffffff0f;border-radius:999px;margin-bottom:8px;padding:2px 10px;font-size:.75rem;display:inline-block}.connection-status--connected{color:#2ecc71}.connection-status--reconnecting{color:#fc3}.connection-status--disconnected{color:var(--accent-3)}.online-connection-badge{z-index:50;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000040}.online-connection-badge.is-hidden{display:none}.resume-modal-overlay{z-index:60;padding:16px}.resume-modal-context{color:var(--text-dim);margin:10px 0 0;font-size:.85rem}.ws-debug{border:1px dashed var(--border);color:var(--text-dim);background:#ffffff0f;border-radius:8px;padding:8px 12px;font-family:monospace;font-size:.75rem;line-height:1.5}.room-code-block{flex-direction:column;align-items:center;gap:6px;display:flex}.room-code-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:.75rem}.room-code{letter-spacing:.1em;color:var(--accent);font-size:1.8rem;font-weight:800}.room-code-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.copy-feedback{color:#2ecc71;font-size:.8rem}.lobby-toast{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);text-align:center;border-radius:10px;margin:0;padding:8px 14px;font-size:.85rem}.invite-code-display{letter-spacing:.1em;color:var(--accent);text-align:center;margin:-4px 0 4px;font-size:1.4rem;font-weight:800}.room-settings-summary{color:var(--text-dim);margin:10px 0 0;font-size:.85rem}.lobby-players{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lobby-players li{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.lobby-hint{color:var(--text-dim);text-align:center;margin:0;font-size:.85rem}.lobby-spectators{flex-direction:column;gap:8px;display:flex}.lobby-spectators-list{flex-direction:column;gap:6px;max-height:160px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.lobby-spectators-list li{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);border-radius:10px;align-items:center;gap:10px;padding:6px 12px;font-size:.85rem;display:flex}.lobby-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.spectrum-game{flex-direction:column;gap:16px;max-width:480px;margin:0 auto;display:flex}.game-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.prototype-badge{color:var(--text-dim);border:1px solid var(--border);border-radius:999px;margin:0;padding:4px 12px;font-size:.75rem}.waveldex-hint{color:var(--text-dim);margin:-6px 0 0;font-size:.78rem;line-height:1.4}.menu-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.9rem}.menu-btn:hover{border-color:var(--accent-2)}.toolbar-actions{align-items:center;gap:8px;display:flex}.audio-control{position:relative}.audio-toggle-btn{background:var(--bg-elevated);border:1px solid var(--border);width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1;display:inline-flex}.audio-toggle-btn:hover{border-color:var(--accent-2)}.audio-popover{z-index:20;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;align-items:center;gap:8px;min-width:170px;padding:10px 12px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #00000059}.audio-popover.is-hidden{display:none}.audio-volume-range{accent-color:var(--accent);flex:1;min-width:80px}.audio-volume-value{color:var(--text-dim);text-align:right;min-width:34px;font-size:.75rem}.audio-mute-btn{border:1px solid var(--border);width:28px;height:28px;color:var(--text);cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.9rem;display:inline-flex}.audio-mute-btn:hover{border-color:var(--accent-2)}.dev-switch{gap:6px;display:flex}.dev-player-btn{background:var(--bg);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.85rem}.dev-player-btn.is-active{background:var(--accent-3);color:var(--text);border-color:var(--accent-3)}.scoreboard-panel,.used-pokemon-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.used-pokemon-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.used-pokemon-list li{background:var(--bg);border:1px solid var(--border);text-transform:capitalize;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:.85rem;display:flex}.used-pokemon-list img{object-fit:contain;width:24px;height:24px}.scoreboard-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin:0 0 6px;font-size:.85rem}.turn-indicator{margin:0 0 10px;font-size:.95rem}.turn-indicator strong{color:var(--accent)}.scoreboard-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.scoreboard-list li{background:var(--bg);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.9rem;display:flex}.scoreboard-list li.is-turn{border-color:var(--accent)}.scoreboard-list li.is-disconnected{opacity:.55}.scoreboard-list li.is-pending{opacity:.7;font-style:italic}.scoreboard-list strong{color:var(--accent)}.status-badge{color:var(--text-dim);white-space:nowrap;font-size:.75rem}.status-badge.is-ready{color:#2ecc71}.status-badge.is-waiting{color:var(--text-dim)}.round-info{text-align:left;color:var(--text-dim);margin:10px 0 0;font-size:.8rem}.timer{font-variant-numeric:tabular-nums;color:var(--text);margin:0 0 10px;font-size:1.4rem;font-weight:700}.timer.is-urgent{color:var(--accent-3);animation:1s ease-in-out infinite spectrum-pulse}@media (prefers-reduced-motion:reduce){.timer.is-urgent{animation:none}}.phase-area{flex-direction:column;align-items:center;gap:14px;display:flex}.status-text{text-align:center;align-items:center;gap:8px;margin:0;font-size:1.05rem;display:flex}.status-dot{background:var(--accent-2);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite spectrum-pulse}@keyframes spectrum-pulse{0%,to{opacity:.3}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.status-dot{opacity:1;animation:none}}.clue-instruction{color:var(--text-dim);text-align:center;margin:0}.gauge-slot{width:100%;max-width:clamp(300px,90vw,420px);margin:0 auto}.gauge{touch-action:none;width:100%;height:auto}.gauge-interactive:focus-visible{outline:2px solid var(--accent-2);outline-offset:4px;border-radius:50%}.gauge-track{fill:none;stroke:var(--border);stroke-width:14px;stroke-linecap:round}.gauge-zone{fill:none;stroke-width:14px;stroke-linecap:butt}.gauge-zone-10{stroke:var(--accent);opacity:.9}.gauge-zone-5{stroke:#3aa0ff;opacity:.75}.gauge-zone-3{stroke:#8b5cf6;opacity:.6}.gauge-zone-1{stroke:#6f6790;opacity:.45}.gauge-interactive{cursor:pointer}.gauge-needle{stroke-width:4px;stroke-linecap:round}.gauge-needle-animate{stroke-dashoffset:var(--needle-length);animation:.65s ease-out forwards gauge-draw-line}.gauge-needle-tip-animate{opacity:0;transform-origin:50%;animation:.2s ease-out .65s forwards gauge-pop-in}@keyframes gauge-draw-line{to{stroke-dashoffset:0}}@keyframes gauge-pop-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.gauge-needle-animate,.gauge-needle-tip-animate{stroke-dashoffset:0;opacity:1;animation:none;transform:none}}.gauge-end-label{fill:var(--text-dim);font-size:12px;font-weight:700}.gauge-legend{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:6px;font-size:.85rem;display:flex}.gauge-legend-item{align-items:center;gap:6px;display:inline-flex}.gauge-legend-item i{border-radius:50%;width:10px;height:10px;display:inline-block}.pokemon-preview{flex-direction:column;align-items:center;gap:6px;min-height:40px;display:flex}.pokemon-preview img{object-fit:contain;width:96px;height:96px}.pokemon-preview p{text-transform:uppercase;letter-spacing:.03em;margin:0;font-weight:700}.pokemon-selector{width:100%;max-width:320px;position:relative}.pokemon-search-input{border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text);border-radius:999px;padding:10px 14px}.pokemon-dropdown{z-index:5;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;max-height:220px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.pokemon-option{text-align:left;width:100%;color:var(--text);text-transform:capitalize;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:6px 14px;display:flex}.pokemon-option:hover{background:#ffffff0f}.pokemon-option-sprite{object-fit:contain;width:28px;height:28px;image-rendering:pixelated;flex-shrink:0}.pokemon-selector-error{color:var(--accent-3);text-align:center;font-size:.85rem}.retry-btn{border:1px solid var(--accent-3);color:var(--accent-3);cursor:pointer;background:0 0;border-radius:999px;margin-left:8px;padding:2px 10px}.lock-note{color:var(--accent);margin:0;font-weight:700}.reveal-panel{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex;position:relative}.ranking-list{flex-direction:column;gap:8px;width:100%;max-width:280px;margin:0;padding:0;list-style:none;display:flex}.ranking-list li{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.ranking-list .player-name{flex-grow:1}.ranking-list strong{color:var(--accent)}.end-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (width>=900px){.spectrum-game{grid-template-columns:240px 1fr;grid-template-areas:"toolbar toolbar""dev dev""score phase""used phase";align-items:start;gap:20px 28px;max-width:880px;display:grid}.game-toolbar{grid-area:toolbar}.dev-panel{grid-area:dev}.scoreboard-panel{grid-area:score;position:sticky;top:20px}.scoreboard-list{flex-direction:column;align-items:stretch}.used-pokemon-panel{grid-area:used}.phase-area{grid-area:phase}.gauge-slot{max-width:500px}}@media (width>=1100px){.spectrum-game{grid-template-columns:minmax(220px,280px) minmax(420px,1fr) minmax(220px,280px);grid-template-areas:"toolbar toolbar toolbar""dev dev dev""score phase used";max-width:1160px}.used-pokemon-panel{max-height:calc(100vh - 40px);position:sticky;top:20px;overflow-y:auto}}.reveal-overlay{border-radius:var(--radius);z-index:4;background:#14121f80;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.reveal-overlay-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);width:min(100%,380px);max-height:100%;padding:18px;overflow-y:auto;box-shadow:0 10px 30px #0006}.reveal-overlay-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);text-align:center;margin:0 0 10px;font-size:.85rem}.round-result-table{border-collapse:collapse;width:100%;font-size:.9rem}.round-result-table th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;text-align:left;padding-bottom:6px;font-size:.75rem}.round-result-table th:last-child,.round-result-table td:last-child,.round-result-table th:nth-child(3),.round-result-table td:nth-child(3){text-align:right}.round-result-table td{border-top:1px solid var(--border);padding:6px 0}.round-result-table td:first-child{width:30px}.round-result-table td:nth-child(3){color:var(--accent);font-weight:700}.round-result-table tr.is-muted td{color:var(--text-dim)}.bonus-message{text-align:center;color:var(--accent);margin:12px 0 0;font-weight:700;line-height:1.4}.reveal-animate{animation:.25s ease-out spectrum-reveal-in}@keyframes spectrum-reveal-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.reveal-animate{animation:none}}.leaderboard{width:100%;min-height:1px;margin-top:14px;position:relative}.leaderboard-row{background:var(--bg);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:6px 10px;transition:transform .5s;display:flex;position:absolute;top:0;left:0;right:0}.leaderboard-row .lb-name{flex-grow:1;font-size:.9rem}.leaderboard-row .lb-round{color:var(--text-dim);font-size:.8rem}.leaderboard-row .lb-total{color:var(--accent);text-align:right;min-width:28px}@media (prefers-reduced-motion:reduce){.leaderboard-row{transition:none}}.dexguess-setup{flex-direction:column;gap:18px;max-width:480px;margin:0 auto;display:flex}.dg-intro{color:var(--text-dim);margin:0;line-height:1.45}.dg-fieldset{border:0;min-width:0;margin:0;padding:0}.dg-fieldset legend{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:8px;padding:0;font-size:.85rem}.dg-chip-row{flex-wrap:wrap;gap:8px;display:flex}.dg-chip:disabled{opacity:.5;cursor:not-allowed}.dg-chip:disabled:hover{border-color:var(--border);color:var(--text-dim)}.dg-hint{color:var(--text-dim);margin:8px 0 0;font-size:.8rem}.dg-pokemon{flex-direction:column;align-items:center;gap:4px;display:flex}.dg-artwork{object-fit:contain;filter:drop-shadow(0 6px 14px #00000073);width:clamp(140px,42vw,200px);height:clamp(140px,42vw,200px)}.dg-pokemon-name{margin:0;font-size:1.5rem;font-weight:700}.dg-answer-form{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:320px;display:flex}.dg-label{color:var(--text-dim);text-align:center;font-size:.95rem}.dg-input-row{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:6px;padding:6px 14px;display:flex}.dg-input-row:focus-within{border-color:var(--accent-2)}.dg-hash{color:var(--text-dim);font-size:1.4rem}.dg-input{width:6ch;color:var(--text);font-variant-numeric:tabular-nums;text-align:center;background:0 0;border:0;outline:none;font-size:1.6rem;font-weight:700}.dg-error{min-height:1.2em;color:var(--accent-3);margin:0;font-size:.85rem}.dg-confirmed{background:var(--bg-elevated);border-radius:var(--radius);border:1px solid #2ecc71;flex-direction:column;align-items:center;gap:4px;padding:12px 22px;display:flex}.dg-confirmed strong{color:#2ecc71}.dg-audio{align-items:center;gap:6px;display:flex}.dg-volume{width:72px;accent-color:var(--accent)}.dev-player-btn:disabled{opacity:.45;cursor:default}.dg-reveal{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex;position:relative}.dg-reveal .dg-artwork{width:clamp(110px,32vw,150px);height:clamp(110px,32vw,150px)}.dg-reveal .dg-pokemon-name{font-size:1.2rem}.dg-number{min-height:2.6rem;color:var(--accent);font-variant-numeric:tabular-nums;margin:0;font-size:2rem;font-weight:800}.dg-number.is-shown{animation:.4s ease-out dg-pop}.dg-line{--track-y:46px;--lane-top:84px;--lane-h:32px;width:calc(100% - 24px);height:calc(var(--lane-top) + var(--lanes) * var(--lane-h) + 6px);margin:0 12px;position:relative}.dg-track{left:0;right:0;top:var(--track-y);background:linear-gradient(90deg, var(--accent-2), var(--accent-3));opacity:.85;border-radius:999px;height:8px;position:absolute}.dg-end{top:calc(var(--track-y) + 14px);color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.72rem;position:absolute}.dg-end-start{left:0}.dg-end-max{right:0}.dg-mark{left:var(--x);width:0;position:absolute}.dg-stem{background:var(--c,var(--accent));transform-origin:top;width:2px;position:absolute;top:0;bottom:0;left:-1px}.dg-dot{background:var(--c,var(--accent));border:2px solid var(--bg);border-radius:50%;width:14px;height:14px;position:absolute;left:-7px}.dg-label{white-space:nowrap;background:var(--bg-elevated);border:1px solid var(--c,var(--accent));border-radius:8px;padding:2px 8px;font-size:.8rem;line-height:1.5;position:absolute;left:0;transform:translate(-50%)}.dg-mark.is-start .dg-label{left:-2px;transform:none}.dg-mark.is-end .dg-label{left:auto;right:-2px;transform:none}.dg-mark-correct{height:var(--track-y);--c:var(--accent);top:0}.dg-mark-correct .dg-stem{width:3px;top:26px;left:-1.5px}.dg-mark-correct .dg-dot{top:calc(var(--track-y) - 3px)}.dg-mark-correct .dg-label{color:var(--accent);font-size:.95rem;font-weight:800;top:0}.dg-mark-answer{top:var(--track-y);height:calc(var(--lane-top) - var(--track-y) + (var(--lane) - 1) * var(--lane-h))}.dg-mark-answer .dg-dot{top:-3px}.dg-mark-answer .dg-label{top:100%}.dg-who{color:var(--c)}.dg-val{font-variant-numeric:tabular-nums;font-weight:700}.dg-pts{color:var(--accent);font-style:normal;font-weight:700}.dg-pct{color:var(--text-dim);font-size:.7rem}.dg-mark.is-animated .dg-stem{animation:.45s ease-out dg-stem-grow}.dg-mark.is-animated .dg-dot,.dg-mark.is-animated .dg-label{animation:.4s ease-out .15s backwards dg-fade-in}@keyframes dg-stem-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes dg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dg-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.dg-number.is-shown,.dg-mark.is-animated .dg-stem,.dg-mark.is-animated .dg-dot,.dg-mark.is-animated .dg-label{animation:none}}@media (width<=479px){.dg-pct{display:none}}.medal{min-width:1.6em}.dg-refs summary{cursor:pointer;margin:0}.dg-ref-list{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;max-height:min(60vh,360px);margin:10px 0 0;padding:0 4px 0 0;list-style:none;display:grid;overflow-y:auto}.dg-ref-list::-webkit-scrollbar{width:5px}.dg-ref-list::-webkit-scrollbar-track{background:0 0}.dg-ref-list::-webkit-scrollbar-corner{background:0 0}.dg-ref-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.dg-ref-list::-webkit-scrollbar-thumb:hover{background:var(--text-dim);background:color-mix(in srgb, var(--border) 60%, var(--text-dim))}.dg-ref-list::-webkit-scrollbar-button{display:none}@supports not selector(::-webkit-scrollbar){.dg-ref-list{scrollbar-width:thin;scrollbar-color:var(--border) transparent}}.dg-ref-list li{background:var(--bg);border:1px solid var(--border);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:1px;min-width:0;padding:6px 4px;font-size:.72rem;line-height:1.2;display:flex}.dg-ref-list img{width:44px;height:44px;image-rendering:pixelated}.dg-ref-num{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700}.dg-ref-name{overflow-wrap:anywhere;max-width:100%}.dg-ref-gen{color:var(--text-dim);font-size:.66rem}