:root{--suit-land: #3b1d13;--suit-flood: #41437c;--suit-weather: #a6bced;--suit-flame: #b44347;--suit-army: #312b2f;--suit-wizard: #e056a3;--suit-leader: #7b48a4;--suit-beast: #60a35c;--suit-weapon: #878586;--suit-artifact: #d24e37;--suit-wild: #c6c2c3;--suit-building: #463153;--suit-outsider: #fba934;--suit-undead: #004e4a;--suit-cursed-item: #900c3f;--suit-land-ink: #987367;--suit-flood-ink: #7276b4;--suit-weather-ink: #a6bced;--suit-flame-ink: #c95658;--suit-army-ink: #80797d;--suit-wizard-ink: #e056a3;--suit-leader-ink: #9865c3;--suit-beast-ink: #60a35c;--suit-weapon-ink: #878586;--suit-artifact-ink: #d34f38;--suit-wild-ink: #c6c2c3;--suit-building-ink: #897298;--suit-outsider-ink: #fba934;--suit-undead-ink: #468580;--suit-cursed-item-ink: #cd4e70;--suit-land-hot: #cfa79a;--suit-flood-hot: #a5abed;--suit-weather-hot: #c6d8ff;--suit-flame-hot: #fe8e8d;--suit-army-hot: #b6aeb3;--suit-wizard-hot: #ff98cc;--suit-leader-hot: #cd99fc;--suit-beast-hot: #8dd288;--suit-weapon-hot: #b8b6b7;--suit-artifact-hot: #ff917c;--suit-wild-hot: #dfdbdc;--suit-building-hot: #bfa6cf;--suit-outsider-hot: #fecf97;--suit-undead-hot: #7dbdb7;--suit-cursed-item-hot: #ff8ba5}:root{--bg: oklch(14.5% 0 0);--ink: oklch(97% 0 0);--panel: color-mix(in srgb, var(--bg) 97%, #fff);--muted: color-mix(in srgb, oklch(55.6% 0 0) 90%, #fff);--line: rgb(255 255 255 / 6%);--input-line: rgb(255 255 255 / 8%);--accent: oklch(.571 .21 264);--accent-ink: #fff;--danger: color-mix(in srgb, oklch(63.7% .237 25.331) 90%, #fff);--radius: .625rem;--card-w: clamp(4.6rem, 11vw, 9.2rem)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}main{padding:1rem;max-width:1420px;margin:0 auto}.center{min-height:100dvh;display:flex;flex-direction:column;gap:.75rem;align-items:center;justify-content:center}h1{font-size:1.4rem;margin:0 0 .5rem}h2{font-size:1rem;margin:0 0 .5rem;color:var(--muted);font-weight:600}input,select,button{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--input-line);border-radius:var(--radius);padding:.55rem .7rem}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.card{cursor:default}button.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:650}.row{display:flex;gap:.5rem}.code-input{width:7rem;text-align:center;letter-spacing:.3em;text-transform:uppercase}.home label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.slot:focus-visible,.deck-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:12px}.hint{color:var(--muted);font-size:.85rem}.error{color:var(--danger)}.cards{display:flex;flex-wrap:wrap;gap:.5rem}.card{position:relative;width:var(--card-w, 9.5rem);aspect-ratio:var(--card-ratio, 5 / 7);overflow:hidden;text-align:left;display:flex;flex-direction:column;gap:.35rem;background:var(--panel);border:1px solid var(--line);border-top-width:4px;border-top-color:var(--suit-ink, var(--line));padding:.5rem;border-radius:10px}.card-selected{outline:2px solid var(--accent)}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:.25rem}.card-name{font-weight:650;font-size:.85rem}.card-strength{font-variant-numeric:tabular-nums;font-weight:700;color:#d4af37}.card-suit{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.card-body{font-size:.72rem;color:#cfd3dc}.card-body p{margin:0 0 .3rem}.card-penalty{color:var(--danger)}.card-fallback{position:absolute;bottom:.3rem;right:.4rem;font-size:.6rem;color:var(--muted)}.suit-land{color:var(--suit-land-ink)}.suit-border-land{--suit-ink: var(--suit-land-ink);--suit-hot: var(--suit-land-hot)}.card-suit.suit-land{background:var(--suit-land);color:#fff}.suit-flood{color:var(--suit-flood-ink)}.suit-border-flood{--suit-ink: var(--suit-flood-ink);--suit-hot: var(--suit-flood-hot)}.card-suit.suit-flood{background:var(--suit-flood);color:#fff}.suit-weather{color:var(--suit-weather-ink)}.suit-border-weather{--suit-ink: var(--suit-weather-ink);--suit-hot: var(--suit-weather-hot)}.card-suit.suit-weather{background:var(--suit-weather);color:#fff}.suit-flame{color:var(--suit-flame-ink)}.suit-border-flame{--suit-ink: var(--suit-flame-ink);--suit-hot: var(--suit-flame-hot)}.card-suit.suit-flame{background:var(--suit-flame);color:#fff}.suit-army{color:var(--suit-army-ink)}.suit-border-army{--suit-ink: var(--suit-army-ink);--suit-hot: var(--suit-army-hot)}.card-suit.suit-army{background:var(--suit-army);color:#fff}.suit-wizard{color:var(--suit-wizard-ink)}.suit-border-wizard{--suit-ink: var(--suit-wizard-ink);--suit-hot: var(--suit-wizard-hot)}.card-suit.suit-wizard{background:var(--suit-wizard);color:#fff}.suit-leader{color:var(--suit-leader-ink)}.suit-border-leader{--suit-ink: var(--suit-leader-ink);--suit-hot: var(--suit-leader-hot)}.card-suit.suit-leader{background:var(--suit-leader);color:#fff}.suit-beast{color:var(--suit-beast-ink)}.suit-border-beast{--suit-ink: var(--suit-beast-ink);--suit-hot: var(--suit-beast-hot)}.card-suit.suit-beast{background:var(--suit-beast);color:#fff}.suit-weapon{color:var(--suit-weapon-ink)}.suit-border-weapon{--suit-ink: var(--suit-weapon-ink);--suit-hot: var(--suit-weapon-hot)}.card-suit.suit-weapon{background:var(--suit-weapon);color:#fff}.suit-artifact{color:var(--suit-artifact-ink)}.suit-border-artifact{--suit-ink: var(--suit-artifact-ink);--suit-hot: var(--suit-artifact-hot)}.card-suit.suit-artifact{background:var(--suit-artifact);color:#fff}.suit-wild{color:var(--suit-wild-ink)}.suit-border-wild{--suit-ink: var(--suit-wild-ink);--suit-hot: var(--suit-wild-hot)}.card-suit.suit-wild{background:var(--suit-wild);color:#fff}.suit-building{color:var(--suit-building-ink)}.suit-border-building{--suit-ink: var(--suit-building-ink);--suit-hot: var(--suit-building-hot)}.card-suit.suit-building{background:var(--suit-building);color:#fff}.suit-outsider{color:var(--suit-outsider-ink)}.suit-border-outsider{--suit-ink: var(--suit-outsider-ink);--suit-hot: var(--suit-outsider-hot)}.card-suit.suit-outsider{background:var(--suit-outsider);color:#fff}.suit-undead{color:var(--suit-undead-ink)}.suit-border-undead{--suit-ink: var(--suit-undead-ink);--suit-hot: var(--suit-undead-hot)}.card-suit.suit-undead{background:var(--suit-undead);color:#fff}.suit-cursed-item{color:var(--suit-cursed-item-ink)}.suit-border-cursed-item{--suit-ink: var(--suit-cursed-item-ink);--suit-hot: var(--suit-cursed-item-hot)}.card-suit.suit-cursed-item{background:var(--suit-cursed-item);color:#fff}.table-head{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:.6rem;margin-bottom:.8rem}.seats{list-style:none;display:flex;gap:.5rem;margin:0;padding:0;flex-wrap:wrap}.seats li{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.25rem .7rem;font-size:.85rem}.seats li.active{border-color:var(--accent);color:var(--accent)}.seats li.offline{opacity:.55}.count{color:var(--muted);font-variant-numeric:tabular-nums}.badge{font-size:.65rem;text-transform:uppercase;margin-left:.35rem;color:var(--muted)}.badge.voted{color:var(--accent)}.discard,.hand{margin-bottom:1.2rem}.hand-actions{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.confirm{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.6rem}.end-vote{background:#2a2230;border:1px solid #4a3a52;border-radius:10px;padding:.8rem 1rem;margin-bottom:1rem}.end-vote p{margin:0 0 .5rem}.settings{border:1px solid var(--line);border-radius:10px;margin:1rem 0}.settings label{display:flex;align-items:center;gap:.55rem;padding:.3rem 0;font-size:.9rem;cursor:pointer}.settings input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;flex:0 0 auto;width:1.05rem;height:1.05rem;padding:0;border-radius:5px;border:1px solid var(--input-line);background:var(--bg);display:grid;place-content:center;transition:background .15s,border-color .15s}.settings input[type=checkbox]:after{content:"";width:.55rem;height:.3rem;margin-top:-.12rem;border:2px solid var(--accent-ink);border-top:0;border-right:0;transform:rotate(-45deg) scale(0);transition:transform .15s cubic-bezier(.2,.8,.3,1)}.settings input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.settings input[type=checkbox]:checked:after{transform:rotate(-45deg) scale(1)}.players{list-style:none;padding:0}.players li{padding:.3rem 0;border-bottom:1px solid var(--line)}.podium{list-style:none;margin:0 0 1.4rem;padding:0;display:flex;flex-direction:column;gap:.4rem}.podium li{display:grid;grid-template-columns:1.4rem 8rem 1fr 3.5rem 6rem;align-items:center;gap:.6rem;padding:.35rem .5rem;border-radius:8px;background:var(--panel);border:1px solid var(--line)}.podium li.winner{border-color:var(--accent)}.podium .rank{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.podium .who{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium .bar{display:block;height:.5rem;border-radius:999px;background:#ffffff0d;overflow:hidden}.podium .bar>span{display:block;height:100%;border-radius:999px;background:color-mix(in srgb,var(--accent) 55%,transparent);animation:bar-grow .6s cubic-bezier(.2,.8,.3,1) both}.podium li.winner .bar>span{background:var(--accent)}@keyframes bar-grow{0%{transform:scaleX(0);transform-origin:left}}.podium .gap{color:var(--muted);font-size:.78rem}.podium li.winner .gap{color:var(--accent)}.score-block{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.8rem;margin-bottom:.8rem}.score-block summary{cursor:pointer;font-weight:650}.summary-hint{color:var(--muted);font-weight:400;font-size:.85rem}.score-block h2{color:var(--ink);display:flex;gap:.5rem;align-items:baseline}.total{margin-left:auto;font-size:1.3rem;color:#d4af37;font-variant-numeric:tabular-nums}.score-block table{width:100%;border-collapse:collapse;font-size:.8rem;margin-top:.6rem}.score-block th{text-align:left;font-weight:600;font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:0 .4rem .3rem}.score-block td{padding:.25rem .4rem;border-top:1px solid var(--line);vertical-align:top}.score-actions{display:flex;gap:.5rem;margin-top:1.2rem}.num{text-align:right;font-variant-numeric:tabular-nums;width:3.5rem}.pos{color:#8fbf7a}.neg{color:var(--danger)}.effect{color:var(--muted);font-size:.72rem}tr.blanked{opacity:.45;text-decoration:line-through}.actions{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.8rem;margin-bottom:1rem}.action-choice{padding:.5rem 0;border-top:1px solid var(--line)}.action-choice:first-of-type{border-top:none}.action-choice .row{flex-wrap:wrap;margin-top:.4rem}.scoring-wait{max-width:720px}.reveal{display:flex;flex-direction:column;min-height:100dvh;gap:.75rem}.reveal-head{text-align:center}.reveal-who{margin:0;color:var(--muted);font-size:.9rem}.reveal-progress{opacity:.6}.reveal-total{margin:.1rem 0 0;font-size:3.4rem;line-height:1;font-weight:700;color:#d4af37;font-variant-numeric:tabular-nums;text-shadow:0 0 26px color-mix(in srgb,#d4af37 28%,transparent)}.reveal-total.negative{color:var(--danger)}.reveal-row{display:grid;grid-template-columns:repeat(8,var(--card-w));gap:.4rem;align-items:start;justify-content:center}.reveal-slot{position:relative}@keyframes flip-in{0%{transform:rotateY(90deg) scale(.92);opacity:0}to{transform:none;opacity:1}}.just-flipped .card{animation:flip-in .34s ease-out both}.card-back{background:repeating-linear-gradient(45deg,#232733,#232733 6px,#1d212b 6px,#1d212b 12px);border-style:dashed;opacity:.6}.reveal-values{display:flex;gap:.35rem;justify-content:center;padding-top:.25rem;font-variant-numeric:tabular-nums;font-size:.85rem}.reveal-values .base{color:var(--muted)}.delta-float{position:absolute;left:50%;top:30%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.15rem;pointer-events:none;font-weight:700;font-size:1.1rem;animation:float-up 1.25s ease-out both}@keyframes float-up{0%{opacity:0;transform:translate(-50%,12px) scale(.8)}18%{opacity:1;transform:translate(-50%,-4px) scale(1.1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-34px) scale(1)}}.d-pos{color:#8fbf7a}.d-neg{color:var(--danger)}.d-blank{color:var(--danger);font-size:.8rem;letter-spacing:.08em}.d-unblank{color:#8fbf7a;font-size:.9rem}.reveal-controls{display:flex;justify-content:center}.reveal-extras{margin-top:auto;min-height:33vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;border-top:1px solid var(--line);padding-top:1rem}.reveal-extras .actions{width:100%;max-width:720px}.board{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap;justify-content:center;margin-bottom:1rem}.zone-count{margin:0 0 .4rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:center}.deck-card.drawable{cursor:grab;opacity:1;border-style:solid;border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:repeating-linear-gradient(45deg,#2a2f3d,#2a2f3d 6px,#232834 6px,#232834 12px)}.deck-card.drawable:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:12px;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent),0 0 18px color-mix(in srgb,var(--accent) 25%,transparent);pointer-events:none}.discard-zone,.hand-zone{border:1px dashed var(--line);border-radius:12px;padding:.55rem;transition:border-color .18s,background .18s}.discard-zone{flex:0 1 auto;min-width:0}.hand-zone{margin-bottom:1rem}.zone-hot{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent);border-style:solid}.slot-incoming{border:1px dashed color-mix(in srgb,var(--accent) 55%,transparent);border-radius:10px;background:color-mix(in srgb,var(--accent) 5%,transparent)}.is-dragging{opacity:.22;filter:grayscale(1);transition:opacity .18s ease}.slot,.deck-card{touch-action:none;-webkit-user-select:none;user-select:none}.slot{cursor:grab}.drag-ghost{position:fixed;left:0;top:0;z-index:50;pointer-events:none;will-change:transform,opacity;transform-origin:50% 50%}.drag-ghost .card{box-shadow:0 26px 50px -12px #000d,0 6px 16px -6px #0009;border-color:var(--suit-ink, var(--accent));transition:box-shadow .2s ease}.drag-ghost.is-landing .card{box-shadow:0 8px 18px -10px #000a}.reveal-slot.related .card{border-color:var(--hl);box-shadow:0 0 0 2px var(--hl),0 0 22px -2px var(--hl);animation:relate-pulse .5s ease-out both}@keyframes relate-pulse{0%{box-shadow:0 0 0 2px var(--hl),0 0 0 var(--hl)}to{box-shadow:0 0 0 2px var(--hl),0 0 22px -2px var(--hl)}}.card-alarm{--alarm-line: color-mix(in srgb, var(--danger) 70%, transparent);--alarm-glow: 0 0 0 1px color-mix(in srgb, var(--danger) 55%, transparent), 0 0 18px -6px var(--danger);background:color-mix(in srgb,var(--danger) 22%,var(--panel));border-color:var(--alarm-line);box-shadow:var(--alarm-glow);transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}.card-blanked .card-body,.card-blanked .card-name,.card-blanked .card-strength{opacity:.55}.card-blanked:not(.card-alarm) .strike,.card-blanked:not(.card-alarm) .blank-label{opacity:.3}.strike{position:absolute;left:6%;right:6%;top:50%;height:2px;background:var(--danger);transform-origin:left center;transform:scaleX(0);animation:strike-through .38s cubic-bezier(.4,0,.2,1) forwards;box-shadow:0 0 8px color-mix(in srgb,var(--danger) 55%,transparent)}@keyframes strike-through{to{transform:scaleX(1)}}.blank-label{position:absolute;left:50%;top:calc(50% + .55rem);transform:translate(-50%);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--danger);animation:fade-in .3s .25s both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.card-suit{display:inline-block;padding:.1rem .4rem;border-radius:4px;font-size:.62rem;letter-spacing:.07em;align-self:flex-start}.hand-zone .cards{display:grid;grid-template-columns:repeat(8,var(--card-w));gap:.4rem;justify-content:start;width:max-content;margin-inline:auto}.discard-row{display:grid;grid-template-columns:repeat(5,var(--card-w));gap:.35rem;justify-content:start;width:max-content;margin-inline:auto}.discard-row>*{min-width:0}.card-compact{--card-ratio: 5 / 2.5;gap:.15rem;padding:.35rem}.card-compact .card-name{font-size:.68rem;line-height:1.15}.card-compact .card-strength{font-size:.8rem}.card-compact .card-suit{font-size:.52rem;padding:.05rem .25rem}.card-empty{width:var(--card-w);aspect-ratio:5 / 7;border:1px dashed rgb(255 255 255 / 7%);border-radius:10px;background:none}.deck-card{width:var(--card-w);aspect-ratio:5 / 7;border-radius:10px;position:relative;display:block}.deck-count{position:absolute;right:.35rem;bottom:.3rem;font-size:.7rem;font-variant-numeric:tabular-nums;color:var(--muted);background:#0006;border-radius:5px;padding:.05rem .3rem}@media(max-width:900px){:root{--card-w: clamp(4.2rem, 22vw, 6.5rem)}.hand-zone .cards,.reveal-row{grid-template-columns:repeat(4,var(--card-w))}.discard-row{grid-template-columns:repeat(5,var(--card-w))}.card{--card-ratio: 5 / 7.6}}.ref-sweep{background-image:linear-gradient(100deg,var(--ref-c) 0%,var(--ref-c) 38%,var(--ref-hot) 46%,#ffffff 50%,var(--ref-hot) 54%,var(--ref-c) 62%,var(--ref-c) 100%);background-size:300% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ref-sweep 1.5s linear infinite}@keyframes ref-sweep{0%{background-position:100% 0}to{background-position:0% 0}}.card-suit.ref-sweep{background-image:none;color:#fff;animation:ref-chip-pulse 1.5s ease-in-out infinite}@keyframes ref-chip-pulse{0%,to{box-shadow:0 0 0 1px #fff5,0 0 6px #ffffff30;filter:none}50%{box-shadow:0 0 0 2px #ffffffe0,0 0 18px 3px #ffffff80;filter:saturate(1.4) brightness(1.15)}}.card-name.ref-sweep{--ref-c: var(--ink);--ref-hot: #ffffff}.slot.is-hovered .card{border-color:var(--suit-ink, var(--accent));box-shadow:0 0 0 1px color-mix(in srgb,var(--suit-ink, var(--accent)) 45%,transparent),0 0 14px -8px var(--suit-ink, var(--accent))}.slot.is-hovered .card-alarm{border-color:var(--alarm-line);box-shadow:var(--alarm-glow)}@media(prefers-reduced-motion:reduce){.ref-sweep{animation:none;background-image:none;color:var(--ref-hot)}}.card.text-sm .card-body{font-size:.66rem;line-height:1.28}.card.text-xs .card-body{font-size:.6rem;line-height:1.22}.card.text-xs .card-name{font-size:.78rem}.card-body{overflow:hidden}.slot.is-hovered{z-index:20}.app-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid var(--line);max-width:1420px;margin:0 auto}.app-bar .spacer{flex:1 1 auto}.app-bar button{padding:.35rem .6rem;font-size:.85rem}.app-bar .locale{padding:.35rem .5rem;font-size:.85rem}button.danger{background:color-mix(in srgb,var(--danger) 18%,var(--panel));border-color:color-mix(in srgb,var(--danger) 55%,transparent);color:var(--danger)}button.room-code{display:inline-flex;align-items:center;gap:.5rem}.room-code .room-label{color:var(--muted);font-size:.8rem}.room-code code{letter-spacing:.22em;font-weight:650}.room-code .copy-mark{color:var(--muted);font-size:.8rem}.copied{color:var(--accent);font-size:.8rem}.turn-banner{margin:0;font-size:.95rem;color:var(--muted)}.turn-banner.mine{color:var(--accent);font-weight:650}.keyboard-hint{margin:.5rem 0 0;text-align:center;font-size:.75rem;opacity:.75}.home{max-width:26rem;text-align:center}.tagline{margin:0;color:var(--ink)}.how{text-align:left;color:var(--muted);font-size:.85rem;margin:.2rem 0 0;padding-left:1.2rem}.how li{padding:.1rem 0}.home label{align-items:stretch;width:100%}.home label input{text-align:center}.home .primary{min-width:10rem}.card-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000b;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fade-in .15s both}.card-overlay-inner{display:flex;flex-direction:column;align-items:center;gap:.8rem}.card-overlay .card{width:min(20rem,80vw);aspect-ratio:auto;height:auto;min-height:16rem;overflow:visible;box-shadow:0 24px 60px #000c}.card-overlay .card .card-body{overflow:visible;font-size:.9rem}.card-overlay .card-name{font-size:1.15rem}