@font-face{font-family:Changa;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/9c2f2b5a045fa930-s.p.0asvrwk06mpgp.woff2?dpl=dpl_E4qWaP8Kyjx25oyjjuWsAKzK6XJj)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Changa;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/e40a1bdc0d73e76a-s.0-h-uqi74-0gs.woff2?dpl=dpl_E4qWaP8Kyjx25oyjjuWsAKzK6XJj)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Changa;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/1d1eb858b80e72fc-s.p.3afc2xcr41qo7.woff2?dpl=dpl_E4qWaP8Kyjx25oyjjuWsAKzK6XJj)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Changa Fallback;src:local(Arial);ascent-override:123.2%;descent-override:61.55%;line-gap-override:0.0%;size-adjust:99.6%}.changa_a7c83a2b-module__KNUolW__className{font-family:Changa,Changa Fallback;font-style:normal}.changa_a7c83a2b-module__KNUolW__variable{--font-changa:"Changa", "Changa Fallback"}
:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#0b1a10;--paper:#f4f3ec;--paper-2:#e9e8df;--panel:#fffffb;--panel-2:#f1f0e7;--line:#0b1a1024;--muted:#5f6f64;--accent:#157a3f;--accent-ink:#fff;--pitch-a:#e4ecdf;--pitch-b:#dbe6d5;--shadow:#0a2b161f}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f1f4ee;--paper:#070a08;--paper-2:#0f1511;--panel:#121a15;--panel-2:#18221c;--line:#ffffff1a;--muted:#94a69a;--accent:#3ad66f;--accent-ink:#04140a;--pitch-a:#0b1a10;--pitch-b:#0d1f13;--shadow:#00000080}:root{--brand-dark:#02461d;--brand:#146c39;--brand-bright:#1e9949;--danger:#d8463d;--red:#d8463d;--red-deep:#a92f28;--blue:#2e6fd6;--blue-deep:#1f4fa3;--sand:#c4b07a;--sand-deep:#a8935c;--assassin:#141414;--green:#1e9949;--card-face:#f2eee1;--card-ink:#1a1d1a;--radius:14px;--card-font:clamp(11px, 2.35vw, 19px)}[data-text=s]{--card-font:clamp(10px, 2.1vw, 16px)}[data-text=l]{--card-font:clamp(12px, 2.7vw, 22px)}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background:repeating-linear-gradient(90deg, var(--pitch-a) 0 80px, var(--pitch-b) 80px 160px);color:var(--ink);font-family:var(--font-changa), system-ui, sans-serif;-webkit-font-smoothing:antialiased;background-attachment:fixed;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.num{font-variant-numeric:tabular-nums;direction:ltr;display:inline-block}.muted{color:var(--muted)}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html:not([data-motion=off]) *{transition:none!important;animation:none!important}}[data-motion=on] *{transition:none!important;animation:none!important}.btn{background:var(--panel-2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:600;transition:transform 80ms,background .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--panel)}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:700}.btn-primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}.btn-big{padding:14px 28px;font-size:1.15rem}.btn-sm{padding:6px 12px;font-size:.85rem}.btn-red{background:var(--red);color:#fff;border-color:#0000}.btn-blue{background:var(--blue);color:#fff;border-color:#0000}.btn-danger{color:var(--danger);border-color:var(--danger);background:0 0}.icon-btn{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;place-items:center;width:40px;height:40px;display:inline-grid}.field{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:100%;padding:12px 16px}.field:focus{outline:2px solid var(--accent);outline-offset:0}textarea.field{resize:vertical;min-height:160px;line-height:1.7}.chip{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.85rem;display:inline-flex}.seg{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{border-radius:999px;padding:6px 14px;font-size:.9rem;font-weight:600}.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.topbar{justify-content:space-between;align-items:center;gap:12px;max-width:1280px;margin-inline:auto;padding:12px 16px;display:flex}.topbar .actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.brand-mark{align-items:center;gap:10px;display:inline-flex}.brand-mark .logo{background:#0b0d0c;border-radius:10px;flex:none;width:40px;height:40px;overflow:hidden}.brand-mark .logo img{width:100%;height:100%;display:block}.brand-mark b{white-space:nowrap;font-size:1.1rem;line-height:1.1;display:block}.brand-mark small{color:var(--muted);font-size:.75rem;display:block}.landing{gap:24px;max-width:980px;margin-inline:auto;padding:24px 16px 64px;display:grid}.hero{background:linear-gradient(150deg, var(--brand-dark), #040f09);color:#f1f4ee;border:1px solid var(--brand-bright);border-radius:24px;gap:18px;padding:32px 24px;display:grid}.hero h1{font-size:clamp(2rem,7vw,3.4rem);font-weight:800;line-height:1.1}.hero h1 span{color:#3ad66f}.hero p{color:#b8c6bb;font-size:1.05rem}.enter{flex-wrap:wrap;gap:10px;max-width:520px;display:flex}.enter .field{color:#fff;background:#ffffff0f;border-color:#fff3;flex:220px}.steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;display:grid}.step{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.step b{color:var(--accent);font-size:1.4rem;display:block}.preview-board{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;max-width:640px;margin-inline:auto;display:grid}.room{max-width:1280px;margin-inline:auto;padding:0 16px 40px}.banner{text-align:center;padding:6px 12px 12px;font-size:clamp(1rem,3.4vw,1.4rem);font-weight:800}.banner small{color:var(--muted);font-size:.85rem;font-weight:500;display:block}.table{grid-template:"left board right""left board log"1fr/minmax(0,220px) minmax(0,1fr) minmax(0,220px);align-items:start;gap:12px 16px;display:grid}.table>.left{grid-area:left}.table>.right{grid-area:right}.table>.board-col{grid-area:board;gap:12px;display:grid}.table>.log{grid-area:log}@media (max-width:860px){.table{grid-template:"left right""board board""log log"/minmax(0,1fr) minmax(0,1fr)}}@media (max-width:560px){.topbar{padding:10px 12px}.brand-mark .logo{width:34px;height:34px}.brand-mark b{font-size:.95rem}.brand-mark small{display:none}.topbar .btn-sm{padding:5px 10px;font-size:.8rem}.team{gap:6px;padding:8px}.team-count{font-size:1.6rem}.card.hint:before{border-width:4px}.card{border-radius:8px;padding:4px}.room{padding-inline:10px}}.team{border-radius:var(--radius);color:#fff;border:2px solid #0000;gap:10px;padding:12px;display:grid}.team.red{background:linear-gradient(160deg, var(--red), var(--red-deep))}.team.blue{background:linear-gradient(160deg, var(--blue), var(--blue-deep))}.team.side-a,.team.side-b{background:linear-gradient(160deg, var(--brand-bright), var(--brand-dark))}.team.active{box-shadow:0 0 0 3px #fff3, 0 10px 30px var(--shadow);border-color:#fff}.team.dim{opacity:.72}.team-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.team-head h3{font-size:1.05rem;font-weight:800}.team-count{font-size:2.2rem;font-weight:800;line-height:1}.role-box{background:#0000002e;border-radius:10px;gap:6px;padding:8px 10px;display:grid}.role-box h4{opacity:.85;letter-spacing:0;font-size:.8rem;font-weight:700}.names{flex-wrap:wrap;gap:4px;display:flex}.name-pill{background:#ffffff2e;border-radius:999px;align-items:center;gap:4px;padding:1px 10px;font-size:.85rem;display:inline-flex}.name-pill.me{color:#111;background:#fff;font-weight:700}.name-pill.off{opacity:.5}.name-pill .host{font-size:.7rem}.join-btn{color:#111;background:#ffffffeb;border-radius:999px;justify-self:start;padding:4px 12px;font-size:.85rem;font-weight:700}.board{direction:rtl;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(4px,1.2vw,10px);display:grid}.card{aspect-ratio:1.45;background:var(--card-face);color:var(--card-ink);text-align:center;font-weight:700;font-size:var(--card-font);box-shadow:inset 0 -5px 0 #0000001f, 0 2px 8px var(--shadow);-webkit-user-select:none;user-select:none;border-radius:10px;place-items:center;padding:6px;line-height:1.15;transition:transform .12s,background .25s,color .25s;display:grid;position:relative;overflow:hidden;container-type:inline-size}button.card:hover:not(:disabled){transform:translateY(-2px)}button.card:disabled{opacity:1;cursor:default}.card .word{z-index:1;font-size:min(var(--card-font), calc(158cqi / max(var(--len,4), 4)));overflow-wrap:normal;word-break:keep-all;position:relative}.card.k-red{background:var(--red);color:#fff}.card.k-blue{background:var(--blue);color:#fff}.card.k-neutral{background:var(--sand);color:#2a261b}.card.k-assassin{background:var(--assassin);color:#fff}.card.k-green{background:var(--green);color:#fff}.card.hint{background:var(--card-face);color:var(--card-ink)}.card.hint:before{content:"";border:6px solid var(--hint);border-radius:inherit;position:absolute;inset:0}.card.hint.k-red{--hint:var(--red);background:#f7dcd9}.card.hint.k-blue{--hint:var(--blue);background:#d9e5f8}.card.hint.k-neutral{--hint:var(--sand-deep);background:#efe8d4}.card.hint.k-assassin{--hint:var(--assassin);color:#fff;background:#3a3a3a}.card.hint.k-green{--hint:var(--green);background:#d5efdd}.card.revealed.faded{opacity:.38}.card.revealed:after{content:"";background:repeating-linear-gradient(135deg,#ffffff14 0 6px,#0000 6px 12px);position:absolute;inset:0}.card .sym{opacity:.9;font-size:.7em;display:none;position:absolute;inset-block-start:4px;inset-inline-start:6px}[data-symbols=on] .card .sym{display:block}.card.marked{box-shadow:0 0 0 3px var(--accent), 0 2px 8px var(--shadow)}.marks{z-index:2;gap:2px;display:flex;position:absolute;inset-block-start:4px;inset-inline-end:4px}.mark-dot{color:#fff;background:#111;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:grid}.confirm{z-index:3;background:var(--accent);width:30px;height:30px;color:var(--accent-ink);border-radius:999px;place-items:center;font-weight:800;display:grid;position:absolute;inset-block-end:4px;inset-inline-end:4px;box-shadow:0 2px 6px #00000059}.neutral-tags{z-index:2;gap:3px;display:flex;position:absolute;inset-block-end:4px;inset-inline-start:4px}.neutral-tag{background:var(--sand-deep);color:#2a261b;border-radius:6px;padding:0 5px;font-size:10px;font-weight:700}@keyframes flip{0%{transform:rotateX(70deg)}to{transform:none}}.card.just{animation:.35s ease-out flip}.cluebar{background:var(--panel);border:1px solid var(--line);border-radius:28px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:8px;display:flex}.cluebar .field{text-align:center;border-radius:999px;flex:200px;font-size:1.1rem;font-weight:700}.clue-show{align-items:center;gap:12px;padding:4px 16px;font-size:1.3rem;font-weight:800;display:inline-flex}.clue-num{background:var(--accent);min-width:40px;height:40px;color:var(--accent-ink);border-radius:999px;place-items:center;padding:0 8px;font-weight:800;display:inline-grid}.num-pick{grid-template-columns:repeat(6,40px);gap:6px;display:grid}.num-pick button{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;height:40px;font-weight:800}.num-pick button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.timer{font-weight:800}.timer.low{color:var(--danger)}.log{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);gap:6px;max-height:340px;padding:10px;display:grid;overflow:auto}.log h4{color:var(--muted);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.log ol{gap:4px;list-style:none;display:grid}.log li{flex-wrap:wrap;align-items:baseline;gap:6px;font-size:.85rem;display:flex}.log .who{font-weight:700}.log .tag{border-radius:6px;padding:0 6px;font-size:.8rem;font-weight:700}.tag.red{background:var(--red);color:#fff}.tag.blue{background:var(--blue);color:#fff}.tag.neutral{background:var(--sand);color:#2a261b}.tag.assassin{background:var(--assassin);color:#fff;border:1px solid #555}.tag.green{background:var(--green);color:#fff}.tag.a,.tag.b{background:var(--brand);color:#fff}.lobby{grid-template-columns:minmax(0,260px) minmax(0,1fr) minmax(0,260px);align-items:start;gap:16px;display:grid}@media (max-width:860px){.lobby{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lobby .settings{grid-area:2/1/auto/-1}}.settings{background:var(--panel);border:1px solid var(--line);border-radius:20px;gap:14px;padding:16px;display:grid}.settings h2{text-align:center;font-size:1.1rem}.setting-row{background:var(--panel-2);text-align:start;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}button.setting-row:hover:not(:disabled){outline:1px solid var(--accent)}.setting-row b{display:block}.setting-row small{color:var(--muted)}.spectators{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding-bottom:12px;display:flex}.spectators .name-pill{background:var(--panel-2);color:var(--ink);border:1px solid var(--line)}.spectators .name-pill.me{background:var(--accent);color:var(--accent-ink)}.backdrop{z-index:40;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:20px;gap:14px;width:min(640px,100%);max-height:calc(100dvh - 32px);padding:20px;display:grid;overflow:auto;box-shadow:0 20px 60px #00000080}.modal-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.modal-head h2{font-size:1.2rem}.tabs{background:var(--panel-2);border-radius:999px;flex-wrap:wrap;gap:4px;padding:3px;display:flex}.tabs button{border-radius:999px;padding:6px 14px;font-size:.9rem;font-weight:600}.tabs button[aria-selected=true]{background:var(--accent);color:var(--accent-ink)}.list{gap:8px;display:grid}.list-row{background:var(--panel-2);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toggle{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.toggle input{width:20px;height:20px;accent-color:var(--accent)}.pack{background:var(--panel-2);text-align:start;border:2px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.pack[aria-pressed=true]{border-color:var(--accent)}.pack .box{border:2px solid var(--muted);border-radius:6px;flex:none;place-items:center;width:22px;height:22px;display:grid}.pack[aria-pressed=true] .box{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.rules{gap:12px;display:grid}.rules h3{color:var(--accent);margin-top:6px;font-size:1rem}.rules ul{gap:4px;padding-inline-start:20px;display:grid}.toast{background:var(--danger);color:#fff;z-index:60;border-radius:999px;width:fit-content;max-width:calc(100% - 32px);margin-inline:auto;padding:10px 18px;font-weight:700;position:fixed;inset-block-end:20px;inset-inline:16px;box-shadow:0 8px 24px #0006}.toast.ok{background:var(--brand-bright)}.gameover{flex-direction:column;align-items:center;gap:10px;padding:8px;display:flex}.center{text-align:center;place-items:center;gap:12px;min-height:60dvh;padding:16px;display:grid}.gate{background:var(--panel);border:1px solid var(--line);border-radius:20px;gap:14px;width:min(440px,100%);padding:24px;display:grid}