.codenames-dialog{--cn-gold:#d0ad62;--cn-gold-line:#c9a96055;--cn-parchment:#f0d9a8;--cn-parchment-muted:#e7d7b4a6;--cn-ink:#2b1d0e;--cn-surface:oklch(calc(.1884 * var(--pal-lk) + var(--pal-l0)) calc(.018 * var(--pal-chroma)) var(--pal-hue) / .84);--cn-surface-raised:oklch(calc(.2909 * var(--pal-lk) + var(--pal-l0)) calc(.0356 * var(--pal-chroma)) var(--pal-hue));--cn-red:#d9683f;--cn-red-glow:#d9683f61;--cn-blue:#7ab0d8;--cn-blue-glow:#7ab0d85c;--cn-bar:56px;--cn-top:52px;background:oklch(calc(.2476 * var(--pal-lk) + var(--pal-l0)) calc(.0192 * var(--pal-chroma)) var(--pal-hue));flex-direction:column;width:min(1320px,96vw);max-width:1320px;height:min(900px,100dvh - 32px);display:flex}.codenames-dialog.mead-modal[open]{max-height:calc(100dvh - 24px)}.codenames-dialog>.activity-call-slot{margin-top:8px}.codenames-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:oklch(calc(.1625 * var(--pal-lk) + var(--pal-l0)) calc(.0155 * var(--pal-chroma)) var(--pal-hue) / .93)}.codenames-dialog>.modal-scroll{background:radial-gradient(circle at 50% 46%,#0d1c1659,#0d1c16cc 68%),url(/images/codenames/table-background.png) 50%/cover no-repeat;border-radius:14px;flex-direction:column;flex:1;gap:0;min-height:0;display:flex;position:relative;overflow:auto;box-shadow:inset 0 0 90px #0000008c}.codenames-header-actions{gap:8px;display:flex}.codenames-header-actions button,.codenames-lobby button,.codenames-actionbar button,.codenames-guide-actions button,.codenames-rules footer button{background:var(--cn-surface-raised);min-height:36px;color:var(--cn-parchment);font:inherit;white-space:nowrap;cursor:pointer;border:1px solid #9b845099;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:.9rem;font-weight:600;transition:background-color .14s,border-color .14s,transform .14s;display:inline-flex}.codenames-header-actions button:hover:not(:disabled),.codenames-lobby button:hover:not(:disabled),.codenames-actionbar button:hover:not(:disabled),.codenames-guide-actions button:hover:not(:disabled),.codenames-rules footer button:hover:not(:disabled){background:oklch(calc(.3383 * var(--pal-lk) + var(--pal-l0)) calc(.0434 * var(--pal-chroma)) var(--pal-hue));border-color:var(--cn-gold)}.codenames-dialog button.primary{color:#14200f;background:#c9a960;border-color:#c9a960}.codenames-dialog button.primary:hover:not(:disabled){background:#dcbd72;border-color:#dcbd72}.codenames-header-actions button{min-height:33px;padding:0 12px;font-size:.85rem}.codenames-dialog button:disabled{opacity:.48;cursor:default}.codenames-dialog button:focus-visible{outline:2px solid var(--cn-gold);outline-offset:2px}.codenames-lobby button img,.codenames-readiness img{object-fit:cover;border-radius:50%}.codenames-loading{color:var(--muted);margin:auto}.codenames-toast{z-index:30;color:#ffd9cb;background:#3a1a12f2;border:1px solid #d9683f99;border-radius:12px;max-width:min(520px,100% - 32px);margin:0;padding:9px 16px;font-size:.88rem;animation:.22s ease-out cn-drop;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000073}.codenames-flash{z-index:3;border:1px solid var(--cn-gold-line);background:oklch(calc(.1724 * var(--pal-lk) + var(--pal-l0)) calc(.0148 * var(--pal-chroma)) var(--pal-hue) / .9);max-width:calc(50% - 124px);color:var(--cn-parchment);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-radius:999px;margin:0;padding:6px 14px;font-size:.82rem;animation:4.6s forwards cn-flash;position:absolute;top:50%;left:0;overflow:hidden;transform:translateY(-50%);box-shadow:0 8px 22px #00000073}.codenames-panel{background-color:#16211a;background-position:top;background-size:cover;border:1px solid #9b845077;border-radius:14px;flex-direction:column;gap:10px;min-width:0;min-height:0;padding:14px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.codenames-panel-red{background-image:url(/images/codenames/team-panel-odin.png)}.codenames-panel-blue{background-image:url(/images/codenames/team-panel-thor.png)}.codenames-panel:after{content:"";pointer-events:none;background:linear-gradient(#09120e66,#09120ed1 38%,#09120eeb);position:absolute;inset:0}.codenames-panel>*{z-index:1;position:relative}.codenames-panel-red{border-color:#d9683f4d}.codenames-panel-blue{border-color:#7ab0d84d}.codenames-panel-red.is-turn,.codenames-panel-red.is-mine{border-color:var(--cn-red);box-shadow:0 0 24px var(--cn-red-glow)}.codenames-panel-blue.is-turn,.codenames-panel-blue.is-mine{border-color:var(--cn-blue);box-shadow:0 0 24px var(--cn-blue-glow)}.codenames-panel.is-winner{border-color:var(--cn-gold);box-shadow:0 0 28px #d0ad626b}.codenames-panel header{align-items:center;gap:12px;display:flex}.codenames-panel img.codenames-god{object-fit:cover;filter:drop-shadow(0 3px 8px #0000008c);border-radius:50%;flex-shrink:0;width:52px;height:52px}.codenames-panel header>div{flex:1;min-width:0}.codenames-panel h3{text-shadow:0 1px 3px #000,0 0 10px #000c;color:var(--cn-parchment);margin:0;font-family:Fraunces,serif;font-size:1.15rem}.codenames-panel header p{text-shadow:0 1px 3px #000,0 0 8px #000000e6;font-size:max(var(--text-min), .74rem);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:var(--cn-parchment-muted);margin:2px 0 0;overflow:hidden}.codenames-panel.is-turn header p{color:var(--cn-parchment)}.codenames-count{background:oklch(calc(.1937 * var(--pal-lk) + var(--pal-l0)) calc(.0168 * var(--pal-chroma)) var(--pal-hue) / .85);width:42px;height:42px;color:var(--cn-parchment);font-variant-numeric:tabular-nums;border:1px solid #d0ad6299;border-radius:50%;flex-shrink:0;place-items:center;font-family:Fraunces,serif;font-size:1.3rem;display:grid}.codenames-panel-red .codenames-count{box-shadow:0 0 12px var(--cn-red-glow)}.codenames-panel-blue .codenames-count{box-shadow:0 0 12px var(--cn-blue-glow)}.codenames-roster{flex-shrink:0;gap:5px;max-height:176px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.codenames-roster li{background:oklch(calc(.1798 * var(--pal-lk) + var(--pal-l0)) calc(.017 * var(--pal-chroma)) var(--pal-hue) / .6);min-height:32px;color:var(--text);border:1px solid #ffffff12;border-radius:9px;align-items:center;gap:8px;padding:3px 8px;font-size:.88rem;display:flex}.codenames-roster li.is-me{border-color:#d0ad6266}.codenames-panel-red .codenames-roster li:not(.codenames-empty){--cn-team:var(--cn-red);--cn-team-glow:var(--cn-red-glow);background:linear-gradient(90deg in srgb, #96341e57, oklch(calc(.1815 * var(--pal-lk) + var(--pal-l0)) calc(.0146 * var(--pal-chroma)) var(--pal-hue) / .72) 70%);border-color:#d9683f66}.codenames-panel-blue .codenames-roster li:not(.codenames-empty){--cn-team:var(--cn-blue);--cn-team-glow:var(--cn-blue-glow);background:linear-gradient(90deg in srgb, #2e58825c, oklch(calc(.1815 * var(--pal-lk) + var(--pal-l0)) calc(.0146 * var(--pal-chroma)) var(--pal-hue) / .72) 70%);border-color:#7ab0d866}.codenames-roster li:not(.codenames-empty){box-shadow:inset 3px 0 0 var(--cn-team,transparent);transition:border-color .25s,box-shadow .25s,background-color .25s;position:relative}.codenames-roster li.is-me:not(.codenames-empty){border-color:#d0ad6299}.codenames-roster li:has(>.seat-voice[data-level=speaking]){border-color:var(--cn-team,var(--cn-gold));box-shadow:inset 4px 0 0 var(--cn-team,var(--cn-gold)), inset 0 0 0 1px var(--cn-team,var(--cn-gold)), inset 0 0 18px var(--cn-team-glow,#d0ad6255);background-color:#ffffff0f}.codenames-roster li:has(>.seat-voice[data-level=speaking]) .codenames-name{color:#fff7e6}.codenames-roster li:has(.activity-away){border-style:dashed}.codenames-roster li:has(.activity-away) :is(.codenames-face,.codenames-name){opacity:.7}.codenames-roster li.codenames-free{background:0 0;border-style:dashed;border-color:#d0ad6255;padding:0}.codenames-lobby .codenames-roster .codenames-free button{border-radius:inherit;min-height:36px;color:var(--cn-parchment-muted);background:0 0;border:0;flex:1}.codenames-lobby .codenames-roster .codenames-free button:hover:not(:disabled){color:var(--cn-parchment);background:#d0ad621f;border:0}.codenames-lobby .codenames-roster .codenames-free button:focus-visible{outline-offset:-3px}@media (pointer:coarse){.codenames-lobby .codenames-roster .codenames-free button{min-height:44px}}@media (prefers-reduced-motion:reduce){.codenames-roster li:not(.codenames-empty){transition:none}}.codenames-roster{grid-template-columns:minmax(0,1fr);container:cn-roster/inline-size}.codenames-roster:has(.activity-away,.activity-remove){max-height:248px}@container cn-roster (max-width:250px){.codenames-roster li:has(.activity-away,.activity-remove){flex-wrap:wrap;row-gap:2px}.codenames-roster li:has(.activity-away,.activity-remove):after{content:"";flex-basis:100%;order:1}.codenames-roster li :is(.activity-away,.activity-remove){order:2}.codenames-roster li .activity-remove{margin-left:auto}}@container cn-roster (max-width:200px){.codenames-roster li:has(.codenames-you){flex-wrap:wrap;row-gap:2px}.codenames-roster li:has(.codenames-you):after{content:"";flex-basis:100%;order:1}.codenames-roster li .codenames-you{order:2}}.codenames-you{color:var(--cn-parchment);font-size:max(var(--text-min), .66rem);letter-spacing:.4px;text-transform:uppercase;background:#d0ad6233;border-radius:999px;flex-shrink:0;padding:0 6px;font-weight:700}.codenames-face{background:oklch(calc(.1937 * var(--pal-lk) + var(--pal-l0)) calc(.0168 * var(--pal-chroma)) var(--pal-hue));border-radius:50%;flex-shrink:0;width:24px;height:24px;overflow:hidden}.codenames-face .portrait-surface{width:100%;height:100%}.codenames-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.codenames-crown{color:var(--cn-gold);flex-shrink:0}.codenames-dot{background:#6d6a5f;border-radius:50%;flex-shrink:0;width:8px;height:8px}.codenames-dot.online{background:#67c587;box-shadow:0 0 0 3px #67c5872e}.codenames-empty{justify-content:center;color:var(--cn-parchment-muted)!important;border-style:dashed!important;font-size:.82rem!important}.codenames-clues{border-top:1px solid var(--cn-gold-line);flex-direction:column;flex:1;gap:6px;min-height:0;padding-top:10px;display:flex}.codenames-clues h4{font-size:max(var(--text-min), .72rem);letter-spacing:.8px;text-transform:uppercase;color:var(--cn-parchment-muted);margin:0;font-weight:700}.codenames-clues-empty{color:#e7d7b480;margin:0;font-size:.82rem}.codenames-clues ol{flex-direction:column;flex:1;gap:7px;min-height:0;margin:0;padding:0 2px 0 0;list-style:none;display:flex;overflow:auto}.codenames-clues li{background:oklch(calc(.1798 * var(--pal-lk) + var(--pal-l0)) calc(.017 * var(--pal-chroma)) var(--pal-hue) / .62);border-radius:9px;gap:5px;padding:7px 9px;display:grid}.codenames-clue-line{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.codenames-clue-line b{min-width:0;color:var(--cn-parchment);text-overflow:ellipsis;font-family:Fraunces,serif;font-size:.98rem;overflow:hidden}.codenames-clue-line em{color:var(--cn-gold);font-style:normal;font-weight:700}.codenames-guesses{flex-wrap:wrap;gap:4px;display:flex}.codenames-guess{color:#eee4cc;font-size:var(--text-min);background:#3a3a33;border-radius:999px;align-items:center;gap:3px;padding:1px 7px;line-height:1.5;display:inline-flex}.codenames-guess .codenames-role-mark{flex:none;width:12px;height:12px}.codenames-card-mark{color:#f4e6c5;pointer-events:none;background:#0d0f0cd9;border-radius:50%;place-items:center;width:clamp(16px,16cqi,28px);height:clamp(16px,16cqi,28px);display:grid;position:absolute;top:5%;right:5%;box-shadow:0 0 0 1px #f4e6c566}.codenames-card-mark .codenames-role-mark{width:62%;height:62%}.codenames-guess-red{color:#ffe6db;background:#8f3423}.codenames-guess-blue{color:#e5f1fb;background:#2e5f8a}.codenames-guess-neutral{color:#f5eedc;background:#6b6453}.codenames-guess-assassin{color:#f0d9a8;background:#0b0b0b;box-shadow:inset 0 0 0 1px #d0ad6288}.codenames-lobby{flex-direction:column;gap:16px;width:min(880px,100%);margin:auto;padding:26px 24px;display:flex}.codenames-instructions{background:oklch(calc(.2614 * var(--pal-lk) + var(--pal-l0)) calc(.0277 * var(--pal-chroma)) var(--pal-hue) / .85);color:var(--cn-parchment);border:1px solid #d0ad6255;border-radius:12px;margin:0;padding:14px 16px;font-size:.92rem;line-height:1.55}.codenames-lobby-teams{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.codenames-lobby .codenames-panel{min-height:250px}.codenames-panel-actions{margin-top:auto;display:flex}.codenames-panel-actions button{flex:1}.codenames-lobby-timers{border:1px solid var(--cn-gold-line);background:var(--cn-surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px 14px;display:flex}.codenames-lobby-timers label{color:var(--cn-parchment-muted);align-items:center;gap:10px;margin:0;font-size:.86rem;display:inline-flex}.codenames-lobby-timers select{background:oklch(calc(.2057 * var(--pal-lk) + var(--pal-l0)) calc(.0189 * var(--pal-chroma)) var(--pal-hue));height:34px;color:var(--text);font:inherit;border:1px solid #9b8450;border-radius:10px;padding:0 10px}.codenames-lobby-timers b{color:var(--cn-parchment)}.codenames-lobby-timers .codenames-series{margin-left:auto}.codenames-lobby-bar{border:1px solid var(--cn-gold-line);background:var(--cn-surface);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:12px 14px;display:flex}.codenames-readiness{color:#f2b8a2;flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.codenames-readiness li{align-items:center;gap:7px;display:inline-flex}.codenames-readiness li.ok{color:#9fd9ae}.codenames-lobby-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.codenames-note{color:var(--cn-parchment-muted);margin:0;font-size:.85rem}.codenames-table{flex:1;grid-template-columns:minmax(196px,240px) minmax(0,1fr) minmax(196px,240px);grid-template-areas:"red stage blue";gap:16px;min-height:0;padding:16px 18px;display:grid}@media (min-width:1600px){.codenames-table{grid-template-columns:minmax(220px,300px) minmax(0,1fr) minmax(220px,300px)}}.codenames-table>.codenames-panel-red{grid-area:red}.codenames-table>.codenames-panel-blue{grid-area:blue}.codenames-stage{--gap:clamp(6px, 1.4cqmin, 12px);--cn-stack:12px;--cn-board-w:min(100cqw, calc((100cqh - var(--cn-top) - var(--cn-bar) - 2 * var(--cn-stack) - 4 * var(--gap)) * 1.25 + 4 * var(--gap)));justify-content:center;align-items:center;gap:var(--cn-stack);flex-direction:column;grid-area:stage;min-width:0;min-height:0;display:flex;position:relative;container-type:size}.codenames-stage>*{width:var(--cn-board-w);flex-shrink:0;max-width:100%}.codenames-topbar{height:var(--cn-top);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid;position:relative}.codenames-series{border:1px solid var(--cn-gold-line);background:var(--cn-surface);color:var(--cn-gold);white-space:nowrap;border-radius:999px;justify-self:start;align-items:center;gap:6px;padding:4px 10px 4px 8px;display:inline-flex}.codenames-series img{object-fit:cover;border-radius:50%;width:24px;height:24px}.codenames-series b{min-width:1ch;color:var(--cn-parchment);font-variant-numeric:tabular-nums;text-align:center;font-family:Fraunces,serif;font-size:1.05rem}.codenames-series i{color:var(--cn-parchment-muted);font-style:normal}.codenames-clue-display{background:oklch(calc(.1884 * var(--pal-lk) + var(--pal-l0)) calc(.018 * var(--pal-chroma)) var(--pal-hue) / .9);border:1px solid #d0ad62aa;border-radius:14px;justify-content:center;justify-self:center;align-items:center;gap:10px;min-width:220px;max-width:100%;height:48px;padding:0 18px;display:flex;box-shadow:0 0 20px #d0ad6233}.codenames-clue-label{font-size:max(var(--text-min), .7rem);letter-spacing:.9px;text-transform:uppercase;color:var(--cn-parchment-muted)}.codenames-clue-word{min-width:0;color:var(--cn-parchment);white-space:nowrap;text-overflow:ellipsis;font-family:Fraunces,serif;font-size:1.35rem;overflow:hidden}.codenames-clue-count{background:var(--cn-gold);color:#14200f;border-radius:999px;place-items:center;min-width:30px;height:30px;padding:0 6px;font-family:Fraunces,serif;font-weight:700;display:grid}.codenames-clue-waiting{color:var(--cn-parchment-muted);font-size:.9rem;font-style:italic}.codenames-clock{min-width:84px;height:48px;color:var(--cn-parchment);justify-content:flex-end;justify-self:end;align-items:center;gap:6px;display:flex}.codenames-clock b{font-variant-numeric:tabular-nums;text-align:right;min-width:3ch;font-size:1rem}.codenames-clock b.mark{animation:.7s cubic-bezier(.2,.8,.3,1) cn-mark}.codenames-stage[data-urgency=warn] .codenames-clock b{color:#ffc27a}.codenames-stage[data-urgency=danger] .codenames-clock b{color:#ff7b5c;text-shadow:0 0 12px #ff5a3cbf;font-size:1.3rem}.codenames-stage[data-urgency=danger] .codenames-clock .mead-hourglass{animation:1s ease-in-out infinite cn-throb}.codenames-stage[data-urgency] .codenames-actionbar{animation:1s ease-in-out infinite cn-bar-alarm}.codenames-urgency-flash{z-index:2;pointer-events:none;border-radius:14px;animation:.9s ease-out forwards cn-urgency;position:absolute;inset:-7px;box-shadow:0 0 0 2px #ffc46ed9,0 0 34px 6px #ffaa5061}.codenames-stage[data-urgency=danger] .codenames-urgency-flash{box-shadow:0 0 0 3px #ff6e50f2,0 0 46px 12px #ff503280,inset 0 0 60px #ff3c2840}.codenames-clock .mead-hourglass{width:30px;height:44px}.codenames-board{gap:var(--gap);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:relative}.codenames-card{aspect-ratio:5/4;min-width:0;color:var(--cn-ink);font:inherit;cursor:default;-webkit-tap-highlight-color:transparent;background:#1c2a20;border:0;border-radius:8px;padding:0;transition:transform .16s,box-shadow .16s,filter .24s;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000073;container-type:inline-size}.codenames-card:disabled{opacity:1!important}.codenames-card-art{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.codenames-card-word{letter-spacing:.02em;text-align:center;text-transform:uppercase;text-wrap:balance;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual;color:var(--cn-ink);justify-content:center;align-items:center;font-family:Fraunces,serif;font-size:clamp(9px,9cqi,22px);font-weight:700;line-height:1.02;display:flex;position:absolute;inset:73% 5% 3%;overflow:hidden}.codenames-card-word.is-long{font-size:clamp(8px,7.6cqi,19px)}.codenames-card-confirm{background:var(--cn-gold);color:#14200f;white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:clamp(10px,8cqi,14px);font-weight:800;animation:.18s ease-out cn-drop;position:absolute;top:8%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000073}.codenames-board.is-guessing .codenames-card:not(:disabled){cursor:pointer}.codenames-board.is-guessing .codenames-card:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 10px 22px #00000080,0 0 0 2px #d0ad62aa}.codenames-card.is-suggested{outline-offset:-6px;outline:2px dashed #f4e6c5bb;transform:translateY(-3px);box-shadow:0 10px 22px #00000080,0 0 0 2px #d0ad62aa}.codenames-card.is-voted{outline-style:solid;outline-color:var(--cn-gold)}.codenames-card.is-locked{box-shadow:0 12px 26px #0000008c, 0 0 0 3px var(--cn-gold), 0 0 22px #d0ad628c;outline:0;transform:translateY(-4px)}.codenames-card.is-just-flipped{box-shadow:0 0 0 3px var(--cn-gold), 0 0 26px #d0ad62b3;filter:none}.codenames-pick{z-index:1;color:#f4e6c5;max-width:90%;font-size:var(--text-min);pointer-events:none;background:#0d0f0ce6;border:1px solid #f4e6c566;border-radius:999px;align-items:center;gap:4px;padding:2px 7px 2px 2px;font-weight:700;line-height:1.2;display:inline-flex;position:absolute;top:5%;left:5%}.codenames-pick-face{border-radius:50%;flex:none;width:20px;height:20px;overflow:hidden}.codenames-pick-face>*{width:100%;height:100%}.codenames-pick-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.codenames-pick-votes,.codenames-pick-lock{color:var(--cn-gold);flex:none}.codenames-card.is-locked .codenames-pick{border-color:var(--cn-gold)}@container (max-width:109px){.codenames-pick{padding-right:4px}.codenames-pick-name{display:none}}@container (max-width:64px){.codenames-pick-votes,.codenames-pick-lock{display:none}}.codenames-card.is-suggested .codenames-card-confirm{top:34%}.codenames-guess-by{opacity:.8;font-size:var(--text-min);margin-left:2px;font-weight:600}@media (forced-colors:active){.codenames-card.is-suggested,.codenames-card.is-locked{outline:3px solid highlight}.codenames-pick{border-color:canvastext}}.codenames-card:focus-visible{outline:3px solid var(--cn-gold);outline-offset:2px}.codenames-card.is-revealed{filter:saturate(.7)brightness(.62);box-shadow:0 1px 4px #0006}.codenames-card.is-revealed .codenames-card-word{-webkit-text-decoration:line-through #2b1d0e99;text-decoration:line-through #2b1d0e99;text-decoration-thickness:1.5px}.codenames-card.is-keyed{box-shadow:0 4px 12px #00000073,inset 0 0 0 1px #ffffff1f}.codenames-card.is-flipped{animation:.48s cubic-bezier(.2,.7,.3,1) cn-flip}.is-ended .codenames-card:not(.is-revealed){filter:none}.codenames-actionbar{height:var(--cn-bar);border:1px solid var(--cn-gold-line);background:oklch(calc(.1884 * var(--pal-lk) + var(--pal-l0)) calc(.018 * var(--pal-chroma)) var(--pal-hue) / .9);border-radius:14px;align-items:center;gap:12px;min-width:0;padding:0 10px 0 16px;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.codenames-actionbar-red{border-color:#d9683faa;box-shadow:0 0 18px #d9683f2e}.codenames-actionbar-blue{border-color:#7ab0d8aa;box-shadow:0 0 18px #7ab0d82e}.codenames-actionbar p.has-error{-webkit-line-clamp:2;white-space:normal;color:#ffb49c;-webkit-box-orient:vertical;font-size:.82rem;font-weight:600;line-height:1.2;animation:.36s ease-in-out cn-shake;display:-webkit-box}@keyframes cn-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.codenames-watching{color:var(--cn-parchment-muted);font-size:max(var(--text-min), .72rem);text-transform:uppercase;background:#ffffff14;border-radius:999px;margin-right:8px;padding:1px 8px;font-weight:700}.codenames-actionbar p{min-width:0;color:var(--cn-parchment);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:.92rem;overflow:hidden}.codenames-actionbar p.is-wrapping{-webkit-line-clamp:2;line-clamp:2;color:var(--cn-parchment-muted);font-size:max(var(--text-min), .8rem);white-space:normal;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box}.codenames-actionbar form{flex-flow:row;flex:0 auto;align-items:center;gap:8px;min-width:0;margin:0;display:flex}.codenames-actionbar input,.codenames-actionbar select{background:oklch(calc(.2057 * var(--pal-lk) + var(--pal-l0)) calc(.0189 * var(--pal-chroma)) var(--pal-hue));height:38px;color:var(--text);font:inherit;border:1px solid #9b8450;border-radius:10px;padding:0 12px}.codenames-actionbar input{flex:0 200px;width:200px;min-width:90px}.codenames-actionbar select{flex-shrink:0;width:64px}.codenames-actionbar input:focus-visible,.codenames-actionbar select:focus-visible{outline:2px solid var(--cn-gold);outline-offset:1px}.codenames-overlay{z-index:40;background:oklch(calc(.1359 * var(--pal-lk) + var(--pal-l0)) calc(.0129 * var(--pal-chroma)) var(--pal-hue) / .7);place-items:center;padding:20px;animation:.18s ease-out cn-fade;display:grid;position:fixed;inset:0}.codenames-guide,.codenames-rules{background:oklch(calc(.2687 * var(--pal-lk) + var(--pal-l0)) calc(.0266 * var(--pal-chroma)) var(--pal-hue));border:1px solid #d0ad6288;border-radius:16px;width:min(560px,100%);max-height:calc(100dvh - 40px);overflow:hidden;box-shadow:0 24px 70px #0009}.codenames-guide{overflow:auto}.codenames-guide-banner{width:100%;height:auto;display:block}.codenames-guide-body{gap:10px;padding:18px 22px 20px;display:grid}.codenames-guide-body h3,.codenames-rules h3{color:var(--cn-parchment);margin:0;font-family:Fraunces,serif;font-size:1.2rem}.codenames-guide-body ol{color:var(--muted);margin:0;padding-left:20px;font-size:.9rem;line-height:1.6}.codenames-guide-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.codenames-rules{flex-direction:column;max-height:min(700px,100dvh - 40px);display:flex}.codenames-rules header{border-bottom:1px solid #c9a96044;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.codenames-rules h3{align-items:center;gap:8px;display:flex}.codenames-rules-scroll{flex:1;gap:14px;min-height:0;padding:4px 20px 16px;display:grid;overflow:auto}.codenames-rules-scroll h4{color:var(--cn-parchment);margin:10px 0 4px;font-size:.95rem}.codenames-rules-scroll p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.6}.codenames-rules-icons{grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;display:grid}.codenames-rules-icons>div{background:oklch(calc(.1884 * var(--pal-lk) + var(--pal-l0)) calc(.018 * var(--pal-chroma)) var(--pal-hue) / .7);text-align:center;border:1px solid #c9a96033;border-radius:12px;justify-items:center;gap:8px;padding:12px;display:grid}.codenames-rules-icons img{object-fit:contain;width:56px;height:56px}.codenames-rules footer{border-top:1px solid #c9a96044;justify-content:flex-end;padding:12px 18px;display:flex}@keyframes cn-flip{0%{filter:brightness(1.4);transform:perspective(700px)rotateY(88deg)}60%{transform:perspective(700px)rotateY(-6deg)}to{transform:none}}@keyframes cn-flash{0%{opacity:0;transform:translate(-6px,-50%)}8%,82%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(-50%)}}@keyframes cn-drop{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@keyframes cn-mark{0%{transform:scale(1.9)}60%{transform:scale(.94)}to{transform:scale(1)}}@keyframes cn-throb{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes cn-bar-alarm{0%,to{border-color:#ff9d6a88;box-shadow:0 0 10px #ff784626}50%{border-color:#ff7b5c;box-shadow:0 0 22px #ff6e4666}}@keyframes cn-urgency{0%{opacity:1}to{opacity:0}}@keyframes cn-fade{0%{opacity:0}to{opacity:1}}@media (max-height:860px){.codenames-dialog{--cn-top:42px;--cn-bar:48px;height:calc(100dvh - 12px)}.codenames-dialog.mead-modal[open]{max-height:calc(100dvh - 12px);padding:12px 16px}.codenames-table{gap:12px;padding:10px 14px}.codenames-stage{--cn-stack:8px}.codenames-clue-display{height:40px}.codenames-clue-word{font-size:1.2rem}.codenames-clock{height:40px}.codenames-clock .mead-hourglass{width:24px;height:36px}.codenames-panel{gap:8px;padding:11px}.codenames-panel img.codenames-god{width:44px;height:44px}.codenames-roster{max-height:140px}.codenames-roster li{min-height:30px}}@media (max-width:1180px){.codenames-table{grid-template-columns:minmax(150px,188px) minmax(0,1fr) minmax(150px,188px);gap:12px}.codenames-panel header{gap:8px}.codenames-panel img.codenames-god{width:38px;height:38px}.codenames-count{width:36px;height:36px;font-size:1.1rem}}@media (max-width:860px){.codenames-table{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"stage stage""red blue";padding:14px}.codenames-stage{--cn-board-w:min(100cqw, 760px);justify-content:flex-start;container-type:inline-size}.codenames-clues ol{max-height:220px}}@media (max-width:640px){.codenames-lobby{padding:18px 14px}.codenames-lobby-teams,.codenames-table{grid-template-columns:minmax(0,1fr)}.codenames-table{grid-template-areas:"stage""red""blue";gap:12px;padding:10px}.codenames-lobby .codenames-panel{min-height:0}.codenames-dialog{--cn-top:76px}.codenames-topbar{grid-template-rows:44px 24px;grid-template-columns:minmax(0,1fr) auto;row-gap:8px}.codenames-series{grid-area:2/1/auto/-1;padding:1px 10px 1px 6px}.codenames-series img{width:18px;height:18px}.codenames-clue-display{justify-self:stretch;min-width:0;height:44px;padding:0 12px}.codenames-clock{min-width:0;height:44px}.codenames-flash{max-width:100%;padding:3px 12px;animation-name:cn-flash-row;top:auto;bottom:0;transform:none}.codenames-card{border-radius:6px}.codenames-card-word{letter-spacing:0;text-transform:none;font-size:clamp(8px,10.5cqi,14px);line-height:1;inset:70% 3% 2%}.codenames-card-word.is-long{font-size:clamp(7px,8.5cqi,12px);inset:68% 2% 2%}.codenames-actionbar{gap:8px;padding:0 8px 0 12px}.codenames-actionbar:has(form) p:not(.has-error){display:none}.codenames-actionbar:has(form) p.has-error{white-space:normal;flex:0 40%;font-size:.78rem;line-height:1.15}.codenames-actionbar form{flex:1}.codenames-actionbar input{flex:auto;width:auto}.codenames-actionbar button{padding:0 10px}.codenames-header-actions button span{display:none}.codenames-rules-icons{grid-template-columns:1fr}}@keyframes cn-flash-row{0%{opacity:0}8%,82%{opacity:1}to{opacity:0}}@keyframes cn-flash-still{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.codenames-dialog :not(.codenames-flash),.codenames-dialog :before,.codenames-dialog :after{transition-duration:.01ms!important;animation-duration:.01ms!important}html .codenames-dialog .codenames-flash{animation:4.6s step-end forwards cn-flash-still!important}}html[data-motion=reduce] .codenames-dialog .codenames-flash{animation:4.6s step-end forwards cn-flash-still!important}.codenames-actionbar{container:cn-bar/inline-size}@container cn-bar (max-width:320px){.codenames-actionbar form button[type=submit]{gap:0;padding:0 12px;font-size:0}.codenames-actionbar input{min-width:72px}}
.impostor-dialog{--im-gold:#d0ad62;--im-gold-line:#c9a96055;--im-parchment:#f0d9a8;--im-parchment-muted:#e7d7b4a6;--im-ink:#2b1d0e;--im-surface:oklch(calc(.1884 * var(--pal-lk) + var(--pal-l0)) calc(.018 * var(--pal-chroma)) var(--pal-hue) / .86);--im-surface-raised:oklch(calc(.2909 * var(--pal-lk) + var(--pal-l0)) calc(.0356 * var(--pal-chroma)) var(--pal-hue));--im-violet:#5b3f6e;--im-violet-light:#b79ad0;--im-violet-glow:#8c64af66;--im-top:52px;--im-bar:56px;background:oklch(calc(.2476 * var(--pal-lk) + var(--pal-l0)) calc(.0192 * var(--pal-chroma)) var(--pal-hue));flex-direction:column;width:min(1320px,96vw);max-width:1320px;height:min(900px,100dvh - 32px);display:flex}.impostor-dialog.mead-modal[open]{max-height:calc(100dvh - 24px)}.impostor-dialog>.activity-call-slot{margin-top:8px}.impostor-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:oklch(calc(.1625 * var(--pal-lk) + var(--pal-l0)) calc(.0155 * var(--pal-chroma)) var(--pal-hue) / .93)}.impostor-dialog>.modal-scroll{background:radial-gradient(circle at 50% 46%,#0d1c164d,#0d1c16d1 70%),url(/images/impostor/table-background.webp) 50%/cover no-repeat,#131a15;border-radius:14px;flex-direction:column;flex:1;gap:0;min-height:0;display:flex;position:relative;overflow:auto;box-shadow:inset 0 0 90px #0000008c}.impostor-lobby button,.impostor-actionbar button,.impostor-vote button,.impostor-guide-actions button,.impostor-rules footer button{background:var(--im-surface-raised);min-height:36px;color:var(--im-parchment);font:inherit;white-space:nowrap;cursor:pointer;border:1px solid #9b845099;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:.9rem;font-weight:600;transition:background-color .14s,border-color .14s;display:inline-flex}.impostor-lobby button:hover:not(:disabled),.impostor-actionbar button:hover:not(:disabled),.impostor-vote button:hover:not(:disabled),.impostor-guide-actions button:hover:not(:disabled),.impostor-rules footer button:hover:not(:disabled){background:oklch(calc(.3383 * var(--pal-lk) + var(--pal-l0)) calc(.0434 * var(--pal-chroma)) var(--pal-hue));border-color:var(--im-gold)}.impostor-dialog button.primary{color:#14200f;background:#c9a960;border-color:#c9a960}.impostor-dialog button.primary:hover:not(:disabled){background:#dcbd72;border-color:#dcbd72}.impostor-dialog button.primary.impostor-guess{background:var(--im-violet);color:#f4e9ff;border-color:#8a68a3}.impostor-dialog button.primary.impostor-guess:hover:not(:disabled){border-color:var(--im-violet-light);background:#6d4d83}.impostor-dialog button:disabled{opacity:.48;cursor:default}.impostor-dialog button:focus-visible{outline:2px solid var(--im-gold);outline-offset:2px}.impostor-action-icon{object-fit:contain;flex-shrink:0;width:24px;height:24px;margin-left:-4px}.impostor-face{background:oklch(calc(.1937 * var(--pal-lk) + var(--pal-l0)) calc(.0168 * var(--pal-chroma)) var(--pal-hue));border-radius:50%;flex-shrink:0;width:26px;height:26px;overflow:hidden}.impostor-face.is-tiny{width:20px;height:20px}.impostor-face.is-small{width:24px;height:24px}.impostor-face.is-large{width:56px;height:56px}.impostor-face .portrait-surface{width:100%;height:100%}.impostor-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.impostor-you{color:var(--im-parchment);font-size:max(var(--text-min), .66rem);letter-spacing:.4px;text-transform:uppercase;background:#d0ad6233;border-radius:999px;flex-shrink:0;padding:0 6px;font-weight:700}.impostor-mark{color:var(--im-gold);flex-shrink:0}.impostor-mark.is-ok{color:#9fd9ae}.impostor-mark.is-used{color:#f2b8a2}.impostor-dot{background:#6d6a5f;border-radius:50%;flex-shrink:0;width:8px;height:8px}.impostor-dot.online{background:#67c587;box-shadow:0 0 0 3px #67c5872e}.impostor-score{background:oklch(calc(.1937 * var(--pal-lk) + var(--pal-l0)) calc(.0168 * var(--pal-chroma)) var(--pal-hue) / .85);min-width:22px;color:var(--im-parchment);font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:3px;padding:0 6px;font-family:Fraunces,serif;font-size:.82rem;display:inline-flex}.impostor-series{border:1px solid var(--im-gold-line);background:var(--im-surface);max-width:100%;color:var(--im-gold);white-space:nowrap;border-radius:999px;justify-self:center;align-items:center;gap:8px;padding:4px 12px 4px 10px;display:inline-flex;overflow:hidden}.impostor-series i{color:var(--im-parchment-muted);font-size:.8rem;font-style:normal}.impostor-series-chip{align-items:center;gap:4px;display:inline-flex}.impostor-series-chip b{color:var(--im-parchment);font-variant-numeric:tabular-nums;font-family:Fraunces,serif}.impostor-loading{color:var(--muted);margin:auto}.impostor-toast{z-index:30;color:#ffd9cb;background:#3a1a12f2;border:1px solid #d9683f99;border-radius:12px;max-width:min(520px,100% - 32px);margin:0;padding:9px 16px;font-size:.88rem;animation:.22s ease-out cn-drop;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000073}.impostor-lobby{flex-direction:column;gap:16px;width:min(880px,100%);margin:auto;padding:26px 24px;display:flex}.impostor-instructions{border:1px solid #d0ad6255;border-left:3px solid var(--im-violet-light);background:oklch(calc(.2614 * var(--pal-lk) + var(--pal-l0)) calc(.0277 * var(--pal-chroma)) var(--pal-hue) / .85);color:var(--im-parchment);border-radius:12px;margin:0;padding:14px 16px;font-size:.92rem;line-height:1.55}.impostor-lobby-players{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.impostor-lobby-players li{background:linear-gradient(180deg in srgb, oklch(calc(.2909 * var(--pal-lk) + var(--pal-l0)) calc(.0356 * var(--pal-chroma)) var(--pal-hue) / .9), oklch(calc(.2113 * var(--pal-lk) + var(--pal-l0)) calc(.0165 * var(--pal-chroma)) var(--pal-hue) / .9));min-height:126px;color:var(--im-parchment);text-align:center;border:1px solid #9b845066;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 10px;font-size:.9rem;display:flex;position:relative}.impostor-lobby-players li.is-me{border-color:var(--im-gold);box-shadow:0 0 18px #d0ad6238}.impostor-lobby-players li.is-empty{color:var(--im-parchment-muted);background:0 0;border-style:dashed;justify-content:center;font-size:.82rem}.impostor-lobby-players li.is-free{padding:0}.impostor-lobby .impostor-lobby-players li.is-free button{border-radius:inherit;width:100%;min-height:44px;color:var(--im-parchment-muted);background:0 0;border:0;flex-direction:column;flex:1;font-size:.82rem}.impostor-lobby .impostor-lobby-players li.is-free button:hover:not(:disabled){color:var(--im-parchment);background:#d0ad621a;border:0}.impostor-lobby-players li.is-free:has(button:hover:not(:disabled)){border-color:var(--im-gold)}.impostor-lobby-players .impostor-name{flex:none;max-width:100%;font-weight:600}.impostor-lobby-players .impostor-dot{position:absolute;top:10px;right:10px}.impostor-lobby-tags{min-height:18px;color:var(--im-gold);align-items:center;gap:6px;display:inline-flex}.impostor-lobby-settings{border:1px solid var(--im-gold-line);background:var(--im-surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px 14px;display:flex}.impostor-lobby-settings label{color:var(--im-parchment-muted);align-items:center;gap:10px;margin:0;font-size:.86rem;display:inline-flex}.impostor-lobby-settings select{background:oklch(calc(.2057 * var(--pal-lk) + var(--pal-l0)) calc(.0189 * var(--pal-chroma)) var(--pal-hue));height:34px;color:var(--text);font:inherit;border:1px solid #9b8450;border-radius:10px;padding:0 10px}.impostor-lobby-settings b{color:var(--im-parchment)}.impostor-lobby-settings small{color:var(--im-violet-light);flex-basis:100%;font-size:.8rem}.impostor-lobby-settings .impostor-series{margin-left:auto}.impostor-lobby-bar{border:1px solid var(--im-gold-line);background:var(--im-surface);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:12px 14px;display:flex}.impostor-readiness{color:#f2b8a2;margin:0;font-size:.86rem}.impostor-readiness.ok{color:#9fd9ae}.impostor-lobby-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.impostor-note{color:var(--im-parchment-muted);margin:0;font-size:.85rem}.impostor-table{grid-template-columns:minmax(0,1fr) minmax(200px,260px);grid-template-rows:var(--im-top) minmax(0, 1fr) var(--im-bar);flex:1;grid-template-areas:"top top""stage side""bar bar";gap:12px 16px;min-height:0;padding:14px 16px;display:grid}.impostor-topbar{grid-area:top;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.impostor-phase{flex-direction:column;justify-self:start;min-width:0;line-height:1.15;display:flex}.impostor-phase b{color:var(--im-parchment);white-space:nowrap;text-overflow:ellipsis;font-family:Fraunces,serif;font-size:1.15rem;font-weight:500;overflow:hidden}.impostor-phase small{color:var(--im-parchment-muted);font-size:max(var(--text-min), .74rem);letter-spacing:.4px;text-transform:uppercase}.impostor-clock{min-width:96px;height:48px;color:var(--im-parchment);justify-content:flex-end;justify-self:end;align-items:center;gap:6px;display:flex}.impostor-clock .mead-hourglass{width:30px;height:44px}.impostor-clock b{font-variant-numeric:tabular-nums;text-align:right;min-width:4.5ch;font-size:1.05rem}.impostor-clock b.mark{animation:.7s cubic-bezier(.2,.8,.3,1) cn-mark}.impostor-table[data-urgency=warn] .impostor-clock b{color:#ffc27a}.impostor-table[data-urgency=danger] .impostor-clock b{color:#ff7b5c;text-shadow:0 0 12px #ff5a3cbf;font-size:1.3rem}.impostor-table[data-urgency=danger] .impostor-clock .mead-hourglass{animation:1s ease-in-out infinite cn-throb}.impostor-table[data-urgency] .impostor-actionbar{animation:1s ease-in-out infinite cn-bar-alarm}.impostor-urgency-flash{z-index:2;pointer-events:none;border-radius:14px;animation:.9s ease-out forwards cn-urgency;position:absolute;inset:-6px;box-shadow:0 0 0 2px #ffc46ed9,0 0 34px 6px #ffaa5061}.impostor-table[data-urgency=danger] .impostor-urgency-flash{box-shadow:0 0 0 3px #ff6e50f2,0 0 46px 12px #ff503280,inset 0 0 60px #ff3c2840}.impostor-stage{grid-area:stage;gap:16px;min-width:0;min-height:0;display:flex;position:relative;container-type:size}.impostor-card-slot{flex:none;align-items:center;width:min(42cqw,66.6667cqh);display:flex}.impostor-card{aspect-ratio:2/3;width:100%;color:var(--im-ink);font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #d0ad6288;border-radius:14px;padding:0;animation:.48s cubic-bezier(.2,.7,.3,1) cn-flip;display:block;position:relative;overflow:hidden;box-shadow:0 14px 34px #0000008c;container-type:inline-size}.impostor-card:disabled{cursor:default}.impostor-dialog .impostor-card:disabled{opacity:1}.impostor-card.is-static{cursor:default;animation:none}.impostor-card-back{background:radial-gradient(circle at 50% 50%, #7a5a92 0 11%, var(--im-violet) 11.5% 17%, transparent 17.5%), radial-gradient(ellipse at 50% 50%, transparent 55%, #50341440), linear-gradient(160deg, #eee3c8, #d8c59c);box-shadow:inset 0 0 0 10px #d4af3766,0 14px 34px #0000008c}.impostor-card-location{background:linear-gradient(#19241e 0 28%,#d4af37 28% 28.6%,#efe4c9 28.6%)}.impostor-card-impostor{background:radial-gradient(at 50% 30%,#7a5a92 0,#2a1f33 45%,#16111b 65%),linear-gradient(#16111b 0 66%,#6f6a66 66%);border-color:#8a68a3}.impostor-card-art{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.impostor-card:not(:disabled):hover{box-shadow:0 16px 40px #0009,0 0 0 2px #d0ad6299}.impostor-card-text{flex-direction:column;justify-content:center;align-items:center;gap:4cqi;display:flex;position:absolute;inset:40% 12% 18%}.impostor-card-text strong{color:var(--im-ink);font-family:Fraunces,serif;font-size:clamp(14px,9cqi,34px);font-weight:500;line-height:1.1}.impostor-card-text span{color:#5a4526;border-top:1px solid #a8873f88;padding:1cqi 4cqi;font-size:clamp(11px,5.4cqi,20px);font-weight:600}.impostor-card-text small{letter-spacing:.6px;text-transform:uppercase;color:#6d5530;font-size:clamp(10px,4.4cqi,15px)}.impostor-card-text.is-impostor{gap:2cqi;inset:66% 14% 18%}.impostor-card-text.is-impostor strong{color:#f4e9ff;text-shadow:0 1px 6px #000;font-size:clamp(13px,7.4cqi,28px)}.impostor-card-text.is-impostor span{color:#e3d4ef;border-top-color:#b79ad066;font-size:clamp(10px,4.4cqi,16px)}.impostor-card-hint{background:oklch(calc(.1742 * var(--pal-lk) + var(--pal-l0)) calc(.0124 * var(--pal-chroma)) var(--pal-hue) / .82);color:var(--im-parchment);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:clamp(10px,4.2cqi,14px);font-weight:600;line-height:1.2;display:flex;position:absolute;bottom:7%;left:8%;right:8%}.impostor-card-slot.is-watching .impostor-card{filter:saturate(.6)brightness(.8)}.impostor-places{border:1px solid var(--im-gold-line);background:var(--im-surface);border-radius:14px;flex-direction:column;flex:1;gap:8px;min-width:0;min-height:0;padding:10px 12px 12px;display:flex}.impostor-places header{min-width:0;color:var(--im-gold);flex-shrink:0;align-items:baseline;gap:8px;display:flex}.impostor-places h3{color:var(--im-parchment);white-space:nowrap;margin:0;font-family:Fraunces,serif;font-size:1rem;font-weight:500}.impostor-places small{min-width:0;color:var(--im-parchment-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.impostor-places.is-guessing{border-color:var(--im-violet-light);box-shadow:0 0 26px var(--im-violet-glow)}.impostor-places.is-guessing small{color:var(--im-violet-light);font-weight:700}.impostor-places-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));grid-auto-rows:minmax(34px,1fr);gap:6px;min-height:0;display:grid;overflow:auto}.impostor-places-grid button{min-width:0;color:var(--im-ink);font:inherit;text-align:center;cursor:pointer;background:linear-gradient(#efe4c9,#dccaa2);border:1px solid #a8873f55;border-radius:8px;padding:2px 8px;font-size:.84rem;font-weight:600;line-height:1.15;transition:opacity .15s,transform .12s,box-shadow .15s}.impostor-places-grid button:hover:not(:disabled){box-shadow:0 0 0 2px var(--im-gold)}.impostor-places-grid button.is-struck{opacity:.4;text-decoration:line-through;text-decoration-thickness:2px}.impostor-dialog .impostor-places-grid button:disabled{opacity:.75}.impostor-dialog .impostor-places-grid button.is-struck:disabled{opacity:.35}.impostor-places.is-guessing .impostor-places-grid button:hover:not(:disabled){box-shadow:0 0 0 2px var(--im-violet-light), 0 0 16px var(--im-violet-glow);transform:translateY(-1px)}.impostor-side{border:1px solid var(--im-gold-line);background:var(--im-surface);border-radius:14px;flex-direction:column;grid-area:side;gap:8px;min-width:0;min-height:0;padding:12px;display:flex}.impostor-side header{flex-shrink:0;gap:4px;display:grid}.impostor-side h3{color:var(--im-parchment);margin:0;font-family:Fraunces,serif;font-size:1rem;font-weight:500}.impostor-last-ask{color:var(--im-parchment-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.78rem;overflow:hidden}.impostor-roster{flex:1;grid-template-columns:minmax(0,1fr);align-content:start;gap:5px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.impostor-roster li{background:oklch(calc(.1798 * var(--pal-lk) + var(--pal-l0)) calc(.017 * var(--pal-chroma)) var(--pal-hue) / .6);min-width:0;min-height:36px;color:var(--text);border:1px solid #ffffff12;border-radius:9px;align-items:center;gap:7px;padding:3px 8px;font-size:.88rem;display:flex}.impostor-roster li.is-me{border-color:#d0ad6266}.impostor-roster li.is-asker{border-color:var(--im-gold);box-shadow:0 0 12px #d0ad6240}.impostor-roster li.is-accused{border-color:var(--im-violet-light);box-shadow:0 0 14px var(--im-violet-glow)}.impostor-dialog .impostor-ask{color:#14200f;min-height:26px;font:inherit;font-size:max(var(--text-min), .74rem);cursor:pointer;background:#c9a960;border:1px solid #c9a960;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:0 8px;font-weight:700;display:inline-flex}@media (pointer:coarse){.impostor-dialog .impostor-ask{min-width:var(--tap);min-height:var(--tap);justify-content:center}}.impostor-roster{container:im-roster/inline-size}@container im-roster (max-width:400px){.impostor-roster li:has(.impostor-ask,.activity-away,.activity-remove){flex-wrap:wrap;gap:2px 4px;padding-inline:6px}.impostor-roster li:has(.impostor-ask,.activity-away,.activity-remove):after{content:"";flex-basis:100%;order:1}.impostor-roster li :is(.impostor-ask,.activity-away,.activity-remove){order:2}.impostor-roster li .activity-remove{margin-left:auto}.impostor-roster .impostor-ask span{display:none}}@container im-roster (max-width:260px){.impostor-roster li:has(.impostor-you){flex-wrap:wrap;gap:2px 4px;padding-inline:6px}.impostor-roster li:has(.impostor-you):after{content:"";flex-basis:100%;order:1}.impostor-roster li .impostor-you{order:2}}.impostor-actionbar{border:1px solid var(--im-gold-line);background:oklch(calc(.1884 * var(--pal-lk) + var(--pal-l0)) calc(.018 * var(--pal-chroma)) var(--pal-hue) / .92);border-radius:14px;grid-area:bar;align-items:center;gap:10px;min-width:0;padding:0 10px 0 16px;display:flex;overflow:hidden}.impostor-actionbar p{min-width:0;color:var(--im-parchment);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:.92rem;overflow:hidden}.impostor-actionbar p.has-error{-webkit-line-clamp:2;white-space:normal;color:#ffb49c;-webkit-box-orient:vertical;font-size:.82rem;font-weight:600;line-height:1.2;animation:.36s ease-in-out cn-shake;display:-webkit-box}.impostor-actionbar button{flex-shrink:0}.impostor-watching{color:var(--im-parchment-muted);font-size:max(var(--text-min), .72rem);text-transform:uppercase;background:#ffffff14;border-radius:999px;margin-right:8px;padding:1px 8px;font-weight:700}.impostor-vote{z-index:10;border:1px solid var(--im-violet-light);box-shadow:0 0 40px var(--im-violet-glow);text-align:center;background:radial-gradient(circle at 50% 38%,#5b3f6e99,#0000 70%),#0a0e0cf2;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:18px;animation:.2s ease-out cn-fade;display:flex;position:absolute;inset:0;overflow:auto}.impostor-vote.is-final{border-color:var(--im-gold);background:radial-gradient(circle at 50% 38%,#785c2480,#0000 70%),#0a0e0cf2}.impostor-vote-lead{color:var(--im-parchment);align-items:center;gap:8px;margin:0;font-family:Fraunces,serif;font-size:1.15rem;display:inline-flex}.impostor-vote-accused{flex-direction:column;align-items:center;gap:8px;display:flex}.impostor-vote-accused .impostor-face{width:88px;height:88px;box-shadow:0 0 0 3px var(--im-violet-light), 0 0 30px var(--im-violet-glow)}.impostor-vote-accused strong{color:#f4e9ff;font-family:Fraunces,serif;font-size:1.5rem;font-weight:500}.impostor-vote-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.impostor-vote-note,.impostor-vote-count{color:var(--im-parchment);margin:0;font-size:.9rem}.impostor-vote-count{color:var(--im-parchment-muted);font-size:.8rem}.impostor-voters{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.impostor-voters li{opacity:.45;position:relative}.impostor-voters li.is-done{opacity:1}.impostor-voters li svg{color:#0d1a12;background:#67c587;border-radius:50%;padding:1px;position:absolute;bottom:-3px;right:-3px}.impostor-suspects{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;width:min(640px,100%);display:grid}.impostor-dialog .impostor-suspects button{justify-content:flex-start;min-width:0;min-height:42px}.impostor-suspects button span{text-overflow:ellipsis;min-width:0;overflow:hidden}.impostor-suspects button em{font-size:max(var(--text-min), .72rem);color:#14200f;margin-left:auto;font-style:normal}.impostor-dialog .impostor-suspects button.is-armed{color:#14200f;background:#c9a960;border-color:#c9a960}.impostor-result{flex-direction:column;flex:1;gap:12px;min-width:0;min-height:0;display:flex}.impostor-result-banner{border:1px solid var(--im-gold);background:linear-gradient(90deg in srgb, oklch(calc(.1756 * var(--pal-lk) + var(--pal-l0)) calc(.01 * var(--pal-chroma)) var(--pal-hue)) 45%, #5a4520);border-radius:14px;flex-shrink:0;height:min(38cqh,35cqw);position:relative;overflow:hidden}.impostor-result.is-impostor .impostor-result-banner{border-color:var(--im-violet-light);background:linear-gradient(90deg in srgb, oklch(calc(.1756 * var(--pal-lk) + var(--pal-l0)) calc(.01 * var(--pal-chroma)) var(--pal-hue)) 45%, var(--im-violet))}.impostor-result-art{object-fit:cover;object-position:right center;width:100%;height:100%;position:absolute;inset:0}.impostor-result-banner>div{flex-direction:column;justify-content:center;gap:6px;padding:0 22px;display:flex;position:absolute;inset:0 45% 0 0}.impostor-result-banner h3{color:var(--im-parchment);text-shadow:0 2px 10px #000;margin:0;font-family:Fraunces,serif;font-size:clamp(1.1rem,3.4cqw,1.8rem);font-weight:500}.impostor-result-banner p{color:#eadfc6;text-shadow:0 1px 6px #000;margin:0;font-size:.9rem;line-height:1.35}.impostor-result-body{flex:1;gap:14px;min-height:0;display:flex}.impostor-result-body>.impostor-card{flex:none;width:auto;max-width:34%;height:100%}.impostor-result-table{border-collapse:collapse;border:1px solid var(--im-gold-line);background:var(--im-surface);border-radius:12px;flex:1;align-self:start;min-width:0;max-height:100%;font-size:.86rem;display:block;overflow:auto}.impostor-result-table thead,.impostor-result-table tbody{table-layout:fixed;width:100%;display:table}.impostor-result-table th,.impostor-result-table td{color:var(--im-parchment);text-align:left;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #ffffff10;padding:7px 10px;overflow:hidden}.impostor-result-table td:nth-child(2){white-space:normal;line-height:1.2}.impostor-result-table thead th{font-size:max(var(--text-min), .72rem);letter-spacing:.5px;text-transform:uppercase;color:var(--im-parchment-muted)}.impostor-result-table th:first-child{width:34%}.impostor-result-table tbody th{font-weight:600}.impostor-result-who{align-items:center;gap:8px;min-width:0;display:flex}.impostor-result-who>span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.impostor-result-table tr.is-impostor{background:#5b3f6e59}.impostor-result-table tr.is-impostor b{color:var(--im-violet-light)}.impostor-overlay{z-index:40;background:oklch(calc(.1359 * var(--pal-lk) + var(--pal-l0)) calc(.0129 * var(--pal-chroma)) var(--pal-hue) / .7);place-items:center;padding:20px;animation:.18s ease-out cn-fade;display:grid;position:fixed;inset:0}.impostor-guide,.impostor-rules{background:oklch(calc(.2687 * var(--pal-lk) + var(--pal-l0)) calc(.0266 * var(--pal-chroma)) var(--pal-hue));border:1px solid #d0ad6288;border-radius:16px;width:min(560px,100%);max-height:calc(100dvh - 40px);overflow:hidden;box-shadow:0 24px 70px #0009}.impostor-guide{overflow:auto}.impostor-guide-banner{aspect-ratio:16/6;background:linear-gradient(90deg in srgb, oklch(calc(.1756 * var(--pal-lk) + var(--pal-l0)) calc(.01 * var(--pal-chroma)) var(--pal-hue)), #3a2a48);position:relative}.impostor-guide-art{object-fit:cover;object-position:70% 40%;width:100%;height:100%;position:absolute;inset:0}.impostor-guide-body{gap:10px;padding:18px 22px 20px;display:grid}.impostor-guide-body h3,.impostor-rules h3{color:var(--im-parchment);margin:0;font-family:Fraunces,serif;font-size:1.2rem}.impostor-guide-body ol{color:var(--muted);margin:0;padding-left:20px;font-size:.9rem;line-height:1.6}.impostor-guide-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.impostor-rules{flex-direction:column;max-height:min(720px,100dvh - 40px);display:flex}.impostor-rules header{border-bottom:1px solid #c9a96044;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.impostor-rules h3{align-items:center;gap:8px;display:flex}.impostor-rules-scroll{flex:1;gap:14px;min-height:0;padding:4px 20px 16px;display:grid;overflow:auto}.impostor-rules-scroll h4{color:var(--im-parchment);margin:10px 0 4px;font-size:.95rem}.impostor-rules-scroll p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.6}.impostor-rules-icons{grid-template-columns:1fr 1fr;gap:12px;display:grid}.impostor-rules-icons>div{text-align:center;justify-items:center;gap:6px;display:grid}.impostor-rules-icon{object-fit:contain;width:88px;height:88px}.impostor-rules footer{border-top:1px solid #c9a96044;justify-content:flex-end;padding:12px 18px;display:flex}@media (max-height:860px){.impostor-dialog{--im-top:44px;--im-bar:50px;height:calc(100dvh - 12px)}.impostor-dialog.mead-modal[open]{max-height:calc(100dvh - 12px);padding:12px 16px}.impostor-table{gap:10px 14px;padding:10px 14px}.impostor-clock{height:40px}.impostor-clock .mead-hourglass{width:24px;height:36px}.impostor-roster li{min-height:32px}}@media (max-width:1180px){.impostor-table{grid-template-columns:minmax(0,1fr) minmax(180px,210px)}.impostor-places-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.impostor-places-grid button{font-size:.8rem}.impostor-roster .impostor-ask span{display:none}}@media (max-width:860px){.impostor-table{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--im-top) auto auto var(--im-bar);flex:none;grid-template-areas:"top""stage""side""bar";padding:12px}.impostor-actionbar{z-index:12;position:sticky;bottom:0}.impostor-stage{flex-direction:column;align-items:center;min-height:420px;container-type:inline-size}.impostor-card-slot{width:min(58cqw,300px)}.impostor-places{align-self:stretch}.impostor-places-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-rows:38px;overflow:visible}.impostor-side{max-height:none}.impostor-result-banner{aspect-ratio:1200/420;height:auto}.impostor-result-body{flex-direction:column;align-items:center}.impostor-result-body>.impostor-card{width:min(58cqw,260px);max-width:none;height:auto}.impostor-result-table{align-self:stretch;max-height:none}}@media (max-width:640px){.impostor-lobby{padding:18px 14px}.impostor-lobby-players{grid-template-columns:repeat(2,minmax(0,1fr))}.impostor-dialog{--im-top:76px}.impostor-topbar{grid-template-rows:44px 24px;grid-template-columns:minmax(0,1fr) auto;row-gap:8px}.impostor-series{grid-area:2/1/auto/-1;justify-self:start;padding:1px 10px 1px 6px}.impostor-clock{min-width:0;height:44px}.impostor-places-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.impostor-actionbar{gap:6px;padding:0 8px 0 12px}.impostor-actionbar:has(button) p:not(.has-error){white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.15;display:-webkit-box}.impostor-actionbar button{padding:0 10px}.impostor-actionbar button.can-shrink span{display:none}.impostor-result-banner>div{padding:0 14px;inset:0 30% 0 0}.impostor-result-banner p{font-size:.78rem}.impostor-result-table th:nth-child(3),.impostor-result-table td:nth-child(3){display:none}.impostor-rules-icons{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.impostor-dialog *,.impostor-dialog :before,.impostor-dialog :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.caneco-dialog{--cc-foam:#f2e3bf;--cc-amber:#e5b766;--cc-gold:#d4af37;--cc-gold-line:#c9a96055;--cc-parchment:#efe1c0;--cc-parchment-muted:#e7d7b4b3;--cc-ink:#2b1d0e;--cc-ink-muted:#5b4630;--cc-sage:#99c7a0;--cc-ember:#e0866a;--cc-surface:oklch(calc(.1884 * var(--pal-lk) + var(--pal-l0)) calc(.018 * var(--pal-chroma)) var(--pal-hue) / .88);--cc-raised:oklch(calc(.2909 * var(--pal-lk) + var(--pal-l0)) calc(.0356 * var(--pal-chroma)) var(--pal-hue));--cc-top:56px;--cc-bar:58px;background:oklch(calc(.2476 * var(--pal-lk) + var(--pal-l0)) calc(.0192 * var(--pal-chroma)) var(--pal-hue));flex-direction:column;width:min(1320px,96vw);max-width:1320px;height:min(900px,100dvh - 32px);display:flex}.caneco-dialog.mead-modal[open]{max-height:calc(100dvh - 24px)}.caneco-dialog>.activity-call-slot{margin-top:8px}.caneco-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:oklch(calc(.1625 * var(--pal-lk) + var(--pal-l0)) calc(.0155 * var(--pal-chroma)) var(--pal-hue) / .93)}.caneco-dialog>.modal-scroll{background:radial-gradient(circle at 50% 44%,#0d1c166b,#0d1c16db 72%),url(/images/caneco/table-background.webp) 50%/cover no-repeat,#131a15;border-radius:14px;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:auto;box-shadow:inset 0 0 90px #0000008c}.caneco-dialog :where(.caneco-lobby,.caneco-actionbar,.caneco-vote,.caneco-guide-actions,.caneco-rules footer,.caneco-answer-actions) button{background:var(--cc-raised);min-height:36px;color:var(--cc-parchment);font:inherit;white-space:nowrap;cursor:pointer;border:1px solid #9b845099;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:.9rem;font-weight:600;transition:background-color .14s,border-color .14s;display:inline-flex}.caneco-dialog :where(.caneco-lobby,.caneco-actionbar,.caneco-vote,.caneco-guide-actions,.caneco-rules footer,.caneco-answer-actions) button:hover:not(:disabled){background:oklch(calc(.3383 * var(--pal-lk) + var(--pal-l0)) calc(.0434 * var(--pal-chroma)) var(--pal-hue));border-color:var(--cc-gold)}.caneco-dialog button.primary{color:#14200f;background:#c9a960;border-color:#c9a960}.caneco-dialog button.primary:hover:not(:disabled){background:#dcbd72;border-color:#dcbd72}.caneco-dialog button:disabled{opacity:.48;cursor:default}.caneco-dialog button:focus-visible,.caneco-dialog input:focus-visible,.caneco-dialog select:focus-visible{outline:2px solid var(--cc-gold);outline-offset:2px}.caneco-dialog button.caneco-slam{border-color:var(--cc-foam);color:#3a250f;background:linear-gradient(#f6e7c4,#e2c487);min-height:42px;padding:0 18px;font-size:.98rem;box-shadow:0 0 #f2e3bf8c}.caneco-dialog button.caneco-slam:not(:disabled){animation:1.6s ease-in-out infinite cc-breathe}@keyframes cc-breathe{50%{box-shadow:0 0 0 7px #f2e3bf00}}.caneco-face{background:oklch(calc(.1937 * var(--pal-lk) + var(--pal-l0)) calc(.0168 * var(--pal-chroma)) var(--pal-hue));border-radius:50%;flex-shrink:0;width:28px;height:28px;overflow:hidden}.caneco-face.is-small{width:24px;height:24px}.caneco-face.is-large{width:56px;height:56px}.caneco-face .portrait-surface{width:100%;height:100%}.caneco-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.caneco-you{color:var(--cc-parchment);font-size:max(var(--text-min), .66rem);letter-spacing:.4px;text-transform:uppercase;background:#d0ad6233;border-radius:999px;flex-shrink:0;padding:0 6px;font-weight:700}.caneco-mark{color:var(--cc-gold);flex-shrink:0}.caneco-mark.is-ok{color:var(--cc-sage)}.caneco-dot{background:#6d6a5f;border-radius:50%;flex-shrink:0;width:8px;height:8px}.caneco-dot.online{background:#67c587;box-shadow:0 0 0 3px #67c5872e}.caneco-score{background:oklch(calc(.1937 * var(--pal-lk) + var(--pal-l0)) calc(.0168 * var(--pal-chroma)) var(--pal-hue) / .85);min-width:26px;color:var(--cc-parchment);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;flex-shrink:0;padding:0 6px;font-family:Fraunces,serif;font-size:.86rem}.caneco-note{color:var(--cc-parchment-muted);margin:0;font-size:.86rem}.caneco-rune{background:linear-gradient(145deg,#ecd6a8,#c9a46b);border-radius:18px;flex-shrink:0;place-items:center;width:132px;height:132px;display:inline-grid;position:relative;box-shadow:inset 0 0 0 5px #7a5532,0 10px 30px #00000073}.caneco-rune.is-small{border-radius:9px;width:48px;height:48px;box-shadow:inset 0 0 0 3px #7a5532,0 4px 12px #0006}.caneco-rune-art{object-fit:contain;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.12)}.caneco-rune b{color:#3b2412;text-shadow:0 1px #f6e4bd,0 -1px #6b4522;font-family:Fraunces,serif;font-size:4.2rem;font-weight:600;line-height:1;position:relative}.caneco-rune.is-small b{font-size:1.6rem}.caneco-loading{color:var(--muted);margin:auto}.caneco-toast-message{z-index:30;color:#ffd9cb;background:#3a1a12f2;border:1px solid #d9683f99;border-radius:12px;max-width:min(520px,100% - 32px);margin:0;padding:9px 16px;font-size:.88rem;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000073}.caneco-lobby{flex-direction:column;gap:16px;width:min(900px,100%);margin:auto;padding:26px 24px;display:flex}.caneco-lobby-intro{border:1px solid #d0ad6255;border-left:3px solid var(--cc-foam);background:oklch(calc(.2614 * var(--pal-lk) + var(--pal-l0)) calc(.0277 * var(--pal-chroma)) var(--pal-hue) / .85);border-radius:12px;align-items:center;gap:18px;padding:14px 16px;display:flex}.caneco-lobby-intro .caneco-rune{border-radius:12px;width:76px;height:76px}.caneco-lobby-intro .caneco-rune b{font-size:2.4rem}.caneco-lobby-intro p{color:var(--cc-parchment);margin:0;font-size:.92rem;line-height:1.55}.caneco-lobby-players{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.caneco-lobby-players li{background:linear-gradient(180deg in srgb, oklch(calc(.2909 * var(--pal-lk) + var(--pal-l0)) calc(.0356 * var(--pal-chroma)) var(--pal-hue) / .9), oklch(calc(.2113 * var(--pal-lk) + var(--pal-l0)) calc(.0165 * var(--pal-chroma)) var(--pal-hue) / .9));min-height:118px;color:var(--cc-parchment);text-align:center;border:1px solid #9b845066;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 10px;font-size:.9rem;transition:border-color .25s,box-shadow .25s;display:flex;position:relative}.caneco-lobby-players li.is-me{border-color:var(--cc-gold);box-shadow:0 0 18px #d0ad6238}.caneco-lobby-players li.is-empty:has(.caneco-free-seat){padding:0}.caneco-dialog .caneco-lobby .caneco-free-seat{width:100%;min-height:116px;color:var(--cc-parchment-muted);background:0 0;border:0;border-radius:13px;flex-direction:column;flex:1;gap:6px;font-size:.82rem;font-weight:500}.caneco-dialog .caneco-lobby .caneco-free-seat svg{box-sizing:content-box;border:1px dashed #c9a96066;border-radius:50%;padding:6px;transition:transform .25s,border-color .25s}.caneco-dialog .caneco-lobby .caneco-free-seat:hover:not(:disabled){color:var(--cc-parchment);background:#c9a9601a}.caneco-dialog .caneco-lobby .caneco-free-seat:hover:not(:disabled) svg{border-color:var(--cc-gold);transform:scale(1.08)}.caneco-lobby-players li.is-empty{color:var(--cc-parchment-muted);background:0 0;border-style:dashed;justify-content:center;font-size:.82rem}.caneco-lobby-players .caneco-name{flex:none;max-width:100%;font-weight:600}.caneco-lobby-players .caneco-dot{position:absolute;top:10px;right:10px}.caneco-lobby-players .activity-remove{position:absolute;top:4px;left:4px}.caneco-lobby-tags{min-height:18px;color:var(--cc-gold);align-items:center;gap:6px;display:inline-flex}.caneco-lobby-settings{border:1px solid var(--cc-gold-line);background:var(--cc-surface);border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px 18px;padding:12px 14px;display:grid}.caneco-lobby-settings label{color:var(--cc-parchment-muted);gap:4px;margin:0;font-size:.82rem;display:grid}.caneco-lobby-settings b{color:var(--cc-parchment);font-size:.92rem}.caneco-lobby-settings select{background:oklch(calc(.2057 * var(--pal-lk) + var(--pal-l0)) calc(.0189 * var(--pal-chroma)) var(--pal-hue));min-height:36px;color:var(--cc-parchment);font:inherit;border:1px solid #9b8450;border-radius:9px;padding:0 10px;font-size:.9rem}.caneco-lobby-settings label.caneco-check{color:var(--cc-parchment);grid-column:1/-1;align-items:center;gap:10px;font-size:.88rem;display:flex}.caneco-check input{width:20px;height:20px;accent-color:var(--cc-gold)}.caneco-categories{border:1px solid var(--cc-gold-line);background:var(--cc-surface);color:var(--cc-parchment);border-radius:12px;gap:12px;padding:14px 16px;display:grid}.caneco-categories-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.caneco-categories-head h3{margin:0;font-family:Fraunces,serif;font-size:1.05rem;font-weight:500}.caneco-categories-head p{color:var(--cc-parchment-muted);margin:2px 0 0;font-size:.86rem}.caneco-stepper{border:1px solid var(--cc-gold-line);background:oklch(calc(.1901 * var(--pal-lk) + var(--pal-l0)) calc(.0157 * var(--pal-chroma)) var(--pal-hue));border-radius:999px;align-items:center;gap:6px;padding:3px;display:inline-flex}.caneco-stepper>span{color:var(--cc-parchment-muted);padding:0 6px 0 10px;font-size:.84rem}.caneco-stepper b{text-align:center;min-width:2ch;font-family:Fraunces,serif;font-size:1.2rem}.caneco-dialog .caneco-stepper button{border-radius:50%;width:32px;min-width:32px;min-height:32px;padding:0}.caneco-deck-choice{border:1px solid var(--cc-gold-line);background:oklch(calc(.1901 * var(--pal-lk) + var(--pal-l0)) calc(.0157 * var(--pal-chroma)) var(--pal-hue));border-radius:12px;flex-wrap:wrap;justify-self:start;gap:2px;padding:3px;display:inline-flex}.caneco-dialog .caneco-deck-choice button{background:0 0;border-color:#0000;min-height:34px}.caneco-dialog .caneco-deck-choice button[aria-pressed=true]{border-color:var(--cc-gold);color:#fff3d6;background:#c9a96033}.caneco-chip-group{gap:6px;display:grid}.caneco-chip-group h4{color:var(--cc-parchment);align-items:baseline;gap:8px;margin:0;font-size:.86rem;font-weight:600;display:flex}.caneco-chip-group h4 small{color:var(--cc-parchment-muted);font-size:max(var(--text-min), .76rem);font-weight:500}.caneco-dialog .caneco-chip-all{min-height:28px;color:var(--cc-gold);font-size:max(var(--text-min), .78rem);text-underline-offset:3px;background:0 0;border:0;margin-left:auto;padding:0 8px;text-decoration:underline}.caneco-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.caneco-dialog .caneco-chip{color:#b9ae96;min-height:32px;font:inherit;white-space:nowrap;background:0 0;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:7px;padding:0 12px 0 10px;font-size:.86rem;font-weight:600;-webkit-text-decoration:line-through #ffffff40;text-decoration:line-through #ffffff40;transition:background-color .18s,color .18s,border-color .18s;display:inline-flex}.caneco-dialog .caneco-chip:before{content:"";background:var(--cat);opacity:.35;border-radius:2px;flex-shrink:0;width:8px;height:8px;transform:rotate(45deg)}.caneco-dialog .caneco-chip.is-on{border-color:color-mix(in oklab, var(--cat) 60%, #f2e3bf 20%);color:#2b1d0e;background:linear-gradient(#f3e4c2,#e2cd9f);text-decoration:none}.caneco-dialog .caneco-chip.is-on:before{opacity:1}.caneco-dialog button.caneco-chip:hover:not(:disabled){border-color:var(--cc-gold)}.caneco-dialog button.caneco-chip.is-on:hover:not(:disabled){background:linear-gradient(#f8ecd0,#e9d6ab)}.caneco-chip.is-custom{padding-right:4px}.caneco-dialog .caneco-chip.is-custom button{color:#2b1d0e;background:#2b1d0e1f;border:0;border-radius:50%;width:24px;min-width:24px;min-height:24px;padding:0}.caneco-chip-new{border:1px dashed var(--cc-gold-line);border-radius:999px;align-items:center;gap:4px;min-width:min(100%,300px);padding:2px 2px 2px 12px;display:inline-flex}.caneco-chip-new input{min-width:0;min-height:30px;color:var(--cc-parchment);font:inherit;background:0 0;border:0;flex:1;padding:0;font-size:.86rem}.caneco-chip-new input:focus{outline:none}.caneco-chip-new:focus-within{border-style:solid;border-color:var(--cc-gold)}.caneco-dialog .caneco-chip-new button{border-radius:50%;width:30px;min-width:30px;min-height:30px;padding:0}@media (pointer:coarse){.caneco-dialog .caneco-chip,.caneco-dialog .caneco-stepper button,.caneco-dialog .caneco-chip-new button{min-height:var(--tap)}.caneco-dialog .caneco-stepper button,.caneco-dialog .caneco-chip-new button{width:var(--tap);min-width:var(--tap)}.caneco-chip-new input{font-size:max(16px,1rem)}}@media (forced-colors:active){.caneco-dialog .caneco-chip.is-on{border:2px solid canvastext}}.caneco-lobby-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.caneco-readiness{color:var(--cc-parchment-muted);margin:0;font-size:.88rem}.caneco-readiness.ok{color:var(--cc-sage)}.caneco-lobby-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.caneco-table{grid-template-columns:minmax(0,1fr) minmax(200px,250px);grid-template-rows:var(--cc-top) minmax(0, 1fr) var(--cc-bar);flex:1;grid-template-areas:"top top""stage side""bar bar";gap:12px 16px;min-height:0;padding:14px 16px;display:grid;overflow:clip}.caneco-topbar{grid-area:top;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.caneco-phase{flex-direction:column;justify-self:start;min-width:0;line-height:1.15;display:flex}.caneco-phase b{color:var(--cc-parchment);white-space:nowrap;text-overflow:ellipsis;font-family:Fraunces,serif;font-size:1.15rem;font-weight:500;overflow:hidden}.caneco-phase small{color:var(--cc-parchment-muted);font-size:max(var(--text-min), .74rem);letter-spacing:.4px;text-transform:uppercase}.caneco-topbar>.caneco-rune{grid-column:2}.caneco-clock{min-width:96px;height:48px;color:var(--cc-parchment);grid-column:3;justify-content:flex-end;justify-self:end;align-items:center;gap:6px;display:flex}.caneco-clock .mead-hourglass{width:30px;height:44px}.caneco-clock b{font-variant-numeric:tabular-nums;text-align:right;min-width:4.5ch;font-size:1.05rem}.caneco-clock b.mark{transform-origin:100%;animation:.7s cubic-bezier(.2,.8,.3,1) cc-mark}@keyframes cc-mark{0%{transform:scale(1.45)}60%{transform:scale(.96)}to{transform:scale(1)}}.caneco-table[data-urgency=warn] .caneco-clock b{color:#ffc27a}.caneco-table[data-urgency=danger] .caneco-clock b{color:#ff7b5c;text-shadow:0 0 12px #ff5a3cbf;font-size:1.3rem}.caneco-stage{flex-direction:column;grid-area:stage;gap:14px;min-width:0;min-height:0;display:flex;position:relative;overflow:auto}.caneco-side{border:1px solid var(--cc-gold-line);background:var(--cc-surface);border-radius:14px;flex-direction:column;grid-area:side;gap:8px;min-width:0;min-height:0;padding:12px;display:flex}.caneco-side h3{color:var(--cc-parchment);margin:0;font-family:Fraunces,serif;font-size:1rem;font-weight:500}.caneco-roster{flex:1;align-content:start;gap:5px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.caneco-roster li{background:oklch(calc(.1798 * var(--pal-lk) + var(--pal-l0)) calc(.017 * var(--pal-chroma)) var(--pal-hue) / .6);min-width:0;min-height:38px;color:var(--text);border:1px solid #ffffff12;border-radius:9px;align-items:center;gap:7px;padding:3px 8px;font-size:.88rem;transition:border-color .25s,box-shadow .25s;display:flex}.caneco-roster li.is-me{border-color:#d0ad6266}.caneco-side{container:caneco-side/inline-size}@container caneco-side (max-width:230px){.caneco-roster li{flex-wrap:wrap;justify-content:flex-end;row-gap:2px;padding-block:5px}.caneco-roster li .caneco-name{flex:1 0 calc(100% - 40px)}}.caneco-roster li.is-slammer{border-color:var(--cc-foam);box-shadow:inset 0 0 14px #f2e3bf33}.caneco-tankard{color:#8a7a5c;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;display:inline-grid}.caneco-tankard.is-full{color:var(--cc-foam);background:#f2e3bf26}.caneco-actionbar{border:1px solid var(--cc-gold-line);background:oklch(calc(.1884 * var(--pal-lk) + var(--pal-l0)) calc(.018 * var(--pal-chroma)) var(--pal-hue) / .92);border-radius:14px;grid-area:bar;align-items:center;gap:10px;min-width:0;padding:0 10px 0 16px;display:flex;overflow:hidden}.caneco-actionbar p{min-width:0;color:var(--cc-parchment);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:.92rem;overflow:hidden}.caneco-actionbar p.has-error{-webkit-line-clamp:2;white-space:normal;color:#ffb49c;-webkit-box-orient:vertical;font-size:.82rem;font-weight:600;line-height:1.2;display:-webkit-box}.caneco-actionbar button{flex-shrink:0}.caneco-draw{color:var(--cc-parchment);justify-items:center;gap:10px;margin:auto;display:grid}.caneco-pouch{object-fit:contain;filter:drop-shadow(0 10px 18px #00000080);width:120px;height:120px;margin-bottom:-46px}.caneco-draw .caneco-rune{animation:.9s cubic-bezier(.2,.9,.25,1.15) both cc-rise}.caneco-draw p{margin:0;font-family:Fraunces,serif;font-size:1.05rem}@keyframes cc-rise{0%{opacity:0;transform:translateY(60px)rotate(-14deg)scale(.6)}to{opacity:1;transform:none}}.caneco-clock-next{color:var(--cc-parchment-muted,#e7d7b4b3);font-size:max(var(--text-min,12px), .8rem);white-space:nowrap}.caneco-scroll{width:min(900px,100%);color:var(--cc-ink);background:radial-gradient(at 50% 40%,#f6ead0,#e6d2a6 80%,#cdb07a);border-radius:6px;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:14px 22px;margin:auto;padding:22px 24px;display:grid;box-shadow:0 18px 40px #00000073,inset 0 0 40px #7a553259}.caneco-scroll.is-closed{filter:saturate(.85)}.caneco-field{color:var(--cc-ink-muted);gap:4px;margin:0;font-size:.86rem;font-weight:600;display:grid}.caneco-field-head{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.caneco-field-name{min-width:0;color:color-mix(in oklab, var(--cat,var(--cc-ink)) 45%, var(--cc-ink));align-items:center;gap:8px;font-family:Fraunces,serif;font-size:.98rem;font-weight:500;display:inline-flex}.caneco-field-name:before{content:"";background:var(--cat,#7a5532);width:9px;height:9px;box-shadow:0 0 0 2px color-mix(in oklab, var(--cat,#7a5532) 25%, transparent);border-radius:2px;flex-shrink:0;transform:rotate(45deg)}.caneco-input{align-items:center;display:flex;position:relative}.caneco-input input{border:0;border-left:4px solid var(--cat,#7a5532);border-bottom:2px solid color-mix(in oklab, var(--cat,#7a5532) 70%, #3a2412);width:100%;min-height:40px;color:var(--cc-ink);font:inherit;background:#fff8e8b3;border-radius:6px 6px 0 0;padding:0 34px 0 10px;font-size:1rem;font-weight:600}.caneco-input input:disabled{color:var(--cc-ink);-webkit-text-fill-color:var(--cc-ink);background:#fff8e85c}.caneco-field.is-ok .caneco-input input{border-bottom-color:#3e7a4a}.caneco-field.is-off .caneco-input input{border-bottom-color:#a84a2f}.caneco-ok{color:#2f6b3b;position:absolute;right:10px}.caneco-field-head small{color:#8c3a22;font-size:max(var(--text-min), .76rem);white-space:nowrap;flex-shrink:0}.caneco-judging{align-content:start;gap:12px;display:grid}.caneco-judging header{text-align:center;justify-items:center;gap:2px;display:grid}.caneco-judging header small{color:var(--cc-parchment-muted);font-size:max(var(--text-min), .74rem);letter-spacing:.4px;text-transform:uppercase}.caneco-judging h3{border-bottom:2px solid color-mix(in oklab, var(--cat,var(--cc-foam)) 80%, transparent);color:var(--cc-foam);align-items:center;gap:10px;margin:0;padding-bottom:4px;font-family:Fraunces,serif;font-size:1.5rem;font-weight:500;display:inline-flex}.caneco-judging h3:before{content:"";background:var(--cat,var(--cc-foam));border-radius:2px;width:11px;height:11px;transform:rotate(45deg)}.caneco-judging .caneco-answers li{border-left:4px solid color-mix(in oklab, var(--cat,#7a5532) 75%, transparent)}.caneco-answers{gap:8px;margin:0;padding:0;list-style:none;display:grid}.caneco-answers li{min-height:58px;color:var(--cc-ink);background:linear-gradient(90deg,#f3e4c2f2,#e7d3a8e6);border:1px solid #c9a96040;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px 12px;animation:.25s ease-out both cn-fade;display:grid}.caneco-answers li.is-me{box-shadow:inset 4px 0 0 var(--cc-gold)}.caneco-answers li.is-zero{color:#4d4436;background:linear-gradient(90deg,#d7cdb6e6,#c8bda4e0)}.caneco-answers li.is-void strong{text-decoration:line-through;text-decoration-thickness:2px}.caneco-answer{min-width:0;line-height:1.2;display:grid}.caneco-answer small{color:var(--cc-ink-muted);font-size:max(var(--text-min), .76rem);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.caneco-answer strong{overflow-wrap:anywhere;font-family:Fraunces,serif;font-size:1.15rem;font-weight:600}.caneco-points{grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:6px;min-width:92px;display:grid}.caneco-seal{object-fit:contain;grid-row:1/3;width:34px;height:34px}.caneco-points b{font-variant-numeric:tabular-nums;font-family:Fraunces,serif;font-size:1.25rem}.caneco-points small{color:var(--cc-ink-muted);font-size:max(var(--text-min), .72rem)}.caneco-points.is-zero b{color:#7d6a55}.caneco-answer-actions{justify-content:flex-end;gap:6px;display:flex}.caneco-dialog .caneco-answer-actions button{min-height:34px;padding:0 10px}.caneco-dialog .caneco-answer-actions button.is-toasted{color:#2b1d0e;background:#e5b766;border-color:#f2e3bf}.caneco-toast-icon{object-fit:contain;width:22px;height:22px}.caneco-toast-count{color:#6b4522;align-items:center;gap:4px;font-weight:700;display:inline-flex}.caneco-vote{z-index:10;border:1px solid var(--cc-amber);color:var(--cc-parchment);text-align:center;background:radial-gradient(circle at 50% 38%,#8c642880,#0000 70%),#0a0e0cf2;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:18px;display:flex;position:absolute;inset:0;overflow:auto;box-shadow:0 0 40px #e5b7664d}.caneco-vote-lead{align-items:center;gap:8px;margin:0;font-family:Fraunces,serif;font-size:1.1rem;display:inline-flex}.caneco-vote-answer{gap:4px;margin:0;display:grid}.caneco-vote-answer strong{color:var(--cc-foam);overflow-wrap:anywhere;font-family:Fraunces,serif;font-size:1.7rem;font-weight:600}.caneco-vote-answer small{color:var(--cc-parchment-muted);font-size:.86rem}.caneco-vote-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.caneco-dialog .caneco-vote-actions button{min-width:132px;min-height:42px}.caneco-dialog .caneco-vote-actions button.is-picked{border-color:var(--cc-sage);color:#f2fff4;background:#3e7a4a}.caneco-dialog .caneco-vote-actions button.is-picked.is-no{border-color:var(--cc-ember);color:#fff0ea;background:#8c3a22}.caneco-vote-count{color:var(--cc-parchment-muted);margin:0;font-size:.82rem}.caneco-voters{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.caneco-voters li{font-size:max(var(--text-min), .74rem);color:var(--cc-parchment-muted);justify-items:center;gap:2px;display:grid}.caneco-voters li.is-yes{color:var(--cc-sage)}.caneco-voters li.is-no{color:var(--cc-ember)}.caneco-scores{border:1px solid var(--cc-gold-line);background:var(--cc-surface);border-radius:14px;gap:10px;padding:14px;display:grid}.caneco-scores h3{color:var(--cc-parchment);align-items:center;gap:10px;margin:0;font-family:Fraunces,serif;font-size:1.1rem;font-weight:500;display:flex}.caneco-scores-scroll{overflow:auto}.caneco-scores table{border-collapse:collapse;width:100%;color:var(--cc-parchment);font-size:.88rem}.caneco-scores th,.caneco-scores td{text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;border-bottom:1px solid #ffffff14;padding:7px 8px}.caneco-scores thead th{color:var(--cc-parchment-muted);font-size:max(var(--text-min), .74rem);font-weight:600}.caneco-scores thead th.is-category{border-top:3px solid var(--cat,transparent);white-space:normal;overflow-wrap:anywhere;min-width:64px;max-width:112px;line-height:1.2}.caneco-scores thead th:first-child,.caneco-scores tbody th{z-index:1;background:oklch(calc(.2165 * var(--pal-lk) + var(--pal-l0)) calc(.0153 * var(--pal-chroma)) var(--pal-hue));position:sticky;left:0}.caneco-scores tbody th{text-align:left;font-weight:500}.caneco-scores tr.is-me{background:#d0ad621a}.caneco-scores td.is-zero{color:#8f8572}.caneco-scores td.is-minus{color:var(--cc-ember)}.caneco-who{align-items:center;gap:7px;display:inline-flex}.caneco-result{gap:14px;display:grid;container:caneco-result/inline-size}.caneco-result-banner{aspect-ratio:1200/420;background:linear-gradient(90deg in srgb, oklch(calc(.1756 * var(--pal-lk) + var(--pal-l0)) calc(.01 * var(--pal-chroma)) var(--pal-hue)), #3a2b16);border-radius:14px;position:relative;overflow:hidden;container:caneco-banner/inline-size}.caneco-result-art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.caneco-result-title{flex-direction:column;justify-content:center;gap:6px;padding:0 24px;display:flex;position:absolute;inset:0 48% 0 0}.caneco-result-banner h3{color:var(--cc-foam);margin:0;font-family:Fraunces,serif;font-size:1.6rem;font-weight:500}.caneco-result-banner p{color:var(--cc-parchment);margin:0}.caneco-podium-art{margin:0;padding:0;list-style:none;position:absolute;inset:0}.caneco-podium-art li{pointer-events:none;position:absolute;inset:0}.caneco-podium-art .is-place-1{--x:74.6%;--face-y:2.5%;--tag-y:56%;--delay:.5s}.caneco-podium-art .is-place-2{--x:62.8%;--face-y:21%;--tag-y:62%;--delay:.25s}.caneco-podium-art .is-place-3{--x:85.2%;--face-y:25%;--tag-y:65%;--delay:0s}.caneco-face.is-podium{left:var(--x);top:var(--face-y);width:clamp(34px,5.6cqw,66px);height:clamp(34px,5.6cqw,66px);animation:cc-podium-drop .7s var(--delay) cubic-bezier(.2, .9, .25, 1.25) both;border:2px solid #c9a960;position:absolute;transform:translate(-50%);box-shadow:0 6px 16px #000b,0 0 0 3px #00000059}.is-place-1 .caneco-face.is-podium{border-color:#ffd98a;width:clamp(40px,6.6cqw,78px);height:clamp(40px,6.6cqw,78px);box-shadow:0 0 22px #ffcc6acc,0 6px 16px #000b,0 0 0 3px #6b4512}.caneco-podium-tag{left:var(--x);top:var(--tag-y);color:#2b1d0e;text-align:center;max-width:13cqw;animation:cc-podium-tag .5s calc(var(--delay) + .35s) ease-out both;background:linear-gradient(#f3e4c2,#dcc596);border-radius:3px;justify-items:center;padding:3px 9px 4px;line-height:1.1;display:grid;position:absolute;transform:translate(-50%)rotate(-2deg);box-shadow:0 3px 8px #000a}.is-place-2 .caneco-podium-tag{transform:translate(-50%)rotate(2deg)}.caneco-podium-tag b{color:#8a5a12;font-family:Fraunces,serif;font-size:max(var(--text-min), 1.3cqw)}.caneco-podium-tag strong{max-width:100%;font-family:Fraunces,serif;font-size:max(var(--text-min), 1.35cqw);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.caneco-podium-tag span{color:#5b4630;font-size:max(var(--text-min), 1.1cqw);font-variant-numeric:tabular-nums;font-weight:700}@keyframes cc-podium-drop{0%{opacity:0;transform:translate(-50%,-40px)scale(.8)}to{opacity:1;transform:translate(-50%)}}@keyframes cc-podium-tag{0%{opacity:0}to{opacity:1}}.caneco-result .caneco-podium{display:none}@container caneco-result (max-width:640px){.caneco-podium-art{display:none}.caneco-result .caneco-podium{display:grid}.caneco-result-title{inset:0 30% 0 0}}.caneco-podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:12px;margin:0;padding:0;list-style:none;display:grid}.caneco-podium li{border:1px solid var(--cc-gold-line);color:var(--cc-parchment);text-align:center;background:linear-gradient(#2a2417,#15110b);border-radius:14px 14px 6px 6px;justify-items:center;gap:4px;padding:14px 8px;display:grid}.caneco-podium li.is-place-1{border-color:var(--cc-gold);order:2;min-height:190px;box-shadow:0 0 24px #d4af3740}.caneco-podium li.is-place-2{order:1;min-height:160px}.caneco-podium li.is-place-3{order:3;min-height:140px}.caneco-podium strong{font-family:Fraunces,serif;font-weight:500}.caneco-podium b{color:var(--cc-foam);font-family:Fraunces,serif;font-size:1.5rem}.caneco-podium small{color:var(--cc-parchment-muted);font-size:max(var(--text-min), .74rem)}.caneco-best{color:var(--cc-parchment);border:1px dashed #f2e3bf66;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:10px 14px;display:flex}.caneco-best strong{color:var(--cc-foam);font-family:Fraunces,serif}.caneco-splash{z-index:20;pointer-events:none;place-items:center;animation:1.4s ease-out forwards cc-splash;display:grid;position:absolute;inset:0}.caneco-splash-art{aspect-ratio:1;object-fit:contain;width:min(70%,420px)}@keyframes cc-splash{0%{opacity:0;transform:scale(.4)}18%{opacity:1;transform:scale(1.05)}60%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}.caneco-overlay{z-index:40;background:oklch(calc(.1625 * var(--pal-lk) + var(--pal-l0)) calc(.0155 * var(--pal-chroma)) var(--pal-hue) / .8);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.caneco-guide,.caneco-rules{border:1px solid var(--cc-gold-line);background:oklch(calc(.2307 * var(--pal-lk) + var(--pal-l0)) calc(.0195 * var(--pal-chroma)) var(--pal-hue));width:min(560px,100%);max-height:100%;color:var(--cc-parchment);border-radius:16px;flex-direction:column;gap:12px;padding:18px;display:flex;overflow:auto}.caneco-guide-art{aspect-ratio:16/7;object-fit:cover;border-radius:10px;width:100%}.caneco-guide h3,.caneco-rules h3{align-items:center;gap:8px;margin:0;font-family:Fraunces,serif;font-weight:500;display:flex}.caneco-guide ol{gap:6px;margin:0;padding-left:22px;line-height:1.45;display:grid}.caneco-guide-actions,.caneco-rules footer{justify-content:flex-end;gap:10px;display:flex}.caneco-rules header{justify-content:space-between;align-items:center;display:flex}.caneco-rules-scroll{gap:12px;display:grid;overflow:auto}.caneco-rules section h4{color:var(--cc-foam);margin:0 0 4px}.caneco-rules section p{color:var(--cc-parchment-muted);margin:0;line-height:1.5}@media (pointer:coarse){.caneco-dialog :where(.caneco-lobby,.caneco-actionbar,.caneco-vote,.caneco-guide-actions,.caneco-rules footer,.caneco-answer-actions) button,.caneco-lobby-settings select,.caneco-input input{min-height:var(--tap)}.caneco-input input,.caneco-lobby-settings select{font-size:max(16px,1rem)}}@media (max-width:1100px){.caneco-table{grid-template-columns:minmax(0,1fr) minmax(180px,210px)}.caneco-answers li{grid-template-columns:auto minmax(0,1fr) auto}.caneco-answer-actions{grid-column:2/-1}}@media (max-width:900px),(max-height:560px){.caneco-table{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--cc-top) auto auto var(--cc-bar);flex:none;grid-template-areas:"top""stage""side""bar";padding:12px}.caneco-stage{overflow:visible}.caneco-actionbar{z-index:12;position:sticky;bottom:0}.caneco-side{max-height:none}.caneco-roster{overflow:visible}.caneco-vote{z-index:45;position:fixed}.caneco-result-banner{aspect-ratio:1200/420;height:auto}}@media (max-width:600px){.caneco-topbar{grid-template-columns:minmax(0,1fr) auto auto}.caneco-clock{min-width:0}.caneco-lobby{padding:18px 14px}.caneco-lobby-intro{text-align:center;flex-direction:column}.caneco-lobby-players,.caneco-lobby-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.caneco-scroll{grid-template-columns:minmax(0,1fr);padding:16px 14px}.caneco-answers li{gap:8px;padding:8px 10px}.caneco-points{min-width:0}.caneco-points small{display:none}.caneco-actionbar{gap:6px;padding:0 8px 0 12px}.caneco-actionbar:has(button) p:not(.has-error){-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.15;display:-webkit-box}.caneco-actionbar button{padding:0 10px}.caneco-actionbar button.can-shrink span{display:none}.caneco-result-banner>div{padding:0 14px;inset:0 30% 0 0}.caneco-result-banner h3{font-size:1.2rem}.caneco-result-banner p{font-size:.82rem}.caneco-podium{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.caneco-rune{width:112px;height:112px}.caneco-rune b{font-size:3.4rem}}@media (prefers-reduced-motion:reduce){.caneco-dialog *,.caneco-dialog :before,.caneco-dialog :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html[data-motion=reduce] .caneco-dialog *,html[data-motion=reduce] .caneco-dialog :before,html[data-motion=reduce] .caneco-dialog :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (forced-colors:active){.caneco-rune,.caneco-tankard.is-full{border:2px solid canvastext}.caneco-answers li{border:1px solid canvastext}}
.conto-dialog{--ct-paper:#fffdf6;--ct-parchment:#efe1c0;--ct-parchment-muted:#e7d7b4b3;--ct-ink:#2b1d0e;--ct-ink-muted:#5b4630;--ct-gold:#d4af37;--ct-gold-line:#c9a96055;--ct-violet:#8f86c9;--ct-surface:oklch(calc(.1755 * var(--pal-lk) + var(--pal-l0)) calc(.0095 * var(--pal-chroma)) var(--pal-hue) / .88);--ct-raised:oklch(calc(.276 * var(--pal-lk) + var(--pal-l0)) calc(.0147 * var(--pal-chroma)) var(--pal-hue));--ct-top:56px;--ct-bar:58px;background:oklch(calc(.2337 * var(--pal-lk) + var(--pal-l0)) calc(.015 * var(--pal-chroma)) var(--pal-hue));flex-direction:column;width:min(1320px,96vw);max-width:1320px;height:min(900px,100dvh - 32px);display:flex}.conto-dialog.mead-modal[open]{max-height:calc(100dvh - 24px)}.conto-dialog>.activity-call-slot{margin-top:8px}.conto-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:oklch(calc(.1625 * var(--pal-lk) + var(--pal-l0)) calc(.0155 * var(--pal-chroma)) var(--pal-hue) / .93)}.conto-dialog>.modal-scroll{background:radial-gradient(circle at 50% 44%,#0c141259,#0c1412e0 72%),url(/images/conto/table-background.webp) 50%/cover no-repeat,#121815;border-radius:14px;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:auto;box-shadow:inset 0 0 90px #0000008c}.conto-dialog :where(.conto-lobby,.conto-actionbar,.conto-guide-actions,.conto-rules footer,.conto-note-actions,.conto-tale-actions,.conto-write) button{background:var(--ct-raised);min-height:36px;color:var(--ct-parchment);font:inherit;white-space:nowrap;cursor:pointer;border:1px solid #9b845099;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:.9rem;font-weight:600;display:inline-flex}.conto-dialog :where(.conto-lobby,.conto-actionbar,.conto-guide-actions,.conto-rules footer,.conto-note-actions,.conto-tale-actions,.conto-write) button:hover:not(:disabled){background:oklch(calc(.3292 * var(--pal-lk) + var(--pal-l0)) calc(.0198 * var(--pal-chroma)) var(--pal-hue));border-color:var(--ct-gold)}.conto-dialog button.primary{color:#14200f;background:#c9a960;border-color:#c9a960}.conto-dialog button.primary:hover:not(:disabled){background:#dcbd72;border-color:#dcbd72}.conto-dialog button:disabled{opacity:.48;cursor:default}.conto-dialog :is(button,input,select,textarea):focus-visible{outline:2px solid var(--ct-gold);outline-offset:2px}.conto-face{background:oklch(calc(.1937 * var(--pal-lk) + var(--pal-l0)) calc(.0168 * var(--pal-chroma)) var(--pal-hue));border-radius:50%;flex-shrink:0;width:28px;height:28px;overflow:hidden}.conto-face.is-small{width:24px;height:24px}.conto-face.is-large{width:56px;height:56px}.conto-face .portrait-surface{width:100%;height:100%}.conto-face-raven{object-fit:cover;width:100%;height:100%}.conto-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.conto-you{color:var(--ct-parchment);font-size:max(var(--text-min), .66rem);text-transform:uppercase;background:#d0ad6233;border-radius:999px;flex-shrink:0;padding:0 6px;font-weight:700}.conto-mark{color:var(--ct-gold);flex-shrink:0}.conto-dot{background:#6d6a5f;border-radius:50%;flex-shrink:0;width:8px;height:8px}.conto-dot.online{background:#67c587;box-shadow:0 0 0 3px #67c5872e}.conto-quill{width:24px;height:24px;color:var(--ct-violet);border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid}.conto-quill:not(.is-done) svg{animation:1.2s ease-in-out infinite ct-write}.conto-quill.is-done{color:#9fd9ae;background:#67c5872b}@keyframes ct-write{50%{transform:rotate(-14deg)translateY(-1px)}}.conto-feathers,.conto-feather-count{color:var(--ct-gold);align-items:center;gap:3px;font-size:.84rem;font-weight:700;display:inline-flex}.conto-note{color:var(--ct-parchment-muted);margin:0;font-size:.88rem}.conto-loading{color:var(--muted);margin:auto}.conto-toast-message{z-index:30;color:#ffd9cb;background:#3a1a12f2;border:1px solid #d9683f99;border-radius:12px;max-width:min(520px,100% - 32px);margin:0;padding:9px 16px;font-size:.88rem;position:absolute;top:12px;left:50%;transform:translate(-50%)}.conto-lobby{flex-direction:column;gap:16px;width:min(900px,100%);margin:auto;padding:26px 24px;display:flex}.conto-lobby-intro{border:1px solid #d0ad6255;border-left:3px solid var(--ct-violet);background:oklch(calc(.2433 * var(--pal-lk) + var(--pal-l0)) calc(.0121 * var(--pal-chroma)) var(--pal-hue) / .85);border-radius:12px;align-items:center;gap:16px;padding:14px 16px;display:flex}.conto-lobby-raven{object-fit:contain;flex-shrink:0;width:84px;height:84px}.conto-lobby-intro p{color:var(--ct-parchment);margin:0;font-size:.92rem;line-height:1.55}.conto-lobby-players{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.conto-lobby-players li{background:linear-gradient(180deg in srgb, oklch(calc(.2827 * var(--pal-lk) + var(--pal-l0)) calc(.0155 * var(--pal-chroma)) var(--pal-hue) / .9), oklch(calc(.2082 * var(--pal-lk) + var(--pal-l0)) calc(.0142 * var(--pal-chroma)) var(--pal-hue) / .9));min-height:118px;color:var(--ct-parchment);text-align:center;border:1px solid #9b845066;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 10px;font-size:.9rem;transition:border-color .25s,box-shadow .25s;display:flex;position:relative}.conto-lobby-players li.is-me{border-color:var(--ct-gold);box-shadow:0 0 18px #d0ad6238}.conto-lobby-players li.is-empty{color:var(--ct-parchment-muted);background:0 0;border-style:dashed;justify-content:center;font-size:.82rem}.conto-lobby-players li.is-empty:has(.conto-free-seat){padding:0}.conto-dialog .conto-lobby .conto-free-seat{width:100%;min-height:116px;color:var(--ct-parchment-muted);background:0 0;border:0;border-radius:13px;flex-direction:column;flex:1;gap:6px;font-size:.82rem;font-weight:500}.conto-dialog .conto-lobby .conto-free-seat svg{border:1px dashed var(--ct-gold-line);box-sizing:content-box;border-radius:50%;padding:6px;transition:transform .25s,border-color .25s}.conto-dialog .conto-lobby .conto-free-seat:hover:not(:disabled){color:var(--ct-parchment);background:#c9a9601a}.conto-dialog .conto-lobby .conto-free-seat:hover:not(:disabled) svg{border-color:var(--ct-gold);transform:scale(1.08)}.conto-lobby-players .conto-name{flex:none;max-width:100%;font-weight:600}.conto-lobby-players .conto-dot{position:absolute;top:10px;right:10px}.conto-lobby-players .activity-remove{position:absolute;top:4px;left:4px}.conto-lobby-tags{min-height:18px;color:var(--ct-gold);align-items:center;gap:6px;display:inline-flex}.conto-setup{gap:12px;display:grid}.conto-setup-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;display:grid}.conto-setup-block{border:1px solid var(--ct-gold-line);background:var(--ct-surface);color:var(--ct-parchment);border-radius:12px;align-content:start;gap:8px;padding:12px 14px;display:grid}.conto-setup-block h3{margin:0;font-family:Fraunces,serif;font-size:1rem;font-weight:500}.conto-setup-help{color:var(--ct-parchment-muted);margin:0;font-size:.84rem;line-height:1.4}.conto-setup-estimate{color:#cfc0ff;margin:2px 0 0;font-size:.84rem}.conto-setup-block.is-inline{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:12px}.conto-modes{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;display:grid}.conto-dialog .conto-mode{background:linear-gradient(180deg in srgb, oklch(calc(.258 * var(--pal-lk) + var(--pal-l0)) calc(.0158 * var(--pal-chroma)) var(--pal-hue)), oklch(calc(.2082 * var(--pal-lk) + var(--pal-l0)) calc(.0142 * var(--pal-chroma)) var(--pal-hue)));min-height:0;color:var(--ct-parchment);font:inherit;text-align:left;white-space:normal;border:1px solid #9b845066;border-radius:12px;align-content:start;justify-items:start;gap:8px;padding:12px 14px;font-weight:400;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.conto-dialog button.conto-mode:hover:not(:disabled){border-color:var(--ct-gold);background:linear-gradient(180deg in srgb, oklch(calc(.2815 * var(--pal-lk) + var(--pal-l0)) calc(.0177 * var(--pal-chroma)) var(--pal-hue)), oklch(calc(.2169 * var(--pal-lk) + var(--pal-l0)) calc(.0141 * var(--pal-chroma)) var(--pal-hue)));transform:translateY(-1px)}.conto-dialog .conto-mode.is-chosen{border-color:var(--ct-gold);box-shadow:0 0 0 1px var(--ct-gold), 0 0 22px #d4af3733}.conto-mode-name{width:100%;color:var(--ct-violet);align-items:center;gap:8px;display:flex}.conto-mode-name b{color:#f2e3bf;font-family:Fraunces,serif;font-size:1rem;font-weight:600}.conto-mode-check{color:var(--ct-gold);margin-left:auto}.conto-mode-text{color:var(--ct-parchment-muted);font-size:.84rem;line-height:1.45}.conto-mode-steps{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.conto-step-kind{color:var(--ct-parchment);font-size:max(var(--text-min), .74rem);background:#ffffff10;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-weight:600;display:inline-flex}.conto-step-kind.is-text{background:#efe1c022}.conto-step-kind.is-draw{color:#e2ddff;background:#8f86c933}.conto-step-kind.is-deck{color:#ffe7a6;background:#d4af3733}.conto-step-kind.is-more{background:0 0;padding:0 2px}.conto-segmented{border:1px solid var(--ct-gold-line);background:oklch(calc(.1828 * var(--pal-lk) + var(--pal-l0)) calc(.0123 * var(--pal-chroma)) var(--pal-hue));border-radius:12px;flex-wrap:wrap;gap:2px;padding:3px;display:flex}.conto-dialog .conto-segmented button{min-height:36px;color:var(--ct-parchment);background:0 0;border:1px solid #0000;border-radius:9px;flex:auto;justify-items:center;gap:1px;padding:4px 10px;display:grid}.conto-dialog .conto-segmented button[aria-pressed=true]{border-color:var(--ct-gold);color:#fff3d6;background:#c9a96033}.conto-dialog .conto-segmented button:disabled:not([aria-pressed=true]){opacity:.55}.conto-dialog .conto-segmented button[aria-pressed=true]:disabled{opacity:1}.conto-segmented b{font-size:.88rem}.conto-segmented small{color:var(--ct-parchment-muted);font-size:max(var(--text-min), .72rem);align-items:center;gap:3px;font-weight:500;display:inline-flex}.conto-segmented.is-steps{flex-wrap:nowrap}.conto-dialog .conto-segmented.is-steps button{flex:1 1 0;min-width:0;padding-inline:4px}@media (pointer:coarse){.conto-dialog .conto-segmented button{min-height:var(--tap)}}@media (max-width:600px){.conto-setup-block.is-inline{grid-template-columns:minmax(0,1fr)}}@media (forced-colors:active){.conto-dialog .conto-mode.is-chosen,.conto-dialog .conto-segmented button[aria-pressed=true]{outline:2px solid highlight}}.conto-lobby-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.conto-readiness{color:var(--ct-parchment-muted);margin:0;font-size:.88rem}.conto-readiness.ok{color:#9fd9ae}.conto-lobby-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.conto-table{grid-template-columns:minmax(0,1fr) minmax(200px,250px);grid-template-rows:var(--ct-top) minmax(0, 1fr) var(--ct-bar);flex:1;grid-template-areas:"top top""stage side""bar bar";gap:12px 16px;min-height:0;padding:14px 16px;display:grid;position:relative}.conto-topbar{grid-area:top;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-width:0;display:grid}.conto-phase{flex-direction:column;min-width:0;line-height:1.15;display:flex}.conto-phase b{color:var(--ct-parchment);white-space:nowrap;text-overflow:ellipsis;font-family:Fraunces,serif;font-size:1.15rem;font-weight:500;overflow:hidden}.conto-phase small{color:var(--ct-parchment-muted);font-size:max(var(--text-min), .86rem);letter-spacing:.4px;text-transform:uppercase}.conto-my-feathers{color:#fff3;gap:2px;display:inline-flex}.conto-my-feathers .is-left{color:var(--ct-gold)}.conto-clock{min-width:96px;height:48px;color:var(--ct-parchment);justify-content:flex-end;justify-self:end;align-items:center;gap:6px;display:flex}.conto-clock .mead-hourglass{width:30px;height:44px}.conto-clock b{font-variant-numeric:tabular-nums;text-align:right;min-width:4.5ch;font-size:1.05rem}.conto-clock b.mark{transform-origin:100%;animation:.7s cubic-bezier(.2,.8,.3,1) cn-mark}.conto-table[data-urgency=warn] .conto-clock b{color:#ffc27a}.conto-table[data-urgency=danger] .conto-clock b{color:#ff7b5c;text-shadow:0 0 12px #ff5a3cbf;font-size:1.3rem}.conto-stage{flex-direction:column;grid-area:stage;gap:14px;min-width:0;min-height:0;display:flex;position:relative;overflow:auto}.conto-side{border:1px solid var(--ct-gold-line);background:var(--ct-surface);border-radius:14px;flex-direction:column;grid-area:side;gap:8px;min-width:0;min-height:0;padding:12px;display:flex}.conto-side h3{color:var(--ct-parchment);margin:0;font-family:Fraunces,serif;font-size:1rem;font-weight:500}.conto-roster{flex:1;align-content:start;gap:5px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.conto-roster li{background:oklch(calc(.1663 * var(--pal-lk) + var(--pal-l0)) calc(.0096 * var(--pal-chroma)) var(--pal-hue) / .6);min-width:0;min-height:38px;color:var(--text);border:1px solid #ffffff12;border-radius:9px;align-items:center;gap:7px;padding:3px 8px;font-size:.88rem;transition:border-color .25s,box-shadow .25s;display:flex}.conto-roster li.is-me{border-color:#d0ad6266}.conto-actionbar{border:1px solid var(--ct-gold-line);background:oklch(calc(.1755 * var(--pal-lk) + var(--pal-l0)) calc(.0095 * var(--pal-chroma)) var(--pal-hue) / .92);border-radius:14px;grid-area:bar;align-items:center;gap:10px;min-width:0;padding:0 10px 0 16px;display:flex;overflow:hidden}.conto-actionbar p{min-width:0;color:var(--ct-parchment);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:.92rem;overflow:hidden}.conto-actionbar p.has-error{-webkit-line-clamp:2;white-space:normal;color:#ffb49c;-webkit-box-orient:vertical;font-size:.82rem;font-weight:600;line-height:1.2;display:-webkit-box}.conto-actionbar button{flex-shrink:0}.conto-watching{color:var(--ct-parchment-muted);margin:auto}.conto-work{gap:14px;width:min(960px,100%);margin:auto;display:grid}.conto-incoming{justify-items:center;gap:8px;display:grid;position:relative}.conto-raven-carry{z-index:2;object-fit:contain;pointer-events:none;width:76px;height:76px;animation:1.1s cubic-bezier(.2,.8,.3,1) both ct-fly;position:absolute;top:-10px;left:4px}@keyframes ct-fly{0%{opacity:0;transform:translate(-80px,-30px)rotate(-12deg)}to{opacity:1;transform:none}}.conto-incoming-note{border-radius:10px;width:min(720px,100%)}.conto-incoming-note.is-text,.conto-sentence{color:var(--ct-ink);text-align:center;overflow-wrap:anywhere;background:radial-gradient(at 50% 40%,#f6ead0,#e6d2a6 85%);border-radius:8px;margin:0;padding:18px 22px;font-family:Fraunces,serif;font-size:1.25rem;font-weight:600;line-height:1.35;box-shadow:0 12px 30px #0006}.conto-incoming-note.is-text .conto-sentence{box-shadow:none;background:0 0;padding:0}.conto-incoming-note.is-draw .drawing-replay{width:min(480px,100%)}.conto-handed{color:var(--ct-parchment);text-align:center;justify-items:center;gap:10px;padding:20px;display:grid}.conto-handed-art{object-fit:contain;width:120px;height:120px}.conto-handed p{margin:0;font-family:Fraunces,serif;font-size:1.1rem}.conto-write{width:min(720px,100%);color:var(--ct-ink);background:url(/images/conto/step-parchment.webp) 50%/100% 100% no-repeat,#ead8b0;border-radius:8px;gap:8px;margin:0 auto;padding:18px 20px;display:grid;position:relative}.conto-write label{font-family:Fraunces,serif;font-size:1.05rem;font-weight:600}.conto-write textarea{width:100%;min-height:76px;color:var(--ct-ink);font:inherit;resize:none;background:#fff8e8c7;border:0;border-bottom:2px solid #7a5532;border-radius:6px 6px 0 0;padding:10px 12px;font-size:1.05rem;font-weight:600}.conto-count{color:var(--ct-ink-muted);font-size:max(var(--text-min), .76rem);justify-self:end}.conto-dialog .conto-write .conto-idea{color:#f2e3bf;background:#2b1d0e;border-color:#2b1d0e;justify-self:start}.drawing-board{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}@media (min-width:901px) and (min-height:561px){.conto-phase-play .conto-stage{container-type:size}.conto-phase-play .drawing-paper{justify-self:center;width:min(100%,150cqh - 150px)}.conto-phase-play .conto-incoming-note.is-draw .drawing-replay{width:min(480px,100%,150cqh - 345px);margin:0 auto}@container (max-height:480px){.conto-stage .drawing-tools{gap:6px;padding:8px}.conto-stage .drawing-tools button{width:32px;height:32px}.conto-stage .drawing-inks{grid-template-columns:repeat(6,24px);gap:5px}.conto-stage .drawing-tools .drawing-ink{width:24px;height:24px}.conto-stage .drawing-inks input[type=color]{grid-column:span 6;height:24px}}}.drawing-paper{background:#fffdf6;border:10px solid #5a3b22;border-radius:10px;position:relative;box-shadow:0 14px 34px #00000073,inset 0 0 0 1px #0002}.drawing-paper canvas{aspect-ratio:3/2;cursor:crosshair;width:100%;height:auto;display:block}.drawing-board.is-disabled canvas{cursor:default}.drawing-full{color:#ffd9cb;background:#3a1a12f2;border-radius:999px;margin:0;padding:6px 12px;font-size:.82rem;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.drawing-tools{border:1px solid var(--ct-gold-line,#c9a96055);background:oklch(calc(.1755 * var(--pal-lk) + var(--pal-l0)) calc(.0095 * var(--pal-chroma)) var(--pal-hue) / .9);border-radius:12px;flex-direction:column;gap:10px;padding:10px;display:flex}.drawing-tool-group,.drawing-widths{gap:6px;display:flex}.drawing-tools button{background:oklch(calc(.251 * var(--pal-lk) + var(--pal-l0)) calc(.0137 * var(--pal-chroma)) var(--pal-hue));color:#efe1c0;cursor:pointer;border:1px solid #9b845066;border-radius:9px;place-items:center;width:38px;height:38px;padding:0;display:inline-grid}.drawing-tools button[aria-pressed=true]{background:#3a3220;border-color:#e6c580;box-shadow:inset 0 0 0 1px #e6c580}.drawing-tools button:disabled{opacity:.4;cursor:default}.drawing-inks{grid-template-columns:repeat(4,30px);gap:6px;display:grid}.drawing-tools .drawing-ink{border:2px solid #0005;border-radius:50%;width:30px;height:30px}.drawing-tools .drawing-ink[aria-pressed=true]{box-shadow:0 0 0 2px oklch(calc(.2337 * var(--pal-lk) + var(--pal-l0)) calc(.015 * var(--pal-chroma)) var(--pal-hue)), 0 0 0 4px #e6c580}.drawing-inks input[type=color]{background:0 0;border:1px solid #9b845066;border-radius:8px;grid-column:span 4;width:100%;height:30px;padding:0}.drawing-widths button span{background:#efe1c0;border-radius:50%;display:block}.drawing-replay{aspect-ratio:3/2;background:#fffdf6;border:6px solid #5a3b22;border-radius:8px;width:100%;height:auto;display:block}.conto-reading{gap:22px;display:grid}.conto-tale{border:1px solid var(--ct-gold-line);background:var(--ct-surface);border-radius:14px;gap:10px;padding:14px;display:grid}.conto-tale header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.conto-tale-raven{object-fit:contain;width:44px;height:44px}.conto-tale h3{color:#f2e3bf;flex:1;margin:0;font-family:Fraunces,serif;font-size:1.2rem;font-weight:500}.conto-tale-actions{gap:6px;display:flex}.conto-tale-actions .conto-mural-button .game-asset{width:24px;height:24px}.conto-notes{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.conto-notes li{background:oklch(calc(.1796 * var(--pal-lk) + var(--pal-l0)) calc(.0101 * var(--pal-chroma)) var(--pal-hue) / .8);border:1px solid #ffffff14;border-radius:12px;grid-template-rows:auto 1fr auto;gap:8px;padding:10px;display:grid}.conto-notes li.is-newest{border-color:var(--ct-violet);animation:.6s ease-out both ct-arrive;box-shadow:0 0 22px #8f86c944}@keyframes ct-arrive{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}.conto-note-by{color:var(--ct-parchment-muted);align-items:center;gap:7px;display:flex}.conto-note-by small{font-size:max(var(--text-min), .78rem)}.conto-note-body .conto-sentence{padding:14px 16px;font-size:1.05rem}.conto-lost{color:var(--ct-parchment-muted);text-align:center;margin:0;padding:16px;font-style:italic}.conto-note-actions{justify-content:flex-end;display:flex}.conto-dialog .conto-note-actions button{min-height:32px;padding:0 10px}.conto-dialog .conto-note-actions button.is-given{border-color:var(--ct-violet);color:#f3f0ff;background:#3b3460}.conto-feather-icon{object-fit:contain;width:20px;height:20px}.conto-awards{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px;display:grid}.conto-golden{border:1px solid var(--ct-gold);color:var(--ct-parchment);background:linear-gradient(90deg,#2c2410,#121512);border-radius:14px;grid-column:1/-1;align-items:center;gap:16px;padding:12px 16px;display:flex;box-shadow:0 0 24px #d4af3733}.conto-golden-art{object-fit:contain;width:96px;height:96px}.conto-golden small{color:var(--ct-gold);text-transform:uppercase;letter-spacing:.5px;font-size:max(var(--text-min), .76rem);display:block}.conto-golden strong{font-family:Fraunces,serif;font-size:1.3rem;font-weight:500}.conto-best{border:1px solid var(--ct-gold-line);background:var(--ct-surface);color:var(--ct-parchment);border-radius:12px;gap:8px;margin:0;padding:10px;display:grid}.conto-best figcaption{color:#f2e3bf;font-family:Fraunces,serif}.conto-overlay{z-index:40;background:oklch(calc(.1625 * var(--pal-lk) + var(--pal-l0)) calc(.0155 * var(--pal-chroma)) var(--pal-hue) / .8);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.conto-guide,.conto-rules{border:1px solid var(--ct-gold-line);background:oklch(calc(.2173 * var(--pal-lk) + var(--pal-l0)) calc(.0131 * var(--pal-chroma)) var(--pal-hue));width:min(560px,100%);max-height:100%;color:var(--ct-parchment);border-radius:16px;flex-direction:column;gap:12px;padding:18px;display:flex;overflow:auto}.conto-guide-art{aspect-ratio:16/7;object-fit:cover;border-radius:10px;width:100%}.conto-guide h3,.conto-rules h3{align-items:center;gap:8px;margin:0;font-family:Fraunces,serif;font-weight:500;display:flex}.conto-guide ol{gap:6px;margin:0;padding-left:22px;line-height:1.45;display:grid}.conto-guide-actions,.conto-rules footer{justify-content:flex-end;gap:10px;display:flex}.conto-rules header{justify-content:space-between;align-items:center;display:flex}.conto-rules-scroll{gap:12px;display:grid;overflow:auto}.conto-rules section h4{color:#f2e3bf;margin:0 0 4px}.conto-rules section p{color:var(--ct-parchment-muted);margin:0;line-height:1.5}@media (pointer:coarse){.conto-dialog :where(.conto-lobby,.conto-actionbar,.conto-guide-actions,.conto-rules footer,.conto-note-actions,.conto-tale-actions,.conto-write) button{min-height:var(--tap)}.conto-write textarea{font-size:max(16px,1rem)}.drawing-tools button{width:var(--tap);height:var(--tap)}.drawing-inks{grid-template-columns:repeat(4, var(--tap))}.drawing-tools .drawing-ink{width:var(--tap);height:var(--tap)}}@media (max-width:1100px){.conto-table{grid-template-columns:minmax(0,1fr) minmax(180px,210px)}}@media (max-width:900px),(max-height:560px){.conto-table{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--ct-top) auto auto var(--ct-bar);flex:none;grid-template-areas:"top""stage""side""bar";padding:12px}.conto-stage{overflow:visible}.conto-actionbar{z-index:12;position:sticky;bottom:0}.conto-roster{overflow:visible}.drawing-board{grid-template-columns:minmax(0,1fr)}.drawing-tools{flex-flow:wrap;justify-content:center}.drawing-inks{flex:100%;grid-template-columns:repeat(auto-fill,minmax(30px,1fr))}.drawing-inks input[type=color]{grid-column:1/-1}}@media (max-width:600px){.conto-lobby{padding:18px 14px}.conto-lobby-intro{text-align:center;flex-direction:column}.conto-lobby-players{grid-template-columns:repeat(2,minmax(0,1fr))}.conto-my-feathers{display:none}.conto-clock{min-width:0}.drawing-paper{border-width:6px}.conto-raven-carry{width:56px;height:56px}.conto-actionbar{gap:6px;padding:0 8px 0 12px}.conto-actionbar:has(button) p:not(.has-error){-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.15;display:-webkit-box}.conto-actionbar button{padding:0 10px}.conto-actionbar button.can-shrink span{display:none}.conto-golden-art{width:64px;height:64px}}@media (pointer:coarse) and (max-width:900px){.drawing-inks{grid-template-columns:repeat(auto-fill, minmax(var(--tap), 1fr))}}@media (prefers-reduced-motion:reduce){.conto-dialog *,.conto-dialog :before,.conto-dialog :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html[data-motion=reduce] .conto-dialog *,html[data-motion=reduce] .conto-dialog :before,html[data-motion=reduce] .conto-dialog :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (forced-colors:active){.drawing-paper,.drawing-replay{border:2px solid canvastext}.drawing-tools button[aria-pressed=true]{outline:2px solid highlight}.conto-quill.is-done{border:2px solid canvastext}}