*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:#0e1116;color:#e6e8eb;font-size:15px}button{font-family:inherit}.gate{max-width:360px;margin:80px auto 0;padding:24px;text-align:center}.gate-emoji{font-size:56px;margin-bottom:4px}.gate h1{font-size:28px;margin:0 0 8px}.gate .hint{color:#8a93a0;margin:0 0 20px}.gate input{width:100%;padding:12px 14px;font-size:16px;background:#1a1f27;color:#e6e8eb;border:1px solid #2a313c;border-radius:8px;outline:none;margin-bottom:12px}.gate input:focus{border-color:#3b82f6}.gate button{width:100%;padding:12px;font-size:16px;background:#3b82f6;color:#fff;border:0;border-radius:8px;cursor:pointer}.gate button:disabled{background:#2a313c;color:#6b7280;cursor:not-allowed}.loading{padding:40px 20px;text-align:center;color:#8a93a0}.empty{padding:28px;text-align:center;color:#6b7280}.game{max-width:520px;margin:0 auto;padding:14px 16px 40px;min-height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0 12px;border-bottom:1px solid #1f242d;margin-bottom:14px}.brand-row{display:flex;align-items:center;gap:6px;min-width:0}.brand{font-size:16px;font-weight:600;white-space:nowrap}.icon-btn{width:28px;height:28px;padding:0;background:transparent;color:#e6e8eb;border:1px solid #2a313c;border-radius:6px;cursor:pointer;font-size:18px;line-height:1}.me-info{display:flex;align-items:center;gap:8px}.nick-chip{padding:4px 10px;background:#1a1f27;color:#e6e8eb;border:1px solid #2a313c;border-radius:12px;cursor:pointer;font-size:12px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{font-size:11px;padding:2px 8px;border-radius:10px}.status.ok{background:#14532d;color:#6ee7a8}.status.down{background:#4c1d1d;color:#fca5a5}.menu{display:flex;flex-direction:column;gap:12px;padding-top:8px}.menu-card{display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto;row-gap:2px;align-items:center;column-gap:14px;padding:18px;text-align:left;background:#161b22;color:#e6e8eb;border:1px solid #1f242d;border-radius:12px;cursor:pointer;transition:background .15s,border-color .15s}.menu-card:active{background:#1a2026}.menu-card.primary{background:#1e3a8a;border-color:#3b82f6}.menu-card .emoji{grid-row:1 / 3;font-size:36px}.menu-card .title{font-size:17px;font-weight:600}.menu-card .desc{font-size:12px;color:#94a3b8}.menu-card.primary .desc{color:#c7d2fe}.join{display:flex;flex-direction:column;gap:12px;padding-top:20px}.join-hint{color:#94a3b8;font-size:13px}.join-input{width:100%;padding:18px;font-size:28px;text-align:center;background:#1a1f27;color:#e6e8eb;border:1px solid #2a313c;border-radius:12px;outline:none;letter-spacing:8px;font-family:ui-monospace,SFMono-Regular,monospace}.join-input:focus{border-color:#3b82f6}.join-error{color:#fca5a5;font-size:13px;text-align:center}.lobby{display:flex;flex-direction:column;gap:14px}.lobby-hero{text-align:center;padding:20px 16px;background:#161b22;border:1px solid #1f242d;border-radius:12px}.lobby-code .label{color:#8a93a0;font-size:12px;margin-bottom:4px}.lobby-code .value{font-size:40px;font-weight:700;letter-spacing:8px;font-family:ui-monospace,SFMono-Regular,monospace;color:#6ee7a8;margin:4px 0 6px}.lobby-code .hint{color:#94a3b8;font-size:12px}.player-list{background:#161b22;border:1px solid #1f242d;border-radius:10px;overflow:hidden}.section-title{padding:10px 14px;font-size:13px;color:#8a93a0;border-bottom:1px solid #1f242d}.p-row{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #1a1f27}.p-row:last-child{border-bottom:0}.p-row.me{background:#1a2540}.p-row .dot{width:8px;height:8px;border-radius:50%;background:#22c55e}.p-row .nick{flex:1}.badge-host{font-size:10px;padding:2px 6px;border-radius:8px;background:#78350f;color:#fcd34d}.primary{padding:12px 20px;background:#3b82f6;color:#fff;border:0;border-radius:8px;cursor:pointer;font-size:15px}.primary:disabled{background:#2a313c;color:#6b7280;cursor:not-allowed}.primary.big{padding:16px;font-size:17px;width:100%}.ghost{padding:10px;background:transparent;color:#8a93a0;border:1px solid #2a313c;border-radius:8px;cursor:pointer;font-size:13px}.ghost:hover{color:#e6e8eb}.waiting{text-align:center;padding:10px;color:#8a93a0;font-size:13px}.question{display:flex;flex-direction:column;gap:14px}.q-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:#94a3b8}.q-idx{flex:1}.q-tier{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.q-tier.tier-1{background:#14532d;color:#86efac}.q-tier.tier-2{background:#78350f;color:#fcd34d}.q-tier.tier-3{background:#7f1d1d;color:#fca5a5}.q-timer{font-family:ui-monospace,SFMono-Regular,monospace;font-size:14px;font-weight:700;min-width:36px;text-align:right}.q-timer.urgent{color:#fca5a5;animation:pulse .6s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:1}to{opacity:.55}}.flag-wrap{background:#161b22;border:1px solid #1f242d;border-radius:10px;padding:20px;display:flex;align-items:center;justify-content:center;min-height:200px}.flag{max-width:100%;max-height:200px;border-radius:4px;box-shadow:0 4px 12px #0000004d;display:block}.flag.small{max-height:70px}.options{display:flex;flex-direction:column;gap:8px}.opt{padding:14px 16px;background:#1a1f27;color:#e6e8eb;border:1px solid #2a313c;border-radius:10px;cursor:pointer;font-size:16px;text-align:left;transition:background .15s,border-color .15s}.opt:not(:disabled):active{background:#232a35}.opt.picked{background:#1e3a8a;border-color:#3b82f6;color:#fff}.opt:disabled{cursor:not-allowed;opacity:.75}.reveal{display:flex;flex-direction:column;gap:12px}.r-flag-row{display:flex;align-items:center;gap:14px;background:#161b22;border:1px solid #1f242d;border-radius:10px;padding:14px}.r-correct .r-label{font-size:12px;color:#8a93a0}.r-correct .r-name{font-size:22px;font-weight:700;color:#6ee7a8;margin-top:2px}.r-options{display:flex;flex-direction:column;gap:6px}.r-opt{padding:10px 14px;background:#1a1f27;border:1px solid #2a313c;border-radius:8px;font-size:14px;color:#8a93a0;display:flex;align-items:center;justify-content:space-between}.r-opt.correct{background:#14532d;border-color:#22c55e;color:#fff}.r-opt .check{color:#6ee7a8;font-weight:700}.r-breakdown{display:flex;flex-direction:column;gap:6px;margin-top:4px}.b-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:10px 14px;background:#161b22;border:1px solid #1f242d;border-radius:8px;align-items:center}.b-row.me{background:#1a2540;border-color:#3b82f6}.b-row.win .status{color:#6ee7a8;font-weight:600}.b-row.lose .status{color:#fca5a5}.b-row .nick{font-weight:500}.b-row .status{font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px}.b-row .total{font-size:12px;color:#8a93a0;min-width:60px;text-align:right}.final{display:flex;flex-direction:column;gap:14px;text-align:center;padding-top:20px}.final .trophy{font-size:64px}.final .title{font-size:22px;font-weight:700}.final .champ{color:#fcd34d}.final .board{display:flex;flex-direction:column;gap:6px;margin:8px 0}.f-row{display:grid;grid-template-columns:40px 1fr auto;gap:12px;padding:12px 14px;background:#161b22;border:1px solid #1f242d;border-radius:8px;align-items:center;text-align:left}.f-row.me{background:#1a2540;border-color:#3b82f6}.f-row .rank{font-weight:700;color:#94a3b8}.f-row .nick{font-weight:500}.f-row .score{font-family:ui-monospace,SFMono-Regular,monospace;font-weight:700;color:#6ee7a8}.leaderboard{display:flex;flex-direction:column;gap:8px}.lb-tabs{display:flex;gap:4px;padding:4px;background:#1a1f27;border-radius:8px}.lb-tabs button{flex:1;padding:8px;font-size:13px;background:transparent;color:#8a93a0;border:0;border-radius:6px;cursor:pointer}.lb-tabs button.active{background:#2a313c;color:#fff}.lb-row{display:grid;grid-template-columns:40px 1fr auto auto auto;gap:10px;padding:10px 14px;background:#161b22;border:1px solid #1f242d;border-radius:8px;align-items:center;font-size:14px}.lb-row .rank{font-weight:700;color:#94a3b8}.lb-row .nick{font-weight:500}.lb-row .mode-tag{font-size:10px;padding:2px 6px;border-radius:8px}.lb-row .mode-tag.solo{background:#1e3a8a;color:#c7d2fe}.lb-row .mode-tag.multi{background:#14532d;color:#86efac}.lb-row .acc{font-size:12px;color:#8a93a0;font-family:ui-monospace,SFMono-Regular,monospace}.lb-row .score{font-family:ui-monospace,SFMono-Regular,monospace;font-weight:700;color:#6ee7a8;min-width:50px;text-align:right}