:root{--bg:#0b0f1e;--panel:#141a2e;--panel-2:#1b2340;--border:#2a3358;--text:#eef1fb;--text-dim:#9aa3c7;--accent:#5ea8ff;--accent-2:#7ee08e;--danger:#f97066;--gold:#f7c948;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:Hiragino Sans,Yu Gothic,Segoe UI,system-ui,sans-serif}.app-shell{flex-direction:column;align-items:center;min-height:100vh;padding:20px 12px 48px;display:flex}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;width:100%;max-width:480px;margin-top:24px;padding:24px}.lobby-panel{text-align:left}.lobby-title{text-align:center;font-size:28px;font-weight:700}.lobby-sub{text-align:center;color:var(--text-dim);margin:6px 0 20px;font-size:14px}.field{margin-bottom:16px}.field label{color:var(--text-dim);margin-bottom:6px;font-size:13px;display:block}.field-row{justify-content:space-between;align-items:center;display:flex}input[type=text],select{border:1px solid var(--border);background:var(--panel-2);width:100%;color:var(--text);border-radius:10px;padding:12px 14px;font-size:15px}button{cursor:pointer;border:none;font-family:inherit}.btn-primary{background:var(--accent);color:#08101f;border-radius:12px;width:100%;margin-top:8px;padding:14px;font-size:16px;font-weight:700}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{border:1px solid var(--border);color:var(--text-dim);background:0 0;border-radius:10px;margin-bottom:12px;padding:8px 14px;font-size:13px}.btn-confirm{background:var(--accent-2);color:#08101f;border-radius:14px;width:100%;margin-top:16px;padding:16px;font-size:17px;font-weight:700}.btn-confirm:disabled{opacity:.35;cursor:not-allowed}.peer-list{margin:0 0 20px;padding:0;list-style:none}.peer-list li{background:var(--panel-2);border-radius:10px;margin-bottom:8px;padding:10px 14px}.lobby-waiting-note{color:var(--text-dim);text-align:center;padding:20px 0}.modal-overlay{z-index:200;background:#040610b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;width:100%;max-width:460px;max-height:90vh;padding:22px;overflow-y:auto}.modal-title{text-align:center;margin-bottom:16px;font-size:18px;font-weight:700}.custom-topic-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-error{color:var(--danger);font-size:13px}.modal-actions{gap:10px;margin-top:12px;display:flex}.modal-actions .btn-ghost,.modal-actions .btn-primary{flex:1;margin:0}.game-screen{flex-direction:column;gap:16px;width:100%;max-width:560px;margin-top:16px;display:flex}.topic-banner{background:linear-gradient(160deg, var(--panel-2), var(--panel));border:1px solid var(--border);text-align:center;border-radius:16px;padding:20px}.topic-banner-asker{color:var(--text-dim);margin-bottom:8px;font-size:13px}.topic-banner-question{font-size:20px;font-weight:700;line-height:1.5}.prediction-panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px}.prediction-panel-label{color:var(--text-dim);text-align:center;margin-bottom:14px;font-size:14px}.ranking-slots{position:relative}.ranking-slots-row{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.rank-slot{border:2px dashed var(--border);background:var(--panel-2);-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:10px;min-height:56px;padding:10px 14px;display:flex}.rank-slot.is-filled{border-style:solid;border-color:var(--accent)}.rank-slot.is-tap-target{border-color:var(--accent-2);box-shadow:0 0 0 2px #7ee08e40}.rank-slot-label{color:var(--text-dim);min-width:32px;font-size:12px}.rank-slot-placeholder{color:var(--text-dim);font-size:13px}.rank-slot-content{align-items:center;gap:8px;display:flex}.rank-slot-letter{background:var(--accent);color:#08101f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:flex}.rank-slot-text{font-size:15px}.ranking-hint{color:var(--text-dim);text-align:center;margin:12px 0 0;font-size:12px}.option-pool{flex-wrap:wrap;gap:8px;display:flex}.option-tile,.drag-ghost{background:var(--panel-2);border:1px solid var(--border);touch-action:none;cursor:grab;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.option-tile.is-selected{border-color:var(--accent-2);box-shadow:0 0 0 2px #7ee08e4d}.option-tile.is-disabled{opacity:.4;cursor:default}.option-tile-letter{background:var(--border);width:22px;height:22px;color:var(--text);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.drag-ghost{pointer-events:none;z-index:300;position:fixed;transform:translate(-50%,-120%);box-shadow:0 8px 24px #0006}.waiting-indicator{color:var(--text-dim);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;display:flex}.waiting-indicator-count{font-size:13px}.round-result-panel{text-align:center;padding:20px}.round-result-title{color:var(--text-dim);margin-bottom:14px;font-size:16px}.round-result-panel .btn-primary{max-width:260px;margin:0 auto}.reveal-overlay{z-index:150;background:#040610d9;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0;overflow-y:auto}.reveal-panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;width:100%;max-width:640px;padding:24px 16px}.reveal-title{text-align:center;margin-bottom:18px;font-size:18px;font-weight:700}.reveal-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.reveal-seat{border-radius:14px;flex-direction:column;align-items:center;gap:8px;width:150px;padding:10px;transition:opacity .3s;display:flex}.reveal-seat.is-answer{background:#5ea8ff14;border:1px solid #5ea8ff59}.reveal-seat.is-best{box-shadow:0 0 0 2px var(--gold)}.reveal-seat-name{color:var(--text-dim);text-align:center;font-size:13px}.reveal-flipper{width:100%;min-height:110px;transform-style:preserve-3d;position:relative}.reveal-face{backface-visibility:hidden;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.reveal-face-back{color:var(--text-dim);font-size:28px}.reveal-face-front{flex-direction:column;gap:4px;padding:8px;transform:rotateY(180deg)}.reveal-ranking{flex-direction:column;gap:4px;width:100%;display:flex}.reveal-rank-line{border-radius:6px;align-items:baseline;gap:6px;padding:3px 6px;font-size:12px;display:flex}.reveal-rank-line.is-match{color:var(--accent-2);background:#7ee08e2e}.reveal-rank-pos{color:var(--text-dim);min-width:24px}.reveal-score{flex-direction:column;align-items:center;gap:2px;min-height:34px;display:flex}.reveal-score-points{font-size:18px;font-weight:700}.reveal-score-points.muted{color:var(--text-dim);font-weight:400}.reveal-score-pattern{color:var(--text-dim);font-size:11px}.reveal-seat.severity-critical .reveal-score-points{color:var(--gold)}.reveal-seat.severity-major .reveal-score-points{color:var(--accent-2)}.score-track{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:14px}.score-track-scroll{overflow-x:auto}.score-track-inner{flex-direction:column;gap:10px;display:flex}.score-track-lane{align-items:center;gap:10px;display:flex}.score-track-lane-name{flex-shrink:0;width:64px;font-size:12px;font-weight:700}.score-track-squares{height:26px;display:flex;position:relative}.score-track-square{border-right:1px solid var(--border);background:var(--panel-2);height:100%}.score-track-square:first-child{border-radius:6px 0 0 6px}.score-track-square.is-goal{background:repeating-linear-gradient(45deg, var(--gold) 0 5px, #2b2410 5px 10px);border-radius:0 6px 6px 0}.score-track-piece{color:#08101f;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-top:-12px;margin-left:-12px;font-size:11px;font-weight:700;display:flex;position:absolute;top:50%;box-shadow:0 2px 6px #0006}.score-track-piece.is-moving{box-shadow:0 0 0 3px #ffffff80,0 4px 12px #00000080}.score-track-piece.is-goal-reached{box-shadow:0 0 0 3px var(--gold), 0 4px 12px #00000080}.score-track-head{margin-bottom:8px}.score-track-goal-label{color:var(--gold);font-size:12px;font-weight:700}.match-result-panel{text-align:center}.match-winner{color:var(--gold);margin:8px 0 20px;font-size:18px}.match-result-list{text-align:left;padding-left:24px;list-style:decimal}.match-result-list li{padding:6px 0;font-size:16px}@media (width<=480px){.reveal-seat{width:42%}}