:root{--bg: #0a1120;--surface: #14233c;--surface-raised: #1b3052;--surface-sunken: #060b16;--surface-inset: rgba(255, 255, 255, .05);--text: #f4f6f9;--text-muted: #b6c8de;--text-subtle: #5c7fac;--text-faint: #5a6473;--text-on-accent: #2a1405;--brand: #3a5e91;--brand-soft: rgba(58, 94, 145, .16);--blue-100: #cdddf2;--blue-600: #3a5e91;--blue-800: #21314f;--white: #ffffff;--accent: #c66a2a;--accent-hover: #dc7e3a;--accent-press: #a4521f;--accent-soft: rgba(198, 106, 42, .14);--accent-line: #dc7e3a;--border: rgba(255, 255, 255, .16);--border-strong: rgba(255, 255, 255, .3);--border-subtle: rgba(255, 255, 255, .08);--success: #4fae7e;--danger: #d45b57;--warning: #e0b23e;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 6px 20px rgba(0, 0, 0, .35);--shadow-lg: 0 18px 50px rgba(0, 0, 0, .45);--inset-top: inset 0 1px 0 rgba(255, 255, 255, .06);--glow-accent: 0 0 0 3px var(--accent-soft);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--suit-red: #ed7a74;--suit-yellow: #e9bb48;--suit-green: #57c78c;--suit-blue: #7faae6;--suit-white: #cfdbec;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-accent: "Newsreader", Georgia, serif;--card-w: 64px;--card-h: 96px;--fan: 25px;--card-radius: 11px}[data-theme=light]{--bg: #f3f5f9;--surface: #ffffff;--surface-raised: #ffffff;--surface-sunken: #eef1f6;--surface-inset: rgba(10, 17, 32, .04);--text: #16233a;--text-muted: #44597a;--text-subtle: #6b82a8;--text-faint: #94a2b8;--text-on-accent: #2a1405;--brand: #3a5e91;--brand-soft: rgba(58, 94, 145, .12);--border: rgba(10, 17, 32, .14);--border-strong: rgba(10, 17, 32, .26);--border-subtle: rgba(10, 17, 32, .08);--inset-top: inset 0 1px 0 rgba(255, 255, 255, .7);--suit-red: #cb504c;--suit-yellow: #b78a1a;--suit-green: #3c8e66;--suit-blue: #3a5e91;--suit-white: #6b7689}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.studio-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(120% 80% at 50% 0%,#000 40%,transparent 85%);mask-image:radial-gradient(120% 80% at 50% 0%,#000 40%,transparent 85%)}.header{position:sticky;top:0;z-index:20;height:64px;display:flex;align-items:center;gap:16px;padding:0 24px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}.header .wrap{width:100%;max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:14px}.logomark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(160deg,var(--brand),#24304d);box-shadow:var(--inset-top),var(--shadow-sm);flex:none}.wordmark b{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.02em;display:block;line-height:1}.wordmark span{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-subtle)}.header .spacer{flex:1}.chip{display:inline-flex;align-items:center;gap:8px;padding:5px 10px 5px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:13px;color:var(--text-muted)}.avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:12px;color:var(--text-on-accent);background:linear-gradient(150deg,var(--accent-hover),var(--accent-press))}.avatar.lg{width:48px;height:48px;font-size:18px}.avatar.bot{background:linear-gradient(150deg,#6f93d6,#2f4a78);color:#fff}.page{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:clamp(28px,5vw,64px) 24px 80px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-line);margin-bottom:18px}.eyebrow:before{content:"";width:22px;height:2px;background:var(--accent-line)}h1.hero{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,5vw,52px);letter-spacing:-.03em;line-height:1.04;max-width:18ch;margin:0 0 16px}h1.hero em{font-family:var(--font-accent);font-style:italic;font-weight:500;color:var(--accent)}.lead{color:var(--text-muted);font-size:clamp(14.5px,1.6vw,17px);line-height:1.6;max-width:60ch}.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--inset-top),var(--shadow-md);padding:22px}.panel.accent{border-top:2px solid var(--accent);background:radial-gradient(120% 130% at 92% 0%,var(--accent-soft),transparent 52%),var(--surface)}.mono-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-subtle)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:10px;padding:11px 16px;font-family:var(--font-display);font-weight:600;font-size:14px;cursor:pointer;transition:transform .08s var(--ease-out),background .15s,box-shadow .15s}.btn:disabled{opacity:.42;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--text-on-accent)}.btn.primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--glow-accent);transform:translateY(-1px)}.btn.primary:active:not(:disabled){transform:translateY(1px)}.btn.soft{background:var(--surface-inset);color:var(--text);border-color:var(--border)}.btn.ghost{background:transparent;color:var(--text-muted);border-color:var(--border)}.btn.ghost:hover{color:var(--text)}.btn.pill{border-radius:999px;padding:8px 14px}.input{width:100%;height:42px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface-sunken);color:var(--text);padding:0 12px;font-family:var(--font-body);font-size:14px}.row{display:flex;gap:clamp(16px,2vw,26px);flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}.gate-cards{margin-top:28px}.player-card{flex:1 1 280px;max-width:360px}.access-panel{flex:1.3 1 360px}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot-pending{background:var(--warning);box-shadow:0 0 0 4px color-mix(in srgb,var(--warning) 25%,transparent)}.dot-granted{background:var(--success)}.dot-locked{background:var(--accent)}.legal-section{display:grid;grid-template-columns:40px 1fr;gap:16px}.legal-section .idx{font-family:var(--font-mono);color:var(--accent-line);font-size:13px}.legal-section h3{font-family:var(--font-display);font-weight:600;font-size:clamp(17px,2vw,21px);margin:0 0 6px}.legal-section p{color:var(--text-muted);font-size:14.5px;line-height:1.68;margin:0}.bots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(16px,2vw,24px);margin-top:26px}.bot-card{position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden}.ribbon{position:absolute;top:14px;right:14px;background:var(--accent-soft);color:var(--accent-line);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:999px}.bot-head{display:flex;align-items:center;gap:12px}.glyph-tile{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-family:var(--font-mono);font-size:20px}.glyph-tile.greedy{background:var(--brand-soft);color:var(--brand)}.glyph-tile.ppo{background:var(--accent-soft);color:var(--accent)}.elo-box{display:flex;align-items:center;gap:10px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:12px;padding:10px 14px;margin:16px 0}.elo-box .rating{font-family:var(--font-display);font-weight:700;font-size:30px}.facts{border-top:1px solid var(--border-subtle)}.fact{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border-subtle);font-size:13px}.fact .k{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-subtle);font-size:11px}.admin-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);margin-bottom:10px}.login-wrap{position:relative;min-height:100%;display:grid;place-items:center;padding:40px 20px}.login-card{position:relative;z-index:1;width:100%;max-width:380px;gap:16px}.login-brand{display:flex;align-items:center;gap:12px}.login-brand .logomark{width:40px;height:40px;border-radius:11px}.login-word{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.02em;line-height:1.1}.login-google{display:inline-flex;align-items:center;justify-content:center;gap:10px}.g-icon{width:18px;height:18px;flex:none}.or-divider{display:flex;align-items:center;gap:12px;color:var(--text-subtle)}.or-divider:before,.or-divider:after{content:"";height:1px;flex:1;background:var(--border)}.or-divider span{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.input-error{border-color:var(--danger)}.login-hint-err{color:var(--danger);font-size:12.5px}.login-alert{display:flex;align-items:center;gap:8px;color:var(--danger);font-size:12.5px;background:color-mix(in srgb,var(--danger),transparent 88%);border:1px solid color-mix(in srgb,var(--danger),transparent 60%);border-radius:10px;padding:9px 12px}.login-foot{text-align:center;color:var(--text-subtle)}.login-success{align-items:center;text-align:center;gap:10px;padding:8px 0}.login-mail{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:var(--accent-soft);color:var(--accent)}.tour-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none}.tour-mask{position:fixed;background:#060a149e;pointer-events:auto}.tour-mask-full{top:0;right:0;bottom:0;left:0}.tour-ring{position:fixed;pointer-events:none;border-radius:12px;box-shadow:0 0 0 2px var(--accent),0 0 0 6px color-mix(in srgb,var(--accent),transparent 70%);transition:top .18s ease,left .18s ease,width .18s ease,height .18s ease}.tour-bubble{position:fixed;pointer-events:auto;padding:16px 18px;max-width:calc(100vw - 24px)}.tour-bubble-center{top:50%;left:50%;transform:translate(-50%,-50%);width:360px}.tour-step{color:var(--accent-line);margin-bottom:6px}.tour-title{font-family:var(--font-display);font-weight:700;font-size:17px;margin:0 0 6px;letter-spacing:-.01em}.tour-body{color:var(--text-muted);font-size:13.5px;line-height:1.55;margin:0}.tour-hint{margin-top:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--accent);display:flex;align-items:center;gap:7px}.tour-hint:before{content:"→"}.tour-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.tour-controls-right{display:flex;gap:8px}.tour-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:22px;border-top:2px solid var(--accent);background:radial-gradient(120% 130% at 92% 0%,var(--accent-soft),transparent 52%),var(--surface)}.tour-banner-text{font-size:14px;color:var(--text-muted);max-width:64ch;line-height:1.5}.tour-banner-text b{color:var(--text)}.tour-banner-actions{display:flex;gap:8px;flex-wrap:wrap}.linklike{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;cursor:pointer;color:var(--accent);font:inherit;text-decoration:underline;text-underline-offset:2px}.linklike:hover{color:var(--accent-hover)}:root{--suit-red: #ED7A74;--suit-yellow: #E9BB48;--suit-green: #57C78C;--suit-blue: #7FAAE6;--suit-white: #CFDBEC;--card-w: 64px;--card-h: 96px;--strip: 18px;--fan: clamp(13px, 1.6vh, 18px);--card-radius: 11px;--opp-peek: 34px;--opp-card-h: 90px}@media (max-width: 920px){:root{--card-w: 52px;--card-h: 78px;--strip: 16px;--fan: 18px}}[data-theme=light]{--suit-red: #CB504C;--suit-yellow: #B78A1A;--suit-green: #3C8E66;--suit-blue: #3A5E91;--suit-white: #6B7689}.bc-card[data-suit=red],.exp-col[data-suit=red],.discard-slot[data-suit=red],.sr-cell[data-suit=red],.res-col[data-suit=red],.res-slot[data-suit=red]{--suit: var(--suit-red)}.bc-card[data-suit=yellow],.exp-col[data-suit=yellow],.discard-slot[data-suit=yellow],.sr-cell[data-suit=yellow],.res-col[data-suit=yellow],.res-slot[data-suit=yellow]{--suit: var(--suit-yellow)}.bc-card[data-suit=green],.exp-col[data-suit=green],.discard-slot[data-suit=green],.sr-cell[data-suit=green],.res-col[data-suit=green],.res-slot[data-suit=green]{--suit: var(--suit-green)}.bc-card[data-suit=blue],.exp-col[data-suit=blue],.discard-slot[data-suit=blue],.sr-cell[data-suit=blue],.res-col[data-suit=blue],.res-slot[data-suit=blue]{--suit: var(--suit-blue)}.bc-card[data-suit=white],.exp-col[data-suit=white],.discard-slot[data-suit=white],.sr-cell[data-suit=white],.res-col[data-suit=white],.res-slot[data-suit=white]{--suit: var(--suit-white)}.card-wrap{width:var(--card-w);height:var(--card-h);flex:none}.bc-card{position:relative;width:100%;height:100%;border-radius:var(--card-radius);background:var(--surface-raised);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;--suit: var(--text)}[data-theme=light] .bc-card{background:var(--white)}.bc-card .top{height:var(--strip);min-height:var(--strip);display:flex;align-items:center;padding:0 7px;position:relative;z-index:2;border-bottom:1px solid color-mix(in srgb,var(--suit),transparent 62%)}.bc-card .top .n{font-family:var(--font-display);font-weight:700;line-height:1;font-size:calc(var(--card-w) * .3);color:var(--suit)}.bc-card .top .w{font-size:calc(var(--card-w) * .22);color:var(--suit)}.bc-card .bot{position:absolute;right:0;bottom:0;z-index:3;height:var(--strip);min-height:var(--strip);padding:0 7px;display:flex;align-items:center;justify-content:flex-end;transform:rotate(180deg);transform-origin:center}.bc-card .bot .n{font-family:var(--font-display);font-weight:700;line-height:1;font-size:calc(var(--card-w) * .3);color:var(--suit);text-shadow:0 1px 3px var(--surface-raised),0 0 3px var(--surface-raised)}.bc-card .art{position:relative;flex:1;overflow:hidden;background:color-mix(in srgb,var(--suit),transparent 84%)}.bc-card .art svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.bc-card .wband{position:absolute;left:0;right:0;bottom:0;z-index:2;text-align:center;font-family:var(--font-mono);font-size:8px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--suit);padding:3px 0;background:color-mix(in srgb,var(--surface-raised),transparent 12%)}.bc-card.dim{filter:saturate(.65);opacity:.82}.bc-card.sel{box-shadow:var(--shadow-md),0 0 0 2px var(--accent)}.card-back{position:relative;width:100%;height:100%;border-radius:var(--card-radius);overflow:hidden;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 16%,rgba(255,255,255,.1),transparent 58%),linear-gradient(160deg,var(--brand),color-mix(in srgb,var(--brand),#000 36%));border:1px solid color-mix(in srgb,var(--brand),#000 18%);box-shadow:var(--shadow-sm)}.card-back .cb-frame{position:absolute;top:9%;right:9%;bottom:9%;left:9%;border:1.4px solid rgba(255,255,255,.28);border-radius:calc(var(--card-radius) - 3px)}.card-back .cb-mark{width:28%;aspect-ratio:1;transform:rotate(45deg);position:relative;border:1.8px solid var(--accent-line);border-radius:3px}.card-back .cb-mark:after{content:"";position:absolute;top:26%;right:26%;bottom:26%;left:26%;background:var(--accent);border-radius:2px}.deck-pile{position:relative;width:var(--card-w);height:var(--card-h)}.deck-pile .card-back{position:absolute;top:0;right:0;bottom:0;left:0}.deck-pile .card-back:nth-child(1){transform:translate(3px,3px)}.deck-pile .card-back:nth-child(2){transform:translate(1.5px,1.5px)}.game{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;background:var(--bg);color:var(--text)}.game-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px clamp(14px,3vw,24px);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 72%,transparent);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);flex:none;z-index:2}.gb-left{display:flex;align-items:center;gap:12px;min-width:0}.gb-bot{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle)}.gb-bot b{color:var(--text);font-family:var(--font-display);letter-spacing:-.01em;text-transform:none;font-size:13px}.turn-flag{font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;padding:7px 14px;border-radius:999px;background:var(--accent);color:var(--text-on-accent);white-space:nowrap}.turn-flag.rival{background:var(--surface-inset);color:var(--text-muted);border:1px solid var(--border-strong)}.turn-flag.done{background:var(--brand-soft);color:var(--text)}.board{flex:1;display:grid;grid-template-rows:1fr auto 1fr;gap:clamp(.2rem,.7vh,.45rem);padding:clamp(.3rem,.9vh,.6rem) clamp(.6rem,2vw,1.4rem);overflow:clip;overflow-clip-margin:14px;min-height:0}.tableau{display:grid;grid-template-columns:250px 1px repeat(5,1fr);gap:clamp(.4rem,1.2vw,.85rem);align-items:start}.tableau.rival{align-items:end}.tableau .v-divider{width:1px;height:70%;align-self:center;justify-self:center;background:var(--border)}.nameplate{display:flex;align-items:center;gap:11px;padding:8px 12px;width:100%;box-sizing:border-box;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:13px;box-shadow:var(--inset-top),var(--shadow-sm);transition:box-shadow .18s,border-color .18s}.tableau.rival .nameplate{align-self:start}.tableau.you .nameplate{align-self:end}.nameplate.active{border-color:color-mix(in srgb,var(--accent),transparent 50%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent),transparent 50%),var(--shadow-md)}.pavatar{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:18px;box-shadow:inset 0 0 0 1px #ffffff1f}.pavatar.bot{background:linear-gradient(150deg,var(--blue-600),var(--blue-800));color:var(--blue-100)}.pavatar.human{background:linear-gradient(150deg,var(--accent),var(--accent-press));color:#fff}.pinfo{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto}.pinfo .prow{display:flex;align-items:center;gap:7px;min-width:0}.pinfo .nm{font-family:var(--font-display);font-weight:600;font-size:15.5px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.pinfo .turn-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 color-mix(in srgb,var(--success),transparent 40%);animation:bc-pulse 1.4s ease-out infinite}.pinfo .elo{display:flex;align-items:baseline;gap:5px;font-family:var(--font-mono);font-size:11px;color:var(--text-subtle)}.pinfo .elo svg{color:var(--accent-line);align-self:center}.pinfo .elo .rating{font-family:var(--font-display);font-weight:700;font-size:12.5px;line-height:1;color:var(--text)}.pinfo .elo .lbl{font-weight:600;letter-spacing:.08em;font-size:9.5px;line-height:1;text-transform:uppercase;color:var(--text-faint)}.pinfo .elo .role{align-self:baseline}.nameplate .scorebig{flex:none;margin-left:auto;padding-left:6px;font-family:var(--font-display);font-weight:700;font-size:28px;line-height:1;color:var(--text);white-space:nowrap}.nameplate .scorebig small{font-size:11px;color:var(--text-subtle);font-weight:600;margin-left:3px}@keyframes bc-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--success),transparent 30%)}to{box-shadow:0 0 0 9px color-mix(in srgb,var(--success),transparent 100%)}}.side-panel{display:flex;flex-direction:column;gap:6px;min-width:0}.tableau.rival .side-panel{align-self:start}.tableau.you .side-panel{align-self:end}.scorecard{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:7px 9px;box-shadow:var(--inset-top),var(--shadow-sm);display:flex;flex-direction:column;gap:5px}.sr-row{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.sr-cell{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 1px;border-radius:7px;background:color-mix(in srgb,var(--suit),transparent 88%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--suit),transparent 60%)}.sr-bar{width:14px;height:3px;border-radius:2px;background:var(--suit)}.sr-pts{font-family:var(--font-mono);font-weight:700;font-size:11.5px;line-height:1;color:var(--text)}.sr-pts.neg{color:var(--danger)}.sr-pts.off{color:var(--text-faint)}.sr-total{display:flex;align-items:center;justify-content:space-between;padding-top:5px;border-top:1px solid var(--border-subtle)}.sr-total-lbl{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-subtle)}.sr-total-val{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--text)}.sr-total-val small{font-size:9.5px;color:var(--text-subtle);font-weight:600;margin-left:3px}.exp-col{position:relative;align-self:stretch;display:flex;flex-direction:column;border-radius:10px;min-height:var(--card-h);padding:3px;transition:background .15s,box-shadow .15s;background:color-mix(in srgb,var(--suit),transparent 86%);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--suit),transparent 56%)}.tableau.rival .exp-col{justify-content:flex-end}.exp-col.playable{cursor:pointer;box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft)}.exp-col.playable:hover{background:color-mix(in srgb,var(--accent),transparent 78%)}.exp-col.drop-ok{cursor:copy;box-shadow:inset 0 0 0 2.5px var(--accent),0 0 18px var(--accent-soft);background:var(--accent-soft);animation:drop-throb 1s ease-in-out infinite}@keyframes drop-throb{0%,to{box-shadow:inset 0 0 0 2.5px var(--accent),0 0 14px var(--accent-soft)}50%{box-shadow:inset 0 0 0 2.5px var(--accent),0 0 26px color-mix(in srgb,var(--accent),transparent 55%)}}.exp-stack{position:relative}.exp-stack .card-wrap{position:absolute;left:50%;transform:translate(-50%)}.exp-score{position:absolute;left:50%;transform:translate(-50%);z-index:20;font-family:var(--font-display);font-weight:700;font-size:11px;background:var(--surface-raised);color:var(--text-muted);padding:1px 7px;border-radius:6px;white-space:nowrap;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.tableau.you .exp-score{top:-9px}.tableau.rival .exp-score{top:auto;bottom:-9px}.exp-score.neg{color:var(--danger)}.opp-hand{flex:none;height:var(--opp-peek);z-index:1;display:flex;justify-content:center;align-items:flex-start;gap:clamp(.3rem,1vw,.55rem);overflow:visible;pointer-events:none}.opp-hand .rh-card{width:calc(var(--card-w) * .92);height:var(--opp-card-h);flex:none;margin-top:calc(var(--opp-peek) - var(--opp-card-h));filter:drop-shadow(0 8px 14px rgba(0,0,0,.4))}.river{display:grid;grid-template-columns:250px 1px repeat(5,1fr);gap:clamp(.4rem,1.2vw,.85rem);align-items:center;padding:clamp(.15rem,.5vh,.35rem) 0;border-top:1px dashed var(--border-strong);border-bottom:1px dashed var(--border-strong)}.river .v-divider{width:1px;height:80%;background:var(--border-strong);justify-self:center}.deck-zone{display:flex;align-items:center;justify-content:center;gap:12px}.deck-zone .meta{line-height:1.2}.deck-zone .meta .lbl{font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-subtle)}.deck-zone .meta .cnt{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--text)}.deck-tap{border-radius:var(--card-radius);transition:box-shadow .15s}.deck-tap.live{cursor:pointer;box-shadow:0 0 0 2px var(--accent),var(--glow-accent)}.discard-slot{position:relative;display:flex;align-items:center;justify-content:center;min-height:var(--card-h);border-radius:10px;padding:3px;background:color-mix(in srgb,var(--suit),transparent 86%);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--suit),transparent 56%)}.discard-slot.drawable{cursor:pointer;box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft)}.discard-slot.discardable{cursor:pointer;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--text-subtle),transparent 35%)}.discard-slot.discardable:hover{box-shadow:inset 0 0 0 2.5px var(--text-muted);background:color-mix(in srgb,var(--suit),transparent 80%)}.discard-slot.discardable:after{content:"Discard";position:absolute;inset:auto 0 6px 0;text-align:center;font-family:var(--font-mono);font-weight:600;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);pointer-events:none}.discard-slot.drop-ok{cursor:copy;box-shadow:inset 0 0 0 2.5px var(--accent),0 0 18px var(--accent-soft);background:var(--accent-soft);animation:drop-throb 1s ease-in-out infinite}.hand .card-wrap[draggable=true],.deck-pile[draggable=true],.discard-slot .card-wrap[draggable=true]{cursor:grab}.hand .card-wrap[draggable=true]:active,.deck-pile[draggable=true]:active{cursor:grabbing}.card-wrap.dragging{opacity:.32}.hand.drop-ok{outline:2px dashed color-mix(in srgb,var(--accent),transparent 25%);outline-offset:7px;border-radius:16px;background:color-mix(in srgb,var(--accent),transparent 90%)}.fly-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none}.fly-card{z-index:9999;pointer-events:none;filter:drop-shadow(0 18px 34px rgba(0,0,0,.55));border-radius:var(--card-radius);transition-property:transform;transition-timing-function:cubic-bezier(.4,.05,.25,1);will-change:transform}.fly-card .card-wrap,.fly-card .card-back{width:100%;height:100%}.discard-empty{width:var(--card-w);height:var(--card-h);border-radius:8px}.hand-dock{flex:none;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:9px clamp(.8rem,2.5vw,1.4rem) 11px}.hand-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;gap:12px}.hand-head .lbl{font-family:var(--font-mono);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--text-subtle)}.hand-head .hint{font-size:13px;color:var(--text-muted);text-align:right}.hand{display:flex;gap:clamp(.3rem,1vw,.55rem);justify-content:center;flex-wrap:wrap}.hand .card-wrap{transition:transform .15s ease,opacity .15s ease;cursor:pointer}.hand .card-wrap:hover{transform:translateY(-8px)}.hand .card-wrap.sel,.hand .card-wrap.sel:hover{transform:translateY(-14px)}.gbtn{font-family:var(--font-display);font-weight:600;font-size:14px;border-radius:10px;padding:10px 20px;border:1px solid transparent;transition:.15s;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;white-space:nowrap}.gbtn:active{transform:translateY(1px)}.gbtn-primary{background:var(--accent);color:var(--text-on-accent)}.gbtn-primary:hover{background:var(--accent-hover);box-shadow:var(--glow-accent)}.gbtn-soft{background:var(--surface-inset);color:var(--text);border-color:var(--border-strong)}.gbtn-soft:hover{background:color-mix(in srgb,var(--text) 8%,transparent)}.gbtn-ghost{color:var(--text-muted);border-color:var(--border-strong)}.gbtn-ghost:hover{background:var(--surface-inset);color:var(--text)}.gbtn:disabled{opacity:.42;cursor:not-allowed}.action-row{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:9px;flex-wrap:wrap;min-height:22px}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:var(--surface);border:1px solid var(--border-strong);color:var(--text-muted);cursor:pointer;transition:.15s}.icon-btn:hover{color:var(--text);border-color:var(--text-subtle)}.results{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;background:var(--bg);color:var(--text);overflow:auto}.results-body{flex:1;display:flex;flex-direction:column;gap:clamp(16px,2.4vw,26px);padding:clamp(20px,3vw,36px) clamp(16px,4vw,48px) 48px;max-width:1320px;margin:0 auto;width:100%}.verdict{text-align:center;padding:8px 0 4px}.verdict .v{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:600;color:var(--accent-line)}.verdict h2{font-family:var(--font-display);font-weight:700;font-size:clamp(2.2rem,4.6vw,3.2rem);letter-spacing:-.025em;margin:8px 0 0;color:var(--text)}.res-row{display:grid;grid-template-columns:1fr 260px;gap:clamp(16px,2.4vw,28px);align-items:center}.res-tableau{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(.5rem,1.4vw,1rem)}.res-side{display:flex;align-items:center;gap:16px;justify-content:flex-end}.res-side .who{text-align:right}.res-side .who .nm{font-family:var(--font-display);font-weight:600;font-size:21px;color:var(--text)}.res-side .who .tag{font-family:var(--font-mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-subtle)}.res-side .total{font-family:var(--font-display);font-weight:700;font-size:clamp(2.8rem,5.5vw,4.2rem);line-height:1;color:var(--text)}.res-side .total.win{color:var(--accent)}.res-divider{display:flex;align-items:center;justify-content:center;gap:16px}.res-divider .ln{height:1px;background:var(--border);flex:1}.res-divider .vs{font-family:var(--font-mono);font-weight:600;color:var(--text-subtle);font-size:12px;letter-spacing:.18em}.res-col{position:relative;display:flex;flex-direction:column}.res-col .head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px;flex-wrap:nowrap}.res-col .head .lbl{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.res-col .head .rc-dot{width:10px;height:14px;border-radius:3px;background:var(--suit);flex:none}.res-col .head .pts{font-family:var(--font-mono);font-weight:700;font-size:12.5px;color:var(--text);white-space:nowrap}.res-col .head .pts.neg{color:var(--danger)}.res-col .head .pts.zero{color:var(--text-subtle)}.res-slot{position:relative;flex:1;border-radius:12px;padding:8px;min-height:116px;background:color-mix(in srgb,var(--suit),transparent 86%);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--suit),transparent 54%)}.res-slot.empty{display:grid;place-items:center;border-radius:12px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--suit),transparent 66%)}.res-stack{position:relative;width:var(--card-w);margin:0 auto;--card-w: 64px;--card-h: 96px}.res-stack .card-wrap{position:absolute;left:0}.res-stack .bc-card .bot,.res-stack .bc-card .wband{display:none}.res-empty-lbl{font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-subtle)}.res-cta{display:flex;gap:12px;justify-content:center;padding-top:14px;flex-wrap:wrap}.results.tour-finale .res-cta{position:sticky;bottom:0;z-index:2;margin-top:4px;padding:14px 0 18px;background:linear-gradient(to top,var(--bg) 72%,transparent)}@media (max-width: 760px){.tableau,.river{grid-template-columns:1fr}.tableau .v-divider,.river .v-divider{display:none}.nameplate{grid-column:1 / -1}.res-row{grid-template-columns:1fr}.res-side{justify-content:flex-start}}