@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-latin-400-normal-Dfnurram.woff2) format("woff2"),url(/assets/bungee-latin-400-normal-DA8IEVW_.woff) format("woff")}@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2) format("woff2"),url(/assets/press-start-2p-latin-400-normal-KLytu4cr.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff")}:root{color-scheme:dark;font-family:DM Sans,sans-serif;color:#f1ecff;background:#0b0614;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #0b0614;--panel: #150b26;--raised: #1c0f33;--screen: #05020b;--line: #ffffff1a;--edge: #8f84b3;--text: #f1ecff;--muted: #bdb2dc;--on-neon: #0b0614;--dashed: #5d5480;--pink: #f36bb8;--blue: #5fd8ec;--lime: #b6e86a;--violet: #b9a0f0;--amber: #f5c15a;--g-pink: #f36bb866;--g-blue: #5fd8ec59;--g-lime: #b6e86a55;--g-violet: #b9a0f055;--g-amber: #f5c15a55;--error-text: #ffb3c8;--error-surface: #2a0f1f;--head: "Bungee", "Arial Black", sans-serif;--pixel: "Press Start 2P", monospace;--body: "DM Sans", sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 70% 50% at 80% 0%,#3b0f5c55,transparent 70%),radial-gradient(ellipse 60% 40% at 0% 60%,#0f2a5c44,transparent 70%),var(--bg)}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}a:hover{text-shadow:0 0 8px var(--g-blue)}:focus-visible{outline:3px solid var(--amber);outline-offset:4px}main:focus{outline:none}h1,h2,h3{font-family:var(--head);font-weight:400;text-transform:uppercase;letter-spacing:0;line-height:1.2;margin:0 0 16px;overflow-wrap:anywhere}h1{font-size:clamp(30px,5vw,44px);line-height:1.1;color:#ffd9ee;text-shadow:0 0 10px var(--g-pink)}h2{font-size:22px;color:#eafbd0;text-shadow:0 0 8px var(--g-lime)}h3{font-size:19px;margin-top:24px;color:var(--text)}p{line-height:1.65;margin:12px 0;overflow-wrap:anywhere}strong{font-weight:700}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 16px;border:2px solid var(--edge);border-radius:10px;background:transparent;color:var(--text);font-family:var(--body);font-size:15px;font-weight:700;line-height:1.3;text-decoration:none;cursor:pointer;transition:transform .14s,box-shadow .16s,border-color .16s,background .16s,color .16s}button:hover:not(:disabled),.button:hover{border-color:var(--blue);box-shadow:0 0 10px var(--g-blue);transform:translateY(-2px);text-shadow:none}button:active:not(:disabled),.button:active{transform:translateY(1px);box-shadow:none}.primary{background:var(--pink);color:var(--on-neon);border-color:var(--pink);box-shadow:0 4px #8e3a6a,0 0 12px var(--g-pink)}.primary:hover:not(:disabled),.button.primary:hover{border-color:var(--pink);box-shadow:0 6px #8e3a6a,0 0 18px var(--g-pink);animation:neon-flicker .42s steps(1,end) 1}.primary:active:not(:disabled),.button.primary:active{transform:translateY(3px);box-shadow:0 1px #8e3a6a,0 0 8px var(--g-pink)}button[aria-pressed=true],button.selected{background:var(--lime);border-color:var(--lime);color:var(--on-neon);box-shadow:0 0 10px var(--g-lime)}button[aria-pressed=true]:hover:not(:disabled),button.selected:hover:not(:disabled){border-color:var(--lime);box-shadow:0 0 16px var(--g-lime)}button:disabled{cursor:not-allowed;background:var(--raised);color:var(--muted);border:2px dashed var(--dashed);box-shadow:none}button[aria-pressed=true]:disabled,button.selected:disabled{background:#b6e86a26;color:var(--text);border:2px solid var(--lime);box-shadow:none}@keyframes neon-flicker{0%,to{opacity:1}10%{opacity:.55}16%{opacity:1}24%{opacity:.7}30%{opacity:1}}input,textarea{width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--edge);border-radius:10px;background:var(--raised);color:var(--text);font-size:16px}input::placeholder,textarea::placeholder{color:#9a90bd}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue),0 0 10px var(--g-blue)}input:disabled,textarea:disabled{color:var(--muted);border-style:dashed;border-color:var(--dashed);cursor:not-allowed}textarea{resize:vertical;min-height:80px;padding:12px}form{display:grid;gap:12px}label{display:block;font-size:14px;font-weight:700;margin-bottom:4px;color:var(--text)}details{margin-top:16px;border-top:1px solid var(--line);padding-top:8px}summary{min-height:44px;cursor:pointer;padding:12px 0;color:var(--blue);font-weight:700}summary:hover{text-shadow:0 0 8px var(--g-blue)}.page-width{width:min(1160px,calc(100% - 96px));margin-inline:auto}.game-width{width:min(1600px,calc(100% - 96px))}.site-header{position:relative;z-index:2;height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;min-height:44px;font-family:Bungee,Arial Black,sans-serif;font-size:26px;line-height:1;color:#ffd9ee;text-decoration:none;text-shadow:0 0 8px var(--g-pink)}.brand:hover{text-shadow:0 0 8px var(--g-pink)}.brand b{font-weight:400;color:#d6f7fc;text-shadow:0 0 8px var(--g-blue)}.back-link{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;min-height:44px;color:var(--muted);text-decoration:none}.back-link:hover{color:var(--text);text-shadow:0 0 8px var(--g-blue)}.brand:focus-visible,.back-link:focus-visible{border-radius:6px}.skip-link{position:fixed;top:12px;left:12px;z-index:10;padding:14px 20px;background:var(--amber);color:var(--on-neon);font-weight:700;text-decoration:none;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}main{position:relative;z-index:1;padding-block:40px 64px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.phase-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.phase-header h2{margin:0}.site-header.game-header{height:auto;min-height:76px;flex-wrap:wrap;justify-content:flex-start;gap:8px 20px;padding-block:12px}.game-title{flex:1 1 auto;margin:0;padding-left:20px;border-left:1px solid var(--line);font-size:22px;line-height:1.2}.game-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.game-actions>a{display:inline-flex;align-items:center;min-height:44px}.game-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:24px;align-items:start}.game-width .game-grid{grid-template-columns:minmax(0,1fr) 320px}.side-panels{display:grid;gap:24px;min-width:0}.card{padding:24px;background:linear-gradient(#1c0f33,var(--panel) 40%);border:2px solid #b9a0f099;border-radius:18px;box-shadow:0 0 8px #b9a0f033,inset 0 0 12px #b9a0f014;min-width:0}.next-round{margin-top:24px}.notice{padding:14px 16px;border-radius:10px;border:1px solid #b6e86a66;background:#b6e86a14;color:var(--text);font-size:15px;line-height:1.6;margin:0 0 24px}.notice h2{font-size:20px;margin-bottom:8px}.notice p{margin:0}.error,.notice.error{color:var(--error-text);border:1px solid var(--pink);background:var(--error-surface)}.error button{margin-top:8px}.announcement{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin-top:12px;padding:6px 6px 6px 14px;border:1px solid #5fd8ec80;border-radius:10px;background:#5fd8ec14;color:var(--text);font-size:14px;line-height:1.5}.announcement.warning{border-color:#f5c15a99;background:#f5c15a14}.announcement-label{flex:none;font:400 9px/1 var(--pixel);text-transform:uppercase;color:var(--blue)}.announcement.warning .announcement-label{color:var(--amber)}.announcement p{flex:1 1 150px;min-width:0;margin:0;overflow-wrap:anywhere}.announcement-dismiss{flex:none;min-height:36px;padding:4px 12px;font-size:14px}.timer{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;background:var(--screen);color:var(--amber);border:2px solid var(--amber);border-radius:8px;font-family:var(--pixel);font-size:12px;line-height:1.4;font-variant-numeric:tabular-nums;text-transform:uppercase;box-shadow:0 0 8px #f5c15a33;text-shadow:0 0 6px var(--g-amber)}.word-callout,.criterion-callout,.juror-banner,.stroke-instruction{background:var(--raised);color:var(--text);border:2px solid var(--lime);border-radius:12px;box-shadow:0 0 8px #b6e86a33}.word-callout{padding:16px;font-family:var(--head);font-size:clamp(24px,4vw,34px);line-height:1.2;text-shadow:0 0 8px var(--g-lime)}.juror-banner{padding:12px 16px}.stroke-instruction{padding:12px 16px;border-color:var(--amber);box-shadow:0 0 8px #f5c15a33}.criterion-callout{position:sticky;top:0;z-index:2;padding:14px 16px;margin:16px 0}.criterion-label{font-size:14px;font-weight:700;color:var(--muted)}.criterion-callout p{font-family:var(--head);font-size:clamp(20px,3vw,26px);line-height:1.3;margin:4px 0 0;text-transform:uppercase}.answer-hint{color:var(--muted);font-size:14px}.how-to-play{padding-left:24px;line-height:1.7}.how-to-play li{margin-bottom:14px}.how-to-play li::marker{color:var(--lime);font-weight:700}.canvas-panel{margin-block:16px}.canvas-panel canvas{display:block;width:100%;height:auto;aspect-ratio:4 / 3;background:var(--screen);border:2px solid var(--edge);border-radius:14px;box-shadow:inset 0 0 28px #b9a0f024,0 0 8px #b9a0f033;touch-action:none}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-block:12px}.controls button{flex:1 1 auto}.vote-options{display:grid;gap:12px;margin-block:16px}.vote-options button{justify-content:flex-start;text-align:left;min-height:54px;overflow-wrap:anywhere}.player-meta{display:block;color:var(--muted);font-size:14px;font-weight:400;margin-top:4px}#accusation-roster{scroll-margin-top:20px}.chat-history{max-height:280px;overflow:auto;scrollbar-gutter:stable;scrollbar-color:var(--edge) transparent;overflow-wrap:anywhere;margin-bottom:16px;padding:4px 12px;background:var(--raised);border:1px solid var(--line);border-radius:10px}.chat-history p{margin:8px 0}.chat-history strong{color:#d6f7fc}.discussion{display:flex;flex-direction:column;min-height:0;overflow:hidden}.discussion .chat-history{height:240px;min-height:0;max-height:none;flex:0 0 240px;overflow-y:auto;overscroll-behavior:contain}.chat-composer{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}.chat-composer label{flex-basis:100%;margin:0}.discussion textarea{flex:1 1 128px;min-width:0;min-height:64px;max-height:120px;padding:10px;line-height:1.4}.chat-composer button{flex:0 0 auto;min-width:68px;margin-left:auto;padding-inline:12px}.results{width:100%;border-collapse:collapse;table-layout:fixed;margin-block:20px}.results th,.results td{text-align:left;padding:10px 6px;border-bottom:1px solid var(--line);overflow-wrap:anywhere;vertical-align:top}.results th{color:var(--muted);font-size:14px;font-weight:700}.results caption{text-align:left;font-weight:700;padding-block:12px}.standings{padding:0;list-style:none}.standings li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.reveal-row{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1fr);gap:12px;padding:14px 8px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.reveal-row:not(:has(>:nth-child(3))){grid-template-columns:40px minmax(0,1fr)}.reveal-row.uncovered{background:var(--raised)}.table-heading{font-weight:700;font-size:14px;color:var(--muted)}.score-breakdown{font-weight:700;color:var(--lime)}.prediction-result{padding:12px 0;border-bottom:1px solid var(--line)}.pair-list{list-style:none;padding:0;line-height:1.8}.example{background:var(--raised);border:1px solid var(--line);padding:16px;border-radius:12px}.clue-panel{position:sticky;top:0;z-index:1;background:var(--panel);border-bottom:1px solid var(--line)}.clue-panel:empty{display:none}.criteria-list{padding-left:24px;line-height:1.7}.criteria-options{display:grid;gap:12px}.criteria-options button{text-align:left;justify-content:start}.direction{font-size:14px;font-weight:700;color:var(--muted);letter-spacing:.06em}.ranking-list{list-style:none;padding:0;display:grid;gap:12px}.item-card{display:flex;gap:12px;align-items:center;padding:12px;background:var(--raised);border:1px solid var(--line);border-radius:12px}.item-card[draggable=true]{cursor:grab}.rank-number{width:24px;flex-shrink:0;font-weight:700;color:var(--amber)}.item-name{flex:1;min-width:0;overflow-wrap:anywhere;font-weight:700}.move-buttons{display:flex;gap:6px}.move-buttons button{padding:0;min-width:44px;min-height:44px;font-size:22px}.item-preview{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0}.item-preview li{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--raised)}.waiting-ranker{padding-block:32px;text-align:center;color:var(--muted)}@media(max-width:1050px){.page-width{width:calc(100% - 64px)}.game-width .game-grid{grid-template-columns:minmax(0,1fr) 280px}}@media(max-width:800px){.game-width .game-grid,.side-panels{grid-template-columns:1fr}}@media(max-width:720px){.page-width{width:calc(100% - 40px)}.site-header{height:80px;gap:12px}.brand{font-size:22px}.back-link{font-size:13px;gap:7px}main{padding-block:32px 48px}.card{padding:20px}.site-header.game-header{min-height:0;gap:8px 12px}.game-header .back-link{order:2;margin-left:auto}.game-title{order:3;flex-basis:100%;padding-left:0;border-left:0;font-size:20px}.game-header .game-actions{order:4;gap:8px 12px}.item-card{gap:8px;padding:10px 8px}.move-buttons{flex-direction:column;gap:4px}.rank-number{width:16px}}@media(max-width:420px){.play-panel{padding:14px}.controls button{padding-inline:10px}}.canvas-screen{display:grid;container-type:inline-size}.canvas-screen>*{grid-area:1 / 1}.canvas-screen>canvas{align-self:start}.verdict{--c: var(--blue);--g: var(--g-blue);position:relative;z-index:1;display:grid;place-items:center;min-height:100%;padding:clamp(16px,5cqi,40px);overflow:hidden;border-radius:14px;border:2px solid var(--c);text-align:center;background:repeating-linear-gradient(#0000 0,#0000 3px,#0000003d 3px,#0000003d 4px),radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--c) 16%,#05020b),#05020bf2 70%);box-shadow:0 0 14px var(--g),inset 0 0 40px #000c;animation:verdict-blinds .56s steps(8,end) both}.verdict-win{--c: var(--lime);--g: var(--g-lime)}.verdict-lose{--c: var(--pink);--g: var(--g-pink)}@keyframes verdict-blinds{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}.verdict-drop{display:grid;justify-items:center;gap:clamp(8px,2cqi,14px);max-width:620px;animation:verdict-drop .9s cubic-bezier(.3,1.4,.5,1) .38s both}@keyframes verdict-drop{0%{transform:translateY(-140%)}55%{transform:translateY(5%)}72%{transform:translateY(-3%)}88%{transform:translateY(1%)}to{transform:none}}.verdict-kicker{margin:0;font-family:var(--pixel);font-size:clamp(9px,1.8cqi,12px);line-height:1.6;color:var(--amber);text-transform:uppercase;text-shadow:0 0 6px var(--g-amber)}.verdict-title{margin:0;font-family:var(--head);font-size:clamp(34px,11cqi,88px);line-height:.95;text-transform:uppercase;color:color-mix(in srgb,var(--c) 30%,#fff);text-shadow:.06em .06em 0 #000,0 0 16px var(--g),0 0 32px color-mix(in srgb,var(--c) 18%,transparent);overflow-wrap:anywhere}.verdict-lose .verdict-title{transform:rotate(-2deg)}.verdict-why{margin:0;max-width:34ch;font-size:clamp(15px,2.6cqi,19px);line-height:1.5;color:var(--text)}.verdict-unmask{position:relative;display:flex;align-items:center;gap:12px;margin-top:4px;padding:10px 18px 10px 12px;border:2px solid #ffffff33;border-radius:12px;background:var(--raised);text-align:left;animation:verdict-flip .6s ease-out 1.25s both}@keyframes verdict-flip{0%{transform:perspective(500px) rotateY(90deg);opacity:0}to{transform:none;opacity:1}}.verdict-unmask strong{display:block;font-family:var(--head);font-weight:400;font-size:clamp(18px,3.4cqi,26px);line-height:1.1;text-transform:uppercase;overflow-wrap:anywhere}.verdict-label{display:block;font-size:13px;color:var(--muted)}.verdict-sprite{width:48px;flex-shrink:0}.vp-k{fill:#3a2a5c}.vp-s{fill:#f3c48f}.vp-m{fill:var(--pink)}.vp-w{fill:#fff}.verdict-stamp{position:absolute;right:-14px;top:-14px;padding:4px 8px;border:3px solid var(--c);border-radius:6px;background:#05020b;color:var(--c);font-family:var(--pixel);font-size:10px;text-transform:uppercase;transform:rotate(8deg);animation:verdict-stamp .32s ease-in 1.7s both}@keyframes verdict-stamp{0%{transform:scale(2.6) rotate(-10deg);opacity:0}to{transform:rotate(8deg);opacity:1}}.verdict-reels{display:flex;align-items:flex-end;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:4px}.reel{display:grid;gap:4px;min-width:0}.reel b{display:block;max-width:min(40cqi,240px);padding:8px 12px;overflow:hidden;border:2px solid var(--edge);border-radius:8px;background:#05020b;box-shadow:inset 0 6px 8px #000,inset 0 -6px 8px #000;font-family:var(--pixel);font-weight:400;font-size:clamp(11px,2.2cqi,14px);line-height:1.5;color:var(--text);text-transform:uppercase}.reel b span{display:block;overflow-wrap:anywhere;animation:verdict-spin .9s steps(12,end) 1.9s both}.reel:nth-of-type(3) b span{animation-delay:2.2s}@keyframes verdict-spin{0%{transform:translateY(-120%);filter:blur(2px)}20%{transform:translateY(120%)}21%{transform:translateY(-120%)}45%{transform:translateY(120%)}46%{transform:translateY(-120%)}80%{transform:translateY(8%);filter:none}to{transform:none}}.reel-sign{padding-bottom:8px;font-family:var(--head);font-size:26px;color:var(--pink)}.reel-mark{display:grid;place-items:center;width:40px;height:40px;margin-bottom:2px;border-radius:50%;background:var(--pink);color:var(--on-neon);font-size:22px;font-weight:700;animation:verdict-pop .3s cubic-bezier(.3,1.6,.5,1) 3.2s both}.verdict-reels.correct .reel-sign{color:var(--lime)}.verdict-reels.correct .reel-mark{background:var(--lime)}@keyframes verdict-pop{0%{transform:scale(0)}to{transform:none}}.verdict-dismiss{margin-top:6px;animation:verdict-fade .3s ease-out 2.6s both}@keyframes verdict-fade{0%{opacity:0}}.verdict-sparks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.verdict-sparks i{position:absolute;top:-12px;left:calc(4% + var(--i) * 6.8%);width:8px;height:8px;background:var(--lime);box-shadow:0 0 6px var(--g-lime);opacity:0;animation:verdict-spark 1.8s steps(14,end) calc(.9s + var(--i) * 70ms) both}.verdict-sparks i:nth-child(3n){background:var(--amber)}.verdict-sparks i:nth-child(3n+1){background:var(--blue)}@keyframes verdict-spark{0%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(min(60cqi,420px)) rotate(180deg)}}@container (max-width: 400px){.verdict-reels{flex-direction:column;align-items:center;gap:6px}.reel{justify-items:center;width:100%}.reel b{max-width:100%}.reel-sign{padding:0;line-height:1}}.canvas-screen:has(>.verdict.docked){row-gap:8px}.canvas-screen:has(>.verdict.docked)>canvas{grid-row:2}.verdict.docked{grid-row:1;align-self:start;min-height:0;padding:8px 10px 8px 16px;border-radius:12px;background:#05020b;animation:verdict-fade .2s both}.verdict-bar{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;width:100%;text-align:left}.verdict-bar-title{font-family:var(--head);font-size:20px;text-transform:uppercase;color:color-mix(in srgb,var(--c) 30%,#fff);text-shadow:0 0 8px var(--g)}.verdict-bar-why{flex:1 1 180px;font-size:14px;color:var(--text)}.verdict-bar button{min-height:44px;padding:6px 12px;font-size:14px}.play-panel.reveal-win{--wash: var(--lime);--wash-g: var(--g-lime)}.play-panel.reveal-lose{--wash: var(--pink);--wash-g: var(--g-pink)}.play-panel.reveal-neutral{--wash: var(--blue);--wash-g: var(--g-blue)}.play-panel[class*=reveal-]{border-color:var(--wash);box-shadow:0 0 10px var(--wash-g),inset 0 0 12px color-mix(in srgb,var(--wash) 8%,transparent);animation:verdict-wash 2.6s ease-out both}@keyframes verdict-wash{0%{box-shadow:0 0 60px var(--wash-g),0 0 120px var(--wash-g),inset 0 0 80px color-mix(in srgb,var(--wash) 25%,transparent)}}.sound-toggle span{font-size:17px;line-height:1}.canvas-screen{width:100%}.canvas-side{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 16px;min-height:48px;padding-top:6px}.canvas-side>p{margin:0;font-size:13px;line-height:1.6;color:var(--muted)}.canvas-side>p[role=timer]{color:var(--amber);font-weight:700}.canvas-side .controls{margin:0}.canvas-screen:has(>.verdict.docked)>canvas{grid-row:1}.canvas-screen>.verdict.docked{margin:8px}.icon,.ink{display:block;flex-shrink:0}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--edge);border-radius:6px;font:400 9px/1 var(--pixel);text-transform:uppercase;color:var(--muted);white-space:nowrap}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head h2{margin:0}.tone-setup{--sc: var(--violet);--sg: var(--g-violet);--sd: #5b4a8a}.tone-draw,.tone-guess{--sc: var(--pink);--sg: var(--g-pink);--sd: #8e3a6a}.tone-you{--sc: var(--lime);--sg: var(--g-lime);--sd: #5f7f2c}.tone-talk,.tone-result{--sc: var(--blue);--sg: var(--g-blue);--sd: #23707c}.tone-vote{--sc: var(--amber);--sg: var(--g-amber);--sd: #8a6420}.play-panel[class*=tone-]:not([class*=reveal-]){border-color:var(--sc);box-shadow:0 0 10px var(--sg),inset 0 0 12px #b9a0f014;transition:border-color .18s,box-shadow .18s}.play-panel{--pad: 22px;padding:0 0 20px}.play-panel>:not(.phase-top,.mini-rail){margin-inline:var(--pad)}.phase-top{margin-bottom:16px;padding:14px var(--pad) 16px;background:var(--raised);border-bottom:1px solid var(--line);border-radius:16px 16px 0 0}.phase-plain{margin:0}.rail-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.rail{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.rail-row>.rail{flex:1;min-width:0}.stage{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:2px dashed var(--dashed);border-radius:9px;font:400 10px/1 var(--pixel);text-transform:uppercase;color:var(--muted);white-space:nowrap}.stage.done{border:2px solid #b6e86a80;color:#dff5bd}.stage.now{background:var(--sc);border:2px solid var(--sc);color:var(--on-neon);box-shadow:0 3px 0 var(--sd),0 0 12px var(--sg)}.pass-group{display:flex;align-items:center;gap:6px;padding:3px 6px 3px 10px;border:1px solid #ffffff26;border-radius:12px;background:#0b061499}.pass-label{display:inline-flex;align-items:center;gap:6px;margin-right:2px;font:400 9px/1 var(--pixel);text-transform:uppercase;color:var(--muted);white-space:nowrap}.rail-row .timer{flex-shrink:0}.now-bar{display:flex;align-items:center;gap:16px}.action-chip{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:11px 12px;border-radius:9px;font:400 11px/1 var(--pixel);text-transform:uppercase;white-space:nowrap}.action-chip.go{background:var(--pink);color:var(--on-neon);box-shadow:0 3px #8e3a6a,0 0 12px var(--g-pink)}.action-chip.go-you{background:var(--lime);color:var(--on-neon);box-shadow:0 3px #5f7f2c,0 0 12px var(--g-lime)}.action-chip.wait{border:2px solid var(--amber);color:var(--amber)}.action-chip.watch{border:2px solid var(--edge);color:var(--text)}.action-chip.talk{border:2px solid var(--blue);color:var(--blue)}.action-chip.done{border:2px solid var(--lime);color:var(--lime)}.now-text{flex:1;min-width:0}.now-kicker{display:block;margin-bottom:6px;font:400 9px/1 var(--pixel);text-transform:uppercase;color:var(--muted)}.now-headline{display:flex;align-items:center;gap:10px;margin:0;font-size:24px;line-height:1.15;color:var(--text);text-shadow:none}.now-sub{margin:4px 0 0;font-size:15px;line-height:1.5;color:var(--muted)}.word-box{display:flex;flex-direction:column;gap:6px;flex-shrink:0;max-width:40%;padding:9px 14px;border:2px solid var(--lime);border-radius:12px;background:var(--bg);box-shadow:0 0 8px #b6e86a33}.word-label{font:400 9px/1 var(--pixel);text-transform:uppercase;color:var(--muted)}.word-text{font:400 24px/1.1 var(--head);text-transform:uppercase;color:#eafbd0;text-shadow:0 0 8px var(--g-lime);overflow-wrap:anywhere}.word-box.unknown{border-color:var(--edge);box-shadow:none}.word-box.unknown .word-text{color:var(--muted);text-shadow:none;letter-spacing:4px}.time-bar{height:6px;margin-top:14px;overflow:hidden;border-radius:3px;background:#ffffff14}.time-bar i{display:block;height:100%;border-radius:3px;background:var(--sc);box-shadow:0 0 8px var(--sg);transition:width .25s linear}.juror-banner{margin-block:0 12px;padding:8px 14px}.hint{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}.mini-rail{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:12px;height:56px;margin-bottom:-56px;padding:0 16px;background:var(--raised);border-bottom:1px solid var(--line);border-radius:16px 16px 0 0;box-shadow:0 10px 18px #0009;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .16s,transform .16s,visibility .16s}.mini-rail.shown{opacity:1;visibility:visible;transform:none}.mini-dots{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}.mini-dots li{width:16px;height:8px;border:2px dashed var(--dashed);border-radius:3px}.mini-dots li.done{border:2px solid #b6e86a99;background:#b6e86a55}.mini-dots li.now{width:26px;border:2px solid var(--sc);background:var(--sc);box-shadow:0 0 8px var(--sg)}.mini-rail .action-chip{padding:8px 9px;font-size:9px}.mini-head{flex:1;min-width:0;margin:0;overflow:hidden;font-size:16px;font-weight:700;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.mini-head span{font-weight:400;color:var(--muted)}.mini-jump{min-height:36px;padding:4px 12px;font-size:14px}.mini-word{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:6px 10px;border:2px solid var(--lime);border-radius:9px;background:var(--bg)}.mini-word small{font:400 8px/1 var(--pixel);text-transform:uppercase;color:var(--muted);white-space:nowrap}.mini-word b{overflow:hidden;font:400 16px/1 var(--head);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;color:#eafbd0}.mini-word.unknown{border-color:var(--edge)}.mini-word.unknown b{letter-spacing:3px;color:var(--muted)}.mini-timer{min-height:32px;padding:4px 10px;font-size:11px}.mini-fill{position:absolute;left:0;bottom:-1px;height:3px;background:var(--sc);box-shadow:0 0 8px var(--sg);transition:width .25s linear}.canvas-panel{margin-block:0}.canvas-screen{position:relative}.canvas-panel{--board-reserve: 140px}.canvas-panel .canvas-screen{max-width:max(280px,calc((100vh - var(--board-reserve)) * 4 / 3));max-width:max(280px,calc((100dvh - var(--board-reserve)) * 4 / 3));margin-inline:auto}.canvas-panel canvas{transition:border-color .18s,box-shadow .18s}.board-tag{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:8px 10px;border-radius:8px;font:400 10px/1.3 var(--pixel);text-transform:uppercase;color:var(--on-neon);overflow-wrap:anywhere;pointer-events:none}.pen-plate{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:7px;font:400 9px/1 var(--pixel);text-transform:uppercase;color:var(--on-neon);white-space:nowrap;transform:translate(-50%,-170%);transition:left .12s linear,top .12s linear;pointer-events:none}.splash{z-index:3;align-self:center;pointer-events:none;animation:splash-life 2.3s ease-in both}.splash-pink{--c: var(--pink);--g: var(--g-pink)}.splash-lime{--c: var(--lime);--g: var(--g-lime)}.splash-blue{--c: var(--blue);--g: var(--g-blue)}.splash-amber{--c: var(--amber);--g: var(--g-amber)}.splash-band{display:flex;flex-direction:column;align-items:center;gap:8px;padding:clamp(12px,3cqi,20px) 16px;text-align:center;background:repeating-linear-gradient(#0000 0,#0000 3px,#0000004d 3px,#0000004d 4px),#05020bf2;border-block:3px solid var(--c);box-shadow:0 0 18px var(--g);animation:verdict-blinds .56s steps(8,end) both}.splash-title{font:400 clamp(28px,8cqi,64px)/1 var(--head);text-transform:uppercase;color:var(--c);text-shadow:.06em .06em 0 #000,0 0 12px var(--g);overflow-wrap:anywhere;animation:verdict-drop .7s cubic-bezier(.3,1.4,.5,1) .25s both}.splash-sub{font:400 clamp(9px,1.6cqi,12px)/1.5 var(--pixel);text-transform:uppercase;color:var(--text)}.splash-sprite{width:clamp(32px,6cqi,48px)}@keyframes splash-life{0%,78%{opacity:1;transform:none}to{opacity:0;transform:translateY(-40%) scale(.4)}}.ballot{margin-bottom:14px;padding:16px;border:2px solid var(--amber);border-radius:14px;background:var(--bg);box-shadow:0 0 10px #f5c15a33}.word-ballot{border-color:var(--violet);box-shadow:0 0 10px #b9a0f033}.ballot-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.ballot-head h3{margin:0;font-size:18px}.ballot-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.ballot-option{justify-content:flex-start;gap:10px;min-height:60px;padding:10px 12px;background:var(--raised);text-align:left;overflow-wrap:anywhere}.option-name{font-weight:700}.ballot-option small{display:block;margin-top:2px;font-size:13px;font-weight:400;color:var(--muted)}.ballot-option[aria-pressed=true] small{color:#243312}.ballot-option[aria-pressed=true]:disabled small{color:var(--muted)}.ballot-option.skip{justify-content:center;border-style:dashed}.ballot-option.skip[aria-pressed=true]{border-style:solid}.ballot-foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:12px;font-size:14px;color:var(--muted)}.ballot-foot p{flex:1 1 180px;margin:0}.ballot-meter{display:inline-flex;align-items:center;gap:8px}.meter{display:inline-flex;gap:4px}.meter i{width:12px;height:12px;border:2px solid var(--amber);border-radius:3px}.meter i.on{background:var(--amber)}.draw-order{display:grid;gap:6px;margin:0;padding:0;list-style:none}.order-row{display:grid;grid-template-columns:22px 34px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 10px;border:2px solid transparent;border-radius:12px;background:transparent;font-weight:400;text-align:left}.order-row:hover:not(:disabled){transform:none;border-color:var(--edge);box-shadow:none;background:#ffffff0a}.order-row[aria-pressed=true],.order-row[aria-pressed=true]:hover:not(:disabled){background:#ffffff14;color:var(--text);border-color:var(--row-ink, var(--edge));box-shadow:none}.order-row.lit,.order-row.lit:hover:not(:disabled){border-color:var(--row-ink);background:color-mix(in srgb,var(--row-ink) 12%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--row-ink) 35%,transparent)}.order-number{font:400 10px/1 var(--pixel);color:var(--muted)}.order-who{min-width:0}.order-name{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:16px;font-weight:700;overflow-wrap:anywhere}.order-row .player-meta{margin-top:2px;font-size:13px}.order-status{display:inline-flex;align-items:center;gap:6px;font:400 9px/1.2 var(--pixel);text-transform:uppercase;color:var(--muted);white-space:nowrap}.status-drew .order-status,.status-innocent .order-status{color:var(--lime)}.status-drawing .order-status{color:var(--row-ink, var(--pink))}.status-next .order-status,.status-pick .order-status{color:var(--amber)}.you-tag{display:inline-flex;padding:3px 5px;border-radius:5px;background:var(--text);color:var(--on-neon);font:400 8px/1 var(--pixel);text-transform:uppercase}.sub-head{margin:16px 0 6px;font:400 9px/1 var(--pixel);color:var(--muted);text-shadow:none}.none-yet{padding:8px 10px;font-size:14px;color:var(--muted)}.caught-stamp{display:inline-flex;padding:5px 7px;border:3px solid var(--pink);border-radius:6px;background:#05020b;color:var(--pink);font:400 9px/1 var(--pixel);text-transform:uppercase;transform:rotate(-4deg)}.caught-stamp.inline{border-width:2px;font-size:8px}.turn-strip{display:none}.guess-panel{margin-bottom:14px;padding:16px;border:2px solid var(--pink);border-radius:14px;background:var(--panel);box-shadow:0 0 10px #f36bb833}.guess-panel label{margin-bottom:8px}.guess-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.guess-row input{flex:1 1 220px;min-height:56px;border:2px solid var(--blue);font:400 22px/1 var(--head);text-transform:uppercase;box-shadow:0 0 10px var(--g-blue)}.guess-row button{min-height:56px;padding-inline:22px}.guess-panel p{margin:8px 0 0;font-size:14px;color:var(--muted)}.guess-watch{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.guess-watch p{flex:1 1 220px;margin:0;font-size:16px;color:var(--text)}.guess-reels{display:flex;gap:6px}.guess-reels span{display:grid;place-items:center;width:42px;height:52px;border:2px solid var(--edge);border-radius:8px;background:var(--bg);font:400 18px/1 var(--pixel);color:var(--amber)}.caught-card{position:absolute;top:16px;left:16px;z-index:2;display:flex;align-items:center;gap:14px;width:min(340px,calc(100% - 32px));padding:14px 16px;border:2px solid var(--pink);border-radius:14px;background:#150b26f2;box-shadow:0 0 14px var(--g-pink);animation:verdict-flip .6s ease-out both}.caught-sprite{width:clamp(36px,8cqi,56px);flex-shrink:0}.caught-card strong{display:block;font:400 clamp(18px,4cqi,30px)/1.1 var(--head);text-transform:uppercase;color:#ffd9ee;overflow-wrap:anywhere}.caught-label{display:block;font-size:13px;color:var(--muted)}.caught-card .caught-stamp{position:absolute;top:-12px;right:-10px}.chat-locked{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px dashed var(--dashed);border-radius:10px;font-size:14px;color:var(--muted)}@media(max-width:800px){.turn-strip{display:flex;gap:8px;margin-bottom:10px;padding:2px 2px 6px;overflow-x:auto;list-style:none;scrollbar-width:thin}.turn-chip{flex-shrink:0;gap:6px;min-height:44px;padding:6px 10px;border:2px solid var(--line);border-radius:22px;background:var(--raised);font-size:14px}.turn-chip .order-number{font-size:8px}.turn-chip.lit,.turn-chip[aria-pressed=true]{border-color:var(--row-ink, var(--edge));background:color-mix(in srgb,var(--row-ink, #fff) 14%,var(--raised));color:var(--text);box-shadow:0 0 10px color-mix(in srgb,var(--row-ink, #fff) 35%,transparent)}}@media(max-width:720px){.play-panel{--pad: 16px;padding:0 0 16px}.phase-top{padding-block:12px 14px}.rail-row{margin-bottom:10px}.rail-row>.rail>.stage:not(.now){display:none}.pass-group{flex:1;padding:3px;border:0;background:none}.pass-label{display:none}.pass-group>.rail{flex:1;flex-wrap:nowrap;gap:4px}.pass-group .stage{flex:1;justify-content:center;height:28px;padding:0 4px;font-size:8px}.pass-group .stage .icon{display:none}.now-bar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 10px}.now-text{display:contents}.now-kicker{display:none}.action-chip{padding:8px;font-size:9px}.now-headline{font-size:17px;gap:8px}.now-headline .ink{width:26px}.now-sub{grid-column:1 / -1;margin:0;font-size:13px;line-height:1.45}.word-box{grid-column:1 / -1;max-width:none;flex-direction:row;align-items:center;justify-content:space-between;padding:6px 12px}.word-text{font-size:18px}.time-bar{margin-top:10px}.ballot-options{grid-template-columns:1fr}.mini-rail{gap:8px;height:52px;margin-bottom:-52px;padding:0 10px}.mini-dots{display:none}.mini-rail:has(.mini-word) .mini-head{display:none}.mini-rail .mini-word{flex:1;justify-content:space-between;padding:5px 8px}.mini-word small{display:none}.mini-word b{font-size:14px}.mini-rail .action-chip{padding:8px 7px;font-size:8px}.mini-jump{padding-inline:10px}.caught-card{top:8px;left:8px;padding:8px 10px;gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}button:hover,button:active,.button:hover,.button:active{transform:none!important}}