:root{--bg:#14111f;--surface:#221d33;--border:#372f52;--text:#f4f1fb;--muted:#a39cba;--accent:#8b5cf6;--danger:#f43f5e;--good:#22c55e;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0}.app{max-width:480px;min-height:100dvh;padding:16px 16px max(24px, env(safe-area-inset-bottom));margin:0 auto;display:flex}.screen{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.screen>div:not(.grid){flex-direction:column;flex:1;gap:10px;display:flex}.center{text-align:center;align-items:center}.spacer{flex:1;min-height:16px}h1,h2,p{margin:0}h2{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:12px;font-size:1rem}.logo{margin:12px 0 4px;font-size:2.2rem}.big{color:var(--text);text-transform:none;letter-spacing:0;margin-top:16px;font-size:1.4rem}.name{word-break:break-word;margin:8px 0;font-size:2.6rem}.word{word-break:break-word;margin:12px 0;font-size:2.4rem;font-weight:800}.question{margin:12px 0;font-size:1.6rem;font-weight:800;line-height:1.25}.muted{color:var(--muted)}.hint{color:var(--muted);font-size:.9rem}.danger{color:var(--danger)}.good{color:var(--good)}.badge{vertical-align:middle;background:var(--accent);color:#fff;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.7rem;font-weight:600}button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;min-height:44px;padding:12px 16px}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);width:100%;padding:16px;font-size:1.1rem;font-weight:700}button.ghost{background:0 0}button.small{min-width:44px;min-height:36px;padding:6px 12px}input:not([type]),input[type=text],textarea{min-width:0;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex:1;padding:12px 14px}input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}.row{gap:8px;display:flex}textarea.answer{resize:none;text-align:center;flex:none;width:100%;margin-top:12px;font-size:1.1rem}.answers{margin:12px 0}.answers li{gap:12px;padding-right:14px}.answers b{text-align:right;word-break:break-word}.players,.order{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.players li,.order li{background:var(--surface);border-radius:var(--radius);justify-content:space-between;align-items:center;min-height:48px;padding:8px 8px 8px 14px;display:flex}.order{counter-reset:n}.order li{counter-increment:n;justify-content:flex-start}.order li:before{content:counter(n) ".";color:var(--muted);width:28px}.order li.first{outline:2px solid var(--accent)}.setting{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.screen>div.setting{flex:none}.segmented{border:1px solid var(--border);border-radius:var(--radius);display:flex;overflow:hidden}.segmented button{background:0 0;border:0;border-radius:0}.segmented button.on{background:var(--accent)}.stepper{align-items:center;gap:12px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar>.muted{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.card{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;margin-top:32px;padding:40px 20px}.grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-top:8px;display:grid}.tile{word-break:break-word;padding:18px 8px;font-weight:600}.tile.on{background:var(--accent);border-color:var(--accent)}.guess{flex-direction:column;gap:10px;width:100%;margin-top:16px;display:flex}.suggestions{text-align:left;flex-direction:column;gap:4px;max-height:40dvh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.suggestions button{text-align:left;width:100%;min-height:40px;padding:8px 14px}.suggestions button.on{background:var(--accent);border-color:var(--accent)}.suggestions li.muted{padding:8px 4px}.tile{aspect-ratio:1;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:relative}.tile.seen{color:var(--muted)}.tile .check{color:var(--good);font-size:.9rem;position:absolute;top:6px;right:10px}.tile.mode{text-align:center;flex-direction:column;gap:6px;min-width:0;padding:12px}.tile.mode .icon{font-size:2.4rem}.tile.mode b{font-size:1.15rem}.tile.mode small{color:var(--muted);font-size:.8rem;font-weight:400;line-height:1.25}.grid.modes{grid-template-columns:repeat(2,minmax(0,1fr))}.callout{border-radius:var(--radius);background:#facc151f;border:2px solid #facc15;flex-direction:column;align-items:center;gap:4px;margin-top:20px;padding:14px 16px;animation:2s ease-in-out infinite glow;display:flex;box-shadow:0 0 24px #facc1540}@keyframes glow{50%{box-shadow:0 0 36px #facc1580}}@media (prefers-reduced-motion:reduce){.callout{animation:none}}.callout-label{letter-spacing:.12em;text-transform:uppercase;color:#facc15;font-size:.75rem;font-weight:700}.callout-text{color:#fde047;word-break:break-word;font-size:1.8rem;font-weight:800}.percent{align-items:center;gap:6px;font-weight:600;display:flex}.percent input{width:72px;font:inherit;text-align:right;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px}.grid.categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.grid.categories .tile{overflow-wrap:anywhere;min-width:0;padding:6px 4px;font-size:.85rem}.grid.categories .tile.on .check{color:#fff}.grid.categories .tile:disabled{opacity:1}.order li.current{outline:2px solid #facc15}.order li.done{opacity:.5}.timer{font-variant-numeric:tabular-nums;margin-left:auto;padding-right:8px;font-weight:700}.timer-big{margin:32px 0 0;padding:0;font-size:4rem;display:block}.setting{flex-wrap:wrap}.segmented button{min-width:44px;padding:8px 10px}.nav-row{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.nav-row .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.category{flex-direction:column;gap:8px;display:flex}.category-row{gap:8px;display:flex}.category-row .nav-row{flex:1;min-width:0}.category-row .expand{flex:none;width:48px;padding:0}.subs{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.nav-row.sub>.muted{flex:none}.sub-text{flex-direction:column;gap:2px;min-width:0;display:flex}.sub-text small{font-size:.8em}.end-armed{background:var(--danger);border-color:var(--danger);font-weight:700}.tile.mode.wide{aspect-ratio:auto;text-align:left;flex-direction:row;grid-column:1/-1;justify-content:flex-start;gap:14px;padding:14px 16px}.tile.mode.wide>span:not(.icon){flex-direction:column;gap:4px;display:flex}button.accent{background:var(--accent);border-color:var(--accent);font-weight:700}.row.actions>button{flex:1}.groups{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.group{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:stretch;gap:10px;width:100%;padding:12px 14px;display:flex}.group.open{border-color:var(--accent)}.chips{flex-wrap:wrap;gap:6px;display:flex}.lines{flex-direction:column;gap:6px;display:flex}.chip{background:var(--bg);border-radius:999px;align-items:center;gap:2px;padding:4px 10px;font-size:.9rem;font-weight:400;display:inline-flex}.lines .chip{border-radius:10px;justify-content:space-between;padding:6px 10px}.chip.mine{box-shadow:inset 0 0 0 1px var(--accent);background:#8b5cf638}.chip-x{min-width:28px;min-height:28px;color:var(--muted);background:0 0;border:0;padding:0;font-size:.85rem}input.search,.group>input,.screen>input,input.clue{flex:none}.word-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;margin-top:16px;display:grid}.word-grid>*{background:var(--bg);border:1px solid var(--border);text-align:center;overflow-wrap:anywhere;border-radius:10px;justify-content:center;align-items:center;min-height:52px;padding:4px;font-size:.8rem;font-weight:600;line-height:1.15;display:flex}.word-grid>button{background:var(--surface);min-height:60px}.word-grid .secret{background:var(--accent);border-color:var(--accent);color:#fff}.chip-hint{color:var(--muted);margin-left:4px;font-size:.75rem}.word-rows{flex-direction:column;gap:6px;display:flex}.word-row{background:var(--bg);border-radius:10px;align-items:center;gap:8px;min-height:40px;padding:6px 10px;display:flex}.word-row>b{overflow-wrap:anywhere;flex:0 40%;font-weight:600}.word-row>span,.word-row>input{flex:1;min-width:0}.word-row.mine{box-shadow:inset 0 0 0 1px var(--accent);background:#8b5cf638}.word-row input{padding:6px 8px;font-size:.9rem}.word-row input[aria-invalid=true]{border-color:var(--danger,#ef4444)}.screen>div.room-head{flex:none}.room-code{letter-spacing:.2em;font-variant-numeric:tabular-nums;margin:0}.grid.mode-pick{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.grid.mode-pick .tile{aspect-ratio:auto;min-height:52px;padding:8px 4px;font-size:.9rem}.scores b{font-size:1.1rem}.scores li,.tally li{gap:12px;padding-right:14px}.tally{text-align:left;width:100%;margin-top:8px}button.on-outline{outline:2px solid var(--accent)}.help-btn{z-index:30;top:max(12px, env(safe-area-inset-top));background:var(--surface);border-radius:50%;width:38px;height:38px;min-height:38px;padding:0;font-size:1.05rem;font-weight:800;position:fixed;right:12px;box-shadow:0 2px 10px #00000059}@media (width<=600px){.topbar{padding-right:46px}}.help-backdrop{z-index:28;background:#0006;position:fixed;inset:0}.help{z-index:29;top:calc(max(12px, env(safe-area-inset-top)) + 46px);background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:12px;width:min(380px,100vw - 24px);max-height:calc(100dvh - 80px);padding:16px;display:flex;position:fixed;right:12px;overflow-y:auto;box-shadow:0 12px 40px #00000080}.help-title{font-size:1.15rem}.help-tabs{flex-wrap:wrap;gap:6px;display:flex}.help-tabs button{background:var(--bg);min-height:34px;padding:4px 10px;font-size:.85rem}.help-tabs button.on{background:var(--accent);border-color:var(--accent)}.help ol{flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:.93rem;line-height:1.4;display:flex}.help-win{background:var(--bg);border-radius:var(--radius);flex-direction:column;gap:6px;padding:10px 12px;font-size:.93rem;display:flex}.phones{justify-content:center;gap:10px;display:flex}.phone-wrap{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;max-width:104px;display:flex}.phone-wrap .who{color:var(--muted);font-size:.72rem}.phone{aspect-ratio:3/4;text-align:center;background:var(--bg);border:2px solid var(--border);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;padding:8px 6px;display:flex}.phone b{overflow-wrap:anywhere;font-size:.88rem;line-height:1.15}.phone small{color:var(--muted);font-size:.66rem}.phone.bad{border-color:var(--danger)}.phone.bad b,.phone.bad small{color:var(--danger)}.bubble{background:var(--accent);color:#fff;border-radius:10px;padding:1px 10px;font-size:.8rem;font-weight:700}.mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;width:100%;display:grid}.mini-grid span{background:var(--surface);border-radius:3px;padding:3px 0;font-size:.5rem;overflow:hidden}.mini-grid span.secret{color:#14111f;background:#facc15;font-weight:700}.flow{color:var(--muted);justify-content:center;align-items:center;font-size:.72rem;display:flex}.flow>span{align-items:center;display:flex}.flow>span>span{flex-direction:column;align-items:center;min-width:44px;display:flex}.flow b{font-size:1.3rem}.flow i{margin:0 4px 14px;font-style:normal}.rules{background:var(--surface);border-radius:var(--radius);color:var(--muted);overflow-wrap:anywhere;flex-direction:column;gap:4px;margin:0;padding:10px 14px;font-size:.9rem;list-style:none;display:flex}.rules li:before{content:"• "}.wave-score{background:var(--surface);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;padding:8px 14px;font-size:.95rem;display:flex}.wave-score b{margin-left:4px;font-size:1.15rem}.wave-score .on{outline:2px solid var(--accent);border-radius:8px;margin:-2px -6px;padding:2px 6px}.screen>div.dial{flex:none}.dial{flex-direction:column;gap:6px;width:100%;margin-top:8px;display:flex}.dial svg{width:100%;display:block;overflow:visible}.dial svg.live{touch-action:none;cursor:grab}.dial svg:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}.dial-face{fill:var(--surface);stroke:var(--border);stroke-width:1px}.dial-tick{stroke:var(--border);stroke-width:1px}.dial-target{transform-origin:100px 100px;animation:.5s ease-out target-in}@keyframes target-in{0%{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.dial-target{animation:none}}.band{stroke:var(--bg);stroke-width:.5px}.band-2{fill:#facc15}.band-3{fill:#fb923c}.band-4{fill:#38bdf8}.band-label{fill:#14111f;text-anchor:middle;dominant-baseline:middle;font-size:8px;font-weight:800}.dial-needle{stroke:var(--danger);stroke-width:3px;stroke-linecap:round}.dial-hub{fill:var(--danger)}.dial-ends{align-items:center;gap:8px;font-weight:700;display:flex}.dial-ends>span{overflow-wrap:anywhere;flex:1;min-width:0}.dial-ends>span:last-of-type{text-align:right}.dial-ends>span:first-of-type:before{content:"← ";color:var(--muted)}.dial-ends>span:last-of-type:after{content:" →";color:var(--muted)}.clue-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;margin-top:12px;padding:12px;display:flex}.clue-card .dial-face{fill:var(--surface)}form:has(>.clue-card){flex-direction:column;flex:1;gap:10px;display:flex}.clue-line{flex:none!important;gap:0!important}.clue-line .question{margin-top:4px}