[data-theme=noir] .namyokom{background:var(--bg);color:var(--ink)}[data-theme=noir] .welcome-page{background-image:linear-gradient(90deg,#0b0c0bf5 0%,#0b0c0bc9 42%,#0b0c0b24 100%),var(--welcome-scene);background-position:50%;background-size:cover;background-attachment:local}[data-theme=noir] .site-header{box-shadow:0 1px #b7ad8e42}[data-theme=noir] .brand img{border-radius:2px}[data-theme=noir] .eyebrow{color:#c0b8a5}[data-theme=noir] .name-screen input,[data-theme=noir] .join-screen input{outline-offset:-1px;color:var(--ink);background:#10110fcc;border-radius:2px;outline:1px solid #b7ad8e90}[data-theme=noir] .primary{color:#191a16;outline-offset:-1px;background:#d9d1bd;outline:1px solid #d9d1bd}[data-theme=noir] .primary,[data-theme=noir] .secondary,[data-theme=noir] .theme-picker select{border-radius:3px}[data-theme=noir] .secondary{outline-offset:-1px;color:var(--ink);background:#252620b3;outline:1px solid #b7ad8e66}[data-theme=noir] .primary.danger,[data-theme=noir] .primary.red,[data-theme=noir] .team-panel.red .primary{color:#fff1df;background:#8f4036;outline-color:#b86c5d}[data-theme=noir] .primary.blue,[data-theme=noir] .team-panel.blue .primary{color:#f0f3f7;background:#355879;outline-color:#6c8fad}[data-theme=noir] .secondary.danger{color:#e59a8c;background:#382724;outline-color:#92564b}[data-theme=noir] .choice{outline-offset:-1px;color:var(--ink);background:#1b1d18de;border-radius:4px;outline:1px solid #b7ad8e66}[data-theme=noir] .choice.dark{background:#131510de}[data-theme=noir] .choice.dark p{color:var(--muted)}[data-theme=noir] .choice .art{filter:sepia(.45)saturate(.6);opacity:.88}[data-theme=noir] .choice:hover:not(:disabled){outline-color:#e5d8b8;box-shadow:0 12px 30px #0006}[data-theme=noir] .join-screen{outline-offset:-1px;background:#11120ed9;outline:1px solid #b7ad8e42}[data-theme=noir] .team-panel{outline:1px solid color-mix(in srgb,var(--team-tint) 35%,transparent);outline-offset:-1px;background:color-mix(in srgb,var(--team-soft) 55%,var(--bg));border-radius:8px}[data-theme=noir] .team-panel .seat{outline-offset:-1px;background:#191b18;border-radius:5px;outline:1px solid #b7ad8e26}[data-theme=noir] .team-panel .team-button{border-radius:4px}[data-theme=noir] .count{background:#ffffff0d}[data-theme=noir] .tv-member,[data-theme=noir] .chips>span{outline-offset:-1px;background:#22251f;border-radius:4px;outline:1px solid #b7ad8e33}[data-theme=noir] .n-dialog{outline-offset:-1px;border-radius:8px;outline:1px solid #b7ad8e77;box-shadow:0 25px 100px #000b}[data-theme=noir] .n-dialog::backdrop{background:#000b}[data-theme=noir] .invite-qr{color:#213f36;border-radius:4px}[data-theme=noir] .game-screen{background:#151613 linear-gradient(130deg,#542c252c,#0000)}[data-theme=noir] .game-screen.turn-blue{background:#13171b linear-gradient(130deg,#29486433,#0000)}[data-theme=noir] .score,[data-theme=noir] .team-badge{outline-offset:-1px;border-radius:5px;outline:1px solid}[data-theme=noir] .tile-button{border-radius:5px}[data-theme=noir] .tile-face{border-color:#a49a7959;box-shadow:0 3px #0004}[data-theme=noir] .tile-face.unknown{color:#eee9da;background:linear-gradient(140deg,#2b2d27,#20221d)}[data-theme=noir] .card-faction.red{background:#f0ddd0}[data-theme=noir] .card-faction.blue{background:#d6e3ef}@media (width<=700px){[data-theme=noir] .welcome-page{background-position:65%;background-image:linear-gradient(#0b0c0bbf,#0b0c0be6),var(--welcome-scene)}}[data-theme=noir] :is(button,select,input):focus-visible{outline:3px solid var(--ink);outline-offset:3px}[data-theme=noir] :is(h1,h2,h3,.brand,.tile-face){font-family:var(--display-font)}[data-theme=noir] .primary{background:var(--accent);color:var(--accent-ink);outline-color:#ba6254}[data-theme=noir] .eyebrow,[data-theme=noir] .choice-arrow{color:#d58371}[data-theme=noir] .choice:hover:not(:disabled){outline-color:#ba6254}[data-theme=noir] .choice .art{filter:none;opacity:1;border-radius:2px}[data-theme=noir] .tile-face{isolation:isolate}[data-theme=noir] .tile-face:after{content:"";pointer-events:none;border-radius:inherit;z-index:0;opacity:.23;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.68 .2' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23b8ab8d' d='M0 0h180v180H0z'/%3E%3Cpath filter='url(%23p)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}[data-theme=noir] .tile-face .card-word{z-index:1;position:relative}[data-theme=noir] .tile-face :is(.portrait-word,.card-faction){z-index:1}[data-theme=noir] .name-screen .app-icon{border-radius:3px}[data-theme=noir] .choice{isolation:isolate;padding:0;overflow:hidden}[data-theme=noir] .choice .art{object-fit:cover;object-position:center 35%;border-radius:inherit;width:100%;max-width:none;height:100%;position:absolute;inset:0}[data-theme=noir] .choice .choice-arrow{display:none}[data-theme=noir] .choice .choice-copy{color:#30271f;text-align:left;z-index:1;background-color:#e9ddc1;background-image:linear-gradient(90deg,#0000 23px,#a74e443d 23px 24px,#0000 24px),repeating-linear-gradient(0deg,#0000,#0000 23px,#8d846426 23px 24px),radial-gradient(at 20% 10%,#fff9e899,#0000 75%);max-width:none;padding:20px 24px 18px 34px;position:absolute;bottom:20px;left:22px;right:22px;transform:rotate(-1.4deg);box-shadow:0 5px 14px #0008,inset 0 0 22px #8b6b3320}[data-theme=noir] .choice:nth-child(2n) .choice-copy{transform:rotate(1.2deg)}[data-theme=noir] .choice .choice-copy:before{content:"";pointer-events:none;background:#b9ab83a6;width:48px;height:16px;position:absolute;top:-8px;left:44%;transform:rotate(3deg);box-shadow:0 1px 2px #0002}[data-theme=noir] .choice .choice-copy:after{content:"";clip-path:polygon(0 0,100% 0,100% 50%,96% 85%,92% 45%,88% 95%,82% 60%,76% 100%,71% 55%,65% 85%,59% 40%,53% 90%,47% 50%,40% 100%,34% 60%,28% 85%,22% 45%,16% 90%,10% 50%,4% 95%,0 55%);pointer-events:none;background:#e9ddc1;height:5px;position:absolute;bottom:-4px;left:0;right:0}[data-theme=noir] .choice .choice-copy h2{color:#30271f;margin-bottom:8px}[data-theme=noir] .choice .choice-copy p{color:#665541;padding:0;line-height:1.35}@media (width<=700px){[data-theme=noir] .choice .choice-copy{padding:14px 14px 12px 28px;bottom:14px;left:14px;right:14px}[data-theme=noir] .choice .choice-copy h2{margin-bottom:5px;font-size:clamp(20px,5.3vw,25px)}}[data-theme=noir] .choice:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;border:1.5px solid #b7a581;position:absolute;inset:0}[data-theme=noir] .choice:hover:not(:disabled):after{border-color:#e1cdab}[data-theme=noir] .tile-face :is(.card-word,.portrait-word){box-sizing:border-box;color:#362b20;text-shadow:none;overflow-wrap:anywhere;pointer-events:none;background-color:#ddcfb1;background-image:repeating-linear-gradient(0deg,#0000,#0000 17px,#82775d26 17px 18px),radial-gradient(at 15% 5%,#fff7df80,#0000 80%);padding:clamp(3px,.55vw,8px) clamp(3px,.7vw,10px);transform:rotate(-1deg);box-shadow:0 3px 7px #0005,inset 0 0 12px #8b6b331c}[data-theme=noir] .tile-face .card-word{width:94%;max-width:100%;font-size:.9em}[data-theme=noir] .tile-face .portrait-word{letter-spacing:0;bottom:6%;left:5%;right:5%}[data-theme=noir] .tile:nth-child(2n) :is(.card-word,.portrait-word){transform:rotate(.8deg)}[data-theme=noir] .tile-face :is(.card-word,.portrait-word):after{content:"";clip-path:polygon(0 0,100% 0,100% 70%,93% 35%,85% 90%,77% 45%,68% 100%,60% 55%,52% 85%,43% 45%,35% 90%,27% 50%,18% 100%,10% 45%,0 85%);pointer-events:none;background:#ddcfb1;height:3px;position:absolute;bottom:-2px;left:0;right:0}@media (orientation:landscape) and (height<=550px){[data-theme=noir] .tile .tile-face :is(.card-word,.portrait-word){padding:2px 3px;transform:none}}@media (width<=700px){[data-theme=noir] .tile-face .card-word{font-size:1em}}[data-theme=noir] .tile-face:not(.portrait-face){--sheet:#ddcfb1;--sheet-ink:#362b20;background-color:var(--sheet);color:var(--sheet-ink);background-image:linear-gradient(90deg,#0000 8%,#8f403633 8% calc(8% + 1px),#0000 calc(8% + 1px)),repeating-linear-gradient(0deg,#0000,#0000 23px,#57442d24 23px 24px),radial-gradient(at 15% 5%,#fff7df45,#0000 80%);border-color:#b6a17b;box-shadow:0 3px #0004,inset 0 0 22px #80663a1c}[data-theme=noir] .tile-face.red:not(.portrait-face){--sheet:#b97868;--sheet-ink:#271a17;border-color:#cd9984}[data-theme=noir] .tile-face.blue:not(.portrait-face){--sheet:#8faabc;--sheet-ink:#172a38;border-color:#b1c4cf}[data-theme=noir] .tile-face.neutral:not(.portrait-face){--sheet:#c9bc98;--sheet-ink:#382e20}[data-theme=noir] .tile-face.assassin:not(.portrait-face){--sheet:#292a25;--sheet-ink:#e8ddc4;border-color:#877c61}[data-theme=noir] .tile-face:not(.portrait-face) .card-word{width:100%;color:inherit;box-shadow:none;background:0 0;padding:3px;font-size:1em;transform:none}[data-theme=noir] .tile-face:not(.portrait-face) .card-word:after{content:none}[data-theme=noir] .lobby .page-heading{isolation:isolate;background:linear-gradient(90deg,#141510f5 25%,#141510a8),var(--welcome-scene) center 48%/cover;border:1px solid #a99b7459;border-left:3px solid #963e35;padding:28px 30px;position:relative;box-shadow:0 12px 35px #0003}[data-theme=noir] .lobby .page-heading .eyebrow{letter-spacing:3px;color:#dc9987}[data-theme=noir] .lobby .page-heading h1{font-weight:600}[data-theme=noir] .lobby .page-heading p{color:#c4bfaf;max-width:650px}[data-theme=noir] .lobby .lobby-actions .primary{flex:initial;min-width:220px}[data-theme=noir] .lobby .lobby-actions .danger{background:0 0;outline-color:#92564b66;margin-left:auto}[data-theme=noir] .lobby .team-panel{border-top:3px solid var(--team-tint);background:linear-gradient(135deg,#2c2b25,#1b1d19);border-radius:6px;outline-color:#a99b7466;position:relative;box-shadow:0 8px 24px #0004}[data-theme=noir] .lobby .team-panel>header{border-bottom:1px solid #a99b743d;padding-bottom:14px}[data-theme=noir] .lobby .team-panel>header .count{font-family:var(--ui-font);background:0 0;border:1px solid;border-radius:3px}[data-theme=noir] .lobby .team-panel .seat{--dossier-tint:#8d382f;color:#362b20;background-color:#e2d5b8;background-image:repeating-linear-gradient(0deg,#0000,#0000 27px,#75634512 27px 28px),radial-gradient(at 0 0,#fff7e280,#0000);border-radius:3px;outline-color:#b8a580;position:relative;box-shadow:0 3px 8px #0004}[data-theme=noir] .lobby .team-panel.blue .seat{--dossier-tint:#315677}[data-theme=noir] .lobby .seat h3{color:var(--dossier-tint);letter-spacing:.4px;border-bottom:1px solid #6c594c33;padding-bottom:12px}[data-theme=noir] .lobby .seat .person{color:#362b20}[data-theme=noir] .lobby .seat :is(small,.empty){color:#685c48}[data-theme=noir] .lobby .seat .avatar{color:var(--dossier-tint);background:#76614312;border:1px solid #7661434d;border-radius:3px}[data-theme=noir] .lobby .seat .primary{background:var(--dossier-tint);color:#fff6e5;outline-color:var(--dossier-tint);border-radius:3px}[data-theme=noir] .lobby .seat .seat-selected{color:var(--dossier-tint);background:color-mix(in srgb,var(--dossier-tint) 9%,transparent);outline:1px solid color-mix(in srgb,var(--dossier-tint) 45%,transparent);outline-offset:-1px;border-radius:3px}[data-theme=noir] .lobby .lobby-footer{background:#23241e;border:1px solid #a99b7459;border-left:3px solid #963e35;margin-top:24px;padding:22px}[data-theme=noir] .lobby .waiting{border-block:1px solid #a99b7433;padding-block:18px}@media (width<=700px){[data-theme=noir] .lobby .page-heading{padding:22px 20px}[data-theme=noir] .lobby .lobby-actions .primary{flex:1;min-width:0}[data-theme=noir] .lobby .lobby-footer{padding:18px}}@media (width<=360px){[data-theme=noir] .lobby .lobby-actions .danger{margin-left:0}}[data-theme=noir] .card-faction{width:clamp(19px,2.6vw,30px);height:clamp(19px,2.6vw,30px);box-shadow:none;background:#e2d5b8;border:1px solid #a68d64;border-radius:50%;padding:3px;top:6%;left:4%;transform:rotate(-9deg)}[data-theme=noir] .card-faction.blue{background:#e2d5b8;transform:rotate(8deg)}[data-theme=noir] .card-faction .crest{width:100%;height:100%}[data-theme=noir] .card-faction.red .crest{color:#8d382f}[data-theme=noir] .card-faction.blue .crest{color:#315677}@media (orientation:landscape) and (height<=550px){[data-theme=noir] .card-faction{width:18px;height:18px;padding:2px}}