:root{--font-pixel: "WerwolfPixel", ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--pb: 2px;--ui-k: 2;--touch: 44px;--ink: #2a1e16;--ink-soft: #5a4632;--paper: #ead7aa;--paper-hi: #f6e8c4;--paper-lo: #c9ad78;--edge: #3a2618;--wood: #8a5a32;--wood-hi: #b07a46;--wood-lo: #5e3a1e;--wood-text: #fff1d6;--danger: #a8382e;--danger-hi: #cf5a46;--ok: #5c8f3e;--village: #6fae5a;--wolves: #b8433a;--solo: #9a6ad0;--gold: #ffd166;--night-ink: #e8ecff;--shade: rgba(10, 8, 16, .62)}@media (min-width: 1100px) and (min-height: 700px){:root{--pb: 3px;--ui-k: 3}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:#0d0b0a;color:var(--wood-text);font-family:var(--font-pixel);-webkit-font-smoothing:none;font-smooth:never;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.ww-root{position:fixed;inset:0;overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none}.ww-stage{position:absolute}.ww-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.ww-anchors{transition:opacity .25s;position:absolute;inset:0;pointer-events:none;overflow:visible}.ww-anchor{position:absolute;left:calc(var(--x) * var(--px, 1) * 1px);top:calc(var(--y) * var(--px, 1) * 1px);transform:translate(var(--ax),var(--ay))}.ww-root [hidden]{display:none!important}.ww-ui{position:absolute;pointer-events:none}.ww-ui>*{pointer-events:auto}.ww-safe-probe{position:fixed;inset:0;visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.ww-root img,.ww-pixel{image-rendering:pixelated}.ww-px-frame,.ww-panel,.ww-btn,.ww-modal,.ww-toast,.ww-tooltip,.ww-timer{--frame: var(--edge);box-shadow:0 calc(-1 * var(--pb)) 0 0 var(--frame),0 var(--pb) 0 0 var(--frame),calc(-1 * var(--pb)) 0 0 0 var(--frame),var(--pb) 0 0 0 var(--frame);margin:var(--pb)}.ww-panel{background:var(--paper);color:var(--ink);padding:calc(var(--pb) * 5);box-shadow:inset var(--pb) var(--pb) 0 0 var(--paper-hi),inset calc(-1 * var(--pb)) calc(-1 * var(--pb)) 0 0 var(--paper-lo),0 calc(-1 * var(--pb)) 0 0 var(--frame),0 var(--pb) 0 0 var(--frame),calc(-1 * var(--pb)) 0 0 0 var(--frame),var(--pb) 0 0 0 var(--frame),0 calc(var(--pb) * 3) 0 0 #00000059}.ww-panel.is-wood{background:var(--wood-lo);color:var(--wood-text);box-shadow:inset var(--pb) var(--pb) 0 0 var(--wood),inset calc(-1 * var(--pb)) calc(-1 * var(--pb)) 0 0 #3e2412,0 calc(-1 * var(--pb)) 0 0 var(--frame),0 var(--pb) 0 0 var(--frame),calc(-1 * var(--pb)) 0 0 0 var(--frame),var(--pb) 0 0 0 var(--frame)}.ww-panel h2,.ww-panel h3,.ww-title{margin:0 0 calc(var(--pb) * 4);font-size:18px;line-height:1.2;letter-spacing:.04em;text-transform:uppercase}.ww-panel p{margin:0 0 calc(var(--pb) * 3);line-height:1.4}.ww-btn{appearance:none;border:0;min-width:var(--touch);min-height:var(--touch);padding:0 calc(var(--pb) * 6);font:inherit;font-size:15px;letter-spacing:.04em;color:var(--wood-text);text-shadow:var(--pb) var(--pb) 0 #2a160a;background:var(--wood);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--pb) * 3);box-shadow:inset var(--pb) var(--pb) 0 0 var(--wood-hi),inset calc(-1 * var(--pb)) calc(-1 * var(--pb) * 2) 0 0 var(--wood-lo),0 calc(-1 * var(--pb)) 0 0 var(--frame),0 var(--pb) 0 0 var(--frame),calc(-1 * var(--pb)) 0 0 0 var(--frame),var(--pb) 0 0 0 var(--frame);transition:none}.ww-btn:hover{background:#9a6838}.ww-btn:active,.ww-btn.is-pressed{transform:translateY(var(--pb));box-shadow:inset var(--pb) var(--pb) 0 0 var(--wood-lo),0 calc(-1 * var(--pb)) 0 0 var(--frame),0 var(--pb) 0 0 var(--frame),calc(-1 * var(--pb)) 0 0 0 var(--frame),var(--pb) 0 0 0 var(--frame)}.ww-btn:focus-visible{outline:var(--pb) solid var(--gold);outline-offset:calc(var(--pb) * 2)}.ww-btn:disabled{filter:grayscale(.8) brightness(.8);cursor:default;transform:none}.ww-btn.is-danger{background:var(--danger);--wood-hi: var(--danger-hi);--wood-lo: #6e2018}.ww-btn.is-primary{background:var(--ok);--wood-hi: #7fb05a;--wood-lo: #3a5e24}.ww-btn.is-icon{padding:0;width:var(--touch)}.ww-btn img{width:calc(16px * var(--ui-k) / 1.5);height:auto}.ww-field{display:grid;grid-template-columns:minmax(7em,1fr) minmax(120px,2fr) 3.2em;align-items:center;gap:calc(var(--pb) * 4);min-height:var(--touch)}.ww-field-label{font-size:14px}.ww-field-value{text-align:right;font-size:13px;color:var(--ink-soft)}.ww-slider{appearance:none;-webkit-appearance:none;width:100%;height:var(--touch);margin:0;background:transparent;cursor:pointer;--fill: 50%}.ww-slider::-webkit-slider-runnable-track{height:calc(var(--pb) * 4);background:linear-gradient(to right,var(--wood) var(--fill),var(--paper-lo) var(--fill));box-shadow:0 0 0 var(--pb) var(--edge)}.ww-slider::-moz-range-track{height:calc(var(--pb) * 4);background:linear-gradient(to right,var(--wood) var(--fill),var(--paper-lo) var(--fill));box-shadow:0 0 0 var(--pb) var(--edge)}.ww-slider::-webkit-slider-thumb{-webkit-appearance:none;width:calc(var(--pb) * 8);height:calc(var(--pb) * 10);margin-top:calc(var(--pb) * -3);border:0;background:var(--wood-hi);box-shadow:inset calc(-1 * var(--pb)) calc(-1 * var(--pb)) 0 0 var(--wood-lo),0 0 0 var(--pb) var(--edge)}.ww-slider::-moz-range-thumb{width:calc(var(--pb) * 8);height:calc(var(--pb) * 10);border:0;border-radius:0;background:var(--wood-hi);box-shadow:inset calc(-1 * var(--pb)) calc(-1 * var(--pb)) 0 0 var(--wood-lo),0 0 0 var(--pb) var(--edge)}.ww-slider:focus-visible{outline:var(--pb) solid var(--gold)}.ww-toggle{appearance:none;border:0;font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:flex-start;min-height:var(--touch);min-width:var(--touch);padding:0;background:none}.ww-toggle-track{position:relative;width:calc(var(--pb) * 18);height:calc(var(--pb) * 9);background:var(--paper-lo);box-shadow:0 0 0 var(--pb) var(--edge)}.ww-toggle-knob{position:absolute;top:var(--pb);left:var(--pb);width:calc(var(--pb) * 7);height:calc(var(--pb) * 7);background:var(--wood);box-shadow:inset calc(-1 * var(--pb)) calc(-1 * var(--pb)) 0 0 var(--wood-lo)}.ww-toggle[aria-checked=true] .ww-toggle-track{background:var(--ok)}.ww-toggle[aria-checked=true] .ww-toggle-knob{left:calc(var(--pb) * 10);background:var(--paper-hi);box-shadow:inset calc(-1 * var(--pb)) calc(-1 * var(--pb)) 0 0 var(--paper-lo)}.ww-toggle:focus-visible .ww-toggle-track{outline:var(--pb) solid var(--gold);outline-offset:var(--pb)}.ww-select{font:inherit;font-size:14px;min-height:var(--touch);padding:0 calc(var(--pb) * 4);color:var(--ink);background:var(--paper-hi);border:0;border-radius:0;box-shadow:0 0 0 var(--pb) var(--edge)}.ww-overlay-layer{position:fixed;inset:0;pointer-events:none;z-index:50}.ww-modal-backdrop{position:absolute;inset:0;background:var(--shade);display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));pointer-events:auto;animation:ww-fade .15s steps(3) both}.ww-modal{width:min(520px,100%);max-height:100%;overflow:auto;display:flex;flex-direction:column;animation:ww-drop .18s steps(4) both}.ww-modal-head{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--pb) * 4);margin-bottom:calc(var(--pb) * 4)}.ww-modal-head .ww-title{margin:0}.ww-modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:calc(var(--pb) * 4);margin-top:calc(var(--pb) * 6)}.ww-toasts{position:fixed;left:50%;top:max(10px,env(safe-area-inset-top));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:calc(var(--pb) * 4);z-index:60;pointer-events:none;width:min(92vw,460px)}.ww-toast{background:var(--paper);color:var(--ink);padding:calc(var(--pb) * 4) calc(var(--pb) * 6);font-size:14px;line-height:1.3;text-align:center;animation:ww-drop .18s steps(4) both;pointer-events:auto}.ww-toast.is-warn{background:#f1c46a}.ww-toast.is-error{background:var(--danger);color:var(--wood-text)}.ww-toast.is-ok{background:#a9d18a}.ww-toast.is-leaving{animation:ww-fade .2s steps(3) reverse both}.ww-timer{position:relative;height:calc(var(--pb) * 6);background:#2a1e16;overflow:hidden}.ww-timer-fill{position:absolute;inset:0;transform-origin:left center;background:repeating-linear-gradient(to right,var(--gold) 0 calc(var(--pb) * 4),#f0b840 calc(var(--pb) * 4) calc(var(--pb) * 5))}.ww-timer.is-warn .ww-timer-fill{background:var(--danger-hi);animation:ww-blink .5s steps(1) infinite}.ww-timer-text{position:absolute;right:calc(var(--pb) * 2);top:50%;transform:translateY(-50%);font-size:10px;color:var(--wood-text);text-shadow:1px 1px 0 #000}.ww-tooltip{position:fixed;z-index:70;max-width:240px;background:#24181a;color:var(--wood-text);font-size:13px;line-height:1.3;padding:calc(var(--pb) * 3) calc(var(--pb) * 4);pointer-events:none;--frame: #000}.ww-nametag{margin-top:calc(var(--px, 1) * 2px);max-width:calc(var(--px, 1) * 104px);padding:1px 4px;font-size:clamp(10px,calc(var(--px, 1) * 8.4px),16px);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff4d8;background:#140e0a9e;text-shadow:1px 1px 0 #000;opacity:calc(1 - var(--night, 0) * .25);display:flex;align-items:center;gap:3px}.ww-nametag.is-self{color:var(--gold);background:#3c2808bf}.ww-nametag.is-dead{color:#9a9aa2;text-decoration:line-through;background:#1414188c}.ww-nametag.is-selectable{box-shadow:0 0 0 1px #e8dcb0}.ww-crown{display:inline-block;flex:none;width:9px;height:7px;background:var(--gold);clip-path:polygon(0 100%,0 20%,25% 55%,50% 0,75% 55%,100% 20%,100% 100%)}.ww-votes{min-width:calc(var(--px, 1) * 18px);height:calc(var(--px, 1) * 18px);padding:0 calc(var(--px, 1) * 4px);display:flex;align-items:center;justify-content:center;font-size:clamp(11px,calc(var(--px, 1) * 12px),22px);line-height:1;color:#fff;background:var(--danger);text-shadow:1px 1px 0 #000;box-shadow:0 -2px #3a0e0a,0 2px #3a0e0a,-2px 0 #3a0e0a,2px 0 #3a0e0a}.ww-votes.is-pop{animation:ww-pop .3s steps(4) both}.ww-gear{position:fixed;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));z-index:40}.ww-gear-icon{width:24px;height:24px;image-rendering:pixelated;shape-rendering:crispEdges}.ww-settings{display:flex;flex-direction:column;gap:calc(var(--pb) * 2)}.ww-settings-section{margin-top:calc(var(--pb) * 4);font-size:12px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em}.ww-key{font:inherit;font-size:13px}.ww-sound-hint{position:fixed;left:50%;top:max(10px,env(safe-area-inset-top));transform:translate(-50%);z-index:45;animation:ww-blink 1.2s steps(1) infinite}@keyframes ww-fade{0%{opacity:0}to{opacity:1}}@keyframes ww-drop{0%{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}@keyframes ww-pop{0%{scale:.5}60%{scale:1.3}to{scale:1}}@keyframes ww-blink{50%{opacity:.55}}@media (prefers-reduced-motion: reduce){.ww-sound-hint,.ww-timer.is-warn .ww-timer-fill{animation:none}}.ww-demo-bar{position:absolute;left:50%;bottom:max(4px,env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:4px;width:max-content;max-width:calc(100% - 16px)}.ww-demo-bar .ww-btn{font-size:11px;padding:0 8px;min-width:0}.is-portrait .ww-demo-bar{position:static;transform:none;margin:8px auto}.ww-route-stub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:220px;max-width:calc(100% - 32px);text-align:center}.ww-route-stub a{color:var(--c-accent, #ffd166)}.is-card-reveal .ww-anchors{opacity:0}.ww-card-overlay{position:fixed;inset:0;z-index:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));background:#0a081000;transition:background .5s ease-out,opacity .3s;cursor:pointer;font-family:var(--font-pixel);color:#fff4d8;text-align:center}.ww-card-overlay.is-in{background:#0a0810db}.ww-card-overlay.is-out{opacity:0}.ww-card-overlay__card{position:relative;flex:none;width:min(72vw,calc(62vh * var(--card-ratio)));aspect-ratio:var(--card-ratio);transform:translateY(110vh) rotate(14deg);transition:transform .52s cubic-bezier(.2,.8,.3,1),filter .4s;transform-style:preserve-3d}.ww-card-overlay.is-in .ww-card-overlay__card{transform:translateY(0) rotate(0) rotateY(0)}.ww-card-overlay.is-flipped .ww-card-overlay__card{transform:rotateY(180deg);transition:transform .37s ease-in-out,filter .4s}.ww-card-overlay.is-named .ww-card-overlay__card{filter:drop-shadow(0 0 18px var(--team)) drop-shadow(0 0 4px var(--team))}.ww-card-overlay__card canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;backface-visibility:hidden}.ww-card-overlay__face{transform:rotateY(180deg)}.ww-card-overlay__name{font-size:clamp(22px,7vw,34px);text-shadow:2px 2px 0 #1a1210,-1px -1px 0 #1a1210;opacity:0;transition:opacity .38s}.ww-card-overlay__team{color:var(--team);font-size:clamp(15px,4.5vw,20px);text-shadow:1px 1px 0 #1a1210;opacity:0;transition:opacity .38s}.ww-card-overlay__hint{font-size:12px;opacity:0;color:#b8ac90;transition:opacity .38s .6s}.ww-card-overlay.is-named .ww-card-overlay__name,.ww-card-overlay.is-named .ww-card-overlay__team,.ww-card-overlay.is-named .ww-card-overlay__hint{opacity:1}.ww-row{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--pb) * 4)}.ww-muted{color:var(--ink-soft);font-size:13px}.ww-badge{display:inline-block;padding:2px 6px;font-size:12px;background:var(--wood);color:var(--wood-text)}.ww-badge.is-lock{background:var(--danger)}.ww-input{font:inherit;font-size:16px;min-height:var(--touch);padding:0 10px;border:var(--pb) solid var(--edge);background:var(--paper-hi);color:var(--ink);box-sizing:border-box;width:100%;min-width:0}.ww-input:focus-visible{outline:var(--pb) solid var(--gold)}.ww-btn-wide{width:100%}.ww-btn.is-small{font-size:13px;padding:0 calc(var(--pb) * 3)}.ww-or{text-align:center;font-size:13px;color:var(--ink-soft);margin:calc(var(--pb) * 4) 0}.ww-form-error{color:var(--danger);min-height:1.2em;font-size:14px}.ww-form-hint{font-size:13px;color:var(--ink-soft)}.ww-icon{image-rendering:pixelated;flex:none;vertical-align:middle}.ww-icon.is-missing{display:inline-flex;align-items:center;justify-content:center;background:var(--paper-lo);color:var(--ink);font-size:12px}.ww-screen{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100% - 24px));max-height:calc(100% - 24px);overflow-y:auto;box-sizing:border-box}.ww-subtitle{font-style:italic;color:var(--ink-soft)}.ww-tabs{display:flex;gap:calc(var(--pb) * 2);margin-bottom:calc(var(--pb) * 4)}.ww-tab{flex:1;min-height:var(--touch);font:inherit;border:0;cursor:pointer;background:var(--paper-lo);color:var(--ink)}.ww-tab[aria-selected=true]{background:var(--wood);color:var(--wood-text)}.ww-form{display:grid;gap:calc(var(--pb) * 2)}.ww-form-label{font-size:14px}.ww-btn-discord{background:#5865f2;--wood-hi: #7983f5;--wood-lo: #3c45a5;text-decoration:none;box-sizing:border-box}.ww-greet{font-size:16px}.ww-join-row{display:flex;gap:calc(var(--pb) * 3)}.ww-code-input{text-transform:uppercase;letter-spacing:.15em}.ww-home-actions{display:flex;flex-wrap:wrap;gap:calc(var(--pb) * 3);margin-top:calc(var(--pb) * 6)}.ww-home-actions>*{flex:1 1 30%}.ww-profile-modal{width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow-y:auto}.ww-profile-head{display:flex;align-items:center;gap:8px;font-size:18px;margin-bottom:8px}.ww-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px;margin:0 0 10px}.ww-kpis>div{background:var(--paper-hi);padding:6px;text-align:center}.ww-kpis dt{font-size:12px;color:var(--ink-soft)}.ww-kpis dd{margin:0;font-size:20px}.ww-stats{width:100%;border-collapse:collapse;margin-bottom:12px;font-size:13px}.ww-stats caption{text-align:left;font-weight:700;padding:4px 0}.ww-stats th,.ww-stats td{padding:4px;text-align:right;border-bottom:1px solid var(--paper-lo)}.ww-stats th[scope=row],.ww-stats thead th:first-child{text-align:left}.ww-stats tr.is-village th{color:#3d7a2c}.ww-stats tr.is-wolves th{color:var(--wolves)}.ww-stats tr.is-solo th{color:#6c40a0}.ww-stat-name{display:inline-flex;align-items:center;gap:6px}.ww-lobby{position:absolute;top:8px;right:8px;bottom:8px;width:clamp(340px,32vw,440px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}.ww-root.is-portrait .ww-lobby{inset:0;width:auto}.ww-lobby.is-joining .ww-lobby-body{display:none}.ww-lobby-head .ww-title{margin:0}.ww-invite{display:flex;gap:calc(var(--pb) * 3);margin:calc(var(--pb) * 3) 0 calc(var(--pb) * 4)}.ww-invite-input{font-size:13px}.ww-sub{font-size:14px;margin:calc(var(--pb) * 5) 0 calc(var(--pb) * 2);text-transform:uppercase;letter-spacing:.04em}.ww-members{list-style:none;margin:0;padding:0}.ww-member{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;min-height:var(--touch);padding:2px 4px;border-bottom:1px solid var(--paper-lo)}.ww-member.is-self{background:var(--paper-hi)}.ww-member.is-offline .ww-member-name{opacity:.55}.ww-member-name{flex:1 1 auto;min-width:3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ww-tags{display:inline-flex;gap:4px}.ww-tag{font-size:12px;padding:1px 5px;background:var(--paper-lo)}.ww-tag.is-host{background:var(--gold);color:var(--ink)}.ww-tag.is-ready{background:var(--ok);color:#fff}.ww-tag.is-bot{background:#6b7a8a;color:#fff}.ww-tag.is-off{background:var(--danger);color:#fff}.ww-member-actions{display:inline-flex;flex:none;gap:4px}.ww-lobby .ww-btn{white-space:nowrap}.ww-root.is-portrait .ww-own-btns .ww-btn{font-size:13px;padding:0 calc(var(--pb) * 3)}.ww-narr-line{font-size:14px;margin-top:8px}.ww-own{margin:calc(var(--pb) * 4) 0}.ww-own-btns>*{flex:1 1 auto}.ww-start-box{margin-top:calc(var(--pb) * 2)}.ww-blockers{margin:6px 0 0;padding-left:1.2em;font-size:13px;color:var(--danger)}.ww-blockers:empty{display:none}.ww-voice-dock{position:absolute;left:8px;bottom:8px;display:flex;gap:6px;align-items:center}.ww-voice-dock:empty{display:none}.ww-section{margin-top:calc(var(--pb) * 4);border-top:var(--pb) solid var(--paper-lo)}.ww-section-head{min-height:var(--touch);display:flex;align-items:center;cursor:pointer;font-size:15px;text-transform:uppercase;letter-spacing:.04em;list-style:none}.ww-section-head::-webkit-details-marker{display:none}.ww-section-head:before{content:"▸";margin-right:8px}.ww-section[open]>.ww-section-head:before{content:"▾"}.ww-section-body{display:grid;gap:calc(var(--pb) * 2);padding-bottom:calc(var(--pb) * 3)}.ww-field-wide{grid-template-columns:minmax(7em,1fr) minmax(0,2fr)}.ww-seg{display:flex;flex-wrap:wrap;gap:2px}.ww-seg-btn{flex:1 1 auto;min-height:var(--touch);font:inherit;font-size:13px;border:0;padding:0 8px;cursor:pointer;background:var(--paper-lo);color:var(--ink)}.ww-seg-btn[aria-checked=true]{background:var(--wood);color:var(--wood-text)}.ww-seg-btn:disabled,.ww-step-btn:disabled{cursor:default;opacity:.55}.ww-seg-btn[aria-checked=true]:disabled{opacity:.85}.ww-stepper{display:inline-flex;align-items:center}.ww-step-btn{width:var(--touch);height:var(--touch);font:inherit;font-size:18px;border:0;cursor:pointer;background:var(--wood);color:var(--wood-text)}.ww-step-val{min-width:2em;text-align:center;font-size:16px}.ww-role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px}.ww-role-tile{display:flex;align-items:center;gap:6px;padding:2px 4px;background:var(--paper-hi);border-left:4px solid var(--paper-lo);opacity:.75}.ww-role-tile.is-on{opacity:1;background:#fff4d6}.ww-role-tile.is-village{border-left-color:var(--village)}.ww-role-tile.is-wolves{border-left-color:var(--wolves)}.ww-role-tile.is-solo{border-left-color:var(--solo)}.ww-role-name{flex:1;font-size:13px;min-width:0;overflow-wrap:anywhere}.ww-settings-view.is-readonly .ww-step-btn{display:none}.ww-deck-info{font-size:13px}.ww-deck-info.is-bad{color:var(--danger)}.ww-deck{display:flex;flex-wrap:wrap;gap:2px}.ww-balance-bar{position:relative;display:flex;justify-content:space-between;height:22px;padding:0 6px;align-items:center;font-size:11px;color:#fff;background:linear-gradient(90deg,var(--wolves),#c9b36a 50%,var(--village))}.ww-balance-mark{position:absolute;top:-3px;bottom:-3px;width:4px;margin-left:-2px;background:var(--ink)}.ww-balance-text{font-size:13px}.ww-check{margin:0;padding-left:1.2em;font-size:13px}.ww-check .is-error{color:var(--danger)}.ww-check .is-warn{color:#9a6a00}.ww-char{padding:4px 0;border-bottom:1px dashed var(--paper-lo)}.ww-char.is-inactive{opacity:.6}.ww-char-head{display:flex;align-items:center;gap:6px;margin:4px 0;font-size:14px}.ww-char-state{font-size:12px;color:var(--ink-soft)}@media (max-width: 700px){.ww-field,.ww-field-wide{grid-template-columns:1fr;gap:2px}.ww-role-grid{grid-template-columns:1fr}}.ww-lobby-err{text-align:center;padding:calc(var(--pb) * 6) 0}.ww-lobby-err-btns{justify-content:center;flex-wrap:wrap;gap:calc(var(--pb) * 3);margin-top:calc(var(--pb) * 5)}.ww-member.is-banned .ww-member-name{opacity:.7;text-decoration:line-through}.wg{position:absolute;inset:0;pointer-events:none;transition:opacity .2s,visibility .2s;font-size:14px;color:var(--wood-text)}.wg>*,.wg-side>*,.wg-center>*{pointer-events:auto}.wg-side,.wg-center{pointer-events:none}.wg-center{position:absolute;top:max(6px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(380px,52vw);display:flex;flex-direction:column;gap:4px;align-items:stretch}.wg-top{background:#140e0ac7;padding:4px 8px 6px;box-shadow:0 0 0 var(--pb) var(--edge);text-align:center}.wg-top-row{display:flex;align-items:center;justify-content:center;gap:6px}.wg-phase-icon{width:20px;height:20px;image-rendering:pixelated}.wg-title{font-size:15px;letter-spacing:.04em;text-shadow:1px 1px 0 #000}.wg-sub{font-size:12px;opacity:.85;margin:2px 0 3px}.wg-paused{color:var(--gold);font-size:12px;animation:ww-blink 1s steps(1) infinite}.wg-top .ww-timer{margin:4px 0 0}.wg-top .ww-timer.is-paused .ww-timer-fill{filter:grayscale(.8)}.wg-hint{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:4px 8px;background:#281e3cd9;box-shadow:0 0 0 var(--pb) var(--edge);font-size:13px;text-align:center}.wg-hint[data-kind=dead]{background:#3c3c50e0}.wg-hint[data-kind=narrator]{background:#5a3c14e0}.wg-hint .ww-btn{min-height:36px;font-size:13px}.wg-side{position:absolute;top:max(6px,env(safe-area-inset-top));left:max(6px,env(safe-area-inset-left));width:min(250px,24vw);display:flex;flex-direction:column;gap:6px;max-height:calc(100% - 12px)}.wg-role{appearance:none;border:0;font:inherit;cursor:pointer;display:flex;align-items:center;gap:6px;min-height:var(--touch);padding:4px 8px;color:var(--wood-text);background:#140e0acc;box-shadow:0 0 0 var(--pb) var(--edge),inset 4px 0 0 0 var(--village);text-align:left}.wg-role[data-team=wolves]{box-shadow:0 0 0 var(--pb) var(--edge),inset 4px 0 0 0 var(--wolves)}.wg-role[data-team=solo]{box-shadow:0 0 0 var(--pb) var(--edge),inset 4px 0 0 0 var(--solo)}.wg-role-icon{width:32px;height:32px;image-rendering:pixelated}.wg-role-text{display:flex;flex-direction:column;line-height:1.15}.wg-role-name{font-size:14px}.wg-role-team{font-size:11px;opacity:.8}.wg-log{background:#140e0ab8;box-shadow:0 0 0 var(--pb) var(--edge);min-height:0;display:flex;flex-direction:column}.wg-ticker{appearance:none;border:0;font:inherit;font-size:12px;color:inherit;background:none;text-align:left;cursor:pointer;display:flex;gap:4px;padding:6px;min-height:var(--touch);align-items:center}.wg-ticker-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wg-log-list{list-style:none;margin:0;padding:0 6px 6px;overflow-y:auto;max-height:40vh;font-size:12px;line-height:1.35}.wg-log-item{padding:2px 0;border-top:1px solid rgba(255,255,255,.08)}.wg-log-item.is-private,.wg-ticker-text.is-private{color:#c9b8ff}.wg-log-item.is-system{opacity:.75}.wg mark,.ww-panel mark{background:none;color:var(--gold);font-weight:700}.ww-panel mark{color:#8a3a12}.wg mark.wg-mark-role{color:#9fd8ff}.ww-panel mark.wg-mark-role{color:#2a5a8a}.wg-tools{display:flex;gap:4px}.wg-tool{font-size:13px}.wg-rolechip{display:flex;align-items:center;gap:2px;font-size:calc(var(--px, 1) * 6.8px);line-height:1;padding:1px 3px;color:#fff;background:#140e0abf;white-space:nowrap;pointer-events:none;box-shadow:inset 0 -2px 0 var(--village)}.wg-rolechip[data-team=wolves]{box-shadow:inset 0 -2px 0 var(--wolves)}.wg-rolechip[data-team=solo]{box-shadow:inset 0 -2px 0 var(--solo)}.wg-rolechip img{width:calc(var(--px, 1) * 12px);height:calc(var(--px, 1) * 12px);image-rendering:pixelated}.is-card-reveal .wg-rolechip{opacity:0}.is-card-reveal .wg{opacity:0;visibility:hidden}.wg-prompts{position:absolute;left:50%;bottom:max(6px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(560px,calc(100% - 12px));max-height:46%;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.wg-prompts.is-empty{display:none}.wg-prompt{background:var(--paper);color:var(--ink);padding:6px 8px 8px;box-shadow:0 0 0 var(--pb) var(--edge),inset 4px 0 0 0 var(--wood)}.wg-prompt.is-active{box-shadow:0 0 0 var(--pb) var(--gold),inset 4px 0 0 0 var(--gold)}.wg-prompt.is-wolves{box-shadow:0 0 0 var(--pb) var(--edge),inset 4px 0 0 0 var(--wolves)}.wg-prompt.is-heal{background:#dcebc8;box-shadow:0 0 0 var(--pb) var(--edge),inset 4px 0 0 0 var(--ok)}.wg-prompt.is-poison{background:#e3d2ee;box-shadow:0 0 0 var(--pb) var(--edge),inset 4px 0 0 0 var(--solo)}.wg-prompt.is-risk{box-shadow:0 0 0 var(--pb) var(--edge),inset 4px 0 0 0 var(--danger)}.wg-prompt.is-sent{opacity:.86}.wg-prompt-head{display:flex;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:4px;cursor:pointer;font-size:14px}.wg-prompt-sent{font-size:11px;color:var(--ok)}.wg-prompt-hint,.wg-live{font-size:12px;margin:0 0 4px;color:var(--ink-soft)}.wg-live{color:var(--wolves)}.wg-targets{display:flex;flex-wrap:wrap;gap:4px;max-height:120px;overflow-y:auto;margin-bottom:6px}.wg-target{appearance:none;border:0;font:inherit;font-size:13px;min-height:var(--touch);min-width:var(--touch);padding:0 10px;color:var(--ink);background:var(--paper-hi);box-shadow:0 0 0 var(--pb) var(--paper-lo);cursor:pointer}.wg-target.is-selected{background:var(--gold);box-shadow:0 0 0 var(--pb) var(--edge)}.wg-target.is-dead{opacity:.65}.wg-prompt-actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.wg-prompt-actions .ww-btn{font-size:14px}.wg-choice-icon{width:24px;height:24px;image-rendering:pixelated}.wg-wait{align-self:center;padding:6px 12px;background:#140e0acc;box-shadow:0 0 0 var(--pb) var(--edge);font-size:13px}.wg-narr{position:absolute;top:calc(max(8px,env(safe-area-inset-top)) + 54px);right:max(6px,env(safe-area-inset-right));width:min(330px,32vw);max-height:calc(100% - 70px);overflow-y:auto;margin:0}.wg-narr-head{margin-bottom:6px}.wg-narr-kicker{font-size:11px;text-transform:uppercase;color:var(--ink-soft)}.wg-narr .wg-script-title{margin:0 0 4px;font-size:16px}.wg-script-line{font-size:17px;line-height:1.35;margin:0 0 6px}.wg-script-dummy{color:var(--danger);font-size:12px}.wg-script-notes{margin:0 0 6px;padding-left:16px;font-size:12px;color:var(--ink-soft)}.wg-narr-btns{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.wg-narr-btns .ww-btn{font-size:13px;padding:0 8px}.wg-next.is-ready{animation:wg-glow .9s steps(2) infinite}@keyframes wg-glow{50%{background:var(--gold);color:var(--ink);text-shadow:none}}.wg-narr-proto summary,.wg-end-proto summary{cursor:pointer;font-size:13px;min-height:32px}.wg-proto{margin:0;padding-left:18px;font-size:12px;line-height:1.35;max-height:30vh;overflow-y:auto}.wg-proto-when{color:var(--ink-soft)}.wg.has-narr .wg-prompts{left:calc(50% - min(165px,16vw));width:min(480px,calc(100% - min(330px,32vw) - 24px))}.wg-end{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(680px,calc(100% - 16px));max-height:calc(100% - 16px);overflow-y:auto;margin:0;z-index:5}.wg-end-banner{text-align:center;padding:8px;margin:-4px -4px 8px;color:#fff;background:var(--village);text-shadow:2px 2px 0 rgba(0,0,0,.5)}.wg-end.is-wolves .wg-end-banner{background:var(--wolves)}.wg-end.is-solo .wg-end-banner{background:var(--solo)}.wg-end-banner h2{margin:0 0 2px;font-size:22px}.wg-end-banner p{margin:0;font-size:13px}.wg-endcards{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}.wg-endcard{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;background:var(--paper-hi);box-shadow:0 0 0 var(--pb) var(--paper-lo),inset 0 -4px 0 var(--village);text-align:center;font-size:12px}.wg-endcard.is-wolves{box-shadow:0 0 0 var(--pb) var(--paper-lo),inset 0 -4px 0 var(--wolves)}.wg-endcard.is-solo{box-shadow:0 0 0 var(--pb) var(--paper-lo),inset 0 -4px 0 var(--solo)}.wg-endcard.is-winner{background:#fff3c4}.wg-endcard.is-dead .wg-endcard-icon{filter:grayscale(.8);opacity:.7}.wg-endcard-icon{width:40px;height:40px;image-rendering:pixelated}.wg-endcard-name{color:var(--ink-soft)}.wg-end-actions{display:flex;justify-content:center;margin-top:8px}.wg-end-wait{margin:0;color:var(--ink-soft)}.wg-roster{list-style:none;margin:0;padding:0;max-height:60vh;overflow-y:auto}.wg-roster-row{border-bottom:1px solid var(--paper-lo);padding:2px 0}.wg-roster-name{appearance:none;border:0;background:none;font:inherit;color:inherit;min-height:var(--touch);width:100%;text-align:left;cursor:pointer}.wg-roster-row.is-dead .wg-roster-name{opacity:.6}.wg-roster-hint{font-size:12px}.is-portrait .wg{position:static;display:flex;flex-direction:column;gap:6px;padding:6px max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));height:100%;overflow-y:auto;pointer-events:auto}.is-portrait .wg-center,.is-portrait .wg-side,.is-portrait .wg-prompts,.is-portrait .wg-narr,.is-portrait .wg.has-narr .wg-prompts{position:static;transform:none;width:auto;max-height:none;left:auto}.is-portrait .wg-center{order:0}.is-portrait .wg-prompts{order:1;overflow:visible}.is-portrait .wg-narr{order:2;overflow:visible}.is-portrait .wg-side{order:3;flex-direction:column;flex:1 1 auto;min-height:0}.is-portrait .wg-log{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.is-portrait .wg-log-list{flex:1 1 auto;min-height:96px;max-height:none}.is-portrait .wg-prompts .ww-btn{min-height:44px;font-size:15px}.is-portrait .wg-center{font-size:15px}.is-portrait .wg-end{position:fixed;top:50%}@media (max-height: 460px) and (orientation: landscape){.wg-side{width:min(200px,26vw)}.wg-log-list{max-height:28vh}.wg-prompts{max-height:52%}.wg-targets{max-height:96px}}.wg-end-actions{gap:8px;flex-wrap:wrap}.wg-narr-btns .wg-stop{margin-left:auto}.wg-host-list{display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow-y:auto}.wg-host-pick{width:100%}.wv-bar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-family:var(--font-pixel, monospace);color:var(--ink, #f4ead5);pointer-events:auto}.wv-bar.is-off .wv-mic{opacity:.6}.wv-mic,.wv-mode{min-height:var(--touch, 44px);border:2px solid var(--edge, #1b1420);border-radius:4px;background:var(--wood, #6b4a2f);color:var(--wood-text, #fff2d6);font:inherit;padding:2px 8px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.wv-mic{display:inline-flex;align-items:center;gap:6px;min-width:var(--touch, 44px)}.wv-mic:disabled{cursor:default;opacity:.55}.wv-mic.is-live{background:var(--ok, #3e8e41);box-shadow:0 0 0 2px var(--gold, #f2c14e)}.wv-mic-icon{width:16px;height:16px;image-rendering:pixelated;transform:scale(1.5)}.wv-mode{font-size:.85em}.wv-chans{display:inline-flex;flex-wrap:wrap;gap:3px}.wv-chan{padding:1px 5px;border-radius:3px;background:var(--shade, rgba(0, 0, 0, .45));font-size:.85em;white-space:nowrap}.wv-chan.is-speak{outline:1px solid var(--gold, #f2c14e)}.wv-status{font-size:.8em;color:var(--ink-soft, #cbbfa6)}