.btn{--btn-face: var(--route-btn, #1961f1);--btn-text: #ffffff;--btn-outline: var(--route-btn-outline, #ffffff);--btn-outline-width: 2px;--btn-outline-pressed-width: 3px;--btn-radius: 2px;--btn-lift: -4px;--btn-active-scale: 1.08;--btn-focus-ring: #c11c54}.btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:0;background:none;color:var(--btn-text);font-family:var(--font-sans, system-ui, sans-serif);font-size:var(--fs-button, 20px);line-height:1;cursor:pointer;text-decoration:none;transition:transform .12s cubic-bezier(.2,.9,.2,1)}.btn:after{content:"";position:absolute;inset:0;border-radius:var(--btn-radius);background:var(--btn-face);z-index:-1;pointer-events:none;transition:box-shadow .16s cubic-bezier(.2,.9,.2,1)}.btn:hover{transform:translateY(var(--btn-lift))}.btn:hover:after{box-shadow:0 0 0 var(--btn-outline-width) var(--btn-outline)}.btn:active{transform:translateY(var(--btn-lift)) scale(var(--btn-active-scale))}.btn:active:after{box-shadow:0 0 0 var(--btn-outline-pressed-width) var(--btn-outline)}.btn:focus-visible{outline:2px solid var(--btn-focus-ring);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.6;cursor:not-allowed;transform:none}.btn:disabled:after,.btn[aria-disabled=true]:after{transition:none}@media(prefers-reduced-motion:reduce){.btn,.btn:after{transition:none}}.lobby{position:relative;text-align:center;z-index:0}.lobby__watermark{position:absolute;inset:0;pointer-events:none;z-index:0;--wm-opacity: .3}.lobby__watermark:before{content:"";position:absolute;left:45%;top:55%;width:min(90vw,800px,90vh);height:min(90vw,800px,90vh);transform:translate(-50%,-50%);background:url(/logoIcon.png) center / contain no-repeat;opacity:var(--wm-opacity);filter:drop-shadow(0 2px 10px rgba(0,0,0,.35))}.lobby__content{position:relative;z-index:1;display:grid;gap:clamp(8px,2vh,16px);justify-items:center;width:100%;max-width:600px;margin-inline:auto}.lobby__logo{width:clamp(180px,40vw,320px);height:auto;display:block}.lobby__subtitle{opacity:.85;font-family:var(--font-sans);font-size:var(--fs-hint);line-height:var(--lh-normal);margin:6px 0 20px}.lobby__actions{display:flex;gap:clamp(10px,3vw,16px);justify-content:center;flex-wrap:wrap}@media(max-height:600px){.lobby__content{gap:.8rem}.lobby__logo{width:clamp(150px,45vw,260px)}.lobby__subtitle{margin-bottom:.5rem}}.rules-page{width:100%;box-sizing:border-box}.rules-scroll{max-height:calc(100vh - 140px);overflow-y:auto;padding:16px;box-sizing:border-box}.rules-title{margin-top:0;margin-bottom:16px;text-align:center}.rules-scroll h2{margin-top:20px}.rules-scroll p,.rules-scroll ul{line-height:1.6;opacity:.95}.rules-footer{text-align:center;margin-top:24px;opacity:.7;font-style:italic}.rules-back{margin-top:-24px;text-align:center}.rules-scroll::-webkit-scrollbar{width:6px}.rules-scroll::-webkit-scrollbar-track{background:#ffffff0d}.rules-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.page-shell{position:relative;min-height:100vh;padding:24px 16px 32px;display:flex;justify-content:center;align-items:center;z-index:1}.page-content{position:relative;z-index:3;width:100%;max-width:640px}.page-layers{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:2}.page-layer{position:absolute;inset:0;margin:0;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;width:100%;height:100%}@media(max-aspect-ratio:16/9){.page-layer{background-size:auto 100%}}@media(min-aspect-ratio:16/9){.page-layer{background-size:100% auto}}@media(max-width:640px){.page-layer{display:none}}.host-voting{text-align:center}.host-voting__title{margin-top:0;margin-bottom:8px}.host-voting__meta{opacity:.85;margin:0 0 16px}.host-voting__list{list-style:none;padding:0;margin:0;display:grid;gap:10px;width:100%;max-width:520px;justify-self:center}.host-voting__list-item{padding:12px 14px;border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center}.host-voting__footer{margin-top:16px}.host-voting__selected{position:fixed;left:50%;bottom:24px;transform:translate(-50%);padding:10px 14px;border-radius:var(--radius);z-index:5}.host-voting-layer{opacity:0;transform:translate(-100px);animation:hostVotingLayerIn 1.6s cubic-bezier(.22,1,.36,1) forwards}.host-voting-layer--3{animation-delay:.2s}.host-voting-layer--2{animation-delay:.4s}.host-voting-layer--1{animation-delay:.6s}@keyframes hostVotingLayerIn{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.host-liar-voting{text-align:center}.host-liar-layer{opacity:0}.host-liar-layer--1{transform:translate(-100px);animation:hostLiarInLeft 1.6s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.2s}.host-liar-layer--2{transform:translate(100px);animation:hostLiarInRight 1.6s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.2s}.host-liar-layer--3{transform:translateY(100px);animation:hostLiarInUp 1.6s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.4s}@keyframes hostLiarInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes hostLiarInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes hostLiarInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}:root{--cf-card-max-w: 520px;--cf-img-radius: 12px;--cf-gap: 12px;--cf-img-max-h: min(46vh, 520px)}.cf{display:grid;gap:var(--cf-gap);justify-items:center;width:100%}.cf-card{width:100%;max-width:var(--cf-card-max-w);display:grid;gap:10px}.cf-img-wrap{width:100%;position:relative}.cf-img{width:100%;height:auto;max-height:var(--cf-img-max-h);border-radius:var(--cf-img-radius);display:block;object-fit:contain;object-position:center;background:#ffffff0a;border:1px solid var(--stroke)}.cf-caption{margin:0;text-align:center}@media(max-width:520px){:root{--cf-card-max-w: 92vw;--cf-img-max-h: 38vh}}@media(min-aspect-ratio:16/9)and (max-height:720px){:root{--cf-img-max-h: 34vh}}@media(prefers-reduced-motion:reduce){.cf,.cf-card{scroll-behavior:auto}}.action-cue-img{position:absolute;left:50%;top:0;height:100vh;width:auto;max-width:none;transform:translate(-50%,100%);opacity:0;object-fit:contain;pointer-events:none}.action-cue-img.slide-in{animation:slideUp .7s cubic-bezier(.2,.9,.2,1) forwards}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.action-cue-img.still{transform:translate(-50%);opacity:1}.action-cue-img.pop-in{animation:cuePop .3s ease-out}@keyframes cuePop{0%{transform:translate(-50%) scale(.9);opacity:0}40%{transform:translate(-50%) scale(1.1);opacity:1}to{transform:translate(-50%) scale(1);opacity:1}}.cue-countdown{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;font-family:var(--font-display);font-size:14vw;color:#fff;pointer-events:none;animation:pop .3s ease-out}@keyframes pop{0%{transform:scale(.6);opacity:0}40%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.fs-btn{position:fixed;top:max(env(safe-area-inset-top),12px);right:max(env(safe-area-inset-right),12px);z-index:1000;width:44px;height:44px;padding:0;border-radius:var(--buttonRadius);display:inline-flex;align-items:center;justify-content:center;background:var(--buttonBackground);color:var(--buttonText);border:var(--buttonBorderWidth) solid var(--buttonBorderNormal);box-shadow:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-button);transition:transform .12s ease,border-color .12s ease,opacity .12s ease}.fs-btn:hover{transform:translateY(-2px);border-color:var(--buttonBorderHover)}.fs-btn:active{transform:translateY(0) scale(.98)}.fs-btn:disabled,.fs-btn[disabled]{opacity:.55;cursor:not-allowed;transform:none!important;border-color:var(--buttonBorderNormal)}.fs-btn .fs-icon{width:20px;height:20px;fill:currentColor}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,1px,1px);white-space:nowrap;border:0}.cp-wrap{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 12px);transform:translate(-50%);width:min(420px,85vw);aspect-ratio:1 / 1;max-height:40vh;z-index:210;pointer-events:none}.cp-base{position:absolute;inset:0;object-fit:contain;object-position:center bottom;width:100%;height:100%;-webkit-user-select:none;user-select:none;pointer-events:none}.cp-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:auto;touch-action:none}.cp-fab{left:clamp(12px,2vw,20px);right:auto;top:clamp(12px,2vw,20px);pointer-events:auto}.cp-toolbar{position:absolute;bottom:100%;left:50%;transform:translate(-50%,8px);display:grid;gap:8px;padding:12px 14px;border-radius:var(--buttonRadius);border:1px solid var(--stroke);background:#14182499;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:min(380px,90vw);opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;z-index:215}.cp-toolbar.is-open{opacity:1;pointer-events:auto;transform:translate(-50%)}.cp-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.cp-row input[type=color]{width:36px;height:28px;padding:0;border:1px solid var(--stroke);border-radius:6px;background:#ffffff14}.cp-row input[type=range]{width:160px}.cp-actions{display:flex;gap:8px;justify-content:flex-end}.cp-hint{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);margin:0;white-space:nowrap;opacity:.8}@media(max-height:740px){.cp-wrap{max-height:34vh}}@media(max-height:620px){.cp-wrap{max-height:30vh}}@media(max-width:520px){.cp-wrap{width:min(360px,92vw)}}.av-floor{display:none}.av-floor[data-route^="/host"],.av-floor[data-route^="/host-voting"],.av-floor[data-route^="/host-liar-voting"],.av-floor[data-route^="/play-again/host"]{display:flex}.av-floor{position:fixed;left:0;bottom:0;width:100%;height:min(420px,85vw);max-height:40vh;z-index:1500;justify-content:center;align-items:flex-end;pointer-events:none;overflow:visible}.av-row{display:flex;align-items:flex-end;justify-content:center;flex-wrap:nowrap;gap:40px;will-change:transform;transition:transform .2s ease;transform-origin:center bottom}.av-char{position:relative;display:flex;justify-content:flex-end;align-items:flex-end}.av-char-wrap{position:relative;width:min(420px,85vw);aspect-ratio:1 / 1;max-height:40vh;display:block;transition:transform .14s cubic-bezier(.2,.9,.2,1);will-change:transform,opacity}.av-char-name{display:none!important}.av-char-base,.av-char-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;-webkit-user-select:none;user-select:none;pointer-events:none;display:block}.av-char.is-dead .av-char-base,.av-char.is-dead .av-char-overlay{filter:grayscale(1) opacity(.6)}.av-char.is-gone .av-char-base,.av-char.is-gone .av-char-overlay{filter:opacity(.5)}.av-char.is-voted .av-char-wrap,.av-char[data-voted=true] .av-char-wrap{animation:av-voted-pop-drop .95s cubic-bezier(.2,.9,.2,1) forwards}@keyframes av-voted-pop-drop{0%{transform:translateY(0) scale(1);opacity:1}12%{transform:translateY(-10px) scale(1.06);opacity:1}28%{transform:translateY(0) scale(1);opacity:1}78%{transform:translateY(80vh) scale(.98);opacity:1}to{transform:translateY(200vh) scale(.95);opacity:0}}@media(prefers-reduced-motion:reduce){.av-char.is-voted .av-char-wrap,.av-char[data-voted=true] .av-char-wrap{animation:none;opacity:0}}@media(max-width:520px){.av-char-name{font-size:14px}}.ready-btn{position:fixed;right:24px;bottom:24px;z-index:1600;padding:10px 20px;border-radius:999px;border:none;outline:none;font-family:var(--font-display, system-ui, -apple-system, BlinkMacSystemFont);font-size:16px;font-weight:600;letter-spacing:.04em;background:#ffe15a;color:#222;cursor:pointer;box-shadow:0 6px 16px #00000047;transform-origin:center;transition:transform .12s cubic-bezier(.2,.9,.2,1),box-shadow .12s ease,opacity .14s ease}.ready-btn:hover:not(:disabled){transform:translateY(-1px) scale(1.03);box-shadow:0 10px 22px #00000059}.ready-btn:active:not(:disabled){transform:translateY(1px) scale(.97);box-shadow:0 4px 12px #00000038}.ready-btn:disabled{opacity:.75;cursor:default}@media(max-width:600px){.ready-btn{right:16px;bottom:16px;padding:8px 16px;font-size:14px}}:root{--fx-bloom-opacity: .25;--fx-bloom-blur: 20px;--fx-bloom-brightness: 1.25;--fx-bloom-sat: 1.15;--fx-grain-opacity: .4;--fx-grain-scale: 20%;--fx-grain-speed: 9s}.fx{position:fixed;inset:0;pointer-events:none;z-index:950}.fx-bloom{-webkit-backdrop-filter:blur(var(--fx-bloom-blur)) brightness(var(--fx-bloom-brightness)) saturate(var(--fx-bloom-sat));backdrop-filter:blur(var(--fx-bloom-blur)) brightness(var(--fx-bloom-brightness)) saturate(var(--fx-bloom-sat));mix-blend-mode:screen;opacity:var(--fx-bloom-opacity);-webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000 70%,transparent 100%);mask-image:radial-gradient(70% 70% at 50% 50%,#000 70%,transparent 100%)}.fx-grain{opacity:var(--fx-grain-opacity);mix-blend-mode:overlay;background-size:var(--fx-grain-scale);animation:fx-grain-shift var(--fx-grain-speed) steps(6) infinite;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64'>  <filter id='n'>    <feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='7'/>    <feColorMatrix type='saturate' values='0'/>  </filter>  <rect width='100%' height='100%' filter='url(%23n)'/></svg>")}@keyframes fx-grain-shift{0%{background-position:0 0}20%{background-position:20% 10%}40%{background-position:40% 30%}60%{background-position:60% 50%}80%{background-position:80% 70%}to{background-position:100% 100%}}@media(prefers-reduced-motion:reduce){.fx-grain{animation:none}}@media(max-width:380px){:root{--fx-bloom-blur: 10px;--fx-bloom-opacity: .14}}[data-lowfx] .fx-bloom,[data-lowfx] .fx-grain{display:none}:root{--route-btn: #1961f1;--route-btn-outline: #ffffff}.bg-canvas{--route-bg: #0b1b52;--ht-color: #300415;--ht-size: 24px;--ht-dot: 8px;--ht-opacity: .2;--ht-blend: soft-light;--ht-fade-start: 28%;--ht-fade-end: 78%;--ht-speed: 24s;--ht-play: running;--ht-shift: 12;position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-canvas:before{content:"";position:absolute;inset:0;background:var(--route-bg)}.bg-layer-img{position:absolute;inset:0;background-repeat:no-repeat;background-position:center center;background-size:cover;width:100%;height:100%;will-change:opacity,transform;transform-origin:center center}.bg-halftone{position:absolute;inset:0;pointer-events:none;opacity:var(--ht-opacity);mix-blend-mode:var(--ht-blend);background-image:radial-gradient(circle,var(--ht-color) 0 var(--ht-dot),transparent var(--ht-dot));background-size:var(--ht-size) var(--ht-size);background-position:0 0;-webkit-mask-image:linear-gradient(to top,black 0%,black var(--ht-fade-start),transparent var(--ht-fade-end));mask-image:linear-gradient(to top,black 0%,black var(--ht-fade-start),transparent var(--ht-fade-end));will-change:background-position;animation:ht-scroll var(--ht-speed) linear infinite;animation-play-state:var(--ht-play)}@keyframes ht-scroll{0%{background-position:0 0}to{background-position:0 calc(-1 * var(--ht-shift) * var(--ht-size))}}.bg--lobby,.bg--liarVoting,.bg--modeVoting{--route-bg: #151e3d;--ht-color: #000000;--ht-opacity: .2}.bg--mts{--route-bg: #210c2b;--ht-color: #000000;--ht-opacity: .2}.bg--cf{--route-bg: #360846;--ht-color: #000000;--ht-opacity: .2}.bg--outcome{--route-bg: #151e3d;--ht-color: #000000;--ht-opacity: .2}:root[data-preset=lobby]{--route-btn: #b31264;--route-btn-outline: #ffffff}:root[data-preset=modeVoting]{--route-btn: #b31264;--route-btn-outline: #ffffff}:root[data-preset=liarVoting]{--route-btn: #b31264;--route-btn-outline: #ffffff}:root[data-preset=mts]{--route-btn: #276974;--route-btn-outline: #ffffff}:root[data-preset=cf]{--route-btn: #ba4f34;--route-btn-outline: #ffffff}:root[data-preset=outcome]{--route-btn: #b31264;--route-btn-outline: #ffffff}@media(max-aspect-ratio:16/9){.bg-layer-img{background-size:auto 100%}}@media(min-aspect-ratio:16/9){.bg-layer-img{background-size:100% auto}}@media(max-width:640px){.bg-layer-img{display:none!important}}@media(prefers-reduced-motion:reduce){.bg-halftone{animation-play-state:paused}}@font-face{font-family:LL Display;src:url(/assets/tungstenBlack-BNWJRekl.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:LL Book;src:url(/assets/tungstenBook-CtefGn74.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #001c54;--page-gradient-top: #001c54;--page-gradient-bottom: #570b37;--color-text: #ffffff;--color-heading: #ffffff;--color-button-text: #ffffff;--color-hint: rgba(232, 238, 252, .85);--color-muted: rgba(232, 238, 252, .7);--focusRing: #c11c54;--stroke: rgba(255, 255, 255, .18);--shadow: 0 14px 32px -16px rgba(0, 0, 0, .6);--font-sans: "LL Book", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-display: "LL Display", var(--font-sans);--fs-body: 22px;--fs-heading: var(--fs-body);--fs-button: var(--fs-body);--fs-eyebrow: calc(var(--fs-body) * .9);--fs-hint: calc(var(--fs-body) * .9);--fs-input: var(--fs-body);--lh-tight: 1.1;--lh-normal: 1.3;--lh-relaxed: 1.5;--tracking-heading: 0;--tracking-body: 0;--tracking-eyebrow: .06em;--page-pad: clamp(16px, 4vw, 32px);--content-gutter: 24px;--radius-control: 14px;--hud-bottom-space: max(env(safe-area-inset-bottom), 22vh);--hud-top-space: max(env(safe-area-inset-top), 56px)}@media(max-width:768px){:root{--content-gutter: 28px}}@media(max-width:480px){:root{--content-gutter: 36px}}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{margin:0;color:var(--color-text);background:linear-gradient(180deg,var(--page-gradient-top),var(--page-gradient-bottom));font-family:var(--font-sans);font-weight:400;font-size:var(--fs-body);line-height:var(--lh-relaxed);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{position:relative;height:100dvh;width:100%;display:grid;place-items:center;padding-top:var(--hud-top-space);padding-bottom:var(--hud-bottom-space);padding-left:var(--page-pad);padding-right:var(--page-pad);overflow:hidden}.container{width:min(960px,100%);margin:0 auto;padding-left:calc(var(--content-gutter) + env(safe-area-inset-left));padding-right:calc(var(--content-gutter) + env(safe-area-inset-right));padding-top:0;padding-bottom:0;text-align:center}.h1,h1,.h2,h2,.h3,h3{font-family:var(--font-display);font-weight:900;font-size:var(--fs-heading);line-height:var(--lh-tight);letter-spacing:var(--tracking-heading);color:var(--color-heading);margin:0 0 8px}.text{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-relaxed);color:var(--color-text);letter-spacing:var(--tracking-body)}.text-heading{font-family:var(--font-display);font-weight:900;font-size:var(--fs-heading);line-height:var(--lh-tight);color:var(--color-heading);letter-spacing:var(--tracking-heading)}.text-button{font-family:var(--font-sans);font-size:var(--fs-button);color:var(--color-button-text);line-height:1}.text-eyebrow{font-family:var(--font-sans);font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);opacity:.9}.text-hint{font-family:var(--font-sans);font-size:var(--fs-hint);color:var(--color-hint);line-height:var(--lh-normal)}.text-muted{color:var(--color-muted)}.prompt-text{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal);letter-spacing:var(--tracking-body)}.hint{font-size:var(--fs-hint);opacity:.85}.eyebrow{font-family:var(--font-sans);font-size:var(--fs-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;opacity:.75;margin-bottom:6px}.input{width:100%;padding:12px 14px;border-radius:var(--radius-control);border:1px solid var(--stroke);background:#ffffff0f;color:var(--color-text);outline:none;box-shadow:none;font-family:var(--font-sans);font-weight:400;font-size:var(--fs-input);line-height:var(--lh-normal)}.input::placeholder{color:var(--color-muted)}.input:focus{outline:2px solid var(--focusRing);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}