:root{--ink: #171310;--ink-2: #241D18;--shadow: #3A2E2A;--stone: #6B5D55;--fog: #B3A596;--paper: #EDE2CC;--paper-2: #DCCFB4;--sky: #E8B468;--blood: #B81F27;--blood-deep: #7E1219;--night: #0A0A14;--night-2: #12121F;--dusk: #1B1A2E;--hush: #2E1428;--pink: #FF2E88;--cy: #22D3EE;--bulb: #FFB238;--title: "Rakkas", "Cairo", serif;--letter: "Cairo", system-ui, sans-serif;--type: "Courier Prime", ui-monospace, monospace;--ht: radial-gradient(circle, rgba(10,10,20,.34) 1px, transparent 1.2px);--tap: 52px;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--night)}body{color:var(--paper);font-family:var(--letter);font-weight:600;font-size:15px;line-height:1.5;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit}img{max-width:100%}.stage{min-height:100dvh;max-width:520px;margin-inline:auto;display:flex;flex-direction:column;gap:6px;padding:max(6px,env(safe-area-inset-top)) 6px max(8px,env(safe-area-inset-bottom));background:var(--night);position:relative;overflow-x:hidden}.stage.day{background:var(--ink)}.stage.book{box-shadow:inset 0 0 0 3px var(--paper)}.stage.shake{animation:shk .3s}@keyframes shk{0%,to{transform:none}25%{transform:translate(-5px,2px)}55%{transform:translate(4px,-3px)}80%{transform:translate(-2px,1px)}}.stage.turn{animation:turn .5s cubic-bezier(.4,0,.3,1)}@keyframes turn{0%{transform:none}45%{transform:rotateY(-22deg) scale(.95);opacity:.45}to{transform:none;opacity:1}}.flash{position:fixed;inset:0;opacity:0;pointer-events:none;z-index:99;background:var(--paper)}.flash.go{animation:fl .5s ease-out}.flash.pink{background:var(--pink)}@keyframes fl{0%{opacity:0}16%{opacity:.95}to{opacity:0}}.grow{flex:1 1 auto;min-height:0}.hud{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:26px;font-family:var(--type);font-size:13px;color:var(--fog);padding:0 4px}.hud .t{font-weight:700;font-size:18px;color:var(--pink);text-shadow:0 0 8px rgba(255,46,136,.55);direction:ltr}.hud .t.warm{color:var(--blood);text-shadow:none}.hud .t.cool{color:var(--cy);text-shadow:none}.hud .t.frozen{opacity:.45}.hud .code{letter-spacing:.16em;direction:ltr;unicode-bidi:isolate}.panel{border:4px solid var(--ink);position:relative;overflow:hidden;min-height:0;background:var(--dusk);opacity:0;animation:slam .4s cubic-bezier(.2,.95,.3,1.28) forwards}@keyframes slam{0%{opacity:0;transform:translateY(14px) scale(.965)}to{opacity:1;transform:none}}.panel.revealed{animation:rev .6s cubic-bezier(.2,.9,.3,1.2) forwards}@keyframes rev{0%{opacity:0;transform:scale(1.06);filter:brightness(2.3) saturate(0)}50%{filter:brightness(1.35) saturate(.6)}to{opacity:1;transform:none;filter:none}}.panel .art{position:absolute;inset:0}.panel .art img{width:100%;height:100%;display:block;object-fit:cover}.panel .art img.from{position:absolute;inset:0;z-index:1;animation:xf 1.9s ease-in-out .35s forwards}@keyframes xf{to{opacity:0}}.scrim{position:absolute;inset-inline:0;inset-block-start:0;height:42%;z-index:5;pointer-events:none;background:linear-gradient(to bottom,#0a0a14 18%,#0a0a14b3 55%,#0a0a1400)}.fade{position:absolute;inset-inline:0;inset-block-end:0;height:34%;z-index:5;pointer-events:none;background:linear-gradient(to top,#0a0a14 10%,#0a0a1400)}.ht{position:absolute;inset:0;z-index:2;pointer-events:none;background-image:var(--ht);background-size:4px 4px;opacity:.45}.cap{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:8;background:var(--sky);color:var(--ink);border:3px solid var(--ink);border-block-start:none;border-inline-start:none;padding:4px 9px 5px;font-size:12.5px;font-weight:900;line-height:1.4;max-width:94%;transform:translate(104%);animation:capIn .3s cubic-bezier(.2,.9,.3,1.2) .16s forwards}@keyframes capIn{to{transform:none}}.cap.big{font-size:14px;padding:5px 11px 6px}.cap.cold{background:var(--paper)}.cap.hot{background:var(--blood);color:var(--paper)}.cap.neon{background:var(--pink);color:var(--night)}.cap.cy{background:var(--cy);color:var(--night)}.cap.hush{background:var(--hush);color:#ffbee0;border-color:#6e2350}.sfx{position:absolute;z-index:9;font-family:var(--title);line-height:.9;color:var(--blood);text-shadow:2px 2px 0 var(--ink);inset-block-end:8px;inset-inline-start:10px;opacity:0;animation:pop .42s cubic-bezier(.2,1.5,.4,1) .3s forwards}@keyframes pop{0%{opacity:0;transform:scale(.35) rotate(-24deg)}62%{opacity:1;transform:scale(1.14) rotate(-3deg)}to{opacity:1;transform:rotate(-7deg)}}.sfx.pale{color:var(--paper)}.sfx.glow{color:var(--paper);text-shadow:0 0 10px var(--pink),0 0 22px var(--pink),2px 2px 0 var(--ink)}.sfx.cyglow{color:var(--paper);text-shadow:0 0 10px var(--cy),0 0 22px var(--cy),2px 2px 0 var(--ink)}.balloon{position:absolute;z-index:9;inset-block-end:10px;inset-inline-end:10px;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:12px;padding:5px 10px;font-size:12.5px;font-weight:900;max-width:70%;opacity:0;animation:bp .3s cubic-bezier(.2,1.4,.4,1) .44s forwards}@keyframes bp{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.balloon:after{content:"";position:absolute;inset-block-end:-12px;inset-inline-end:14px;border:6px solid transparent;border-top-color:var(--ink)}.role{position:absolute;inset-inline:0;inset-block-end:0;z-index:7;text-align:center;padding:56px 14px 16px;background:linear-gradient(to top,#0a0a14 38%,#0a0a1400)}.role .rn{font-family:var(--title);font-size:38px;line-height:1;color:var(--paper);text-shadow:0 0 14px var(--pink),3px 3px 0 var(--ink);opacity:0;animation:rise .4s ease-out .3s forwards}.role .rl{font-size:13.5px;color:var(--fog);margin-top:8px;line-height:1.55;opacity:0;animation:rise .4s ease-out .42s forwards}.role.mafia .rn{text-shadow:0 0 14px var(--blood),3px 3px 0 var(--ink)}.centre{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 16px 36px;gap:10px;pointer-events:none}.centre.top{justify-content:flex-start;padding-top:64px}.centre>*{opacity:0;animation:rise .38s ease-out .24s forwards}.tick{font-family:var(--type);font-size:72px;font-weight:700;line-height:1;direction:ltr}.subtxt{font-size:14px;color:var(--fog)}.bigtxt{font-family:var(--title);font-size:40px;line-height:1;color:var(--paper);text-shadow:3px 3px 0 var(--ink)}.logo{font-family:var(--title);font-size:40px;line-height:.9;color:var(--paper);text-shadow:0 0 14px rgba(255,46,136,.55),4px 4px 0 var(--ink);transform:rotate(-1.3deg)}.logo .q{color:var(--pink);text-shadow:0 0 18px var(--pink),4px 4px 0 var(--ink)}.pghead{display:flex;justify-content:space-between;align-items:baseline;border-block-end:3px solid var(--paper);padding:0 3px 4px}.pghead .t{font-family:var(--title);font-size:28px}.pghead .n{font-family:var(--type);font-size:11.5px;color:var(--stone);letter-spacing:.12em}.nightgrid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(150px,1fr);gap:6px}.nightgrid .full{grid-column:1 / -1}.suspects{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.suspects.many{grid-template-columns:repeat(4,1fr)}.suspects.few{grid-template-columns:repeat(2,1fr)}.sus{border:3px solid var(--ink);background:var(--night-2);position:relative;overflow:hidden;aspect-ratio:4 / 5;display:flex;align-items:flex-end;justify-content:center;padding:0 3px 5px;cursor:pointer;opacity:0;animation:susIn .28s ease-out forwards}@keyframes susIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}.sus:disabled{cursor:default}.sus img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%}.sus:before{content:"";position:absolute;inset-inline:0;inset-block-end:0;height:46%;z-index:2;pointer-events:none;background:linear-gradient(to top,#0a0a14 20%,#0a0a1400)}.sus .nm{font-size:12.5px;font-weight:900;color:var(--paper);z-index:3;text-shadow:1px 1px 0 var(--ink);line-height:1.2;text-align:center;overflow-wrap:anywhere}.sus .rl{position:absolute;inset-block-start:3px;inset-inline-end:4px;z-index:5;font-size:10.5px;font-weight:900;background:var(--night);color:var(--cy);padding:0 4px}.sus.mute{background:var(--hush)}.sus.mute img{filter:saturate(.25) brightness(.62)}.sus.mute .nm{color:#ffbee0}.sus.sel{background:#3a0b24}.sus.sel img{filter:saturate(1.25) brightness(1.08)}.sus.sel:after{content:"";position:absolute;inset:0;border:3px solid var(--pink);z-index:4;box-shadow:inset 0 0 14px #ff2e8880}.stage.day .sus.sel:after{border-color:var(--sky);box-shadow:inset 0 0 14px #e8b46880}.sus.ally:after{content:"";position:absolute;inset:0;border:3px solid var(--cy);z-index:4}.sus.out img{filter:grayscale(1) brightness(.3)}.sus.out .nm{text-decoration:line-through;color:var(--stone)}.sus .v{position:absolute;inset-block-start:3px;inset-inline-start:5px;font-family:var(--type);font-size:15px;font-weight:700;color:var(--cy);z-index:5;text-shadow:1px 1px 0 var(--night)}.stage.day .sus .v{color:var(--sky)}.sus .marks{position:absolute;inset-block-start:3px;inset-inline-end:3px;z-index:5;display:grid;gap:2px;justify-items:end}.sus .mk{font-size:10.5px;font-weight:900;line-height:1.3;background:var(--cy);color:var(--night);padding:0 5px;box-shadow:0 0 8px #22d3ee80}.sus .tagm{position:absolute;inset-block-start:3px;inset-inline-end:4px;z-index:5;font-size:10px;background:var(--hush);color:#ffbee0;padding:0 4px}.rows{background:var(--night-2);border:3px solid var(--ink);opacity:0;animation:slam .38s ease-out forwards}.row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-block-end:2px solid rgba(237,226,204,.08);opacity:0;animation:rowIn .28s ease-out forwards;width:100%;background:none;border-inline:0;border-block-start:0;text-align:start}button.row{cursor:pointer}@keyframes rowIn{0%{opacity:0;transform:translate(13px)}to{opacity:1;transform:none}}.row .nm3{flex:1;font-size:14.5px;font-weight:700}.row .tag{font-family:var(--type);font-size:12px;color:var(--stone)}.row .tag.on{color:var(--cy)}.dot{width:32px;height:32px;border:2px solid var(--ink);background:var(--dusk);overflow:hidden;flex:0 0 auto}.dot img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}.dot.me{border-color:var(--pink)}.slab{border:3px solid var(--ink);background:var(--paper);color:var(--ink);padding:8px 12px;font-size:13.5px;font-weight:900;line-height:1.55;opacity:0;animation:rise .32s ease-out .2s forwards}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.slab.dark{background:var(--night-2);color:var(--fog);border-color:var(--dusk);font-family:var(--type);font-size:13px;font-weight:400}.slab.hot{background:var(--blood);color:var(--paper)}.slab.warn{background:var(--sky)}.slab.neon{background:var(--night-2);border-color:var(--pink);color:#ffbee0}.slab.cy{background:var(--night-2);border-color:var(--cy);color:#bdf4fb}.slab.hush{background:var(--hush);border-color:#6e2350;color:#ffbee0}.act{display:block;width:100%;min-height:var(--tap);border:4px solid var(--ink);background:var(--blood);color:var(--paper);font-family:var(--title);font-size:22px;line-height:1.2;text-align:center;padding:8px;cursor:pointer;text-decoration:none;text-shadow:2px 2px 0 var(--blood-deep);touch-action:manipulation;user-select:none;-webkit-user-select:none;opacity:0;animation:rise .3s ease-out .3s forwards;transition:transform .06s}.act:active:not(:disabled){transform:translate(2px,2px)}.act.pale{background:var(--paper);color:var(--ink);text-shadow:none}.act.neon{background:var(--pink);color:var(--night);text-shadow:none;box-shadow:0 0 16px #ff2e8866}.act.sky{background:var(--sky);color:var(--ink);text-shadow:none}.act.cy{background:var(--cy);color:var(--night);text-shadow:none}.act.ghost{background:transparent;color:var(--fog);border-color:var(--dusk);text-shadow:none;font-family:var(--letter);font-weight:900;font-size:15px}.act.dead,.act:disabled{background:var(--night-2);color:var(--stone);border-color:var(--dusk);text-shadow:none;font-size:17px;box-shadow:none;cursor:default}.acts{display:grid;gap:6px}.acts.two{grid-template-columns:1fr 1fr}.field{width:100%;min-height:var(--tap);padding:0 12px;border:3px solid var(--ink);background:var(--paper);color:var(--ink);font:900 16px var(--letter)}.field.code{font-family:var(--type);font-size:26px;letter-spacing:.4em;text-align:center;text-transform:uppercase;direction:ltr}.link{background:none;border:0;color:var(--stone);font-family:var(--type);font-size:12.5px;letter-spacing:.08em;padding:8px 4px;cursor:pointer;text-decoration:none}.hint{font-family:var(--type);font-size:11.5px;color:var(--stone);letter-spacing:.1em;text-align:center}.toast{position:fixed;inset-inline:10px;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 70px);max-width:500px;margin-inline:auto;z-index:50}.act:focus-visible,.sus:focus-visible,.row:focus-visible,.field:focus-visible,.link:focus-visible,.chip:focus-visible{outline:3px solid var(--cy);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition:none!important}}