:root{--paper: #f7f1e6;--paper-2: #ece3cf;--paper-3: #e2d7be;--white: #fffcf5;--ink: #14110f;--ink-2: #5a524a;--red: #e4462e;--red-2: #c7361f;--teal: #127c7a;--teal-2: #0d605e;--mustard: #f2b63a;--mustard-2: #d99b17;--line: 2px solid var(--ink);--shadow: 4px 4px 0 var(--ink);--shadow-sm: 2px 2px 0 var(--ink);--shadow-lg: 6px 6px 0 var(--ink);--r-sm: 8px;--r: 10px;--r-lg: 14px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--font-display: "Lalezar", "Baloo Bhaijaan 2", "Almarai", sans-serif;--font-body: "Almarai", "Rubik", sans-serif;--fs-xs: 13px;--fs-sm: 15px;--fs-md: 17px;--fs-lg: 22px;--fs-xl: 30px;--fs-2xl: 42px;--fs-3xl: 64px;--fs-timer: clamp(80px, 28vw, 150px);--fs-timer-tv: clamp(160px, 30vw, 420px);--fs-role: clamp(34px, 9vw, 52px);--fs-mission: clamp(28px, 8vw, 48px);--fs-code: clamp(48px, 16vw, 96px);--dur: .18s;--ease: cubic-bezier(.2, .9, .3, 1.15);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box}html{overscroll-behavior-y:none;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-md);line-height:1.5;overscroll-behavior-y:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.15;margin:0}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}p{margin:0}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--teal)}.num{font-variant-numeric:tabular-nums}.display{font-family:var(--font-display);font-weight:400}.muted{color:var(--ink-2)}.center{text-align:center}.stack{display:flex;flex-direction:column;gap:var(--s4)}.stack-sm{display:flex;flex-direction:column;gap:var(--s2)}.row{display:flex;align-items:center;gap:var(--s3)}.grow{flex:1}.wrap{flex-wrap:wrap}.screen{min-height:100dvh;display:flex;flex-direction:column;gap:var(--s5);padding:calc(var(--safe-top) + var(--s4)) calc(var(--safe-right) + var(--s4)) calc(var(--safe-bottom) + var(--s5)) calc(var(--safe-left) + var(--s4));max-width:560px;margin-inline:auto}.screen-wide{max-width:760px}.screen-tv{max-width:none;padding:calc(var(--safe-top) + var(--s6)) var(--s7);gap:var(--s6);align-items:center;justify-content:center;text-align:center}.spacer{flex:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.brand{font-family:var(--font-display);font-size:var(--fs-lg);line-height:1;background:var(--ink);color:var(--paper);padding:6px 12px 4px;border-radius:var(--r-sm);transform:rotate(-2deg);text-decoration:none}.code-chip{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:.18em;direction:ltr;background:var(--white);border:var(--line);border-radius:var(--r-sm);padding:2px 10px 0;box-shadow:var(--shadow-sm);line-height:1.4}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:52px;padding:10px 20px 8px;background:var(--white);color:var(--ink);border:var(--line);border-radius:var(--r);box-shadow:var(--shadow);font-family:var(--font-display);font-size:var(--fs-lg);line-height:1.1;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background-color var(--dur)}.btn:active,.btn.is-pressed{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.btn:focus-visible{outline:3px solid var(--mustard);outline-offset:3px}.btn:disabled{cursor:not-allowed;background:var(--paper-2);color:var(--ink-2);box-shadow:none;transform:translate(4px,4px);border-color:var(--ink-2)}.btn-red{background:var(--red);color:var(--white)}.btn-red:not(:disabled):hover{background:var(--red-2)}.btn-teal{background:var(--teal);color:var(--white)}.btn-teal:not(:disabled):hover{background:var(--teal-2)}.btn-mustard{background:var(--mustard)}.btn-mustard:not(:disabled):hover{background:var(--mustard-2)}.btn-ink{background:var(--ink);color:var(--paper)}.btn-big{width:100%;min-height:64px;font-size:var(--fs-xl)}.btn-huge{width:100%;min-height:96px;font-size:var(--fs-2xl);box-shadow:var(--shadow-lg)}.btn-sm{min-height:38px;padding:4px 12px 2px;font-size:var(--fs-md);box-shadow:var(--shadow-sm);border-radius:var(--r-sm)}.btn-sm:active{transform:translate(2px,2px);box-shadow:none}.btn-ghost{background:transparent;box-shadow:none;border-color:transparent;text-decoration:underline;text-underline-offset:4px}.btn-ghost:active{transform:none}.btn-icon{min-height:40px;min-width:40px;padding:0;border-radius:50%;box-shadow:var(--shadow-sm)}.btn svg{width:1.1em;height:1.1em;flex:none}.btn-icon svg{width:20px;height:20px}.btn-block{width:100%}.card{background:var(--white);border:var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:var(--s4)}.card-paper{background:var(--paper-2)}.card-mustard{background:var(--mustard)}.card-teal{background:var(--teal);color:var(--white)}.card-red{background:var(--red);color:var(--white)}.card-flat{box-shadow:none}.card-title{font-family:var(--font-display);font-size:var(--fs-lg);margin-bottom:var(--s3);display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2)}.sticker{display:inline-block;align-self:flex-start;font-family:var(--font-display);font-size:var(--fs-md);line-height:1;background:var(--mustard);border:var(--line);border-radius:var(--r-sm);padding:7px 12px 4px;box-shadow:var(--shadow-sm);transform:rotate(-3deg)}.sticker-teal{background:var(--teal);color:var(--white)}.sticker-red{background:var(--red);color:var(--white)}.sticker-paper{background:var(--white)}.tag{display:inline-block;font-size:var(--fs-xs);font-weight:700;border:2px solid var(--ink);border-radius:999px;padding:1px 10px;background:var(--white);color:var(--ink);line-height:1.5}.tag-teal{background:var(--teal);color:var(--white)}.tag-red{background:var(--red);color:var(--white)}.tag-mustard{background:var(--mustard)}.list{display:flex;flex-direction:column}.list>*+*{border-top:2px solid var(--ink)}.list-row{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) 0;min-height:52px}.list-row:first-child{padding-top:0}.list-row:last-child{padding-bottom:0}.list-name{font-weight:700;font-size:var(--fs-md);flex:1;overflow-wrap:anywhere}.dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--ink);background:var(--teal);flex:none}.dot-off{background:var(--paper-3)}.seg{display:flex;flex-wrap:wrap;gap:var(--s2)}.seg-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--white);border:var(--line);border-radius:var(--r-sm);padding:8px 14px 6px;min-height:44px;font-family:var(--font-display);font-size:var(--fs-md);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.seg-btn:active{transform:translate(2px,2px);box-shadow:none}.seg-btn[aria-pressed=true]{background:var(--mustard);transform:translate(2px,2px);box-shadow:none}.seg-btn:disabled{opacity:.45;cursor:not-allowed}.seg-btn.teal[aria-pressed=true]{background:var(--teal);color:var(--white)}.choice-list{display:flex;flex-direction:column;gap:var(--s3)}.choice{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:var(--s3);width:100%;min-height:60px;padding:12px 16px;background:var(--white);border:var(--line);border-radius:var(--r);box-shadow:var(--shadow);font-family:var(--font-body);font-weight:700;font-size:var(--fs-lg);text-align:start;cursor:pointer;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background-color var(--dur)}.choice:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.choice[aria-pressed=true]{background:var(--mustard);transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.choice-index{font-family:var(--font-display);font-size:var(--fs-md);width:30px;height:30px;border:2px solid var(--ink);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;background:var(--paper);padding-top:3px}.choice[aria-pressed=true] .choice-index{background:var(--ink);color:var(--mustard)}.toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);cursor:pointer;min-height:44px}.toggle-track{width:56px;height:32px;border:var(--line);border-radius:999px;background:var(--paper-2);position:relative;flex:none;transition:background-color var(--dur)}.toggle-knob{position:absolute;top:3px;inset-inline-start:3px;width:22px;height:22px;border-radius:50%;background:var(--white);border:2px solid var(--ink);transition:transform var(--dur) var(--ease)}.toggle[aria-checked=true] .toggle-track{background:var(--teal)}.toggle[aria-checked=true] .toggle-knob{transform:translate(-24px)}.field{display:flex;flex-direction:column;gap:var(--s2)}.label{font-family:var(--font-display);font-size:var(--fs-lg);line-height:1.2}.hint{font-size:var(--fs-sm);color:var(--ink-2)}.input{width:100%;min-height:56px;padding:12px 16px;font-size:19px;font-weight:700;background:var(--white);border:var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm)}.input:focus{outline:3px solid var(--mustard);outline-offset:2px}.input-code{direction:ltr;text-align:center;font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:.3em;text-transform:uppercase}textarea.input{resize:vertical;min-height:72px}.error{background:var(--red);color:var(--white);border:var(--line);border-radius:var(--r-sm);padding:8px 12px;font-weight:700}.notice{background:var(--mustard);border:var(--line);border-radius:var(--r-sm);padding:8px 12px;font-weight:700}.room-code{font-family:var(--font-display);font-size:var(--fs-code);letter-spacing:.2em;direction:ltr;line-height:1;padding-top:.12em;text-align:center}.qr{display:block;width:min(72vw,320px);height:auto;background:var(--white);border:var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:var(--s3);margin-inline:auto}.qr-tv{width:min(42vh,44vw)}.join-url{direction:ltr;text-align:center;font-size:var(--fs-sm);color:var(--ink-2);overflow-wrap:anywhere}.timer{font-family:var(--font-display);font-size:var(--fs-timer);font-variant-numeric:tabular-nums;direction:ltr;line-height:1;text-align:center;padding-top:.08em;transition:color var(--dur)}.timer-tv{font-size:var(--fs-timer-tv)}.timer.low{color:var(--red)}.timer.paused{color:var(--ink-2)}.timer-tick{animation:tick .16s var(--ease)}@keyframes tick{0%{transform:scale(1.05)}to{transform:scale(1)}}.timer-notime{font-family:var(--font-display);font-size:var(--fs-2xl);text-align:center}.role-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:stretch;padding:calc(var(--safe-top) + var(--s5)) calc(var(--safe-right) + var(--s4)) calc(var(--safe-bottom) + var(--s5)) calc(var(--safe-left) + var(--s4));gap:var(--s5);text-align:center;perspective:1400px;background:var(--paper)}.role-card{flex:1;position:relative;transform-style:preserve-3d;transition:transform .26s var(--ease)}.role-card.flipped{transform:rotateY(180deg)}.role-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s4);border:3px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:var(--s5) var(--s4);overflow:hidden}.role-face.back{transform:rotateY(180deg)}.role-face.face-down{background:var(--paper-2);color:var(--ink)}.role-face.impostor{background:var(--red);color:var(--white)}.role-face.innocent{background:var(--teal);color:var(--white)}.role-face.waiting{background:var(--mustard);color:var(--ink)}.role-title{font-family:var(--font-display);font-size:var(--fs-role);line-height:1.1}.role-mission{font-family:var(--font-display);font-size:var(--fs-mission);line-height:1.2;background:var(--white);color:var(--ink);border:3px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow);padding:var(--s4) var(--s4) var(--s3);width:100%;transform:rotate(-1.5deg)}.role-sub{font-size:var(--fs-lg);font-weight:700;line-height:1.4}.role-note{font-size:var(--fs-md);opacity:.92}.face-mark{font-family:var(--font-display);font-size:120px;line-height:1;color:var(--ink)}.table{width:100%;border-collapse:separate;border-spacing:0;border:var(--line);border-radius:var(--r);overflow:hidden;background:var(--white);box-shadow:var(--shadow)}.table th,.table td{padding:10px 12px;text-align:start;border-bottom:2px solid var(--ink)}.table th{background:var(--mustard);font-family:var(--font-display);font-weight:400;font-size:var(--fs-md)}.table tr:last-child td{border-bottom:0}.table tbody tr:nth-child(2n) td{background:var(--paper)}.table td.num,.table th.num{text-align:center;font-family:var(--font-display);font-size:var(--fs-lg);width:64px;white-space:nowrap}.table th.num{font-size:var(--fs-sm)}.delta-pos{color:var(--teal)}.delta-neg{color:var(--red)}.rank{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border:2px solid var(--ink);border-radius:50%;font-family:var(--font-display);padding-top:3px;background:var(--paper)}.rank-1{background:var(--mustard)}.toast{position:fixed;inset-inline:var(--s4);bottom:calc(var(--safe-bottom) + var(--s4));z-index:30;background:var(--ink);color:var(--paper);border-radius:var(--r);padding:12px 16px;font-weight:700;text-align:center;box-shadow:4px 4px 0 var(--mustard);animation:pop .2s var(--ease)}.toast-red{background:var(--red);color:var(--white)}.toast-teal{background:var(--teal);color:var(--white)}@keyframes pop{0%{transform:translateY(8px) scale(.96);opacity:0}to{transform:none;opacity:1}}.big-result{font-family:var(--font-display);font-size:var(--fs-3xl);text-align:center;line-height:1;animation:pop .22s var(--ease)}.hero{text-align:center;display:flex;flex-direction:column;gap:var(--s3);align-items:center}.hero-title{font-family:var(--font-display);font-size:clamp(56px,20vw,110px);line-height:1;color:var(--red);-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--ink);padding-top:.1em}.hero-sub{font-size:var(--fs-lg);font-weight:700;max-width:28ch}.status-line{font-family:var(--font-display);font-size:var(--fs-xl);text-align:center;line-height:1.2}.frozen{border:3px dashed var(--ink);border-radius:var(--r-lg);padding:var(--s5) var(--s4);text-align:center;background:var(--paper-2)}.pill-count{font-family:var(--font-display);font-size:var(--fs-2xl);line-height:1;padding-top:.1em}.check{width:28px;height:28px;border:2px solid var(--ink);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;background:var(--white)}.check.on{background:var(--teal);color:var(--white)}.check svg{width:16px;height:16px}.result-line{display:flex;align-items:center;gap:var(--s3);font-weight:700;font-size:var(--fs-lg)}.connection{position:fixed;top:calc(var(--safe-top) + 6px);inset-inline-start:50%;transform:translate(50%);z-index:40;background:var(--red);color:var(--white);border:var(--line);border-radius:999px;padding:4px 14px;font-size:var(--fs-sm);font-weight:700}.tv-title{font-family:var(--font-display);font-size:clamp(48px,8vw,120px);line-height:1.1}.tv-names{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s3)}.tv-name{font-family:var(--font-display);font-size:clamp(24px,3.4vw,44px);background:var(--white);border:var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:8px 20px 4px}.tv-name.off{opacity:.5}.host-grid{display:grid;grid-template-columns:1fr;gap:var(--s4)}@media(min-width:640px){.host-grid-2{grid-template-columns:1fr 1fr}}.divider{border:0;border-top:2px dashed var(--ink);margin:var(--s2) 0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}