:root{--bg:#14110f;--surface:#1f1a16;--surface-2:#2a231d;--line:#3a3027;--text:#f3ead8;--muted:#b3a385;--card:#efe3c6;--card-edge:#d6c49c;--card-text:#2a2118;--red:#b8322a;--red-deep:#8a211b;--blue:#2456a6;--blue-deep:#173c7a;--neutral:#c6b086;--neutral-deep:#a08b62;--assassin:#121110;--gold:#d9a84a;--gold-text:#d9a84a;--on-gold:#1a1410;--red-text:#ff8a80;--blue-text:#8fb6ff;--green-text:#8fd18b;--danger:#ff5a4f;--selected:#3a2f1f;--glow:#241d17;--shadow:#0006;--backdrop:#000b;--radius:10px;--display:"Cinzel", "Trajan Pro", Georgia, serif;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#efe6d2;--surface:#fbf6ea;--surface-2:#f3ead7;--line:#d9c9a8;--text:#2a2118;--muted:#6e5f48;--card:#fffaf0;--card-edge:#d8c69f;--card-text:#2a2118;--assassin:#1d1a17;--gold:#d4a03f;--gold-text:#8a6114;--red-text:#b3261e;--blue-text:#1f4e9e;--green-text:#2f7a35;--danger:#d0362c;--selected:#f6e7c2;--glow:#f8f1e1;--shadow:#6b55302e;--backdrop:#2a211866;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(ellipse at top, var(--glow) 0%, var(--bg) 60%) fixed, var(--bg);color:var(--text);font-family:var(--sans);-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a{color:var(--gold-text)}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}[hidden]{display:none!important}.btn{appearance:none;border:1px solid var(--line);background:var(--surface-2);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:.55rem .95rem;font-size:.95rem;font-weight:600;transition:background .15s,border-color .15s,transform 50ms}.btn:hover:not(:disabled){border-color:var(--gold)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}.btn.icon{width:2.4rem;padding-inline:0}.btn.small{padding:.35rem .7rem;font-size:.85rem}.theme-toggle{place-items:center;display:inline-grid}.theme-toggle svg{width:1.15rem;height:1.15rem}.spy-counts .btn.theme-toggle{width:2rem;height:2rem;margin-left:0}.corner{z-index:1;position:fixed;top:12px;right:12px}.modal-theme{position:absolute;top:10px;left:10px}.modal-theme .btn{width:2.1rem;height:2.1rem}.theme-switching,.theme-switching *{transition:none!important}.board-page{flex-direction:column;gap:12px;height:100dvh;padding:12px 16px 16px;display:flex}.topbar{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand h1{font-family:var(--display);letter-spacing:.06em;color:var(--gold-text);white-space:nowrap;margin:0;font-size:clamp(1.1rem,2.2vw,1.6rem)}.code-chip{border:1px dashed var(--line);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:.25rem .7rem;font-size:.85rem}.code-chip b{color:var(--text);letter-spacing:.12em;font-family:ui-monospace,monospace}.scoreline{justify-content:center;align-items:center;gap:14px;display:flex}.score{border-radius:8px;flex-direction:column;align-items:center;min-width:3.6rem;padding:.3rem .6rem;display:flex}.score.red{background:var(--red)}.score.blue{background:var(--blue)}.score .n{font-family:var(--display);font-size:1.6rem;font-weight:700;line-height:1}.score .label{text-transform:uppercase;letter-spacing:.12em;opacity:.85;font-size:.7rem}.turn{font-family:var(--display);white-space:nowrap;text-align:center;border:2px solid;border-radius:999px;min-width:9.5rem;padding:.4rem .9rem;font-size:clamp(1rem,2vw,1.35rem);font-weight:700}.turn.red{color:var(--red-text)}.turn.blue{color:var(--blue-text)}.actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}body[data-turn=red] .board-page{box-shadow:inset 0 4px 0 var(--red)}body[data-turn=blue] .board-page{box-shadow:inset 0 4px 0 var(--blue)}.grid{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.grid.board{flex:1;grid-template-rows:repeat(5,minmax(0,1fr));gap:clamp(6px,1.1vw,14px);min-height:0}.card{border-radius:var(--radius);background:var(--card);color:var(--card-text);box-shadow:inset 0 0 0 2px var(--card-edge), 0 3px 0 var(--shadow);cursor:pointer;border:none;place-items:center;padding:0 6%;transition:background .25s,color .25s,transform 80ms,box-shadow .25s;display:grid;position:relative;overflow:hidden;container-type:size}.card .word{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;text-align:center;font-weight:700;line-height:1.05;font-size:min(calc(88cqi / (var(--chars) * .8)), 26cqb)}.board .card:hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--gold), 0 5px 0 var(--shadow);transform:translateY(-2px)}.card:disabled{cursor:default}.card.revealed{animation:.35s flip}.card.revealed .word{opacity:.55;font-size:min(calc(70cqi / (var(--chars) * .8)), 18cqb)}.card.revealed.k-red{background:var(--red);color:#fff;box-shadow:inset 0 0 0 2px var(--red-deep)}.card.revealed.k-blue{background:var(--blue);color:#fff;box-shadow:inset 0 0 0 2px var(--blue-deep)}.card.revealed.k-neutral{background:var(--neutral);color:#3a2e1e;box-shadow:inset 0 0 0 2px var(--neutral-deep)}.card.revealed.k-assassin{background:var(--assassin);color:#ddd;box-shadow:inset 0 0 0 2px #444}.card.k-assassin.revealed:before,.spy .card.k-assassin:before{content:"🐍";font-size:max(12px,14cqi);line-height:1;position:absolute;top:6%;right:6%}.card.fatal{box-shadow:inset 0 0 0 3px var(--danger)}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.board.over .card:not(.revealed){opacity:.92}.board.over .card.k-red:not(.revealed){box-shadow:inset 0 -.6rem 0 var(--red), inset 0 0 0 2px var(--red)}.board.over .card.k-blue:not(.revealed){box-shadow:inset 0 -.6rem 0 var(--blue), inset 0 0 0 2px var(--blue)}.board.over .card.k-assassin:not(.revealed){box-shadow:inset 0 -.6rem 0 var(--assassin), inset 0 0 0 2px var(--assassin)}.winner-banner{background:var(--surface);border:2px solid var(--gold);box-shadow:0 10px 40px var(--shadow);border-radius:14px;align-items:center;gap:16px;width:max-content;max-width:calc(100vw - 32px);padding:14px 18px;animation:.3s rise;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.winner-banner.red{border-color:var(--red)}.winner-banner.blue{border-color:var(--blue)}.winner-text{font-family:var(--display);font-size:1.2rem;font-weight:700}.winner-actions{gap:8px;display:flex}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}}.modal{border:1px solid var(--line);background:var(--surface);color:var(--text);text-align:center;border-radius:16px;width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);padding:24px}.modal::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal h2{font-family:var(--display);color:var(--gold-text);margin:0 0 6px;padding:0 28px;font-size:1.35rem}.modal-close{position:absolute;top:8px;right:10px}.modal-close button{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.6rem}.qr-wrap{background:#fffaf0;border-radius:12px;margin:8px 0;padding:12px;display:inline-block}.qr-wrap canvas{display:block;width:min(300px,65vw)!important;height:auto!important}.code-big{letter-spacing:.18em;margin:4px 0;padding-left:.18em;font-family:ui-monospace,monospace;font-size:2rem;font-weight:700}.modal-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.modal-actions form{margin:0}.modal a{word-break:break-all}.rules{text-align:left;padding-left:1.2rem;line-height:1.5}.rules li{margin-bottom:.5rem}.modal.start-modal{width:min(1000px,100vw - 32px)}.cat-group{margin-top:16px}.cat-group-head{text-align:left;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.cat-group-head .btn{align-self:center}.cat-group-head .btn:first-of-type{margin-left:auto}.group-name{font-family:var(--display);color:var(--gold-text);font-size:1.05rem;font-weight:700}.cat.empty{opacity:.45}.levels{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.level-chip{--level:var(--gold-text);border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.level-chip.easy{--level:var(--green-text)}.level-chip.hard{--level:var(--red-text)}.level-chip:has(input:checked){border-color:var(--level);box-shadow:inset 0 0 0 1px var(--level)}.level-chip input{width:1.1rem;height:1.1rem;accent-color:var(--level);flex:none;margin:2px 0 0}.level-body{flex-direction:column;gap:2px;min-width:0;display:flex}.level-name{font-family:var(--display);color:var(--level);font-weight:700}.level-hint{color:var(--muted);font-size:.78rem}@media (width<=560px){.levels{gap:6px}.level-chip{gap:6px;padding:8px}.level-hint{display:none}.level-name{font-size:.85rem}.level-name .cat-count{margin:0;display:block}}.cat-toolbar{align-items:center;gap:8px;margin:14px 0 10px;display:flex}.cat-total{color:var(--gold-text);margin-right:auto;font-weight:700}.cat-grid{text-align:left;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:8px;display:grid}.cat{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.cat:hover{border-color:var(--muted)}.start-modal .modal-actions{background:linear-gradient(transparent, var(--surface) 12px);margin:8px -24px -24px;padding:12px 24px 24px;position:sticky;bottom:-24px}.cat:has(input:checked){border-color:var(--gold);background:var(--selected)}.cat input{width:1.1rem;height:1.1rem;accent-color:var(--gold);flex:none;margin:2px 0 0}.cat-body{flex-direction:column;gap:2px;min-width:0;display:flex}.cat-name{font-weight:600}.cat-count{color:var(--muted);margin-left:4px;font-size:.75rem;font-weight:400}.cat-sample{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.landing{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100dvh;padding:16px;display:flex}.landing h1{font-family:var(--display);color:var(--gold-text);letter-spacing:.06em;margin:0;font-size:clamp(2rem,7vw,4rem)}.landing .btn{margin-top:16px}.modal.history-modal{width:min(560px,100vw - 32px)}.history{text-align:left;flex-direction:column;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.history li{align-items:stretch;gap:6px;display:flex}.history-open{border:1px solid var(--line);background:var(--surface-2);text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;flex:1;gap:3px;min-width:0;padding:10px 12px;display:flex}.history-open:hover{border-color:var(--gold)}.history-top{align-items:center;gap:8px;display:flex}.history-code{letter-spacing:.12em;font-family:ui-monospace,monospace}.history-when{margin-left:auto}.history-status{font-size:.9rem}.role{text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 7px;font-size:.7rem}.role.spymaster{border-color:var(--gold);color:var(--gold-text)}.history-forget{border:1px solid var(--line);width:2.4rem;color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;font-size:1.3rem}.history-forget:hover{color:var(--red-text);border-color:var(--red-text)}.modal-actions .spacer{flex:1}.landing-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.spy-page{max-width:720px;padding:16px 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:0 auto;display:flex}.spy-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:.75rem}.spy-code{letter-spacing:.2em;font-family:ui-monospace,monospace;font-size:1.6rem;font-weight:700}.starts{border-radius:999px;padding:.4rem .8rem;font-size:.9rem;font-weight:700}.starts.red{background:var(--red)}.starts.blue{background:var(--blue)}.spy-counts{align-items:center;gap:8px;display:flex}.spy-counts .btn{margin-left:auto}.pill{border-radius:999px;padding:.25rem .65rem;font-size:.85rem}.pill.red{background:var(--red-deep)}.pill.blue{background:var(--blue-deep)}.grid.spy{background:var(--bg);border:6px solid var(--red);border-radius:14px;gap:5px;padding:6px}.key-blue .grid.spy{border-color:var(--blue)}.spy .card{aspect-ratio:5/4;box-shadow:none;border-radius:7px;padding:0 4%;container-type:inline-size}.spy .card .word{font-family:var(--sans);letter-spacing:0;font-size:min(calc(94cqi / (var(--chars) * .66)), 17cqi)}.spy .card.k-red{background:var(--red);color:#fff}.spy .card.k-blue{background:var(--blue);color:#fff}.spy .card.k-neutral{background:var(--card);color:var(--card-text)}.spy .card.k-assassin{background:var(--assassin);color:#eee;box-shadow:inset 0 0 0 2px var(--danger)}.spy .card.k-assassin:before{font-size:16cqi;top:4%;right:4%}.spy .card.long .word{--chars:7.5}.spy .card.marked{opacity:.3}.spy .card.marked .word{text-decoration:line-through;text-decoration-thickness:2px}.grid.spy.hidden-key{border-color:var(--line)}.grid.spy.hidden-key .card{background:var(--surface-2);color:#0000;box-shadow:none}.grid.spy.hidden-key .card:before{content:none}.spy-footer{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.join-inline{gap:8px;display:flex}input{font:inherit;letter-spacing:.2em;text-transform:uppercase;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;width:9rem;padding:.5rem .7rem;font-family:ui-monospace,monospace}input:focus{outline:2px solid var(--gold);outline-offset:1px}.join-page{place-items:center;min-height:100dvh;padding:16px;display:grid}.join-card{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:16px;width:min(400px,100%);padding:28px 24px}.join-card h1{font-family:var(--display);color:var(--gold-text);margin:4px 0 8px}.join-form{justify-content:center;gap:8px;margin:16px 0 8px;display:flex}.join-form input{text-align:center;width:10rem;font-size:1.3rem}.error{color:var(--red-text);font-size:.9rem}@media (width<=1320px){.topbar{grid-template-columns:1fr auto}.scoreline{grid-area:2/1/auto/-1}}@media (width<=860px){.topbar{grid-template-columns:1fr;justify-items:center}.scoreline{grid-row:auto}.actions{justify-content:center}.board-page{height:auto;min-height:100dvh}.grid.board{flex:none;grid-template-rows:none;grid-auto-rows:minmax(64px,16vw)}.card .word{font-size:min(calc(88cqi / (var(--chars) * .8)), 30cqb)}.winner-banner{text-align:center;flex-direction:column}}@media (width<=480px){.board-page{padding-inline:8px}.grid.board{gap:4px}.card{border-radius:6px;padding:0 3%}.card .word{font-family:var(--sans);font-size:min(calc(92cqi / (var(--chars) * .8)), 30cqb)}.spy .card{aspect-ratio:1}.board .card.long .word{--chars:7.5}.spy-code{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){.card.revealed,.winner-banner{animation:none}}