.outcome-overlay[data-v-226ed909]{--scene: #89d8f3;position:fixed;inset:0;z-index:100;min-height:100dvh;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;overflow:hidden;isolation:isolate;color:#eef8fb;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--scene) 18%,transparent),transparent 34%),linear-gradient(180deg,#061426,#07111e 58%,#030811)}.outcome-overlay[data-v-226ed909]:before,.outcome-overlay[data-v-226ed909]:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.outcome-overlay[data-v-226ed909]:before{opacity:.42;background-image:linear-gradient(30deg,transparent 48%,rgba(122,190,220,.05) 49%,transparent 51%),linear-gradient(150deg,transparent 48%,rgba(122,190,220,.04) 49%,transparent 51%);background-size:74px 128px;-webkit-mask-image:linear-gradient(to top,black,transparent 58%);mask-image:linear-gradient(to top,black,transparent 58%)}.outcome-overlay[data-v-226ed909]:after{background:radial-gradient(ellipse at center,transparent 38%,rgba(1,4,10,.72) 100%)}.outcome-poison[data-v-226ed909]{--scene: #b682ff}.outcome-heartbreak[data-v-226ed909],.outcome-lovers-win[data-v-226ed909]{--scene: #fa77b3}.outcome-village-win[data-v-226ed909]{--scene: #ffc878}.outcome-werewolves-win[data-v-226ed909]{--scene: #7dcfff}.outcome-draw[data-v-226ed909]{--scene: #e6b886}.outcome-aurora[data-v-226ed909]{position:absolute;top:-24%;left:50%;width:min(1100px,120vw);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--scene) 24%,transparent);border-radius:50%;transform:translate(-50%);box-shadow:0 0 130px color-mix(in srgb,var(--scene) 10%,transparent),inset 0 0 90px color-mix(in srgb,var(--scene) 7%,transparent);animation:outcome-breathe-226ed909 3.4s ease-in-out infinite}.outcome-moon[data-v-226ed909]{position:absolute;top:clamp(1rem,4vh,3rem);left:50%;width:clamp(190px,34vw,430px);aspect-ratio:1;border-radius:50%;opacity:.16;transform:translate(-50%);background:var(--scene);box-shadow:0 0 80px color-mix(in srgb,var(--scene) 34%,transparent);animation:outcome-moon-rise-226ed909 1.1s cubic-bezier(.2,.75,.2,1) both}.outcome-art[data-v-226ed909]{align-self:end;width:min(72vh,760px,92vw);max-width:627px;aspect-ratio:1;margin-bottom:clamp(-4.5rem,-7vh,-2rem);filter:drop-shadow(0 30px 40px rgba(0,0,0,.42));animation:outcome-art-in-226ed909 .55s cubic-bezier(.16,.9,.25,1) both}.outcome-sprite[data-v-226ed909]{width:100%;height:100%;background-repeat:no-repeat;background-size:200% 200%;background-position:0 0;animation:outcome-sprite-frames-226ed909 3.25s step-end both}.outcome-copy[data-v-226ed909]{z-index:2;width:min(680px,calc(100vw - 2rem));align-self:end;padding:1rem 1rem max(1.5rem,env(safe-area-inset-bottom));text-align:center;text-shadow:0 2px 18px #020711;animation:outcome-copy-in-226ed909 .55s .18s ease-out both}.outcome-copy .eyebrow[data-v-226ed909]{margin-bottom:.45rem;color:var(--scene)}.outcome-copy h2[data-v-226ed909]{margin:0;color:#f6fbff;font-size:clamp(2rem,6vw,4.6rem);line-height:.98;letter-spacing:-.025em}.outcome-copy>p[data-v-226ed909]:not(.eyebrow){margin:.7rem auto 0;color:#b9cbd8;font-size:clamp(.8rem,1.8vw,1rem);line-height:1.45}.outcome-role[data-v-226ed909]{display:inline-flex;align-items:center;gap:.7rem;margin-top:.9rem;padding:.45rem .9rem .45rem .5rem;border:1px solid color-mix(in srgb,var(--scene) 38%,transparent);border-radius:999px;background:#050f1bc7;text-align:start;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:outcome-role-in-226ed909 .5s .38s cubic-bezier(.2,.8,.2,1) both}.outcome-role img[data-v-226ed909]{width:2.65rem;height:2.65rem;border-radius:50%;object-fit:cover;box-shadow:0 0 18px color-mix(in srgb,var(--scene) 25%,transparent)}.outcome-role span[data-v-226ed909]{display:grid;gap:.05rem}.outcome-role small[data-v-226ed909]{color:#91aabb;font-size:.62rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.outcome-role strong[data-v-226ed909]{color:#f6fbff;font-size:.95rem}.outcome-details[data-v-226ed909]{width:min(560px,calc(100vw - 2rem));display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.6rem;margin:1rem auto 0}.outcome-details article[data-v-226ed909]{min-width:0;display:flex;align-items:center;gap:.7rem;padding:.65rem .8rem;border:1px solid color-mix(in srgb,var(--scene) 24%,transparent);border-radius:12px;background:#040d18b3;text-align:start}.outcome-details img[data-v-226ed909]{width:2.65rem;height:2.65rem;flex:0 0 auto;border-radius:50%;object-fit:cover}.outcome-details span[data-v-226ed909]{min-width:0;display:grid;gap:.15rem}.outcome-details strong[data-v-226ed909]{overflow:hidden;color:#f6fbff;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.outcome-details small[data-v-226ed909]{color:#91aabb;font-size:.68rem;line-height:1.35}.outcome-continue[data-v-226ed909]{margin-top:1rem;min-width:10rem}.outcome-particles[data-v-226ed909]{position:absolute;inset:0;overflow:hidden;pointer-events:none}.outcome-particles i[data-v-226ed909]{position:absolute;left:calc((var(--i, 1) * 8%) - 3%);bottom:-20px;width:4px;height:4px;border-radius:50%;opacity:0;background:var(--scene);box-shadow:0 0 12px var(--scene);animation:outcome-particle-226ed909 3s ease-out infinite}.outcome-particles i[data-v-226ed909]:nth-child(1){--i: 1;animation-delay:.1s}.outcome-particles i[data-v-226ed909]:nth-child(2){--i: 2;animation-delay:1.4s}.outcome-particles i[data-v-226ed909]:nth-child(3){--i: 3;animation-delay:.7s}.outcome-particles i[data-v-226ed909]:nth-child(4){--i: 4;animation-delay:2.1s}.outcome-particles i[data-v-226ed909]:nth-child(5){--i: 5;animation-delay:.3s}.outcome-particles i[data-v-226ed909]:nth-child(6){--i: 6;animation-delay:1.8s}.outcome-particles i[data-v-226ed909]:nth-child(7){--i: 7;animation-delay:1s}.outcome-particles i[data-v-226ed909]:nth-child(8){--i: 8;animation-delay:2.4s}.outcome-particles i[data-v-226ed909]:nth-child(9){--i: 9;animation-delay:.55s}.outcome-particles i[data-v-226ed909]:nth-child(10){--i: 10;animation-delay:1.65s}.outcome-particles i[data-v-226ed909]:nth-child(11){--i: 11;animation-delay:2.65s}.outcome-particles i[data-v-226ed909]:nth-child(12){--i: 12;animation-delay:1.2s}@keyframes outcome-sprite-frames-226ed909{0%,22%{background-position:0 0}23%,47%{background-position:100% 0}48%,72%{background-position:0 100%}73%,to{background-position:100% 100%}}@keyframes outcome-art-in-226ed909{0%{opacity:0;transform:translateY(6vh) scale(.88);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}@keyframes outcome-copy-in-226ed909{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes outcome-role-in-226ed909{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}@keyframes outcome-moon-rise-226ed909{0%{opacity:0;transform:translate(-50%,35%) scale(.72)}to{opacity:.16;transform:translate(-50%) scale(1)}}@keyframes outcome-breathe-226ed909{50%{transform:translate(-50%) scale(1.045);opacity:.72}}@keyframes outcome-particle-226ed909{0%{opacity:0;transform:translateY(0) scale(.4)}18%{opacity:.8}to{opacity:0;transform:translateY(-88vh) scale(1.8)}}@media(max-height:690px){.outcome-art[data-v-226ed909]{width:min(67vh,90vw);margin-bottom:-3rem}.outcome-copy[data-v-226ed909]{padding-bottom:max(.75rem,env(safe-area-inset-bottom))}.outcome-copy>p[data-v-226ed909]:not(.eyebrow){margin-top:.4rem}.outcome-continue[data-v-226ed909]{margin-top:.6rem}}@media(prefers-reduced-motion:reduce){.outcome-sprite[data-v-226ed909]{background-position:100% 100%}.outcome-art[data-v-226ed909],.outcome-copy[data-v-226ed909],.outcome-moon[data-v-226ed909],.outcome-role[data-v-226ed909]{animation:none}.outcome-particles[data-v-226ed909],.outcome-aurora[data-v-226ed909]{display:none}}:root{color-scheme:dark;--ink: #eef5fb;--muted: #8fa6bb;--faint: #587087;--night: #050b14;--night-2: #091523;--panel: rgba(13, 28, 45, .78);--panel-solid: #0e1d2e;--line: rgba(151, 191, 220, .14);--blue: #79cced;--blue-bright: #b8ebff;--danger: #c77e91;--success: #87cfb0;--control-bg: rgba(18, 40, 61, .7);--control-hover: rgba(31, 57, 79, .92);--control-border: rgba(151, 191, 220, .2);--control-radius: 10px;--control-height: 46px;--control-height-compact: 36px;--control-transition: color .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0;overflow-x:clip}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 78% 8%,rgba(57,117,159,.22),transparent 32rem),radial-gradient(circle at 12% 95%,rgba(26,72,101,.22),transparent 35rem),var(--night)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 80%);mask-image:linear-gradient(to bottom,black,transparent 80%)}button,input,select,textarea{font:inherit}button{border:0}button:not(:disabled),select:not(:disabled),input[type=checkbox]{cursor:pointer}:where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--blue);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:500}h2{margin-bottom:.5rem;font-size:clamp(1.75rem,3vw,2.55rem);letter-spacing:-.025em}h3{margin-bottom:.35rem;font-size:1.45rem}.eyebrow{margin-bottom:.55rem;color:var(--blue);font-size:.7rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.landing-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:2rem 1rem;overflow:hidden}.landing-shell:after{content:"";position:fixed;inset:auto 0 0;height:34vh;z-index:-1;opacity:.32;clip-path:polygon(0 100%,0 52%,4% 25%,7% 54%,10% 15%,13% 57%,17% 33%,20% 62%,25% 16%,29% 58%,34% 29%,39% 66%,44% 22%,49% 61%,54% 10%,59% 55%,64% 31%,69% 63%,74% 18%,78% 60%,84% 28%,89% 64%,94% 16%,97% 52%,100% 36%,100% 100%);background:#0f2b3d}.landing-page{position:relative;overflow:hidden;font-size:.9375rem;line-height:1.65}.landing-page :is(h1,h2,h3){font-family:inherit;font-weight:600;line-height:1.25;letter-spacing:-.035em}.landing-page h2{margin-bottom:1rem;font-size:clamp(1.5rem,3vw,2rem)}.landing-page h3{margin-bottom:.5rem;font-size:1rem;letter-spacing:-.015em}.landing-page .eyebrow{margin-bottom:.5rem;color:var(--muted);font-size:.8125rem;font-weight:500;letter-spacing:0;text-transform:none}.landing-page :is(.primary,.secondary){font-size:.875rem;font-weight:600;letter-spacing:0;box-shadow:none;border-radius:8px}.landing-page .primary:not(:disabled):hover{box-shadow:none}.landing-page .landing-shell:after{display:none}.landing-card{position:relative;width:min(100%,420px);text-align:center}.brand-mark{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 1.75rem}.brand-logo{width:100%;height:100%;display:block}.landing-card h1{margin:0;font-size:clamp(2.75rem,7vw,3.5rem);line-height:1.1;letter-spacing:-.055em}.landing-card h1 span{display:block;color:var(--muted);font-size:.5em;font-weight:400;letter-spacing:-.025em;margin-top:.4rem}.lead{margin:1.5rem 0 2rem;color:var(--muted)}.landing-page .or{font-size:.8125rem;letter-spacing:0;text-transform:none}.landing-page .join-row input{border-radius:8px;font-weight:500;letter-spacing:.08em}.landing-page .language-picker button{color:var(--muted);font-size:.8125rem;font-weight:500;letter-spacing:0;border-radius:8px}.landing-action{width:100%}.random-join-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:.75rem}.random-join-button svg{flex-shrink:0}.landing-hero{--hero-parallax-x: 0px;--hero-parallax-y: 0px;position:relative;isolation:isolate;min-height:min(780px,100svh);padding:5rem 1.5rem 7rem}.hero-atmosphere{display:none}.landing-scroll-hint{position:absolute;bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;width:max-content;max-width:calc(100% - 2rem);color:var(--muted);font-size:.8125rem;text-align:center;text-decoration:none}.landing-scroll-hint svg{width:16px;height:16px}.landing-scroll-hint:hover{color:var(--blue-bright)}.landing-scroll-hint:focus-visible{outline:2px solid var(--blue);outline-offset:5px;border-radius:4px}.public-games{width:min(960px,calc(100% - 3rem));margin:0 auto;padding:3rem 0;border-top:1px solid var(--line);scroll-margin-top:1rem}.public-games-heading{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.public-games-heading>div>p:last-child{margin-bottom:0;color:var(--muted);line-height:1.6}.public-games-heading button{display:inline-flex;align-items:center;gap:.5rem}.public-games-status{margin:1.5rem 0 0;color:var(--muted);line-height:1.6}.public-games-status.error{color:var(--danger)}.public-games-list{padding:0;margin:2rem 0 0;list-style:none}.public-games-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0;border-top:1px solid var(--line)}.public-games-list li>div{flex:1 1 160px;min-width:0}.public-games-list h3{overflow-wrap:anywhere}.public-game-heading{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.public-game-heading h3{margin-bottom:0}.public-game-status{color:var(--muted);font-size:.8125rem;white-space:nowrap}.public-game-status.status-lobby{color:var(--success)}.public-games-list p{display:flex;align-items:center;gap:.4rem;margin:.45rem 0 0;color:var(--muted);font-size:.8125rem}.public-games-list p>svg,.public-game-count{flex-shrink:0}.public-game-count{white-space:nowrap}.public-game-names{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-game-join{display:inline-flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none}.public-game-join:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.home-guide{width:min(960px,calc(100% - 3rem));margin:0 auto;padding:3rem 0 4rem;border-top:1px solid var(--line)}.guide-heading{max-width:650px;margin-bottom:2.5rem}.guide-heading>p:last-child,.guide-section-copy>p:last-child,.guide-feature>div>p,.guide-cta>p{color:var(--muted)}.guide-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem}.guide-goals article>p:last-child{margin:.75rem 0 0;color:var(--muted)}.guide-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin:3rem 0;padding:2rem 0;border-block:1px solid var(--line)}.guide-steps article{display:flex;align-items:flex-start;gap:.75rem}.guide-steps b{color:var(--faint);font-size:.8125rem;font-weight:500;line-height:1.65}.guide-steps span{display:grid;gap:.5rem}.guide-steps strong{font-size:.9375rem;font-weight:600}.guide-steps small{color:var(--muted);font-size:.8125rem;line-height:1.6}.guide-feature{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;align-items:center;padding:2rem 0}.guide-feature.reverse img{order:2}.guide-feature>img{width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:8px}.guide-feature ul{display:grid;gap:.5rem;margin:1.25rem 0 0;padding-inline-start:1rem;color:var(--muted);font-size:.8125rem}.guide-tip{margin:1.25rem 0 0;padding-inline-start:1rem;border-inline-start:1px solid var(--line);font-size:.8125rem}.guide-roles-section{margin-top:3rem;padding:3rem 0;border-top:1px solid var(--line)}.guide-section-copy{max-width:650px;margin-bottom:1.5rem}.guide-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem}.guide-role-grid article{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:1rem;padding:1.5rem 0;border-top:1px solid var(--line)}.guide-role-grid img{width:64px;height:80px;display:block;object-fit:cover;object-position:center 22%;border-radius:6px}.guide-role-grid span{display:block;margin-bottom:.25rem;color:var(--muted);font-size:.8125rem}.guide-role-grid p{margin:0;color:var(--muted);font-size:.8125rem;line-height:1.6}.guide-flow-note{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem;padding:2rem 0;border-block:1px solid var(--line)}.guide-flow-note>div{display:flex;gap:.75rem;align-items:flex-start}.guide-flow-note svg{flex:0 0 auto;width:18px;height:18px;margin-top:.2rem;color:var(--muted)}.guide-flow-note span{display:grid;gap:.4rem}.guide-flow-note b{font-size:.9375rem;font-weight:600}.guide-flow-note small{color:var(--muted);font-size:.8125rem;line-height:1.6}.guide-cta{max-width:560px;margin:4rem auto 0;text-align:center}.guide-cta .primary{min-width:220px;margin-top:1rem}.legal-footer{width:min(960px,calc(100% - 3rem));margin:0 auto;padding:1.25rem 0 2rem;border-top:1px solid var(--line)}.legal-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem}.legal-link{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;color:var(--muted);font-size:.8125rem;text-decoration:none;overflow-wrap:anywhere}.legal-link:hover{color:var(--ink);text-decoration:underline}.legal-link:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:4px}.legal-page{max-width:720px;border-top:0}.legal-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}.legal-page .guide-section-copy{max-width:none;margin-top:2rem}.legal-page h1{font-size:clamp(2rem,6vw,3rem);overflow-wrap:anywhere}.legal-page h2{font-size:1.25rem}.entry-form{display:grid;gap:.75rem;text-align:start}.spectator-notice{padding:.65rem 1rem;margin-bottom:1rem;color:var(--blue-bright)}.spectator-notice summary{cursor:pointer;font-weight:700;font-size:.85rem}.spectator-notice svg{vertical-align:middle}.spectator-notice p{margin:.35rem 0 0;color:var(--muted);font-size:.8rem;line-height:1.5}.player-card.spectator{border-style:dashed}.spectator-mark{color:var(--muted)}label{color:var(--muted);font-size:.8rem;font-weight:650;letter-spacing:.025em}input,select,textarea{width:100%;min-height:var(--control-height);color:var(--ink);border:1px solid var(--control-border);border-radius:var(--control-radius);background:#0c1b2be6;padding:0 .95rem;transition:border-color .2s,background .2s}input::placeholder,textarea::placeholder{color:#587084}input:hover,select:hover,textarea:hover{border-color:#79cced4d}.primary,.secondary,.danger-button{min-height:var(--control-height);display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;border-radius:var(--control-radius);padding:.7rem 1.15rem;color:var(--ink);font-family:inherit;font-size:.8rem;font-weight:800;letter-spacing:.02em;line-height:1;text-align:center;text-decoration:none;transition:var(--control-transition)}.primary{color:#06111a;background:var(--blue);border-color:var(--blue);box-shadow:0 8px 22px #3d9cc524}.primary:not(:disabled):hover{background:var(--blue-bright);border-color:var(--blue-bright);box-shadow:0 10px 26px #3d9cc533}.secondary{background:var(--control-bg);border-color:var(--control-border)}.secondary:not(:disabled):hover{color:#fff;background:var(--control-hover);border-color:#97bfdc5c}.compact-button{min-height:var(--control-height-compact);padding:.5rem .75rem;font-size:.7rem}button:disabled{cursor:not-allowed;opacity:.38}.or{display:flex;align-items:center;gap:1rem;margin:1.25rem 0;color:var(--faint);font-size:.72rem;text-transform:uppercase;letter-spacing:.13em}.or:before,.or:after{content:"";height:1px;flex:1;background:var(--line)}.join-row{display:grid;grid-template-columns:1fr auto;gap:.7rem}.join-row input{direction:ltr;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.entry-shell{padding-inline:1rem}.entry-card{position:relative;width:min(100%,440px);padding:clamp(1.5rem,5vw,2.4rem);text-align:center}.entry-card h1{margin:0 0 2rem;font-size:clamp(2.3rem,8vw,3.4rem);letter-spacing:-.045em}.entry-card .entry-form{margin-top:.25rem}.entry-card .error{margin-bottom:0}.back-link{position:absolute;top:1.25rem;inset-inline-start:1.3rem;display:inline-flex;align-items:center;gap:.38rem;color:var(--muted);font-size:.76rem;text-decoration:none}.back-link:hover{color:var(--ink)}.entry-moon{width:64px;height:64px;display:grid;place-items:center;margin:.6rem auto 1.2rem;filter:drop-shadow(0 0 22px rgba(121,204,237,.16))}.entry-logo{width:100%;height:100%;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.language-picker{position:relative;display:inline-flex}.language-picker button{color:var(--blue-bright)}.language-options{position:absolute;top:calc(100% + .5rem);inset-inline-end:0;z-index:20;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;width:min(18rem,calc(100vw - 2rem));padding:.6rem;border-radius:var(--control-radius);background:var(--panel-solid)}.language-options button{min-height:44px}.language-picker .language-options button[aria-pressed=true]{color:var(--blue-bright);border-color:var(--blue);background:var(--control-hover)}.language-picker.corner{position:absolute;top:0;inset-inline-end:0;z-index:2}.entry-card .language-picker.corner{top:1.2rem;inset-inline-end:1.2rem}.error{margin:1rem 0 0;color:#f0a9b8;font-size:.85rem}.connection{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:1.4rem 0 0;color:var(--faint);font-size:.72rem}.dot{width:7px;height:7px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 4px #c77e9114}.dot.online{background:var(--success);box-shadow:0 0 0 4px #87cfb014}.app-shell{position:relative;isolation:isolate;min-height:100vh}.app-shell:before{content:"";position:fixed;inset:-5vh 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 18%,rgba(239,192,123,.2),transparent 55%),linear-gradient(to bottom,#30536e99,#1f3e513d);opacity:0;transform:translateY(5vh);transition:opacity 3.6s ease-in-out,transform 3.6s ease-in-out}.app-shell.phase-day:before{opacity:1;transform:translateY(0)}.topbar{height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem;padding:0 clamp(1rem,3vw,2rem);border-bottom:1px solid var(--line);background:#050b14e0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:10}.wordmark{display:inline-flex;align-items:center;gap:.55rem;color:var(--ink);font-family:Georgia,serif;font-size:1.2rem;text-decoration:none}.wordmark img{width:29px;height:29px;flex:0 0 auto}.wordmark i{color:var(--blue)}.room-pill{gap:.7rem;border-radius:99px;color:var(--muted)}.room-pill b{direction:ltr;unicode-bidi:isolate;color:var(--ink);letter-spacing:.14em;font-size:.82rem}.room-pill .copy-label,.room-pill .room-icon{color:var(--muted)}.room-pill .room-icon{flex:0 0 auto}.topbar-actions{justify-self:end;display:flex;align-items:center;gap:.45rem}.topbar-button,.leave-button{color:var(--muted)}.connection.compact{justify-self:end;margin:0}.page-width{width:min(1240px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.panel{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#102336d6,#08131fe6);box-shadow:0 24px 70px #0000002e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast{position:fixed;z-index:30;top:86px;left:50%;transform:translate(-50%);width:min(90vw,480px);padding:.8rem 1rem;border:1px solid rgba(199,126,145,.25);border-radius:10px;color:#ffd2dc;background:#481a29f2;text-align:center;font-size:.85rem}.dialog-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:1rem;background:#02070dbd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.warning-dialog{width:min(100%,430px);padding:clamp(1.35rem,5vw,2rem);text-align:center;box-shadow:0 35px 100px #0000008c;transition:transform .28s cubic-bezier(.18,.88,.26,1.12),opacity .2s ease}.warning-icon{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 1rem;border:1px solid rgba(228,178,133,.2);border-radius:50%;color:#e4b285;background:#9f613624}.warning-icon.danger{color:#d99aaa;border-color:#c77e9138;background:#792d4129}.danger-button{color:#fff1f4;background:#87465a;border-color:#9b586b}.danger-button:not(:disabled):hover{color:#fff;background:#9b586b;border-color:#b46d80}.warning-dialog h2{margin-bottom:.75rem}.warning-dialog>p:not(.eyebrow){margin-bottom:0;color:var(--muted);font-size:.9rem;line-height:1.6}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1.5rem}.dialog-actions.single{grid-template-columns:1fr}.dialog-fade-enter-active,.dialog-fade-leave-active{transition:opacity .2s ease}.dialog-fade-enter-from,.dialog-fade-leave-to{opacity:0}.dialog-fade-enter-from .warning-dialog,.dialog-fade-leave-to .warning-dialog,.dialog-fade-enter-from .settings-dialog,.dialog-fade-leave-to .settings-dialog,.dialog-fade-enter-from .rules-dialog,.dialog-fade-leave-to .rules-dialog{opacity:0;transform:translateY(14px) scale(.95)}.outcome-fade-enter-active{transition:opacity .28s ease}.outcome-fade-leave-active{transition:opacity .38s ease,filter .38s ease}.outcome-fade-enter-from,.outcome-fade-leave-to{opacity:0;filter:blur(9px)}.settings-dialog{width:min(100%,560px);max-height:min(760px,calc(100dvh - 2rem));padding:1.5rem;overflow-y:auto;overflow-x:hidden;box-shadow:0 35px 100px #0000008c;transition:transform .28s cubic-bezier(.18,.88,.26,1.12),opacity .2s ease}.rules-dialog{width:min(100%,720px);max-height:min(820px,calc(100dvh - 2rem));padding:1.5rem;overflow-y:auto;box-shadow:0 35px 100px #0000008c;transition:transform .28s cubic-bezier(.18,.88,.26,1.12),opacity .2s ease}.rules-intro{color:var(--muted);line-height:1.6}.rules-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:1.1rem 0 1.5rem}.rules-goals article{display:grid;gap:.25rem;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:#08142175}.rules-goals b,.rules-roles b{font-size:.8rem}.rules-goals span,.rules-roles small,.rules-note{color:var(--muted);font-size:.72rem;line-height:1.45}.rules-dialog h3{margin:0 0 .75rem;font-size:1.15rem}.rules-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.rules-roles article{display:flex;align-items:center;gap:.65rem;min-width:0}.rules-roles img{width:42px;height:42px;flex:0 0 auto;border-radius:10px;object-fit:cover}.rules-roles span{min-width:0;display:grid;gap:.12rem}.rules-note{margin:1rem 0 0}.rules-note b{color:var(--ink)}.settings-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.settings-dialog-header h2,.settings-dialog-header p{margin-bottom:0}.settings-dialog-header .icon-button{flex:0 0 auto}.settings-dialog-description{margin:.9rem 0 1.1rem;color:var(--muted);font-size:.82rem;line-height:1.55}.role-settings-list{display:grid;gap:.55rem}.role-setting{min-height:74px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.65rem;border:1px solid var(--line);border-radius:13px;background:#06111d80;transition:border-color .2s,background .2s,opacity .2s}.role-setting:hover{border-color:#79cced47;background:#0c1e2fb8}.role-setting.disabled{opacity:.58;background:#060e1873}.role-setting>img{width:48px;height:48px;border-radius:10px;object-fit:cover}.role-setting.disabled>img{filter:grayscale(1)}.role-setting-copy{min-width:0;display:grid;gap:.22rem}.role-setting-copy b{color:var(--ink);font-family:Georgia,serif;font-size:1rem;font-weight:500}.role-setting-copy small{color:var(--muted);font-size:.65rem;font-weight:500;line-height:1.35}.role-setting-actions{display:flex;align-items:center;gap:.25rem}.icon-button.role-info-button,.role-setting-info{display:none}.role-setting-control{position:relative;display:grid;grid-template-columns:auto 42px;align-items:center;gap:.55rem;color:var(--faint);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.role-setting-control input{position:absolute;inset-inline-end:0;width:42px;min-height:24px;height:24px;margin:0;opacity:0;pointer-events:none}.role-setting-control i{width:42px;height:24px;position:relative;border-radius:99px;background:#23384a;transition:background .2s}.role-setting-control i:after{content:"";position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:#8196a8;transition:transform .2s,background .2s}.role-setting-control input:checked+i{background:#347da0}.role-setting-control input:checked+i:after{transform:translate(18px);background:#fff}.role-setting-control input:focus-visible+i{outline:2px solid var(--blue);outline-offset:3px}.werewolf-setting-controls{grid-column:1 / -1}.werewolf-setting-controls .lobby-time-settings{align-items:start}.base-role-note{margin:1rem 0 0;color:var(--faint);font-size:.7rem;line-height:1.45}.settings-dialog-done{width:100%;margin-top:1rem}.lobby-main{padding:clamp(1.2rem,2.5vw,1.65rem);border-radius:17px;box-shadow:0 18px 50px #00000024}.section-heading,.phase-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.player-list{display:grid;gap:.65rem}.lobby-players{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1.2rem}.lobby-player{min-height:62px;display:flex;align-items:center;gap:.75rem;padding:.65rem;border:1px solid var(--line);border-radius:11px;background:#08142161}.avatar{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:#0b1721;background:linear-gradient(145deg,#b4d9e8,#568fad);font-family:Georgia,serif;font-size:1.05rem;font-weight:700}.lobby-player>span:nth-child(2),.player-copy{min-width:0;display:grid;gap:.18rem;flex:1}.lobby-player b,.player-copy b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.88rem}.lobby-player small,.player-copy small{color:var(--muted);font-size:.68rem;font-weight:500}.player-copy .vote-choice{color:var(--blue-bright);font-weight:700}.player-admin-actions{display:flex;align-items:center;gap:.5rem}.icon-button{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:var(--muted);background:transparent;transition:var(--control-transition)}.icon-button:not(:disabled):hover{color:var(--ink);background:var(--control-hover)}.role-preview{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0}.role-preview span{padding:.32rem .52rem;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:transparent;font-size:.65rem}.role-preview b{color:var(--ink)}.start-button{width:100%;min-height:52px;margin-top:.35rem}.waiting{margin:1.25rem 0 .25rem;text-align:center;color:var(--muted);font-size:.82rem}.chronicle{padding:1.2rem}.lobby-tool-card{padding:.9rem;border-radius:15px;background:#0a1826c7;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.lobby-main .settings-card{margin-top:1.2rem}.lobby-tool-icon{width:36px;height:36px;display:grid;flex:0 0 auto;place-items:center;border-radius:9px;color:var(--muted);background:#ffffff0b}.lobby-tool-copy{min-width:0;display:grid;gap:.18rem;text-align:start}.lobby-tool-copy b{margin:0;color:var(--ink);font-family:inherit;font-size:.82rem;font-weight:800;letter-spacing:.01em}.lobby-tool-copy small{margin:0;color:var(--muted);font-size:.66rem;font-weight:500;line-height:1.4}.lobby-settings-summary{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:0;color:var(--ink);text-align:start;text-decoration:none;background:transparent}.lobby-settings-summary>svg{color:var(--muted);transition:transform .18s ease}.settings-card.open .lobby-settings-summary>svg{transform:rotate(180deg)}.lobby-settings-body{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--line)}.discussion-setting{display:grid;gap:.55rem;color:var(--muted);font-size:.8rem;font-weight:650;letter-spacing:.025em}.lobby-time-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}.discussion-stepper{min-height:var(--control-height);display:grid;grid-template-columns:44px 1fr 44px;align-items:stretch;overflow:hidden;border:1px solid var(--control-border);border-radius:var(--control-radius);background:#0c1b2be6}.discussion-stepper button{display:grid;place-items:center;color:var(--muted);background:transparent;transition:var(--control-transition)}.discussion-stepper button:first-child{border-inline-end:1px solid var(--line)}.discussion-stepper button:last-child{border-inline-start:1px solid var(--line)}.discussion-stepper button:not(:disabled):hover{color:var(--ink);background:var(--control-hover)}.discussion-stepper button:focus-visible{position:relative;z-index:1;outline-offset:-3px}.discussion-stepper output{display:grid;place-items:center;color:var(--ink);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:800;letter-spacing:.06em}.advanced-settings-button{width:100%;margin-top:1.2rem;text-align:start}.advanced-settings-button small{margin-inline-start:auto;color:var(--blue);font-size:.62rem;font-weight:750}.toggle{margin-top:1.2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle i{width:42px;height:24px;position:relative;flex:0 0 auto;border-radius:99px;background:#23384a;transition:background .2s}.toggle i:after{content:"";position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:#8196a8;transition:transform .2s,background .2s}.toggle input:checked+i{background:#347da0}.toggle input:checked+i:after{transform:translate(18px);background:#fff}.toggle input:focus-visible+i{outline:2px solid var(--blue);outline-offset:3px}.toggle input:disabled+i{opacity:.5}.visibility-hint{margin:.5rem 0 0;color:var(--muted);font-size:.72rem;line-height:1.5}.werewolf-limit-hint{margin:0;color:var(--danger);font-weight:500}.werewolf-limit-hint[aria-hidden=true]{visibility:hidden}.chat-list{min-height:100px;max-height:210px;overflow-y:auto;display:flex;flex-direction:column;gap:.55rem;margin:.3rem 0 .8rem;scrollbar-color:#29445a transparent}.chat-list p{overflow-wrap:anywhere;margin:0;color:#b6c6d4;font-size:.78rem;line-height:1.5}.chat-list b{margin-inline-end:.25rem;color:var(--blue-bright)}.chat-list .muted{color:var(--faint)}.chat-form{display:grid;grid-template-columns:1fr 42px;gap:.5rem}.chat-form input{min-width:0;min-height:42px}.chat-send-button{width:42px;min-height:42px;padding:0}.chat-fab-shell{position:fixed;width:min(360px,calc(100% - 2rem));right:clamp(1rem,3vw,2rem);bottom:max(1rem,env(safe-area-inset-bottom));z-index:24;display:grid;justify-items:end;gap:.75rem;pointer-events:none}.chat-fab-shell>*{pointer-events:auto}.chat-preview{position:relative;width:max-content;max-width:min(320px,calc(100vw - 5rem));margin:0;padding:.7rem .9rem;border:1px solid rgba(184,235,255,.2);border-radius:14px 14px 4px;color:#dcecf4;background:#102336c2;box-shadow:0 14px 38px #0000003d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-wrap:anywhere;font-size:.78rem;line-height:1.45;transform-origin:calc(100% - 20px) calc(100% + 14px)}.chat-preview:after{content:"";position:absolute;right:14px;bottom:-9px;width:16px;height:16px;border-right:1px solid rgba(184,235,255,.2);border-bottom:1px solid rgba(184,235,255,.2);background:#102336c2;transform:rotate(45deg)}.chat-preview b,.chat-preview span{position:relative;z-index:1}.chat-preview b{display:block;margin-bottom:.12rem;color:var(--blue-bright)}.chat-bubble-enter-active,.chat-bubble-leave-active{transition:opacity .2s ease,transform .28s cubic-bezier(.18,.88,.26,1.12),filter .2s ease}.chat-bubble-enter-from,.chat-bubble-leave-to{opacity:0;transform:translateY(12px) scale(.82);filter:blur(3px)}.chat-fab{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(184,235,255,.2);border-radius:50%;color:var(--blue-bright);background:#102336f5;box-shadow:0 12px 30px #0000004d;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .2s}.chat-fab:hover{color:#fff;border-color:#97bfdc5c;background:var(--control-hover);box-shadow:0 16px 36px #00000061}.chat-fab.open{color:#06111a;background:var(--blue);transform:rotate(90deg)}.chat-fab-label{display:none}.chat-popover{width:100%;max-height:min(440px,calc(100dvh - 6.5rem));display:flex;flex-direction:column;padding:1rem;overflow:hidden;transform-origin:calc(100% - 29px) calc(100% + 44px);box-shadow:0 30px 90px #00000070,0 0 0 1px #79cced0a}.chat-popover-header{display:flex;flex-shrink:0;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.chat-popover-header h3,.chat-popover-header p{margin-bottom:0}.chat-popover-header .icon-button{flex:0 0 auto}.chat-popover .chat-list{min-height:0;height:min(270px,28dvh);margin:.85rem 0}.chat-popover>.chat-form,.chat-popover>.muted{flex-shrink:0}.chat-popover-enter-active,.chat-popover-leave-active{transition:opacity .24s ease,transform .34s cubic-bezier(.18,.88,.26,1.12),filter .24s ease}.chat-popover-enter-from,.chat-popover-leave-to{opacity:0;transform:translateY(18px) scale(.78);filter:blur(5px)}.game-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);gap:1.25rem;align-items:start}.game-main{display:grid;gap:1.3rem}.game-side{display:grid;gap:1.1rem}.narrator{position:sticky;top:5.25rem;z-index:2;min-height:142px;padding:1.15rem 1.2rem 1.25rem;overflow:hidden;border-color:#79cced38;background:radial-gradient(circle at 90% 10%,rgba(121,204,237,.12),transparent 42%),linear-gradient(145deg,#12293ef5,#08131ff7);box-shadow:0 24px 70px #0000003d,inset 0 1px #ffffff06}.narrator:after{content:"“";position:absolute;right:1rem;bottom:-1.85rem;color:#79cced12;font:7rem/1 Georgia,serif;pointer-events:none}.narrator-heading{display:flex;align-items:center;gap:.55rem}.narrator-heading>span{display:inline-flex;color:var(--blue-bright)}.narrator-heading .eyebrow{margin:0}.narrator-speech-button{position:relative;z-index:2;flex:0 0 auto;margin-inline-start:auto}.narrator-speech-button[aria-pressed=true]{color:var(--muted);background:#8fa6bb14}.narrator-speech-button:disabled{opacity:.45;cursor:wait}.narrator-copy{position:relative;z-index:1;margin:.85rem 0 0;color:#dceaf1;font:italic 1.02rem/1.55 Georgia,serif}.narrator-copy-enter-active,.narrator-copy-leave-active{transition:opacity .18s ease,transform .18s ease,filter .18s ease}.narrator-copy-enter-from{opacity:0;transform:translateY(5px);filter:blur(2px)}.narrator-copy-leave-to{opacity:0;transform:translateY(-5px);filter:blur(2px)}.phase-heading{min-height:92px;padding:0 .2rem}.phase-heading>div>p:last-child{margin:0;color:var(--muted);font-size:.88rem}.timer{width:86px;height:76px;display:grid;place-items:center;align-content:center;border:1px solid var(--line);border-radius:16px;background:#0c1a289e}.timer b{font-size:1.22rem;color:var(--blue-bright);font-variant-numeric:tabular-nums}.timer span{color:var(--faint);font-size:.6rem}.board{overflow:hidden}.board-chat-control{padding:0 1.2rem 1.2rem}.player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;padding:1.2rem}.player-card{position:relative;min-height:76px;display:flex;align-items:center;gap:.7rem;min-width:0;padding:.7rem;border:1px solid var(--line);border-radius:13px;color:var(--ink);text-align:start;background:#06111d80;transition:border-color .17s,background .17s,transform .17s}.player-card:not(:disabled):hover{transform:translateY(-2px);border-color:#79cced73;background:#122b40cc}.player-card.selected{border-color:var(--blue);background:#2d6f9045;box-shadow:inset 0 0 0 1px #79cced2e}.player-card.special .avatar{box-shadow:0 0 0 2px #a779b0}.player-card.self,.player-card.dead{border-style:dashed}.player-card:disabled{cursor:default;opacity:1}.acted{display:inline-flex;color:var(--success)}.death-mark{flex:0 0 auto;display:inline-flex;color:#cb94a2}.action-area{min-height:116px;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;padding:1.2rem;border-top:1px solid var(--line);background:#07121d8c}.admin-vote-control{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.2rem;border-top:1px solid var(--line);background:#5d95b512}.admin-vote-control>span{display:grid;gap:.15rem}.admin-vote-control b{font-size:.78rem}.admin-vote-control small{color:var(--muted);font-size:.68rem}.admin-vote-control button{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap}.action-copy{display:grid;gap:.35rem}.action-copy b{font-family:Georgia,serif;font-size:1.08rem;font-weight:500}.action-copy span{color:var(--muted);font-size:.75rem}.action-button{min-width:180px}.waiting-state{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;gap:.8rem}.waiting-state p{margin:0;display:grid;gap:.25rem}.waiting-state b{font-family:Georgia,serif;font-weight:500}.waiting-state small{color:var(--muted)}.pulse{width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 #79cced66;animation:pulse 1.6s infinite}@keyframes pulse{70%{box-shadow:0 0 0 9px #79cced00}to{box-shadow:0 0 #79cced00}}.witch-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr auto;gap:.8rem;align-items:end;width:100%}.witch-actions>p{grid-column:1 / -1;margin:0;color:var(--muted);font-size:.78rem}.witch-actions label{min-height:48px;display:flex;align-items:center;gap:.55rem;padding:.5rem .75rem;border:1px solid var(--line);border-radius:11px;background:#0a1a2999}.witch-actions label.disabled{opacity:.45}.witch-actions label small{margin-inline-start:auto;color:var(--faint)}.witch-actions label select{min-height:36px;margin-inline-start:auto;width:min(150px,48%);padding:0 .5rem}.witch-actions input{width:auto;min-height:0;accent-color:var(--blue)}.reveal-card{display:grid;grid-template-columns:220px 1fr;grid-template-rows:1fr auto;gap:1.5rem;padding:1.2rem;overflow:hidden}.reveal-card img{width:220px;aspect-ratio:1;grid-row:1 / 3;border-radius:15px;object-fit:cover}.reveal-card>div{align-self:end}.reveal-card>div>p:not(.eyebrow){color:var(--muted);line-height:1.55}.team-tag,.secret-note{display:inline-block;padding:.4rem .65rem;border:1px solid rgba(121,204,237,.17);border-radius:99px;color:var(--blue-bright);background:#3075961f;font-size:.7rem}.reveal-actions{display:flex;align-items:stretch;gap:.65rem}.reveal-actions button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.role-mini{overflow:hidden}.role-mini img{width:100%;height:150px;object-fit:cover;object-position:center 25%;opacity:.8;-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent);mask-image:linear-gradient(to bottom,black 60%,transparent)}.role-mini>div{margin-top:-1.7rem;position:relative;padding:0 1.2rem .7rem}.role-mini>div p:last-child{margin:0;color:var(--muted);font-size:.75rem;line-height:1.45}.role-mini .secret-note{margin:0 1.2rem 1.2rem;display:flex;align-items:center;gap:.45rem;border-radius:9px}.chronicle ol{list-style:none;padding:0;margin:.3rem 0 0;display:grid;gap:.7rem;max-height:300px;overflow-y:auto}.chronicle li{display:grid;grid-template-columns:7px 1fr;gap:.65rem;color:var(--muted);font-size:.75rem;line-height:1.45}.chronicle li span{width:6px;height:6px;margin-top:.32rem;border-radius:50%;background:#46657c}.chronicle li.danger span{background:var(--danger)}.chronicle li.success span{background:var(--success)}.winner-card{min-height:420px;display:flex;flex-direction:column;align-items:stretch;padding:clamp(1.2rem,3vw,2rem)}.winner-summary{text-align:center}.winner-summary h2{margin-bottom:0}.winner-card .winner-moon{display:inline-flex;color:var(--blue);filter:drop-shadow(0 0 22px rgba(121,204,237,.28))}.result-roster{margin-top:1.5rem;text-align:start}.result-roster h3{margin-bottom:.75rem;font-size:1rem}.result-player-list{max-height:min(42vh,390px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:0;padding:.1rem;overflow-y:auto;list-style:none;scrollbar-color:#29445a transparent}.result-player{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.55rem .65rem;border:1px solid var(--line);border-radius:12px;background:#06111d80}.result-player>img,.result-player>.avatar{width:42px;height:42px;border-radius:10px;object-fit:cover}.result-player.dead>img{filter:grayscale(.85);opacity:.62}.result-player-copy{min-width:0;display:grid;gap:.16rem}.result-player-copy b,.result-player-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-player-copy b{font-size:.82rem}.result-player-copy small{color:var(--muted);font-size:.67rem}.result-status{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .48rem;border-radius:99px;font-size:.62rem;font-weight:750}.result-status.alive{color:var(--success);background:#376c532e}.result-status.dead{color:#daa0af;background:#63283833}.game-recap ol{max-height:none}.game-recap li{overflow-wrap:anywhere}.winner-actions{display:flex;justify-content:center;margin-top:1.4rem;text-align:center}.winner-actions .waiting{margin:0}.winner-card .primary{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}@media(min-width:641px){.chat-fab.lobby{width:auto;display:flex;align-items:center;gap:.45rem;padding:0 1.15rem;border-radius:var(--control-radius);font-size:.8rem;font-weight:800;letter-spacing:.02em;transform:none}.chat-fab.lobby .chat-fab-label{display:inline}}@media(max-width:1100px){.topbar-button,.leave-button{width:44px;min-height:44px;padding:0;justify-content:center}.topbar-button span,.leave-button span{display:none}}@media(min-width:1180px){.landing-hero{min-height:min(820px,100svh);background:radial-gradient(circle at 50% 42%,rgba(67,139,177,.09),transparent 22rem),linear-gradient(90deg,rgba(5,11,20,.08),transparent 25%,transparent 75%,rgba(5,11,20,.08))}.landing-card{z-index:2}.hero-atmosphere{position:absolute;inset:0;z-index:-1;display:block;overflow:hidden;pointer-events:none}.hero-atmosphere:before{content:"";position:absolute;inset:0;opacity:.48;background-image:radial-gradient(circle,rgba(191,233,249,.68) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(121,204,237,.38) 0 1px,transparent 1.4px);background-position:4% 22%,88% 17%;background-size:157px 149px,211px 197px;-webkit-mask-image:linear-gradient(90deg,black,transparent 42%,transparent 58%,black);mask-image:linear-gradient(90deg,black,transparent 42%,transparent 58%,black);animation:hero-stars-drift 28s linear infinite alternate}.hero-moon-halo{position:absolute;top:50%;left:50%;width:31rem;height:31rem;border:1px solid rgba(121,204,237,.055);border-radius:50%;box-shadow:0 0 90px #428bb109,inset 0 0 90px #428bb106;transform:translate(-50%,-54%)}.hero-moon-halo:before{content:"";position:absolute;inset:4.8rem;border:1px solid rgba(121,204,237,.035);border-radius:50%}.hero-orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(143,166,187,.08);border-radius:50%}.hero-orbit:after{content:"";position:absolute;top:50%;left:-2px;width:4px;height:4px;border-radius:50%;background:#b8ebff9e;box-shadow:0 0 12px #79cced8c}.hero-orbit-wide{width:min(81vw,1280px);height:41rem;transform:translate(-50%,-54%) rotate(-7deg);animation:hero-orbit-breathe 14s ease-in-out infinite alternate}.hero-orbit-close{width:min(64vw,980px);height:33rem;border-color:#8fa6bb0b;transform:translate(-50%,-54%) rotate(8deg)}.hero-orbit-close:after{left:auto;right:13%;top:4%;width:3px;height:3px;opacity:.62}.hero-constellation{position:absolute;width:13.75rem;opacity:.25;animation:hero-constellation-glow 7s ease-in-out infinite alternate}.hero-constellation path{stroke:#79cced57;stroke-width:1}.hero-constellation circle{fill:#b8ebffcc;filter:drop-shadow(0 0 4px rgba(121,204,237,.55))}.hero-constellation-left{top:9%;left:7%}.hero-constellation-right{right:7%;bottom:10%;animation-delay:-3.5s}.hero-vignette{position:absolute;top:50%;width:clamp(17rem,22vw,22rem);aspect-ratio:4 / 5;margin:0;opacity:.78;filter:saturate(.75);transition:transform .22s cubic-bezier(.22,.61,.36,1);will-change:transform;animation:hero-vignette-float 11s ease-in-out infinite alternate}.hero-vignette:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 45%,rgba(5,11,20,.15) 68%,var(--night) 99%)}.hero-vignette img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:48% 48% 1rem 1rem;-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 99%);mask-image:linear-gradient(to bottom,black 60%,transparent 99%)}.hero-vignette-frame{position:absolute;inset:-.8rem -.8rem 1.8rem;border:1px solid rgba(121,204,237,.11);border-radius:50% 50% 1.2rem 1.2rem}.hero-vignette-frame:before,.hero-vignette-frame:after{content:"";position:absolute;width:2.4rem;height:2.4rem}.hero-vignette-frame:before{top:-.3rem;left:-.3rem;border-top:1px solid rgba(184,235,255,.28);border-left:1px solid rgba(184,235,255,.28);border-radius:100% 0 0}.hero-vignette-frame:after{right:-.3rem;bottom:-.3rem;border-right:1px solid rgba(184,235,255,.22);border-bottom:1px solid rgba(184,235,255,.22);border-radius:0 0 100%}.hero-vignette-wolf{left:max(3.5vw,calc(50% - 44rem));transform:translate3d(var(--hero-parallax-x),calc(-49% + var(--hero-parallax-y)),0) rotate(-1.25deg)}.hero-vignette-villager{right:max(3.5vw,calc(50% - 44rem));transform:translate3d(var(--hero-parallax-x),calc(-44% + var(--hero-parallax-y)),0) rotate(1.25deg);animation-delay:-5.5s}.hero-vignette-villager img{object-position:52% center}.landing-scroll-hint{z-index:2}}@media(min-width:1520px){.hero-vignette{width:clamp(20rem,23vw,25rem)}.hero-vignette-wolf{left:max(4.5vw,calc(50% - 48rem))}.hero-vignette-villager{right:max(4.5vw,calc(50% - 48rem))}}@keyframes hero-stars-drift{to{transform:translate3d(0,-12px,0);opacity:.64}}@keyframes hero-orbit-breathe{to{transform:translate(-50%,-54%) rotate(-4deg) scale(1.018);border-color:#8fa6bb1f}}@keyframes hero-constellation-glow{to{opacity:.42;transform:translateY(-4px)}}@keyframes hero-vignette-float{to{margin-top:-8px;filter:saturate(.88) brightness(1.04)}}@media(max-width:900px){.guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-feature{gap:2rem}.guide-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-layout{grid-template-columns:1fr}.game-side{grid-template-columns:1fr 1fr}.narrator{position:static;grid-column:1 / -1;min-height:0}.role-mini{grid-column:1}.chronicle{grid-column:2;grid-row:2}}@media(max-width:640px){.landing-hero{min-height:min(720px,100svh);padding-top:4.5rem;padding-bottom:6rem}.landing-hero .landing-card{z-index:1}.landing-hero .hero-atmosphere{position:absolute;inset:0;z-index:0;display:block;overflow:hidden;pointer-events:none}.landing-hero .hero-atmosphere>:not(.hero-vignette-wolf){display:none}.landing-hero .hero-vignette-wolf{position:absolute;top:-2.5rem;left:50%;display:block;width:min(145vw,34rem);aspect-ratio:1;margin:0;opacity:.72;transform:translate(-50%)}.landing-hero .hero-vignette-wolf .hero-vignette-frame{display:none}.landing-hero .hero-vignette-wolf img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.72) brightness(.75);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 48%,rgba(0,0,0,.72) 64%,transparent 92%);mask-image:linear-gradient(to bottom,#000 0%,#000 48%,rgba(0,0,0,.72) 64%,transparent 92%)}.landing-hero .landing-scroll-hint{z-index:1}.public-games,.home-guide{width:calc(100% - 3rem);padding-block:2.5rem}.guide-goals,.guide-role-grid,.guide-flow-note{grid-template-columns:1fr}.guide-goals,.guide-flow-note{gap:2rem}.guide-steps{margin-block:2rem}.guide-feature{grid-template-columns:1fr;padding:1.5rem 0;gap:1.5rem}.guide-feature.reverse img{order:0}.guide-feature>img{max-height:300px}.guide-roles-section{margin-top:2rem;padding-block:2rem}.topbar{position:relative;height:auto;min-height:64px;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;padding:.5rem .75rem}.wordmark{font-size:1rem}.connection.compact{display:none}.topbar-actions{grid-column:1 / -1;justify-self:stretch;justify-content:flex-end;gap:.5rem}.topbar .language-trigger{min-height:44px}.leave-button{margin-right:0}.room-pill{gap:.45rem;padding:.35rem .65rem}.room-pill .room-label,.room-pill .copy-label{display:none}.page-width{width:min(100% - 1rem,1240px);padding:1.4rem 0 2.5rem}.lobby-main{padding:.9rem}.lobby-main .section-heading{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.lobby-main h2{font-size:1.5rem;margin-bottom:0}.lobby-settings-summary{min-height:44px}.lobby-time-settings{grid-template-columns:1fr}.lobby-players{grid-template-columns:1fr;gap:.4rem;margin-top:.75rem}.lobby-player{gap:.5rem;padding:.5rem}.lobby-player>.avatar{display:none}.game-side{grid-template-columns:1fr}.role-mini,.chronicle{grid-column:1;grid-row:auto}.phase-heading{min-height:auto}.phase-heading h2{font-size:1.8rem}.phase-heading>div>p:last-child{font-size:.78rem}.timer{width:70px;height:64px;flex:0 0 auto}.player-grid{grid-template-columns:1fr;padding:.75rem;gap:.5rem}.player-card{min-height:68px;padding:.55rem}.player-card .avatar{width:34px;height:34px}.player-card.dead{min-height:54px}.player-copy b{font-size:.85rem}.lobby-player b,.player-copy b,.result-player-copy b{white-space:normal;overflow-wrap:anywhere}.player-copy small{font-size:.75rem;overflow-wrap:anywhere}.board{overflow:visible}.action-area{position:sticky;top:0;z-index:3;border-radius:20px 20px 0 0;background:var(--panel-solid);grid-template-columns:1fr;min-height:0;gap:.65rem;padding:.9rem;overflow-wrap:anywhere}.admin-vote-control{align-items:stretch;flex-direction:column;gap:.5rem;padding:.75rem}.admin-vote-control>span{display:none}.admin-vote-control button{justify-content:center}.action-button{width:100%;min-width:0}.witch-actions{grid-template-columns:1fr}.witch-actions>p{grid-column:1}.reveal-card{grid-template-columns:1fr;gap:.75rem;padding:.9rem;text-align:center}.reveal-card img{width:min(100%,80px);max-height:14dvh;grid-row:auto;justify-self:center;object-fit:cover}.reveal-card h2,.reveal-card p{margin-bottom:.5rem}.reveal-actions{width:100%;flex-direction:column}.team-tag{margin-bottom:.3rem}.result-player-list{grid-template-columns:1fr;max-height:min(48vh,440px)}.result-player{grid-template-columns:38px minmax(0,1fr) auto}.result-player>img,.result-player>.avatar{width:38px;height:38px}.chat-fab-shell{width:min(360px,calc(100% - 1.5rem));right:.75rem;bottom:max(.75rem,env(safe-area-inset-bottom))}.chat-popover{max-height:min(260px,46dvh);padding:.75rem}.chat-popover-header{align-items:center;padding-bottom:.4rem}.chat-popover-header .eyebrow{display:none}.chat-popover .chat-list{min-height:0;max-height:140px;margin:.5rem 0}.chat-popover .chat-form{flex-shrink:0}.dialog-actions{grid-template-columns:1fr}.advanced-settings-backdrop{place-items:end center;padding:0}.settings-dialog{width:100%;max-height:min(88dvh,760px);padding:1.65rem 1rem max(1rem,env(safe-area-inset-bottom));border-right:0;border-bottom:0;border-left:0;border-radius:22px 22px 0 0;transform-origin:bottom center}.rules-goals,.rules-roles{grid-template-columns:1fr}.rules-dialog{max-height:calc(100dvh - 2rem);padding:1.2rem}.settings-dialog:before{content:"";display:block;width:38px;height:4px;margin:-.75rem auto 1rem;border-radius:99px;background:#b8ebff33}.role-setting{grid-template-columns:44px minmax(0,1fr) auto;gap:.65rem}.role-setting>img{width:44px;height:44px}.role-setting-copy small{display:none}.icon-button.role-info-button{display:grid}.role-setting-info{display:block;grid-column:1 / -1;margin:0}.role-setting-control>span{display:none}.role-setting-control{grid-template-columns:42px}.dialog-fade-enter-from .settings-dialog,.dialog-fade-leave-to .settings-dialog{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.app-shell:before{transition:none;transform:none}}.lobby-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:1rem;margin-top:1rem}.feedback-form{display:grid;gap:.65rem;color:var(--muted);font-size:.82rem}.feedback-form textarea{width:100%;resize:vertical;min-height:140px;padding-top:.75rem;padding-bottom:.75rem}html[lang=ar]{line-height:1.6}html[lang=ar] :is(h1,h2,h3,.eyebrow){line-height:1.4;letter-spacing:normal}html[dir=rtl] :is(.back-link,.feedback-card .lobby-settings-summary)>svg{transform:scaleX(-1)}