:root{--felt: #1c5545;--felt-deep: #0e2a1f;--gold: #d6b66a;--ivory: #fffdf6;--parchment: #ece5d3;--vermillion: #b3372c;--maroon: #6b2f2f;--ink: #08201a;--well: #0f3227;--panel: #164033;--surface: #1c5545;--raised: #266b57;--bg: var(--ink);--line: rgba(232, 226, 210, .14);--line-strong: rgba(214, 182, 106, .34);--text: #e8e2d2;--muted: rgba(232, 226, 210, .62);--accent: var(--gold);--accent-deep: #a8873f;--on-accent: var(--felt-deep);--attack: var(--vermillion);--defend: var(--gold);--odd: var(--vermillion);--even: #14463a;--shadow-sm: 0 1px 2px rgba(4, 14, 11, .5);--shadow-md: 0 6px 20px -8px rgba(4, 14, 11, .8);--shadow-lg: 0 24px 60px -20px rgba(4, 14, 11, .9);--sheen: linear-gradient(180deg, rgba(232, 226, 210, .05), rgba(232, 226, 210, 0) 96px);--radius: .85rem;color-scheme:dark;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(80rem 44rem at 50% -8%,rgba(38,107,87,.5),transparent 70%),radial-gradient(55rem 40rem at 100% 105%,rgba(214,182,106,.08),transparent 66%),var(--bg);background-attachment:fixed}button,select{font:inherit;color:inherit}button:not(:disabled),select{cursor:pointer}button:disabled{cursor:not-allowed}button:not(.pcard),select{transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}button.pcard{transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease}button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){button,select,button.pcard{transition:none}.round-end,.slot-caption{animation:none}.fan-slot{transition:none}}.app{max-width:78rem;min-height:100vh;margin:0 auto;padding:2.25rem 1.5rem 1.5rem;display:flex;flex-direction:column}.app-setup{max-width:46rem}.app h1{font-size:1.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:0 0 1.5rem;background:linear-gradient(100deg,var(--vermillion),#e08a5f 38%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.panel{background:var(--sheen),var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-md)}.panel h2{margin:0 0 1rem;font-size:1.1rem}.field{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.field select{background:var(--surface);color:var(--text);border:1px solid var(--line-strong);border-radius:.45rem;padding:.4rem .6rem;min-width:5rem}.field select:hover{border-color:var(--accent);background:var(--raised)}.seats{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.4rem}.seats li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem .8rem;background:var(--well);border:1px solid var(--line);border-radius:.55rem}.chip{font-size:.8rem;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:999px;padding:.3rem .85rem}.chip:hover{border-color:var(--accent);color:var(--accent);background:var(--raised)}.chip:active{transform:translateY(1px)}.segmented{display:inline-flex;background:var(--ink);border:1px solid var(--line-strong);border-radius:999px;padding:2px;gap:2px}.segment{font-size:.78rem;border:none;background:transparent;color:var(--muted);border-radius:999px;padding:.28rem .85rem}.segment:hover{color:var(--text);background:#e8e2d214}.segment-on{background:var(--accent);color:var(--on-accent);font-weight:600;box-shadow:0 0 14px -2px #d6b66a8c}.segment-on:hover{background:var(--accent);color:var(--on-accent)}.hint{color:var(--muted);font-size:.85rem;margin:0 0 1rem}button.primary,button.secondary{font-weight:600;border-radius:.55rem;padding:.65rem 1.15rem}button.primary{background:linear-gradient(180deg,var(--gold),var(--accent-deep));color:var(--on-accent);border:1px solid var(--accent);box-shadow:0 1px #e8e2d247 inset,0 8px 24px -10px #d6b66acc}button.primary:hover{filter:brightness(1.12)}button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--line-strong)}button.secondary:hover{background:var(--accent-deep);border-color:var(--accent);color:var(--text)}button.primary:active,button.secondary:active{transform:translateY(1px)}button.primary:disabled,button.secondary:disabled{opacity:.4}.status{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:.85rem;border-bottom:1px solid var(--line);margin-bottom:1rem}.status strong{font-size:1.05rem}@media(max-width:30rem){.status{flex-wrap:wrap}.status .prompt{order:3;flex-basis:100%;text-align:left}}.status .prompt{color:var(--muted);font-size:.85rem;text-align:right}.tag{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#e8e2d214;border-radius:.3rem;padding:.1rem .4rem;margin-left:.4rem;vertical-align:middle}.scoreboard{background:var(--sheen),var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.85rem 1.15rem;margin-bottom:1rem;box-shadow:var(--shadow-md)}.scoreboard header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.6rem}.scoreboard .target{color:var(--muted);font-size:.8rem}.scoreboard ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:0}.scoreboard li{display:flex;align-items:center;font-size:.8rem;color:var(--muted);background:var(--well);border-radius:.45rem;padding:.35rem .65rem}.scoreboard li.ahead{color:var(--text);background:#d6b66a29;box-shadow:inset 0 0 0 1px #d6b66a80}.scoreboard .count{margin-left:.5rem;font-variant-numeric:tabular-nums;font-weight:700;color:var(--text)}.match-over{display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;padding:2rem 1rem;margin-bottom:1rem;border:1px solid var(--accent);border-radius:var(--radius);background:radial-gradient(120% 140% at 50% 0%,rgba(214,182,106,.24),transparent 72%),var(--well);box-shadow:0 0 60px -20px #d6b66abf}.match-over-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent)}.match-over-name{font-size:2.4rem;font-weight:700;line-height:1.15}.match-over-score{color:var(--muted);font-size:.85rem;margin-bottom:.75rem}.scoring-table table{width:100%;border-collapse:collapse;margin-bottom:.75rem;font-size:.85rem}.scoring-table th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;padding:0 .5rem .35rem;border-bottom:1px solid var(--line-strong)}.scoring-table th:last-child,.scoring-table td.points{text-align:right}.scoring-table td{padding:.35rem .5rem;border-bottom:1px solid var(--line)}.scoring-table td.points{font-variant-numeric:tabular-nums;font-weight:700}.scoring-table tr:first-child td.points{color:var(--accent)}.scoring-notes{list-style:none;padding:0;margin:0;color:var(--muted);font-size:.8rem}.scoring-notes li{padding-left:.9rem;position:relative;margin-bottom:.2rem}.scoring-notes li:before{content:"·";position:absolute;left:.25rem}.dialog{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--sheen),var(--panel);color:var(--text);padding:0;max-width:28rem;width:calc(100% - 2rem);box-shadow:var(--shadow-lg)}.dialog::backdrop{background:#040e0bb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-body{padding:1.35rem}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.dialog-header h2{margin:0;font-size:1.05rem}.score{display:flex;align-items:center;gap:1.15rem;background:var(--well);border:1px solid var(--line);border-radius:.65rem;padding:.85rem 1.15rem;margin-bottom:1rem}.score-final{display:flex;flex-direction:column;align-items:center;gap:.2rem}.score-sum{display:flex;flex-direction:column;gap:.15rem}.score-total{font-size:1.9rem;font-weight:700;line-height:1;color:var(--accent)}.score-breakdown{color:var(--muted);font-size:.8rem}.played-note{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.log-player{min-width:5rem;color:var(--muted)}.log-action{margin-left:auto;font-size:.8rem;text-align:right}.log-attack{color:var(--attack)}.log-defend{color:var(--defend)}.log-pass,.log-discard{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pcard{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:0;border:1px solid rgba(4,14,11,.3);border-radius:.35rem;background:linear-gradient(180deg,var(--ivory),var(--parchment));box-shadow:0 3px 7px #040e0b73;font-weight:700;line-height:1}.pcard-row{width:2.1rem;height:3rem;font-size:.85rem}.pcard-hand{width:3.1rem;height:4.5rem;font-size:1.3rem}.pcard-centre{width:4.2rem;height:6rem;border-radius:.5rem;font-size:1.9rem;box-shadow:0 12px 28px #040e0b99}.pcard-odd{color:var(--odd)}.pcard-even{color:var(--even)}.pcard-wild{border-width:2px;border-color:currentColor}.pcard-parity{position:absolute;top:.3rem;right:.3rem;background:currentColor;opacity:.85}.pcard-parity-even{width:.3rem;height:.3rem;border-radius:50%}.pcard-parity-odd{width:.34rem;height:.12rem;border-radius:.06rem}.pcard-art{display:block;width:auto}.pcard-row .pcard-art{height:1.9rem}.pcard-hand .pcard-art{height:3rem}.pcard-centre .pcard-art{height:4rem}.pcard-row .pcard-note{display:none}.pcard-note{margin-top:.15rem;font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.7}.pcard-dim{filter:saturate(.4) brightness(.82);box-shadow:0 1px 3px #040e0b66}button.pcard{cursor:pointer;font-family:inherit}button.pcard:disabled{cursor:not-allowed}button.pcard:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.pcard-back{background:linear-gradient(180deg,var(--maroon),#4a2020);border-color:#d6b66a66;color:#e8e2d273}.pod{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.35rem .7rem;background:#040e0b6b;border:1px solid rgba(214,182,106,.26);border-radius:.5rem;color:var(--text);white-space:nowrap}.pod-current{border-color:var(--gold);box-shadow:0 0 0 2px #d6b66a52}.pod-name{font-weight:700;font-size:.85rem}.pod-held{font-size:.7rem;color:var(--muted)}.pod-tags{display:flex;gap:.25rem}.pod-tags .tag{margin-left:0}.tag-quiet{opacity:.6}.felt-row{position:relative;height:3rem}.felt-row-slot{position:absolute;top:0}.slot{display:flex;flex-direction:column;align-items:center;gap:.4rem}.slot-well{display:flex;align-items:center;justify-content:center;width:4.2rem;height:6rem;border:1px dashed rgba(214,182,106,.35);border-radius:.5rem}@keyframes caption-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.slot-caption{animation:caption-in .16s ease-out both;font-size:.85rem;font-weight:600;color:var(--text);text-align:center;text-shadow:0 1px 3px rgba(4,14,11,.8)}.hand-area{display:flex;flex-direction:column;align-items:center;gap:.5rem}.fan{position:relative;height:6.6rem;list-style:none;margin:0;padding:0}.fan-slot{position:absolute;bottom:0;left:50%;transform:var(--fan-place);transform-origin:50% 150%;transition:transform .11s cubic-bezier(.22,.86,.3,1)}.fan-slot:has(button.pcard):hover,.fan-slot:has(button.pcard:focus-visible){transform:var(--fan-place) translateY(-10px)}.fan-slot:has(button.pcard:active){transform:var(--fan-place) translateY(-3px);transition-duration:60ms}.pass{font-size:.8rem;padding:.35rem 1.1rem}.ticker{position:absolute;right:.75rem;bottom:.75rem;max-width:12rem;padding:.4rem .6rem;background:#040e0b80;border:1px solid rgba(214,182,106,.22);border-radius:.5rem;font-size:.72rem;text-align:right}.ticker-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column-reverse;justify-content:flex-start;min-height:3.4rem}.ticker-lines li{padding:.05rem 0}.ticker-player{color:var(--muted)}.ticker-empty{margin:0;color:var(--muted)}.ticker-more{margin-top:.2rem;padding:0;border:0;background:none;color:var(--gold);font-size:.68rem;font-weight:600}.history{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#040e0bb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.history-panel{width:min(26rem,calc(100% - 2rem));max-height:70vh;overflow-y:auto;padding:1.25rem;background:var(--sheen),var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.history-lines{list-style:none;padding:0;margin:0;font-size:.85rem}.history-lines li{display:flex;align-items:center;gap:.6rem;padding:.35rem 0;border-bottom:1px solid var(--line)}.history-lines li:last-child{border-bottom:none}.felt{position:relative;flex:1;min-height:27rem;max-height:44rem;border-radius:var(--radius);background:radial-gradient(70% 105% at 50% 42%,var(--felt),var(--felt-deep) 82%);border:1px solid rgba(214,182,106,.2);box-shadow:inset 0 1px #e8e2d20f,var(--shadow-md);overflow:hidden}.felt-at{position:absolute;transform:translate(-50%,-50%)}.felt-pod{z-index:2}.felt-centre{z-index:1}.felt-hand{position:absolute;left:50%;bottom:1.4rem;transform:translate(-50%);z-index:3}.felt-waiting{margin:0;color:var(--muted);font-size:.85rem;font-style:italic}@media(max-width:52rem){.felt{min-height:24rem}}.version{position:fixed;right:.6rem;bottom:.35rem;font-size:.62rem;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#e8e2d257;pointer-events:none}.board{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}.board-head{display:flex;justify-content:flex-end;margin-bottom:.75rem}@keyframes round-end-in{0%{opacity:0}to{opacity:1}}.round-end{animation:round-end-in .18s ease-out both;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border-radius:var(--radius);background:#040e0bbd;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.round-end .score{margin-bottom:0}