:root{--bg:#fff8ef;--surface:#fff;--text:#2b2140;--muted:#8a7f99;--primary:#ff5d73;--primary-dark:#e2435a;--secondary:#5b8def;--accent:#ffc94a;--good:#2dbd7e;--shared:#f2a93b;--bad:#e2435a;--border:#eadfd3;--radius:18px;--shadow:0 4px 0 #2b21401f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent;font-family:Nunito,ui-rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#1d1730;--surface:#2a2242;--text:#f6f1ff;--muted:#a99fc0;--border:#3d3359;--shadow:0 4px 0 #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;margin:0}body{min-height:100dvh}h1,h2,h3{margin:0 0 .5rem;line-height:1.15}h2{font-size:1.6rem}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:1.05rem}button{font:inherit;cursor:pointer}input{font:inherit}.app{flex-direction:column;max-width:520px;min-height:100dvh;margin:0 auto;display:flex}.screen{padding:max(1rem, env(safe-area-inset-top)) 1rem max(1.25rem, env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:1.1rem;display:flex}.screen.center{text-align:center;justify-content:center;align-items:center}.stack{flex-direction:column;gap:.75rem;display:flex}.muted{color:var(--muted)}.btn{border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:var(--shadow);border:none;padding:.8rem 1.2rem;font-weight:800;transition:transform 80ms,box-shadow 80ms,opacity .2s}.btn:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 0 var(--primary-dark)}.btn-secondary{background:var(--secondary);color:#fff;box-shadow:0 4px #3f6fcc}.btn-big{width:100%;padding:1rem 1.2rem;font-size:1.3rem}.btn-small{padding:.45rem .9rem;font-size:.9rem}.btn-link{color:var(--muted);background:0 0;border:none;align-self:flex-start;padding:.25rem 0;font-weight:700}.home{justify-content:space-between;padding-top:18vh}.logo{text-align:center}.logo-hat{font-size:4.5rem;animation:2.4s ease-in-out infinite wobble;display:inline-block}.logo h1{letter-spacing:-.02em;font-size:3rem;font-weight:900}.logo h1 span{color:var(--primary)}.tagline{color:var(--muted);margin:0}@keyframes wobble{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.field{flex-direction:column;gap:.4rem;display:flex}.field>span{font-weight:800}.field input,.code-input{border:2px solid var(--border);background:var(--surface);color:var(--text);border-radius:14px;outline:none;width:100%;padding:.8rem 1rem;font-size:1.15rem}.field input:focus,.code-input:focus{border-color:var(--secondary)}.code-input{text-align:center;letter-spacing:.4em;text-transform:uppercase;padding-left:1.4rem;font-size:2.6rem;font-weight:900}.error{color:var(--bad);margin:0;font-weight:700}.character-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}.character{aspect-ratio:1;background:var(--surface);box-shadow:var(--shadow);border:3px solid #0000;border-radius:16px;font-size:2.2rem}.character.selected{border-color:var(--primary);transform:scale(1.06)}.avatar{background:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar-sm{width:1.8rem;height:1.8rem;font-size:1.1rem}.avatar-md{width:2.4rem;height:2.4rem;font-size:1.5rem}.avatar-lg{width:4rem;height:4rem;font-size:2.6rem}.code-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:.4rem;padding:1rem;display:flex}.code-card .label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700}.big-code{letter-spacing:.25em;color:var(--primary);padding-left:.25em;font-size:3.4rem;font-weight:900}.count{background:var(--accent);color:var(--text);border-radius:999px;padding:0 .5rem;font-size:.85rem}.player-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.player-list li{background:var(--surface);border-radius:14px;align-items:center;gap:.6rem;padding:.5rem .75rem;font-weight:700;display:flex}.player-list li.offline{opacity:.5}.player-name{flex:1;align-items:center;gap:.4rem;display:flex}.tag{background:var(--secondary);color:#fff;text-transform:uppercase;border-radius:999px;padding:.1rem .45rem;font-size:.7rem}.tag.muted{background:var(--border);color:var(--muted)}.chips{flex-wrap:wrap;gap:.45rem;display:flex}.chip{border:2px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:.45rem .85rem;font-weight:700}.chip.on{background:var(--secondary);border-color:var(--secondary);color:#fff}.chip.static{cursor:default}.settings,.settings-summary{flex-direction:column;gap:.9rem;display:flex}.settings-summary p{margin:0;font-weight:700}.toggle{align-items:center;gap:.6rem;font-weight:700;display:flex}.toggle input{width:1.4rem;height:1.4rem;accent-color:var(--secondary)}.sticky-footer{padding:.75rem 0 env(safe-area-inset-bottom);background:linear-gradient(transparent, var(--bg) 30%);margin-top:auto;position:sticky;bottom:0}.waiting{text-align:center;color:var(--muted);margin:.75rem 0;font-weight:700}.connection-banner{z-index:10;background:var(--accent);color:#2b2140;text-align:center;padding:.35rem;font-size:.9rem;font-weight:800;position:sticky;top:0}.reveal{gap:.5rem}.reveal-caption{font-size:1.2rem;font-weight:800}.hat{font-size:6rem;line-height:1}.hat.shaking{animation:.25s ease-in-out infinite shake}.reveal-letter{color:var(--muted);min-height:7rem;font-size:7rem;font-weight:900;line-height:1}.reveal-letter.landed{color:var(--primary);animation:.5s cubic-bezier(.2,1.6,.4,1) both pop}@keyframes shake{0%,to{transform:rotate(-10deg)translateY(0)}50%{transform:rotate(10deg)translateY(-6px)}}@keyframes pop{0%{opacity:0;transform:translateY(-60px)scale(.3)}to{opacity:1;transform:translateY(0)scale(1)}}.round-header{z-index:5;background:var(--bg);justify-content:space-between;align-items:center;padding:.25rem 0;display:flex;position:sticky;top:0}.round-letter{background:var(--primary);color:#fff;width:4.2rem;height:4.2rem;box-shadow:0 4px 0 var(--primary-dark);border-radius:18px;justify-content:center;align-items:center;font-size:2.8rem;font-weight:900;display:flex}.round-letter.big{width:7rem;height:7rem;font-size:5rem}.countdown{font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:900}.countdown.urgent{color:var(--bad);animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.08)}}.banner{text-align:center;border-radius:14px;padding:.6rem .9rem;font-weight:800}.stop-banner{background:var(--accent);color:#2b2140}.timeup-banner{background:var(--secondary);color:#fff}.answers{flex-direction:column;gap:.75rem;display:flex}.answer{flex-direction:column;gap:.3rem;display:flex}.answer-label{font-size:.95rem;font-weight:800}.answer-row{display:block;position:relative}.answer input{border:2px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:14px;outline:none;padding:.75rem 2.6rem .75rem 1rem;font-size:1.15rem;transition:border-color .15s}.answer input:focus{border-color:var(--secondary)}.answer.valid input{border-color:var(--good)}.answer.wrong input{border-color:var(--bad)}.answer input:disabled{opacity:.7}.answer-mark{font-size:1.3rem;font-weight:900;position:absolute;top:50%;right:.9rem;transform:translateY(-50%)}.answer.valid .answer-mark{color:var(--good)}.answer.wrong .answer-mark{color:var(--bad)}.hint{text-align:center;color:var(--muted);margin:.5rem 0 0;font-size:.85rem}.results-header{align-items:center;gap:.9rem;display:flex}.results-header h2{margin:0}.results-header p{margin:.2rem 0 0;font-weight:800}.standings{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.standings li{background:var(--surface);border-radius:14px;align-items:center;gap:.55rem;padding:.55rem .8rem;font-weight:800;display:flex}.standings li.leader{background:var(--accent);color:#2b2140}.standings .rank{text-align:center;width:1.6rem}.standings .gained{color:var(--good);font-size:.9rem}.standings li.leader .gained{color:#1c7a50}.standings .total{text-align:right;font-variant-numeric:tabular-nums;min-width:2.5rem;font-size:1.3rem}.legend{flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem;display:flex}.pill{border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:800}.pill.unique,.category-card li.unique .points{background:var(--good);color:#fff}.pill.shared,.category-card li.shared .points{background:var(--shared);color:#fff}.pill.invalid,.category-card li.invalid .points{background:var(--border);color:var(--muted)}.category-card{background:var(--surface);border-radius:var(--radius);margin-bottom:.7rem;padding:.75rem .9rem}.category-card h4{margin:0 0 .4rem}.category-card ul{margin:0;padding:0;list-style:none}.category-card li{border-top:1px solid var(--border);align-items:center;gap:.6rem;padding:.4rem 0;display:flex}.category-card li:first-child{border-top:none}.category-card .who{width:5.5rem;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-weight:700;overflow:hidden}.category-card .what{flex-direction:column;flex:1;min-width:0;display:flex}.category-card .answer-text{overflow-wrap:anywhere;font-weight:800}.category-card li.invalid .answer-text{color:var(--muted);text-decoration:line-through}.category-card .note{color:var(--muted);font-size:.75rem}.category-card .points{text-align:center;border-radius:10px;min-width:2.2rem;padding:.2rem .4rem;font-weight:900}.button-row{gap:.6rem;display:flex}.button-row .btn{padding:1rem;font-size:1.15rem}.button-row .grow{flex:1}.screen.center .btn-link{align-self:center}.vote{border:2px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;align-items:center;gap:.2rem;padding:.15rem .4rem;font-size:.95rem;font-weight:800;display:inline-flex}.vote.mine{border-color:var(--bad);background:color-mix(in srgb, var(--bad) 15%, var(--surface))}.hint.left{text-align:left;margin:0 0 .6rem}.chip-wrap{align-items:center;display:inline-flex}.chip-wrap .chip-remove+*{margin-left:0}.chip-remove{background:var(--border);color:var(--muted);border:none;border-radius:999px;width:1.6rem;height:1.6rem;margin-left:-.4rem;font-weight:900;line-height:1}.add-category{gap:.5rem;margin-top:.3rem;display:flex}.add-category input{border:2px solid var(--border);background:var(--surface);min-width:0;color:var(--text);border-radius:12px;outline:none;flex:1;padding:.5rem .75rem;font-size:1rem}.add-category input:focus{border-color:var(--secondary)}.mute-toggle{top:max(.6rem, env(safe-area-inset-top));right:max(.6rem, env(safe-area-inset-right));z-index:20;background:var(--surface);box-shadow:var(--shadow);opacity:.85;border:none;border-radius:999px;width:2.3rem;height:2.3rem;font-size:1.05rem;position:fixed}.round-header{padding-right:3rem}