:root{--bg: #1a1336;--surface: #241a4d;--border: #3b2e6e;--text: #f2eefc;--muted: #a99fd0;--primary: #7c5cff;--primary-strong: #5a3fd6;--danger: #e5484d;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Noto Sans TC,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.app{max-width:40rem;margin:0 auto;padding:1.5rem 1rem 4rem}h1{font-size:1.5rem}h2{font-size:1.2rem}button{font:inherit;padding:.5rem 1rem;border:none;border-radius:.5rem;background:var(--primary);color:#fff;box-shadow:0 3px 0 var(--primary-strong);cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button.ghost{background:transparent;color:var(--muted);box-shadow:none}button.danger{background:var(--danger);box-shadow:none}input,select,textarea{font:inherit;padding:.5rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface);color:var(--text);width:100%}a{color:var(--primary)}label{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1rem;margin-bottom:.75rem}.muted{color:var(--muted)}.row{display:flex;gap:.5rem;align-items:center}.version{position:fixed;right:.75rem;bottom:.5rem;font-size:.8rem;color:var(--muted);pointer-events:none}.game-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.game-header h2{margin:0}.roundmeta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.9rem;margin-bottom:.5rem}.roundmeta .count{font-variant-numeric:tabular-nums;font-weight:700;color:var(--text)}.card-stage{display:flex;justify-content:center;margin:.25rem 0 .75rem}.card-img{width:100%;max-width:260px;aspect-ratio:3 / 4.4;object-fit:contain;background:#fbe089;border-radius:14px;border:1px solid var(--border)}.countbar{height:6px;border-radius:999px;background:var(--surface);overflow:hidden;margin-bottom:.75rem}.countbar>i{display:block;height:100%;background:var(--primary);transition:width .2s linear}.obj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.5rem;margin-bottom:.75rem}.obj-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.7rem .4rem;background:var(--surface);color:var(--text);border:2px solid var(--border);box-shadow:none;font-weight:600}.obj-btn:hover:not(:disabled){border-color:var(--primary)}.obj-btn.picked{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 22%,transparent)}.obj-btn .obj-dot{width:1.5rem;height:1.5rem;border-radius:50%;border:1px solid rgba(0,0,0,.3)}.ack{text-align:center;font-weight:700;padding:.5rem;border-radius:8px;margin-bottom:.75rem}.ack.correct{color:#d6ffe2;background:#2f8f57}.ack.wrong{color:#ffe0dc;background:var(--danger)}.hint{text-align:center;color:var(--muted);margin:0 0 .75rem}.scoreboard{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.25rem}.scoreboard li{display:grid;grid-template-columns:1.6rem 1fr auto;align-items:center;gap:.5rem;padding:.4rem .6rem;background:var(--surface);border:1px solid var(--border);border-radius:8px}.scoreboard li.me{border-color:var(--primary)}.scoreboard .rank{color:var(--muted);font-variant-numeric:tabular-nums;text-align:center}.scoreboard .pscore{font-variant-numeric:tabular-nums;font-weight:700}.role-tag{display:inline-block;margin-left:.4rem;padding:.05rem .4rem;font-size:.7rem;font-weight:700;color:var(--primary);background:color-mix(in srgb,var(--primary) 18%,transparent);border-radius:999px;vertical-align:middle}.conn-dot{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;justify-self:center}.conn-dot.on{background:#46b877}.conn-dot.off{background:var(--muted)}.conn-label{margin-left:.4rem;font-size:.75rem;color:var(--danger)}.settings{display:flex;flex-direction:column;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.9rem;margin-bottom:1rem}.settings .row-between{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.seg button{background:var(--surface);color:var(--muted);border:none;border-radius:0;box-shadow:none;padding:.4rem .8rem;font-weight:600}.seg button.on{background:var(--primary);color:#fff}.reveal-answer{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin:.5rem 0 1rem}.reveal-answer .big-dot{width:3rem;height:3rem;border-radius:50%;border:2px solid rgba(0,0,0,.3)}.reveal-answer .obj-name{font-size:1.4rem;font-weight:800}.reveal-list{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.25rem}.reveal-list li{display:grid;grid-template-columns:1fr auto auto;gap:.5rem;align-items:center;padding:.4rem .6rem;background:var(--surface);border:1px solid var(--border);border-radius:8px}.reveal-list .chosen{color:var(--muted);font-size:.9rem}.delta{font-variant-numeric:tabular-nums;font-weight:700;min-width:2.2rem;text-align:right}.delta.pos{color:#46b877}.delta.neg{color:var(--danger)}.delta.zero{color:var(--muted)}.standings li{grid-template-columns:2.1rem 1fr auto auto;will-change:transform}.standings li.leader{border-color:#f2c14e;box-shadow:inset 0 0 0 1px #f2c14e8c}.standings .rank{display:inline-flex;align-items:center;justify-content:center;gap:.15rem}.standings .rank-move{font-size:.7rem;line-height:1}.standings .rank-move.up{color:#46b877}.standings .rank-move.down{color:var(--danger)}.standings .delta{min-width:2.2rem}.standings .delta-badge{display:inline-block;animation:delta-pop .6s cubic-bezier(.22,1,.36,1) both}@keyframes delta-pop{0%{opacity:0;transform:translateY(6px) scale(.7)}45%{opacity:1;transform:translateY(0) scale(1.18)}to{opacity:1;transform:translateY(0) scale(1)}}.standings li.gain{animation:row-gain .95s ease-out both}.standings li.loss{animation:row-loss .95s ease-out both}@keyframes row-gain{0%,12%{background:color-mix(in srgb,#46b877 24%,var(--surface))}to{background:var(--surface)}}@keyframes row-loss{0%,12%{background:color-mix(in srgb,var(--danger) 22%,var(--surface))}to{background:var(--surface)}}@media(prefers-reduced-motion:reduce){.standings li,.standings li.gain,.standings li.loss,.standings .delta-badge{animation:none;will-change:auto}}.winner{text-align:center;font-size:1.2rem;font-weight:800;margin:.5rem 0 1rem}.share{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.share-label{color:var(--muted);font-size:.9rem}.share-row{display:flex;gap:.4rem;align-items:stretch}.share-row input{flex:1;min-width:0}.share-row .copy-btn{flex:none;white-space:nowrap;border:1px solid var(--border)}.obj-img{width:2.6rem;height:2.6rem;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0000008c;animation:modal-fade .15s ease-out}.modal{width:100%;max-width:22rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;box-shadow:0 16px 48px #00000080;animation:modal-pop .15s ease-out}.modal-title{margin:0 0 .5rem;font-size:1.1rem}.modal-msg{margin:0 0 1.1rem;color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-pop{0%{transform:translateY(8px) scale(.98);opacity:0}}.reconnecting-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;text-align:center;background:#0c0a18eb;color:#fff}.reconnecting-icon{font-size:2.5rem}.reconnecting-title{margin:0;font-size:1.125rem}.player-actions{display:flex;gap:.5rem;justify-self:end}button.link{padding:0;border:none;background:none;font-size:.8125rem;color:var(--primary);text-decoration:underline;cursor:pointer}button.link:disabled{color:var(--muted);text-decoration:none;cursor:not-allowed}button.link.danger{background:none;color:var(--danger)}