:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--wall:#17110e;--ink:#efe6d8;--ink-dim:#b8a993;--lamp:#ffcf7a;--brass:#d9a441;--pane:#1c120bcc;--pane-line:#ffe2b438;--pick:#6fb7ff;--f-display:"Alfa Slab One", Rockwell, Georgia, serif;--f-body:"Atkinson Hyperlegible", Verdana, system-ui, sans-serif;--card-ratio:1.515}body{background:var(--wall);color:var(--ink);font-family:var(--f-body);margin:0}button{font:700 1rem var(--f-body);color:#1b1209;background:var(--brass);border:1px solid var(--brass);cursor:pointer;border-radius:6px;padding:.35rem .9rem}button:hover{background:var(--lamp)}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--lamp);outline-offset:2px}h1{font:400 2.2rem var(--f-display);color:var(--lamp);margin:0}.setup{flex-direction:column;gap:.8rem;max-width:26rem;margin:3rem auto;font-size:1.1rem;display:flex}.setup input,.setup select{font:1rem var(--f-body);color:var(--ink);background:#221915;border:1px solid #4a382c;border-radius:6px;padding:.3rem .5rem}.setup button:disabled{opacity:.5;cursor:default}html:has(.stage){font-size:min(.520833vw,.925926vh)}body:has(.stage){overflow:hidden}.stage-frame{background:#0d0907 repeating-linear-gradient(-45deg,#ffffff05 0 1.2rem,#0000 1.2rem 2.4rem);position:fixed;inset:0}.stage{background:#5a3e2a var(--wood-img,none) center / cover;grid-template-columns:minmax(0,1fr) auto;width:192rem;height:108rem;margin:auto;font-size:1.8rem;display:grid;position:absolute;inset:0;overflow:hidden}.stage button{border-width:.2rem;border-radius:.8rem;padding:.7rem 1.8rem;font-size:2rem}.stage button.card{padding:0}.table{box-sizing:border-box;grid-template-rows:34rem minmax(0,1fr) 34rem;gap:1.2rem;min-width:0;height:108rem;padding:1.2rem;display:grid;position:relative}.pane{background:var(--pane);border:2px solid var(--pane-line);border-radius:10px}.stage .pane{border-width:.2rem;border-radius:1.2rem}.table h3{font:700 1.6rem var(--f-body);letter-spacing:.05em;text-transform:uppercase;margin:0}.turn,.mine.turn{border-color:var(--lamp);box-shadow:0 0 0 .3rem var(--lamp), 0 0 2.4rem #ffcf7a73}.finished{border-color:#6fbf73}.defended{opacity:.45;filter:grayscale()}.chip{font:700 1.5rem var(--f-body);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:.4rem;padding:.2rem .8rem}.turn-chip{background:var(--lamp);color:#1b1209}.place-chip{color:#fff;background:#2e6b33}.seat.disconnected,.mine.disconnected{background:repeating-linear-gradient(-45deg, var(--pane), var(--pane) 1rem, #ffffff12 1rem, #ffffff12 2rem)}.disconnected-chip{color:#fff;text-transform:none;background:#5b5b66}.turn-queue li.disconnected{color:var(--ink-dim);font-style:italic}.opponents{grid-auto-columns:minmax(0,64rem);grid-auto-flow:column;justify-content:center;gap:1.2rem;min-height:0;display:grid}.seat{flex-direction:column;gap:.8rem;min-width:0;min-height:0;padding:1rem 1.2rem;display:flex}.seat .who{align-items:center;gap:.8rem;min-height:5rem;display:flex}.seat .character{--size:4.6rem}.who-text{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.who-name{align-items:center;min-width:0;display:flex}.who-chips{flex-wrap:wrap;gap:.4rem;display:flex}.who-chips:empty{display:none}.seat .chip{padding:.1rem .6rem;font-size:1.3rem}.seat .name{font:700 2.3rem var(--f-body);text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.15;overflow:hidden}.seat-hand{flex-direction:column;flex:none;align-items:center;gap:.2rem;display:flex}.hand-count{color:var(--ink-dim);white-space:nowrap;font-size:1.4rem}.seat .hand{--w:2.8rem;gap:.3rem}.felt{background:radial-gradient(at 50% 40%,#2f6b45,#1d4a2f 75%);border:.6rem solid #3b2414;border-radius:2.4rem;grid-template-rows:auto minmax(0,1fr);gap:.8rem;min-height:0;padding:1rem 1.6rem 1.2rem;display:grid;position:relative;box-shadow:inset 0 0 4rem #00000073,0 .6rem 2rem #00000080}.queue-bar{align-items:center;gap:1.2rem;min-height:4.6rem;display:flex}.turn-queue{flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.turn-queue li{font:700 1.8rem var(--f-body);background:#00000038;border:.3rem solid #0000;border-radius:3rem;align-items:center;gap:.8rem;padding:.3rem 1.2rem .3rem .4rem;display:inline-flex}.turn-queue li+li:before{content:"→";color:var(--ink-dim);margin:0 .8rem 0 -.4rem;font-weight:400}.turn-queue li[aria-current=true]{border-color:var(--lamp);background:#ffcf7a38}.turn-queue li.me:after{content:" (ty)";color:var(--ink-dim);font-weight:400}.turn-queue li.finished{color:var(--ink-dim);text-decoration:line-through}.turn-banner{font:400 2.6rem var(--f-display);color:#1b1209;background:var(--lamp);white-space:nowrap;border-radius:.6rem;margin:0 0 0 auto;padding:.4rem 2rem;box-shadow:0 0 2.4rem #ffcf7a99}.felt-main{grid-template-columns:minmax(0,1fr) 56rem;gap:1.6rem;min-height:0;display:grid}.center{cursor:pointer;align-items:center;gap:2.4rem;min-width:0;display:flex;position:relative}.piles{--w:14rem;align-items:center;gap:2.8rem;display:flex}.pile{flex-direction:column;align-items:center;gap:1rem;display:flex}.pile h3{color:#ffffffd9;text-shadow:0 .1rem .3rem #0009}.deck{display:inline-block;position:relative}.deck .count{background:var(--wall);border:.2rem solid var(--pane-line);font:700 2rem var(--f-body);border-radius:1.2rem;padding:0 .9rem;position:absolute;bottom:-1rem;right:-1.4rem}.quarantine-box{--w:5.6rem;box-sizing:border-box;width:19rem;height:calc(14rem * var(--card-ratio));background:#262626;border:.4rem solid #6c6c6c;border-radius:.6rem;flex-wrap:wrap;align-content:flex-start;gap:.4rem;padding:.8rem;display:flex;overflow:hidden;box-shadow:inset 0 .4rem 1rem #000000b3}.show-spot{flex:1;align-self:stretch;min-width:22rem;position:relative}.center-stage{--w:19rem;width:var(--w);height:calc(var(--w) * var(--card-ratio));z-index:15;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-stage .card{position:absolute;inset:0;box-shadow:0 1rem 3rem #000000b3}.center-stage .card+.card{transform:translate(18%,6%)rotate(6deg)}.choice-spot{flex-direction:column;justify-content:center;align-items:stretch;gap:1.2rem;min-width:0;display:flex}.choice-spot>.placements-box{align-self:center}.choice-panel{border:.3rem solid var(--lamp);background:#1c120beb;border-radius:1.6rem;align-items:center;gap:2rem;padding:1.8rem 2rem;animation:.18s ease-out choice-in;display:flex;position:relative;box-shadow:0 0 2.4rem #ffcf7a73,0 .8rem 2.4rem #0000008c}@keyframes choice-in{0%{opacity:0;transform:scale(.94)}}.choice-cards{--w:min(15rem, calc(21rem / var(--n)));flex-shrink:0;justify-content:center;gap:.6rem;display:flex}.choice-cards .card{box-shadow:0 .6rem 1.6rem #0009}.choice-main{flex-direction:column;flex:1;gap:1.4rem;min-width:0;display:flex;position:relative}.choice-question{font:700 2.4rem/1.3 var(--f-body);color:var(--lamp);margin:0}.choice-options{flex-direction:column;gap:1rem;display:flex}.stage .choice-options button{text-align:left;align-items:center;gap:1.2rem;padding:1rem 1.6rem;font-size:2.6rem;display:flex}.stage .choice-options button.chosen{background:var(--lamp);outline-offset:.2rem;outline:.4rem solid #fff3d6}.choice-panel:has(.choice-options>:nth-child(3)) .choice-cards{--w:11rem}.choice-options:has(>:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.stage .choice-options:has(>:nth-child(3)) button{gap:.8rem;padding:.6rem 1rem;font-size:2rem}.choice-options kbd,.actions kbd{box-sizing:border-box;min-width:3.2rem;height:3.2rem;font:700 1.8rem var(--f-body);color:var(--lamp);background:#1b1209;border-radius:.6rem;justify-content:center;align-items:center;padding:0 .6rem;display:inline-flex;box-shadow:inset 0 -.2rem #ffffff26}.placements{margin:0;padding:0;font-size:2rem;font-weight:700;list-style:none}.placements li{align-items:center;gap:.8rem;padding:.2rem 0;display:flex}.place-mark{text-align:center;min-width:1.6em;font-size:2.4rem;display:inline-block}.result{font:400 3.2rem var(--f-display);color:var(--lamp);margin-bottom:.8rem}.placements-box{background:#0000004d;border-radius:1.2rem;flex-direction:column;align-items:flex-start;gap:.6rem;padding:1.2rem 1.8rem;display:flex}.placements-box.full{border:.3rem solid var(--lamp);background:#1c120be6;padding:1.8rem 2.4rem;box-shadow:0 0 2.4rem #ffcf7a73}.placements-box.full .placements{font-size:2.4rem}.table.over :is(.opponents,.mine,.center){filter:saturate(.75)}.with-medal{display:inline-flex;position:relative}.with-medal .medal{filter:drop-shadow(0 .1rem .2rem #0009);font-size:2rem;line-height:1;position:absolute;bottom:-.6rem;right:-.6rem}.with-medal:has(.small) .medal{font-size:1.4rem;bottom:-.4rem;right:-.4rem}.mine{grid-template-columns:minmax(0,1fr) auto 28rem;gap:2.4rem;min-height:0;padding:1.2rem 1.8rem;display:grid}.mine-body{flex-direction:column;gap:.8rem;min-width:0;min-height:0;display:flex}.mine-body h3{text-transform:none;letter-spacing:0;align-items:center;gap:.8rem;font-size:2rem;display:flex}.mine-body h3 .character{--size:4.4rem}.mine-body .name{color:var(--lamp)}.mine-hand{align-items:center;display:flex}.mine-hand .hand{gap:1.4rem}.mine-side{flex-direction:column;justify-content:flex-end;gap:1rem;min-height:0;display:flex}.messages{flex-direction:column;gap:.8rem;display:flex}.actions{flex-wrap:wrap;justify-content:flex-end;gap:.8rem;display:flex}.actions button{position:relative}.effect{color:var(--lamp);font-size:1.9rem;font-weight:700;line-height:1.35;position:relative}.effect button{margin-top:.4rem}.effect .answers{gap:.8rem;display:inline-flex}.body{--gap:.12;cursor:pointer;--w:min(var(--w-max), calc(100cqw / (var(--slots) * (1 + var(--gap)) + .2)), calc(100cqh / (var(--card-ratio) * 1.8)));flex:1;align-items:flex-start;min-height:0;display:flex;position:relative;container-type:size}.seat .body{--w-max:11rem}.mine .body{--w-max:12rem}.body>.organ,.body>.trick-or-treat{margin-right:calc(var(--w) * var(--gap))}.slot{--c:var(--pane-line);box-sizing:border-box;width:var(--w);height:calc(var(--w) * var(--card-ratio));margin-right:calc(var(--w) * var(--gap));justify-content:center;align-items:center;gap:calc(var(--w) * .06);border:max(2px, calc(var(--w) * .025)) dashed var(--c);border-radius:calc(var(--w) * .08);color:var(--c);background:color-mix(in srgb, var(--c) 7%, transparent);text-align:center;flex-direction:column;flex:none;line-height:1.1;display:flex}.slot.extra .slot-hint{font-size:calc(var(--w) * .1);margin:0 .3rem}.slot.red{--c:#ef5350}.slot.green{--c:#66bb6a}.slot.blue{--c:#42a5f5}.slot.yellow{--c:#fdd835}.slot.extra{--c:var(--lamp)}.slot-icon{fill:currentColor;width:50%}.slot-icon-line{fill:none;stroke:#00000059;stroke-width:1.2px;stroke-linecap:round}.slot-name{font-size:calc(var(--w) * .13);color:var(--ink-dim)}.slot-hint{font:700 calc(var(--w) * .12) var(--f-body);color:var(--lamp);background:#0000004d;border-radius:.4rem;padding:.2em .4em}.slot.glowing{background:color-mix(in srgb, var(--c) 22%, transparent);box-shadow:0 0 calc(var(--w) * .15) var(--c), inset 0 0 calc(var(--w) * .1) var(--c);border-style:solid;animation:.9s ease-in-out infinite alternate slot-glow}@keyframes slot-glow{0%{filter:brightness(.9)}to{filter:brightness(1.3)}}.extras-line{height:calc(var(--w) * var(--card-ratio) * .8);border-left:.2rem solid var(--pane-line);width:0;margin:calc(var(--w) * .1) calc(var(--w) * var(--gap)) calc(var(--w) * .1) 0;flex:none}.healthy-chip{color:#fff;text-transform:none;letter-spacing:0;background:#2e7d32}.healthy-chip.full{background:var(--lamp);color:#1b1209}.hand{min-height:calc(var(--w) * var(--card-ratio));display:flex;position:relative}.organ{padding-bottom:calc(var(--w) * var(--card-ratio) * var(--stack));flex:none;position:relative}.organ .on-organ{left:0;top:calc(var(--w) * var(--card-ratio) * var(--offset));position:absolute}.organ.picked>.card:first-child{outline:.3rem solid var(--pick);outline-offset:.2rem}.organ.legal-target>.card:first-child{box-shadow:0 0 0 .3rem var(--lamp), 0 0 1.8rem var(--lamp);cursor:pointer;animation:.9s ease-in-out infinite alternate slot-glow}.body.legal-target{outline:.3rem solid var(--lamp);outline-offset:.3rem;box-shadow:0 0 2rem var(--lamp);cursor:pointer;border-radius:.8rem}.trick-or-treat{margin-left:calc(var(--w) * .2);transform:rotate(-8deg)}.card{box-sizing:border-box;width:var(--w);height:calc(var(--w) * var(--card-ratio));border-radius:calc(var(--w) * .08);background:0 0;border:2px solid #0000;flex:none;padding:0;display:block;position:relative;box-shadow:0 2px 6px #00000080}.stage .card{border-width:.2rem;box-shadow:0 .2rem .6rem #00000080}button.card:hover{background:0 0}.card img{border-radius:inherit;width:100%;height:100%;display:block}.card.empty-slot{border:.2rem dashed var(--pane-line);box-shadow:none}.card.selected{border-color:var(--pick);transform:translateY(-1.2rem)}.card.taken{border-color:#ab47bc;box-shadow:0 0 1rem #ab47bc}.card .taken-label{white-space:nowrap;color:#fff;background:#6a1b9a;border-radius:.4rem;padding:0 .5rem;font-size:1.5rem;position:absolute;bottom:-1rem;left:50%;transform:translate(-50%)}.card .mark{background:var(--pick);color:#10223a;border-radius:50%;width:3rem;height:3rem;font-size:1.8rem;line-height:3rem;position:absolute;top:-1rem;right:-1rem}.placeholder{box-sizing:border-box;border-radius:inherit;width:100%;height:100%;font-size:max(9px, calc(var(--w) * .15));text-align:center;color:#fff;background:#5f8fae;justify-content:center;align-items:flex-start;padding-top:.3em;display:flex}.placeholder.red{background:#c62828}.placeholder.green{background:#2e7d32}.placeholder.blue{background:#1565c0}.placeholder.yellow{background:#c99a17}.placeholder.grey{background:#78909c}.placeholder.orange{background:#ef6c00}.placeholder.multicolor{background:conic-gradient(#c62828 0 25%, #c99a17 0 50%, #2e7d32 0 75%, #1565c0 0)}.placeholder.back{background:repeating-linear-gradient(45deg,#5b1f2a 0 6px,#6d2533 6px 12px)}.arrows{pointer-events:none;z-index:10;position:absolute;inset:0}.arrow{opacity:.9;transform-origin:0;pointer-events:auto;cursor:pointer;background:#b34fd1;border-radius:.4rem;height:.8rem;margin-top:-.4rem;position:absolute}.arrow:after{content:"";border:1.2rem solid #0000;border-left:1.6rem solid #b34fd1;border-right:0;position:absolute;top:-.8rem;right:-.6rem}.arrow:hover{background:#e5533d}.arrow:hover:after{border-left-color:#e5533d}.card.premove{border-color:var(--pick);border-style:dashed;transform:translateY(-2rem)}.arrow.premove-arrow{pointer-events:none;cursor:default;opacity:.7;background:repeating-linear-gradient(90deg, var(--pick) 0 1.4rem, transparent 1.4rem 2.2rem)}.arrow.premove-arrow:after{border-left-color:var(--pick)}.premove-lost{color:var(--ink-dim);pointer-events:none;font-size:3rem;animation:1.5s forwards fade-out;position:absolute;top:-2.4rem;left:50%}@keyframes fade-out{0%{opacity:.9;transform:translateY(0)}to{opacity:0;transform:translateY(-.8rem)}}.reaction-pause{z-index:12;background:var(--pick);transform-origin:0;height:.6rem;animation:pause-bar var(--pause-ms) linear forwards;pointer-events:none;position:absolute;top:0;left:0;right:0}@keyframes pause-bar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.drag-preview{--w:13rem;z-index:20;pointer-events:none;opacity:.9;position:fixed;transform:translate(-50%,-50%)rotate(-4deg)}.card-zoom{z-index:25;pointer-events:none;animation:.12s ease-out zoom-in;position:fixed}.card-zoom .card{border-width:.3rem;border-color:#ffffffd9;box-shadow:0 1.2rem 3.6rem #000000bf}@keyframes zoom-in{0%{opacity:0;transform:scale(.9)}}.mine-hand .hand>.card{transition:transform .12s ease-out}.mine-hand .hand>.card:hover:not(.selected):not(.premove){transform:translateY(-1.2rem)}.mine-hand .hand>.card:hover:after{content:"";height:2.2rem;position:absolute;top:100%;left:0;right:0}@media (prefers-reduced-motion:reduce){.card-zoom{animation:none}.mine-hand .hand>.card{transition:none}}.table .card,.table .organ{-webkit-user-select:none;user-select:none;touch-action:none}.error-badge{z-index:5;pointer-events:none;font-size:2.6rem;animation:1.2s forwards pop;position:absolute;top:-1rem;right:-1rem}@keyframes pop{0%{transform:scale(.4)}15%{transform:scale(1.2)}25%{transform:scale(1)}85%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.error-badge{animation:none}}.character{--size:54px;box-sizing:border-box;width:var(--size);height:var(--size);color:#fff;background:#5f8fae;border:2px solid #ffffff8c;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000080}.character:before{content:attr(data-name);text-transform:none;letter-spacing:0;font:700 calc(var(--size) * .22) var(--f-body);text-shadow:0 1px 2px #0009}.character.small{--size:28px}.character.small:before{font-size:calc(var(--size) * .5)}.character img{object-fit:cover;width:100%;height:100%}.character.borys{background:#1565c0}.character.mama{background:#c2185b}.character.adam{background:#2e7d32}.character.julcia{background:#8e24aa}.character.kuba{background:#ef6c00}.character.babcia{background:#6d4c41}.character-picker{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.character-picker button{background:0 0;border:3px solid #0000;border-radius:50%;padding:2px}.character-picker button:hover:not(:disabled){border-color:var(--ink-dim);background:0 0}.character-picker button[aria-pressed=true]{border-color:var(--lamp)}.character-picker button:disabled{cursor:not-allowed;opacity:.35;filter:grayscale()}.setup-seat{flex-direction:column;gap:4px;display:flex}.stage .character{border-width:.2rem}.stage .character.small{--size:3.2rem}.stage .game-menu-panel{gap:1rem;min-width:38rem;padding:1.4rem;top:calc(100% + .8rem)}.stage .game-menu-panel button{font-size:1.8rem}.flights{z-index:30;pointer-events:none;perspective:900px;position:fixed;inset:0}.flight>*{filter:drop-shadow(0 1rem 1.4rem #0000008c)}.flights{--virus:#b0306e}.flights>[data-fx]{pointer-events:none;position:fixed}.fx-dot{border-radius:50%;width:12px;height:12px}.fx-ring{border:.6rem solid var(--lamp);box-shadow:0 0 3rem var(--lamp), inset 0 0 2rem var(--lamp);border-radius:50%}.fx-mist{background:radial-gradient(circle,#8a5cd600,#501e8c8c);inset:0}.fx-banner{font:400 4rem var(--f-display);color:#1b1209;background:var(--lamp);white-space:nowrap;border-radius:.8rem;padding:1.2rem 4rem;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 4rem #ffcf7ab3}.fx-confetti{border-radius:.2rem;width:1rem;height:1.6rem}.fx-banner.big{padding:2rem 6rem;font-size:6.4rem}.fx-banner.victory{white-space:pre;text-align:center;line-height:1.15}.move-log{box-sizing:border-box;background:#160e09eb;border-width:0 0 0 .3rem;border-radius:0;flex-direction:column;width:30rem;height:108rem;margin:0;font-size:1.7rem;display:flex}.move-log.collapsed{width:5.6rem}.log-header{border-bottom:.2rem solid var(--pane-line);justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem 1.2rem 1.2rem 1.8rem;display:flex}.log-title{font:700 1.6rem var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.stage .log-toggle{color:var(--ink);border-color:var(--pane-line);background:0 0;padding:.4rem 1rem;font-size:1.6rem}.stage .log-toggle:hover{border-color:var(--brass);background:#ffcf7a26}.stage .move-log.collapsed .log-toggle{border:0;border-radius:0;flex-direction:column;align-items:center;gap:1.6rem;width:100%;height:100%;padding:1.6rem 0;display:flex}.move-log.collapsed .log-title{writing-mode:vertical-rl}.log-history{flex-direction:column;flex:1;gap:.6rem;margin:0;padding:1rem 1.2rem 1.6rem;list-style:none;display:flex;overflow-y:auto}.log-history li{border-radius:.4rem;padding:.2rem .6rem;line-height:1.45}.log-history li.latest{background:#ffcf7a1a}.log-history li.newest{animation:1.6s ease-out log-flash}.log-history li.log-turn{border-top:.1rem solid var(--pane-line);color:var(--ink-dim);margin-top:.4rem;padding-top:.6rem;font-weight:700}@keyframes log-flash{0%{background:#ffcf7a59}to{background:0 0}}.nick{font-weight:700}.nick.borys{color:#64b5f6}.nick.mama{color:#f48fb1}.nick.adam{color:#81c784}.nick.julcia{color:#ce93d8}.nick.kuba{color:#ffb74d}.nick.babcia{color:#bcaaa4}.nick.me{color:#1b1209;background:var(--lamp);border-radius:3px;padding:0 3px}.card-chip{color:#fff;white-space:nowrap;background:#5f8fae;border-radius:.3em;padding:0 .5em;font-size:.85em;font-weight:700;display:inline-block}.card-chip.red{background:#c62828}.card-chip.green{background:#2e7d32}.card-chip.blue{background:#1565c0}.card-chip.yellow{background:#c99a17}.card-chip.grey{background:#78909c}.card-chip.orange{background:#ef6c00}.card-chip.therapy{color:#1b1209;background:#f5f0e6}.card-chip.multicolor{background:linear-gradient(90deg,#c62828,#c99a17,#2e7d32,#1565c0)}.setup h2{font:400 1.4rem var(--f-display);color:var(--lamp);margin:.5rem 0 .4rem}.setup a{color:var(--lamp)}.nickname-form,.join{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.lobby-error{color:#ff9b8a;flex-basis:100%;margin:0;font-weight:700}.room-code{font:400 1.8rem var(--f-display);letter-spacing:.15em;color:var(--lamp)}.room-link{color:var(--ink);font-size:.95rem}.copied{color:var(--ink-dim)}.member-count{color:var(--ink-dim);font:700 1.1rem var(--f-body)}.members{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.members li{background:var(--pane);border:1px solid var(--pane-line);border-radius:8px;align-items:center;gap:10px;padding:6px 10px;display:flex}.members li.disconnected{background:repeating-linear-gradient(-45deg, var(--pane), var(--pane) 8px, #ffffff0f 8px, #ffffff0f 16px);color:var(--ink-dim)}.members .nickname{font-weight:700}.members .you{color:var(--ink-dim)}.members button{margin-left:auto}.members button+button{margin-left:0}.leave{align-self:flex-start}.game-menu{margin-left:12px;position:relative}.queue-bar:not(:has(.turn-banner)) .game-menu{margin-left:auto}.game-menu-panel{z-index:50;flex-direction:column;gap:8px;min-width:300px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.game-menu-panel p{margin:0 0 8px}.menu-players{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.menu-players li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.menu-players .nickname{margin-right:auto;font-weight:700}button.danger{color:#fff;background:#c4553f;border-color:#c4553f}.host-notice{z-index:60;background:var(--lamp);color:#1b1209;border-radius:6px;padding:8px 18px;font-weight:700;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 0 18px #ffcf7a80}.turn-queue .crown:after{content:"👑";margin-left:6px}.wins{font:700 .95rem var(--f-body);white-space:nowrap;margin:0 6px}.rules-ui{--u:1px;font-family:var(--f-body)}.stage .rules-ui{--u:.1rem}.rules-ui button{font-size:calc(var(--u) * 20);padding:calc(var(--u) * 7) calc(var(--u) * 18);border-radius:calc(var(--u) * 8);border-width:calc(var(--u) * 2)}.rules-ui kbd{font:700 .8em var(--f-body);background:#1b12092e;border:1px solid #1b120959;border-radius:.25em;padding:0 .35em}.rules-ui .rules-toggle{z-index:40;writing-mode:vertical-rl;padding:calc(var(--u) * 18) calc(var(--u) * 10);border-radius:calc(var(--u) * 10) 0 0 calc(var(--u) * 10);box-shadow:0 calc(var(--u) * 4) calc(var(--u) * 16) #00000080;position:fixed;top:50%;right:0;transform:translateY(-50%)}.rules-ui .rules-toggle kbd{text-orientation:upright;margin-top:.4em;padding:.3em 0}.stage .rules-ui .rules-toggle{writing-mode:horizontal-tb;border-radius:1rem;width:27rem;padding:1rem;position:absolute;top:auto;bottom:1.2rem;right:1.2rem;transform:none}.stage .rules-ui .rules-toggle kbd{margin:0 0 0 .4em;padding:0 .35em}.stage:has(.move-log.collapsed) .rules-ui .rules-toggle{writing-mode:vertical-rl;width:4.4rem;padding:1.6rem 0;right:.6rem}.stage:has(.move-log.collapsed) .rules-ui .rules-toggle kbd{margin:.4em 0 0;padding:.3em 0}.stage:has(.rules-toggle) .move-log:not(.collapsed){padding-bottom:7.6rem}.rules-drawer{z-index:50;box-sizing:border-box;width:min(calc(var(--u) * 830), 100vw);gap:calc(var(--u) * 14);padding:calc(var(--u) * 20) calc(var(--u) * 24) 0;border-left:calc(var(--u) * 3) solid var(--brass);box-shadow:calc(var(--u) * -12) 0 calc(var(--u) * 40) #0009;font-size:calc(var(--u) * 18);background:#1c130d;flex-direction:column;animation:.2s ease-out rules-slide;display:flex;position:fixed;top:0;bottom:0;right:0}.stage .rules-drawer{position:absolute}@keyframes rules-slide{0%{transform:translate(100%)}}.rules-head{justify-content:space-between;align-items:center;display:flex}.rules-head h2{font:400 calc(var(--u) * 36) var(--f-display);color:var(--lamp);margin:0}.rules-ui .rules-close{font-size:calc(var(--u) * 26);width:calc(var(--u) * 50);height:calc(var(--u) * 50);padding:0}.rules-notice{padding:calc(var(--u) * 10) calc(var(--u) * 16);border-left:calc(var(--u) * 4) solid var(--lamp);border-radius:calc(var(--u) * 4);background:#ffcf7a1a;margin:0;font-weight:700}.rules-tabs{gap:calc(var(--u) * 6);border-bottom:calc(var(--u) * 3) solid var(--brass);margin:0 calc(var(--u) * -24);padding:0 calc(var(--u) * 24);display:flex}.rules-ui .rules-tabs button{color:var(--ink);border-radius:calc(var(--u) * 8) calc(var(--u) * 8) 0 0;padding:calc(var(--u) * 10) calc(var(--u) * 18);background:#3a2a1f;border-color:#0000}.rules-ui .rules-tabs button:hover{background:#4c3829}.rules-ui .rules-tabs button[aria-selected=true]{color:#1b1209;background:var(--brass)}.rules-body{gap:calc(var(--u) * 16);min-height:0;padding-bottom:calc(var(--u) * 24);flex-direction:column;flex:1;display:flex;overflow-y:auto}.rules-hint{color:var(--ink-dim);margin:0}.rules-ui .rules-page{border-radius:calc(var(--u) * 4);cursor:zoom-in;background:#fff;border:0;padding:0;display:block}.rules-page img{border-radius:calc(var(--u) * 4);width:100%;height:auto;display:block}.house-rules{gap:calc(var(--u) * 14);flex-direction:column;margin:0;padding-left:1.4em;line-height:1.45;display:flex}.house-rules strong{color:var(--lamp)}.rules-zoom{z-index:60;cursor:zoom-out;padding:calc(var(--u) * 30) 0;box-sizing:border-box;background:#080503e0;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.stage .rules-zoom{position:absolute}.rules-zoom img{width:min(calc(var(--u) * 1430), 92%);height:auto}.rules-zoom-close{top:calc(var(--u) * 20);right:calc(var(--u) * 30);z-index:1;font:700 calc(var(--u) * 20) var(--f-body);color:#1b1209;background:var(--brass);padding:calc(var(--u) * 8) calc(var(--u) * 16);border-radius:calc(var(--u) * 8);position:fixed}
