:root{color-scheme:dark;--bg: #06070f;--bg-alt: #111522;--board-card-width: clamp(159px, 10.2vw, 224px);--hand-card-width: clamp(177px, 11.4vw, 244px);--panel: rgba(11, 15, 27, .9);--panel-border: rgba(212, 164, 74, .22);--panel-ornament: rgba(83, 205, 238, .12);--accent: #d7a247;--accent-2: #52d9ff;--accent-3: #ff6b98;--accent-4: #73e7bf;--text: #f4e8cf;--muted: #c5b99d;--success: #73e7bf;--warning: #f0cc72;--shadow: 0 24px 60px rgba(0, 0, 0, .48);font-family:IBM Plex Sans,Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left,rgba(82,217,255,.11),transparent 24%),radial-gradient(circle at top right,rgba(255,107,152,.11),transparent 22%),radial-gradient(circle at bottom center,rgba(215,162,71,.08),transparent 34%),linear-gradient(180deg,#04050b,#0a0d18 42%,#05070e)}button,input,select{font:inherit}button{border:1px solid rgba(212,164,74,.28);border-radius:999px;padding:.75rem 1rem;color:#1b1309;background:linear-gradient(180deg,#ffe9b7f0,#d7a247f0),linear-gradient(90deg,rgba(255,255,255,.08),transparent);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease;box-shadow:0 12px 24px #0000004d,0 0 0 1px #d4a44a1a inset}button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.45;transform:none;box-shadow:none}button.secondary{color:var(--text);background:linear-gradient(180deg,#191f34eb,#0c101deb),radial-gradient(circle at top,rgba(255,255,255,.06),transparent 55%);box-shadow:0 8px 18px #0000003d}button.ghost{color:var(--accent-2);background:linear-gradient(180deg,#101826f0,#0b101df0),radial-gradient(circle at top,rgba(82,217,255,.09),transparent 52%);box-shadow:0 8px 18px #00000038}input,select{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:.75rem .9rem;color:var(--text);background:#ffffff0d}label{display:grid;gap:.45rem;color:var(--muted);font-size:.92rem}.sandbox-shell{width:min(1720px,calc(100vw - 2rem));margin:0 auto;padding:1.25rem 0 3rem}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:1rem;margin-bottom:1rem}.lobby-grid{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start;margin-bottom:1rem}.lobby-copy-block{display:grid;gap:.6rem}.lobby-copy-block h1{margin:0;font-family:"IBM Plex Serif",Georgia,serif;font-weight:600}.lobby-intro-copy{display:grid;gap:.75rem}.lobby-intro-copy h2{margin:0;font-family:"IBM Plex Serif",Georgia,serif;font-weight:600}.lobby-help-list{margin:0}.lobby-primary-panel{display:grid;gap:1rem}.lobby-top-panel,.lobby-overview-panel,.lobby-action-panel,.lobby-image-panel{padding:1rem}.lobby-top-panel{display:grid;gap:1.25rem;padding:1.25rem}.lobby-top-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:1.25rem;align-items:stretch}.lobby-overview-panel{display:grid;align-content:start;gap:1rem;padding-left:1.25rem;border-left:1px solid rgba(245,184,75,.16)}.lobby-overview-panel--waiting{gap:.9rem}.lobby-image-panel{padding:0;aspect-ratio:1672 / 941;min-height:0;overflow:hidden;background-color:#070a12f5}.lobby-guide-image{width:100%;height:auto;display:block;border-radius:28px}.lobby-inline-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.lobby-status-copy{display:grid;gap:.3rem;min-width:0}.lobby-status-copy strong{font-size:1.1rem}.lobby-status-copy span:last-child{color:var(--muted);line-height:1.55}.lobby-left-detail,.lobby-right-detail{margin-bottom:0}.lobby-right-detail.top-grid{grid-template-columns:1fr}.hero-card,.panel,.status-card,.player-panel{border:1px solid var(--panel-border);border-radius:28px;background:linear-gradient(180deg,#ffffff05,#ffffff03),var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero-card,.panel,.player-panel{padding:1rem}.eyebrow{margin:0 0 .4rem;color:var(--accent);font-size:.82rem;letter-spacing:.16em;text-transform:uppercase}.lede{max-width:58rem;color:var(--muted);line-height:1.6}.hero h1,.panel h2,.player-panel h2{margin:0;font-family:"IBM Plex Serif",Georgia,serif;font-weight:600}.button-row{display:flex;flex-wrap:wrap;gap:.6rem}.seed-row,.compact-grid{margin-bottom:1rem}.status-grid,.top-grid,.testing-grid,.player-grid{display:grid;gap:1rem;margin-bottom:1rem}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.top-grid{grid-template-columns:1.35fr .85fr}.testing-grid,.player-grid{grid-template-columns:1fr}.player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-card{padding:1rem;display:grid;gap:.45rem}.emphasis-card{border-color:#ffb34759;background:radial-gradient(circle at top right,rgba(255,179,71,.12),transparent 35%),var(--panel)}.label{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.18em}.next-callout{margin:0;padding:.75rem .9rem;border-radius:18px;background:#ffb3471f;color:var(--text)}.panel-heading{display:grid;gap:.25rem;margin-bottom:.9rem}.panel-heading p,.status-card span,.empty-state,.section-title span,.card-chip small,.info-block span,.summary-card p{color:var(--muted)}.compact-grid,.testing-tool-grid,.duel-summary-grid,.commit-status-grid{display:grid;gap:.8rem}.compact-grid,.testing-tool-grid,.duel-summary-grid,.commit-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.testing-tool-grid+.testing-tool-grid{margin-top:1rem}.tool-card,.choice-card,.summary-card,.info-block,.log-group{border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:.9rem;background:#ffffff0a}.help-panel .help-list{margin:0;padding-left:1.2rem;color:var(--muted);display:grid;gap:.45rem}.player-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.stat-strip{display:flex;flex-wrap:wrap;gap:.55rem}.stat-strip span{padding:.45rem .65rem;border-radius:999px;background:#ffffff0f;color:var(--text)}.card-section{margin-top:1rem}.section-title{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.75rem}.section-title h3,.choice-card h3,.summary-card h3,.log-group h3{margin:0}.card-grid,.choice-grid,.summary-event-list,.log-list,.log-group-list{display:grid;gap:.75rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.card-chip{border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:.8rem;background:#ffffff0a;display:grid;gap:.35rem;min-height:92px}.card-chip input{width:auto}.card-chip.selectable{cursor:pointer}.card-chip.selected{border-color:#ffb347d9;background:linear-gradient(135deg,#ffb34738,#ffb34714),#ffffff0a;box-shadow:inset 0 0 0 1px #ffb34759}.card-chip.tentative{border-color:#7dd3fc8c}.card-chip.committed{border-color:#6ee7b78c;background:#6ee7b714}.card-chip.discard{border-color:#ff7a9066;background:#ff7a9014}.muted-card{opacity:.55}.log-panel .log-list,.summary-event-list,.log-group-list{max-height:560px;overflow:auto}.log-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center}.toggle-row{display:flex;align-items:center;gap:.6rem}.toggle-row input{width:auto}.log-entry{border-left:3px solid var(--accent);padding:.65rem .85rem;border-radius:14px;background:#ffffff0a;font-family:IBM Plex Mono,Consolas,monospace;font-size:.88rem}.summary-event{border-left-color:var(--accent-2)}.analytics-table{display:grid;gap:.45rem}.analytics-row{display:grid;grid-template-columns:minmax(0,2fr) repeat(4,minmax(0,1fr));gap:.75rem;padding:.75rem .85rem;border-radius:16px;background:#ffffff0a;align-items:center}.analytics-header{color:var(--accent);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.replay-viewer{display:grid;gap:1rem}.summary-winner{margin:1rem 0}.waiting-room-grid{grid-template-columns:1.4fr .9fr}.waiting-room-panel,.waiting-side-panel,.board-center,.winner-screen{display:grid;gap:1rem}.waiting-room-banner,.seat-card,.action-prompt-panel,.map-spotlight,.action-panel,.combat-lane,.player-zone,.match-feed-panel,.winner-hero{border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#ffffff0b;padding:1rem}.waiting-room-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.waiting-room-banner--stacked{flex-direction:column;align-items:stretch}.waiting-seat-grid,.online-support-grid,.combat-lane-grid,.board-center-grid,.lane-mini-grid{display:grid;gap:1rem}.waiting-seat-grid,.online-support-grid,.combat-lane-grid,.lane-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.waiting-seat-grid--stacked,.lobby-inline-status--stacked{grid-template-columns:1fr}.seat-card{display:grid;gap:.75rem}.seat-ready{border-color:#6ee7b773;background:#6ee7b717}.seat-status-list,.board-meta-row,.player-chip-row,.delta-row,.lane-badge-row,.winner-meta{display:flex;flex-wrap:wrap;gap:.6rem}.presence-pill,.player-chip,.delta-pill,.lane-badge{padding:.45rem .7rem;border-radius:999px;background:#ffffff14;color:var(--text)}.presence-pill.is-on,.lane-badge.tone-success{background:#6ee7b729}.presence-pill.is-ready,.delta-pill.points-pill{background:#ffb34733}.online-board-shell{display:grid;gap:1rem;margin-bottom:1rem}.player-zone{box-shadow:var(--shadow)}.player-zone.is-active-player{border-color:#ffb34773;background:radial-gradient(circle at top right,rgba(255,179,71,.12),transparent 32%),#ffffff0d}.player-zone.is-waiting-player{border-color:#7dd3fc66}.player-zone-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.player-zone-subtitle{margin:.35rem 0 0;color:var(--muted)}.hp-chip,.damage-pill{background:#ff7a902e}.opponent-info-row{display:grid;gap:.8rem}.hidden-hand-row{display:flex;gap:.5rem}.board-center{border-color:#ffb3472e}.action-prompt-panel{display:grid;gap:.8rem}.action-prompt-panel h2{margin:0;font-family:"IBM Plex Serif",Georgia,serif}.action-prompt-panel p{margin:0;color:var(--muted)}.action-prompt-panel.tone-action{border-color:#ffb34773}.action-prompt-panel.tone-waiting{border-color:#7dd3fc61}.action-prompt-panel.tone-success{border-color:#6ee7b773}.board-meta-row{color:var(--muted);font-size:.9rem}.board-center-grid{grid-template-columns:.9fr 1.1fr}.map-spotlight h3,.action-panel h3,.combat-lane h4{margin:0}.map-spotlight p{margin:.5rem 0 0;color:var(--muted)}.action-panel{display:grid;gap:.9rem}.waiting-banner{border-radius:18px;padding:.8rem .9rem;background:#7dd3fc1a;color:var(--text);display:grid;gap:.35rem}.combat-lanes-panel{display:grid;gap:.85rem}.combat-lane{display:grid;gap:.9rem;min-height:100%}.combat-lane-header{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.lane-badge.tone-action{background:#ffb34733}.lane-badge.tone-waiting{background:#7dd3fc24}.lane-stack{display:grid;gap:.45rem}.lane-player-label{color:var(--muted);font-size:.88rem;text-transform:uppercase;letter-spacing:.18em}.lane-vs{justify-self:center;color:var(--accent);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}.lane-summary{display:grid;gap:.45rem}.lane-summary-line{border-radius:16px;padding:.7rem .8rem;background:#ffffff0a;color:var(--muted)}.card-view,.card-back{border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:.9rem;background:linear-gradient(160deg,#ffffff0f,#ffffff05);display:grid;gap:.5rem;min-height:170px}.card-view-head{display:grid;gap:.2rem}.card-view p,.card-back small{margin:0;color:var(--muted)}.card-view small{color:var(--accent-2)}.card-view-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.card-view.state-selected{border-color:#ffb347cc;box-shadow:inset 0 0 0 1px #ffb34759}.card-view.state-tentative{border-color:#7dd3fc80}.card-view.state-locked{border-color:#6ee7b780;background:#6ee7b714}.card-view.state-discard{border-color:#ff7a9066;background:#ff7a9014}.card-view.state-disabled{opacity:.58}.card-view.state-empty{border-style:dashed}.card-back{background:linear-gradient(135deg,#ffb3471f,#7dd3fc14),#ffffff08;justify-content:center}.small-back{min-height:88px;min-width:68px;padding:.65rem}.hand-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.discard-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.match-feed-panel{display:grid;gap:.85rem}.match-feed-list{display:grid;gap:.75rem}.feed-entry{border-left:3px solid var(--accent-2);padding:.75rem .85rem;border-radius:14px;background:#ffffff0a;display:grid;gap:.2rem}.feed-entry span{color:var(--muted)}.pve-difficulty-picker{margin-top:.8rem;display:grid;gap:.75rem}.summary-explainer{border-radius:20px;padding:.9rem 1rem;background:#ffffff0a}.summary-explainer p{margin:.35rem 0 0;color:var(--muted)}.winner-screen{margin-bottom:1rem;border-color:#ffb34773;background:radial-gradient(circle at top right,rgba(255,179,71,.18),transparent 28%),var(--panel)}.winner-hero{text-align:center}.winner-hero strong{font-size:1.35rem;font-family:"IBM Plex Serif",Georgia,serif}.winner-meta{color:var(--muted)}.empty-online-state{max-width:960px}.online-shell.is-active-match{width:100vw;max-width:none;height:100dvh;min-height:100dvh;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,rgba(82,217,255,.1),transparent 20%),radial-gradient(circle at 20% 16%,rgba(215,162,71,.1),transparent 24%),radial-gradient(circle at 80% 16%,rgba(255,107,152,.1),transparent 22%),linear-gradient(180deg,#05070f,#0a1020 42%,#05070d);position:relative}.board-fit-frame{width:100vw;height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.board-fit-shell{position:relative;flex:0 0 auto}.board-fit-stage{position:absolute;top:50%;left:50%;transform-origin:center;will-change:transform}.online-shell.is-active-match:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#060910f5,#05080ffa)}.online-shell.is-active-match:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 18%,rgba(82,217,255,.08),transparent 18%),radial-gradient(circle at 80% 18%,rgba(255,107,152,.08),transparent 18%),radial-gradient(circle at 50% 84%,rgba(215,162,71,.08),transparent 26%)}.compact-board-panel{border:1px solid rgba(212,164,74,.22);border-radius:22px;background:linear-gradient(180deg,#ffffff06,#ffffff03),#0a0e19d6;box-shadow:0 20px 40px #00000061,inset 0 1px #ffecbd0d,inset 0 0 0 1px #52d9ff0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.arena-board-shell{--board-card-width: 159px;--hand-card-width: 177px;--board-font-xs: 1.04rem;--board-font-sm: 1.17rem;--board-font-md: 1.3rem;--board-font-lg: 1.43rem;--board-font-xl: 1.64rem;--board-font-stat: 1.98rem;--board-font-size-xs: var(--board-font-xs);--board-font-size-sm: var(--board-font-sm);--board-font-size-md: var(--board-font-md);--board-section-padding: .8rem;--board-section-padding-tight: .65rem;--board-grid-gap: .72rem;--board-grid-gap-tight: .5rem;position:relative;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:var(--board-grid-gap-tight);padding:var(--board-section-padding-tight);overflow:visible}.arena-composition-wrap{width:1700px;margin-inline:auto;display:grid;gap:var(--board-grid-gap-tight)}.board-fit-stage .arena-board-shell{width:100%;height:100%;min-height:0}.arena-board-shell.has-blocking-overlay>*:not(.upgrade-overlay-backdrop){pointer-events:none;-webkit-user-select:none;user-select:none;filter:blur(1.5px) saturate(.7);opacity:.38}.compact-status-bar{display:flex;justify-content:space-between;gap:var(--board-grid-gap);align-items:center;padding:var(--board-section-padding-tight) var(--board-section-padding);position:relative;overflow:hidden}.compact-status-bar:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(212,164,74,.09),transparent),linear-gradient(180deg,transparent,rgba(82,217,255,.05))}.status-cluster{display:flex;flex-wrap:wrap;gap:var(--board-grid-gap-tight);align-items:center}.status-cluster-actions{position:relative}.status-pill{border-radius:999px;padding:calc(var(--board-section-padding-tight) * .5) calc(var(--board-section-padding) * .72);background:#ffffff0a;color:var(--text);font-size:var(--board-font-xs);white-space:nowrap;border:1px solid rgba(212,164,74,.12)}.status-brand,.phase-pill{color:var(--gold, #f5b84b)}.status-pill.is-action{background:#f5b84b24}.status-pill.is-waiting{background:#5ee7ff1f}.status-pill.is-success{background:#52ffa81f}.compact-button{padding:.42rem .78rem;box-shadow:none}.status-log-popover{position:absolute;top:calc(100% + var(--board-grid-gap-tight));right:0;z-index:12;width:min(34rem,92vw);display:grid;gap:var(--board-grid-gap-tight);padding:var(--board-section-padding)}.status-log-popover-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--board-grid-gap-tight)}.status-log-popover-head h3{margin:0;font-size:var(--board-font-lg)}.status-log-popover-head span{color:var(--muted);font-size:var(--board-font-sm)}.status-log-close{min-width:2.4rem}.status-log-list{max-height:min(24rem,52vh)}.status-log-popover .log-entry{font-size:var(--board-font-md)}.compact-error{margin:0}.map-row{display:flex;justify-content:center;flex-wrap:nowrap;align-items:flex-start;gap:var(--board-grid-gap);padding:calc(var(--board-section-padding) * 1.35) var(--board-section-padding) var(--board-section-padding-tight)}.map-slot{--map-back-art: url(/map-cards/bind7-danger-v2.png);--map-front-art: url(/map-cards/map-front-danger.png);--map-glow: rgba(255, 122, 144, .26);--map-front-text: #f7dfc1;--map-type-text: rgba(255, 214, 194, .88);width:var(--board-card-width);aspect-ratio:1024 / 1638;position:relative;border-radius:18px;perspective:1400px;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.map-slot.type-adventure{--map-back-art: url(/map-cards/bind7-neutral-v2.png);--map-front-art: url(/map-cards/map-front-neutral.png);--map-glow: rgba(70, 255, 163, .24);--map-front-text: #e8f8d2;--map-type-text: rgba(191, 252, 205, .88)}.map-slot.type-relic{--map-back-art: url(/map-cards/bind7-relic-v2.png);--map-front-art: url(/map-cards/map-front-relic.png);--map-glow: rgba(245, 184, 75, .25);--map-front-text: #fff1be;--map-type-text: rgba(255, 234, 166, .88)}.map-slot.type-danger{--map-back-art: url(/map-cards/bind7-danger-v2.png);--map-front-art: url(/map-cards/map-front-danger.png);--map-glow: rgba(255, 122, 144, .26);--map-front-text: #f7dfc1;--map-type-text: rgba(255, 214, 194, .88)}.map-card-shell{position:relative;width:100%;height:100%;border-radius:inherit;transform-style:preserve-3d;filter:drop-shadow(0 10px 16px rgba(5,8,15,.42));isolation:isolate}.map-slot.is-current .map-card-shell{filter:drop-shadow(0 14px 20px rgba(5,8,15,.5)) drop-shadow(0 0 14px var(--map-glow))}.map-slot.is-glowing .map-card-shell{filter:drop-shadow(0 18px 26px rgba(5,8,15,.56)) drop-shadow(0 0 18px rgba(94,231,255,.28))}.map-slot.is-current{transform:translateY(-4px) scale(1.03);z-index:2}.map-slot.is-glowing{box-shadow:0 0 0 1px #5ee7ff2e,0 0 20px #5ee7ff2e}.map-slot.is-hidden:not(.is-current):not(.is-past){transform:translateY(4px) scale(.96);opacity:.88}.map-slot.is-past{transform:translateY(3px) scale(.94);opacity:.62}.map-face{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:calc(var(--board-section-padding-tight) * .78);overflow:hidden;border-radius:inherit;backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:#05070d;background-position:center;background-repeat:no-repeat;background-size:cover;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.22,.8,.22,1),opacity .62s cubic-bezier(.22,.8,.22,1)}.map-front{background-image:var(--map-front-art);transform:rotateY(180deg) translateZ(1px);opacity:0;z-index:2}.map-back{padding:0;background-image:var(--map-back-art);transform:rotateY(0) translateZ(0);opacity:1;z-index:1}.map-face-copy{position:relative;z-index:1;display:grid;align-items:center;justify-items:center;gap:.2rem;width:100%;max-width:82%;text-align:center}.map-slot.is-revealed .map-front{transform:rotateY(0) translateZ(1px);opacity:1}.map-slot.is-revealed .map-back{transform:rotateY(-180deg) translateZ(0);opacity:0}.map-face strong,.map-face small{margin:0;text-transform:uppercase}.map-face strong,.map-face small{text-shadow:0 1px 2px rgba(0,0,0,.55),0 0 8px rgba(0,0,0,.28)}.map-face strong{font-size:var(--board-font-lg);line-height:1.08;letter-spacing:.05em;color:var(--map-front-text)}.map-face small{color:var(--map-type-text);font-size:clamp(.72rem,.46vw,.82rem);line-height:1.1;letter-spacing:.18em}.arena-top-band{display:grid;grid-template-columns:428px 820px 428px;gap:var(--board-grid-gap);min-height:0;align-items:start}.arena-top-band>*{min-width:0}.arena-player-column{display:grid;align-content:start;gap:var(--board-grid-gap);min-width:0}.player-hud{display:grid;align-content:start;gap:var(--board-grid-gap);padding:var(--board-section-padding);margin-top:0;position:relative;z-index:3;background:radial-gradient(circle at top center,rgba(82,217,255,.08),transparent 35%),linear-gradient(180deg,#0b101deb,#080b15f0)}.player-hud.is-active-player{box-shadow:0 0 0 1px #5ee7ff38,0 0 22px #5ee7ff1c,var(--shadow)}.player-hud.right{background:radial-gradient(circle at top center,rgba(255,107,152,.09),transparent 35%),linear-gradient(180deg,#0d0f1deb,#090b16f0)}.player-hud.right.is-active-player{box-shadow:0 0 0 1px #ff4fa338,0 0 22px #ff4fa31c,var(--shadow)}.hud-header{display:grid;gap:.18rem}.hud-header strong,.showdown-banner strong,.winner-hero strong,.compact-card strong{text-shadow:0 0 16px rgba(0,0,0,.28)}.small-eyebrow{margin-bottom:.05rem;font-size:var(--board-font-xs)}.hud-top-row{display:block}.hud-top-composite-panel{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;width:100%;overflow:hidden;min-height:clamp(5.5rem,6.4vw,6.6rem);border-radius:20px;background:linear-gradient(180deg,#ffffff0a,#ffffff03),#ffffff06;box-shadow:inset 0 0 0 1px #d4a44a24}.hud-top-composite-panel.right{grid-template-columns:minmax(0,1fr) auto}.hud-top-composite-panel>*+*{border-left:1px solid rgba(255,255,255,.08)}.player-avatar{position:relative;display:grid;align-content:start;gap:var(--board-grid-gap-tight);width:clamp(9.5rem,12.5vw,12.75rem)}.player-avatar.left{justify-items:start}.player-avatar.right{justify-items:end}.player-avatar.is-embedded{width:clamp(6.9rem,7.6vw,8rem);align-content:stretch;justify-self:stretch;gap:.32rem;padding:.42rem;background:#ffffff04}.hud-top-composite-panel .player-avatar.left,.hud-top-composite-panel .player-avatar.right{justify-items:center}.avatar-frame{position:relative;width:100%;aspect-ratio:1 / 1;min-height:0;border-radius:18px;overflow:hidden;background:radial-gradient(circle at top center,rgba(255,255,255,.07),transparent 30%),linear-gradient(180deg,#ffffff06,#ffffff03),#ffffff08;border:1px solid rgba(212,164,74,.18)}.avatar-frame:before,.avatar-frame:after{content:"";position:absolute;inset:10px;border-radius:18px;pointer-events:none}.avatar-frame:before{border:1px solid rgba(212,164,74,.12)}.avatar-frame:after{inset:14px;border-radius:18px;border:1px solid rgba(255,255,255,.04)}.theme-a .avatar-frame{box-shadow:inset 0 0 0 1px #5ee7ff2e,0 0 18px #5ee7ff14}.theme-b .avatar-frame{box-shadow:inset 0 0 0 1px #ff4fa333,0 0 18px #ff4fa314}.player-avatar.is-winner .avatar-frame{box-shadow:inset 0 0 0 1px #f5b84b4d,0 0 28px #f5b84b26}.player-avatar.is-active .avatar-frame{transform:translateY(-1px)}.avatar-silhouette{position:absolute;inset:0;display:grid;place-items:center}.avatar-head,.avatar-body{position:absolute;display:block}.avatar-head{width:2rem;height:2rem;border-radius:999px;top:1.15rem}.avatar-body{width:4rem;height:4.8rem;border-radius:42% 42% 18% 18%;top:2.5rem;clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}.theme-a .avatar-head,.theme-a .avatar-body{background:linear-gradient(180deg,#5ee7ffe6,#5ee7ff33)}.theme-b .avatar-head,.theme-b .avatar-body{background:linear-gradient(180deg,#ff4fa3eb,#f5b84b3d)}.avatar-bar{height:.26rem;border-radius:999px;background:#ffffff14;overflow:hidden}.avatar-health-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff4d5a,#f5b84b 65%,#52ffa8);transition:width .18s ease}.avatar-badges{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.avatar-chip{border-radius:999px;padding:.22rem .5rem;background:#ffffff0f;color:var(--text);font-size:var(--board-font-xs)}.rune-chip{color:var(--gold, #f5b84b)}.hud-top-stats-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:stretch;width:100%;min-width:0}.hud-top-stat-card{display:grid;grid-template-rows:auto 1fr;justify-items:center;align-items:start;text-align:center;gap:.18rem;min-width:0;min-height:clamp(5.5rem,6.4vw,6.6rem);padding:.45rem .34rem .38rem;background:none;box-shadow:none}.hud-top-stat-card+.hud-top-stat-card{border-left:1px solid rgba(255,255,255,.08)}.hud-top-stat-card.stat-gems{background:linear-gradient(180deg,#5ee7ff0d,#5ee7ff04)}.hud-top-stat-card.stat-hp{background:linear-gradient(180deg,#ff4d5a0d,#ff4d5a04)}.hud-top-stat-card.stat-points{background:linear-gradient(180deg,#f5b84b0d,#f5b84b04)}.hud-top-stat-label{display:inline-flex;align-items:center;justify-content:center;gap:.22rem;color:var(--muted);font-size:var(--board-font-xs);line-height:1;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.hud-primary-label{display:inline-flex;align-items:center;justify-content:center;gap:.36rem;color:var(--muted);font-size:var(--board-font-sm);letter-spacing:.06em;text-transform:uppercase}.stat-icon{display:inline-flex;align-items:center;justify-content:center;width:.84rem;height:.84rem;color:var(--cyan, #5ee7ff)}.stat-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.stat-hp{color:var(--danger, #ff4d5a)}.stat-points{color:var(--gold, #f5b84b)}.stat-gems{color:var(--cyan, #5ee7ff)}.stat-fatebind{color:#c58cff}.hud-top-stat-card strong{align-self:center;font-size:var(--board-font-stat);line-height:1;color:var(--accent);font-family:Palatino Linotype,Book Antiqua,Georgia,serif;text-shadow:0 0 18px rgba(212,164,74,.12)}.hud-dice-focus{display:grid;gap:.18rem;justify-items:center;text-align:center;border-radius:18px;padding:.6rem .72rem;background:linear-gradient(135deg,#52d9ff1f,#ffffff05),#ffffff05;box-shadow:inset 0 0 0 1px #52d9ff24}.hud-dice-focus strong{font-size:var(--board-font-stat);line-height:1;color:var(--cyan, #5ee7ff);font-family:"IBM Plex Serif",Georgia,serif}.hud-secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem}.hud-stat{display:grid;gap:.14rem;justify-items:center;text-align:center;border-radius:14px;padding:.45rem .5rem;background:#ffffff0a}.hud-stat-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0;overflow:hidden}.hud-stat-half{display:grid;align-content:center;justify-items:center;gap:.16rem;min-width:0;padding:.45rem .34rem}.hud-stat-half+.hud-stat-half{border-left:1px solid rgba(255,255,255,.08)}.hud-stat-half strong,.hud-stat-half small{max-width:100%;text-align:center;overflow-wrap:anywhere}.hud-stat .stat-icon{margin-inline:auto}.compact-secondary-stat strong{font-size:var(--board-font-lg)}.compact-secondary-stat small{color:var(--muted);font-size:var(--board-font-sm)}.hud-stat-split .compact-secondary-stat strong{font-size:var(--board-font-md);line-height:1.08}.hud-stat-split .compact-secondary-stat small{font-size:var(--board-font-sm);line-height:1.08}.discard-stat{position:relative;isolation:isolate;outline:none}.discard-popover{position:absolute;left:50%;bottom:calc(100% + .45rem);transform:translate(-50%,.25rem);min-width:11rem;max-width:14rem;display:grid;gap:.38rem;padding:.58rem .62rem;border-radius:16px;border:1px solid rgba(94,231,255,.16);background:#0c0f1bf5;box-shadow:0 18px 36px #00000057;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;z-index:6}.discard-stat:hover .discard-popover,.discard-stat:focus-within .discard-popover,.discard-stat:focus .discard-popover{opacity:1;transform:translate(-50%)}.discard-popover-title{color:var(--gold, #f5b84b);font-size:var(--board-font-xs);letter-spacing:.08em;text-transform:uppercase}.discard-popover-list{display:grid;gap:.3rem}.discard-popover-item,.discard-popover-empty{border-radius:12px;padding:.38rem .5rem;background:#ffffff0d;color:var(--text);font-size:var(--board-font-sm);line-height:1.2}.hud-commit-status{display:flex;flex-wrap:wrap;gap:.35rem}.hud-delta-row{gap:.35rem}.gem-pill{background:#5ee7ff24}.fate-pill{background:#c58cff24}.showdown-stage{display:grid;gap:0;min-width:0;padding:.95rem 1rem .82rem;background:radial-gradient(circle at top center,rgba(212,164,74,.08),transparent 28%),linear-gradient(180deg,#0b101ce6,#0e121ff5)}.showdown-header{padding:.15rem 0 .45rem}.showdown-center{display:grid;gap:.55rem;padding:.75rem;background:radial-gradient(circle at center,rgba(212,164,74,.08),transparent 26%),linear-gradient(180deg,#0b101ce6,#0e121ff5)}.showdown-banner{display:grid;justify-items:center;gap:.38rem;text-align:center}.match-status-strip{width:100%;max-width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:.18rem}.match-status-card{display:grid;gap:.14rem;padding:.56rem .66rem;border-radius:16px;text-align:left;background:linear-gradient(180deg,#ffffff09,#ffffff03),#0c111eeb;border:1px solid rgba(255,255,255,.08)}.match-status-card.is-action{border-color:#f5b84b47;background:linear-gradient(180deg,#f5b84b1a,#f5b84b08),#0c111ef2}.match-status-card.is-waiting{border-color:#5ee7ff3d;background:linear-gradient(180deg,#5ee7ff14,#5ee7ff06),#0c111ef2}.match-status-card.is-success{border-color:#52ffa83d;background:linear-gradient(180deg,#52ffa814,#52ffa806),#0c111ef2}.match-status-card.is-subdued{opacity:.88}.match-status-label{color:var(--gold, #f5b84b);font-size:var(--board-font-xs);letter-spacing:.08em;text-transform:uppercase}.match-status-text{color:var(--text);font-size:var(--board-font-md);line-height:1.28}.phase-chip{border-radius:999px;padding:.3rem .75rem;background:linear-gradient(180deg,#d4a44a2e,#d4a44a14),#ffffff05;color:var(--accent);border:1px solid rgba(212,164,74,.34);font-size:var(--board-font-xs);letter-spacing:.12em;text-transform:uppercase}.showdown-banner strong{font-size:var(--board-font-xl);font-family:"IBM Plex Serif",Georgia,serif}.showdown-banner small{color:var(--muted);max-width:42rem;text-wrap:balance;font-size:var(--board-font-md)}.map-action-strip{padding:.2rem 0 0}.map-action-strip-inner{display:grid;justify-items:center;gap:.45rem;text-align:center}.map-action-copy{color:var(--muted);max-width:44rem;text-wrap:balance;font-size:var(--board-font-md);line-height:1.32}.center-timer-chip{border-radius:999px;padding:.24rem .72rem;background:#5ee7ff1f;border:1px solid rgba(94,231,255,.28);color:var(--cyan, #5ee7ff);font-size:var(--board-font-sm);line-height:1}.showdown-control-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:.3rem}.center-action-dock{display:grid;justify-items:center;gap:.45rem}.center-lane-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;min-height:0;transition:opacity .16s ease,filter .16s ease}.center-lane-grid.is-muted{opacity:.46;filter:saturate(.72)}.arena-side-stack{display:grid;grid-auto-rows:max-content;align-content:start;gap:.55rem;min-width:0;transition:opacity .16s ease,filter .16s ease}.arena-side-stack.is-muted{opacity:.46;filter:saturate(.72)}.arena-lane-card{padding:.58rem;border-radius:18px;background:linear-gradient(180deg,#ffffff09,#ffffff03),#111524eb}.arena-side-stack .combat-lane{gap:.58rem;min-height:auto}.arena-side-stack .compact-lane-header{margin-bottom:-.1rem}.arena-side-stack .lane-title-block{gap:.08rem}.arena-side-stack .lane-position-pill{width:1.8rem;padding:.14rem .34rem;font-size:var(--board-font-xs)}.arena-side-stack .lane-title-block strong{font-size:var(--board-font-lg)}.arena-side-stack .lane-player-label{font-size:var(--board-font-xs);letter-spacing:.14em}.arena-side-stack .compact-card,.arena-side-stack .compact-card-back{min-height:72px;padding:.55rem;gap:.2rem}.arena-side-stack .compact-card-name,.arena-side-stack .compact-card strong{font-size:var(--board-font-lg)}.arena-side-stack .compact-card small,.arena-side-stack .compact-card-back small{min-height:0;font-size:var(--board-font-sm);line-height:1.22}.map-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.2rem 0 0}.map-preview-grid .lane-preview-card{padding:.44rem .5rem;border-radius:15px}.map-preview-grid .lane-preview-title,.map-preview-grid .lane-preview-label{font-size:var(--board-font-xs)}.map-preview-grid .compact-summary-line{padding:.3rem .36rem;font-size:var(--board-font-sm);line-height:1.2}.lane-title-block{display:grid;gap:.15rem}.lane-position-pill{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;border-radius:999px;padding:.18rem .45rem;background:#5ee7ff1f;color:var(--cyan, #5ee7ff);font-size:var(--board-font-sm)}.lane-badge-row{flex-wrap:wrap}.compact-lane-stack{gap:.35rem}.compact-vs{font-size:var(--board-font-sm);color:var(--gold, #f5b84b)}.compact-lane-summary{gap:.35rem}.lane-preview-card{padding:.52rem .56rem;border-radius:16px;background:linear-gradient(180deg,#ffffff08,#ffffff03),#ffffff06;border:1px solid rgba(212,164,74,.12)}.lane-preview-title{font-size:var(--board-font-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--gold, #f5b84b)}.lane-preview-section{display:grid;gap:.18rem}.lane-preview-label{font-size:var(--board-font-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.compact-summary-line{padding:.38rem .46rem;font-size:var(--board-font-sm);line-height:1.25}.arena-bottom-dock{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--board-grid-gap);padding:0 var(--board-section-padding) 0;align-self:end;align-items:end;align-content:end;justify-items:center;min-height:0;width:100%;overflow:visible}.arena-hand-tray{display:flex;flex-wrap:nowrap;gap:var(--board-grid-gap);width:100%;min-width:0;align-items:end;align-content:end;justify-content:center;overflow-x:auto;overflow-y:visible;padding-inline:0;padding-bottom:0;scrollbar-width:thin}.match-utility-panel{display:grid;grid-auto-flow:column;grid-auto-columns:var(--hand-card-width);gap:var(--board-grid-gap);align-items:end;align-content:end;flex:0 0 auto;justify-content:start;max-width:none;overflow:visible;padding-inline:0}.utility-card{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;width:var(--hand-card-width);aspect-ratio:1024 / 1638;gap:var(--board-grid-gap-tight);padding:calc(var(--board-section-padding-tight) * .9) calc(var(--board-section-padding-tight) * .84) var(--board-section-padding);border-radius:18px;background:linear-gradient(180deg,#ffffff0a,#ffffff03),linear-gradient(180deg,#0d111efa,#090c16f5);border:1px solid rgba(212,164,74,.16);align-content:start;overflow:hidden}.utility-card-head{display:grid;justify-items:start;gap:.22rem}.utility-card .label,.utility-card-type{color:var(--muted);font-size:var(--board-font-xs);text-transform:uppercase;letter-spacing:.18em}.utility-card strong{font-family:Palatino Linotype,Book Antiqua,Georgia,serif;font-size:var(--board-font-lg)}.utility-card small{color:var(--muted);line-height:1.22;font-size:var(--board-font-sm)}.utility-primary-button{width:100%;margin-top:auto;align-self:end}.utility-card-fate .utility-primary-button{color:var(--text)}.utility-action-stack{display:grid;gap:var(--board-grid-gap-tight)}.utility-action-stack button,.utility-primary-button{padding:.3rem .34rem;font-size:var(--board-font-sm);line-height:1.1}.utility-card .phase-chip{font-size:var(--board-font-xs);padding:.22rem .52rem}.utility-card .status-pill{font-size:var(--board-font-xs);padding:.22rem .5rem}.utility-card-fate{box-shadow:inset 0 0 0 1px #52d9ff1a}.utility-card-ability{box-shadow:inset 0 0 0 1px #c58cff1a}.match-log-panel{display:grid;gap:var(--board-grid-gap);padding:var(--board-section-padding);min-height:0;margin-top:var(--board-grid-gap-tight)}.match-log-list{display:grid;gap:.45rem;min-height:0;max-height:min(220px,28vh);overflow:auto}.arena-bottom-dock>.match-utility-panel>.latest-result-strip{height:100%;align-content:start}.action-dock{display:grid;gap:.42rem;align-content:start}.compact-prompt{padding:var(--board-section-padding-tight) var(--board-section-padding);align-content:start;gap:var(--board-grid-gap-tight)}.compact-prompt strong{font-size:var(--board-font-md)}.compact-prompt small{color:var(--muted);line-height:1.25;font-size:var(--board-font-sm)}.compact-prompt.is-compact strong{font-size:var(--board-font-sm)}.slot-pillar{display:grid;gap:var(--board-grid-gap-tight)}.slot-pill{justify-content:flex-start;display:flex;align-items:center;gap:var(--board-grid-gap-tight);padding:calc(var(--board-section-padding-tight) * .88) calc(var(--board-section-padding-tight) * 1.02);text-align:left;color:var(--text);background:#ffffff0d;box-shadow:none}.slot-pill.is-filled{border-color:#5ee7ff73}.slot-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;border-radius:999px;padding:.15rem .45rem;background:#f5b84b29;color:var(--gold, #f5b84b);font-size:var(--board-font-xs)}.action-button-dock{display:grid;gap:var(--board-grid-gap-tight)}.showdown-control-row button,.action-button-dock button,.compact-button-grid button{font-size:var(--board-font-md)}.compact-button-grid{display:flex;flex-wrap:wrap;gap:var(--board-grid-gap-tight)}.upgrade-overlay-backdrop{position:absolute;inset:0;z-index:24;display:grid;place-items:center;padding:.8rem;background:radial-gradient(circle at top,rgba(82,217,255,.08),transparent 24%),radial-gradient(circle at bottom,rgba(215,162,71,.1),transparent 30%),#05070ed1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.upgrade-overlay{width:min(1380px,calc(100% - 1rem));max-height:calc(100% - 1rem);display:grid;gap:1rem;padding:1.15rem;overflow:hidden;border-color:#f5b84b4d}.upgrade-overlay-head,.upgrade-overlay-status-row,.upgrade-overlay-body,.upgrade-overlay-section-head{display:flex}.upgrade-overlay-head,.upgrade-overlay-body{gap:1rem}.upgrade-overlay-head{align-items:flex-start;justify-content:space-between}.upgrade-overlay-title-block{display:grid;gap:.35rem}.upgrade-overlay-title-block h2,.upgrade-overlay-section-head h3{margin:0;font-family:"IBM Plex Serif",Georgia,serif}.upgrade-overlay-title-block h2{font-size:clamp(1.7rem,3.2vw,2.45rem)}.upgrade-overlay-title-block p,.upgrade-confirm-copy,.upgrade-overlay-timer small{margin:0;color:var(--muted);line-height:1.55}.upgrade-overlay-timer,.upgrade-overlay-panel{border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(180deg,#ffffff06,#ffffff03),#0c101dd6}.upgrade-overlay-timer{min-width:172px;padding:.9rem 1rem;display:grid;gap:.25rem;text-align:right}.upgrade-overlay-timer strong{font-size:clamp(1.5rem,2.8vw,2.25rem);color:var(--accent)}.upgrade-overlay-status-row{gap:.45rem;flex-wrap:wrap}.upgrade-overlay-body{align-items:flex-start}.upgrade-overlay-panel{padding:.9rem}.upgrade-overlay-panel,.upgrade-overlay-sidebar{display:grid;gap:.8rem}.upgrade-overlay-panel:first-child{min-width:0}.upgrade-overlay-sidebar{width:min(100%,360px);flex:0 0 360px}.upgrade-overlay-body>.upgrade-overlay-panel:first-child{flex:1 1 auto}.upgrade-overlay-section-head{align-items:center;justify-content:space-between;gap:.6rem}.upgrade-overlay-section-head span{color:var(--muted);font-size:var(--board-font-sm);text-transform:uppercase;letter-spacing:.16em}.upgrade-overlay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.ability-overlay-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.upgrade-selected-grid{display:grid;gap:.55rem}.upgrade-confirm-panel{align-content:start}.upgrade-confirm-panel button{width:100%}.waiting-chip{border-radius:999px;padding:.34rem .62rem;background:#5ee7ff1f;color:var(--cyan, #5ee7ff);font-size:var(--board-font-sm)}.player-hand-rack{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:var(--hand-card-width);gap:var(--board-grid-gap);flex:0 0 auto;justify-content:start;align-items:end;width:auto;min-width:0;overflow-y:visible;overflow-x:visible;padding-inline:0;padding-bottom:0}.hand-departure-layer{position:absolute;inset:0;display:grid;grid-auto-flow:column;grid-auto-columns:var(--hand-card-width);gap:var(--board-grid-gap);pointer-events:none;z-index:2;justify-content:start;padding-inline:0}.hand-departure-slot{min-width:0}.hand-entry{min-width:0;width:var(--hand-card-width);transform-style:preserve-3d}.hand-entry.is-flipping{animation:hand-flip .36s ease}.hand-visual-card{position:relative;width:100%;aspect-ratio:1024 / 1638;display:grid;align-content:space-between;gap:var(--board-grid-gap-tight);padding:calc(var(--board-section-padding-tight) * .9) calc(var(--board-section-padding-tight) * .84) var(--board-section-padding);overflow:hidden;border-radius:18px;border:1px solid rgba(212,164,74,.28);background:linear-gradient(180deg,#ffffff0d,#ffffff04),linear-gradient(180deg,#101422fa,#0a0d18f5);box-shadow:0 14px 24px #00000052,inset 0 0 0 1px #ffedc20f}.hand-visual-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 22%),radial-gradient(circle at top center,rgba(245,184,75,.05),transparent 22%)}.hand-visual-card:after{content:"";position:absolute;inset:6px;border-radius:14px;border:1px solid rgba(255,240,206,.08);pointer-events:none}.hand-visual-card.shows-back{background:linear-gradient(180deg,#05080f0f,#05080f3d 36%,#05080fe6),linear-gradient(180deg,#ffffff0a,#ffffff03),url(/hand-cards/bindy-cardback.png) center / 100% 100% no-repeat}.hand-visual-card.shows-back:before{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 26%),radial-gradient(circle at top center,rgba(245,184,75,.1),transparent 28%)}.hand-visual-card.shows-back .hand-visual-card-copy,.hand-visual-card.shows-back .hand-card-action-stack,.hand-visual-card.shows-back .hand-card-selection{opacity:0}.hand-visual-card.accent-offense{box-shadow:0 14px 24px #00000052,inset 0 0 0 1px #ff6b982e}.hand-visual-card.accent-defense{box-shadow:0 14px 24px #00000052,inset 0 0 0 1px #52d9ff33}.hand-visual-card.accent-utility{box-shadow:0 14px 24px #00000052,inset 0 0 0 1px #a684ff2e}.hand-visual-card.is-selected{border-color:#f5b84bc7;box-shadow:0 18px 28px #00000061,0 0 18px #f5b84b29,inset 0 0 0 1px #f5b84b47}.hand-visual-card.is-disabled{opacity:.58}.hand-card-selection{position:absolute;top:.5rem;right:.5rem;z-index:2}.hand-card-selection input{width:1rem;height:1rem;accent-color:var(--accent)}.hand-visual-card-copy,.hand-card-action-stack{position:relative;z-index:1}.hand-visual-card-copy{display:grid;gap:.28rem;align-content:end;margin-top:auto}.hand-card-topline{display:flex;align-items:center;justify-content:space-between;gap:.35rem}.hand-visual-card .label{color:#ffe7bfc2;letter-spacing:.12em}.hand-visual-card .mini-badge{background:#d4a44a47}.hand-visual-card .assignment-badge{background:#f5b84b38;border:1px solid rgba(245,184,75,.24);font-size:var(--board-font-xs);letter-spacing:.08em}.hand-visual-card .compact-card-name{line-height:1.08;font-size:var(--board-font-lg);color:#fff1d1;text-shadow:0 1px 2px rgba(0,0,0,.58),0 0 10px rgba(0,0,0,.24)}.hand-visual-card small{color:#e0d6bfe0;line-height:1.22;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--board-font-sm);text-shadow:none}.hand-card-action-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.28rem}.hand-card-action-stack button{width:100%;padding:.28rem .32rem;font-size:var(--board-font-sm);line-height:1.1}.compact-card,.compact-card-back,.compact-hand-card{border:1px solid rgba(212,164,74,.18);border-radius:18px;padding:.5rem;background:linear-gradient(180deg,#ffffff0f,#ffffff04),#101422eb;display:grid;gap:.26rem;min-height:92px;position:relative;overflow:hidden}.compact-card:before,.compact-card-back:before,.compact-hand-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.03),transparent 45%),radial-gradient(circle at top right,rgba(212,164,74,.08),transparent 34%)}.compact-card.accent-offense{box-shadow:inset 0 0 0 1px #ff6b9824}.compact-card.accent-defense{box-shadow:inset 0 0 0 1px #52d9ff29}.compact-card.accent-utility{box-shadow:inset 0 0 0 1px #a684ff29}.compact-card.is-compact,.compact-card-back.is-compact{min-height:78px}.compact-ability-card{border-color:#c58cff38;box-shadow:inset 0 0 0 1px #c58cff14}.compact-card.is-compact small,.compact-card-back.is-compact small{min-height:2.4em}.compact-card-back{justify-content:center;background:radial-gradient(circle at top left,rgba(82,217,255,.12),transparent 35%),linear-gradient(135deg,#d4a44a1a,#ff6b9812),#0f1321f5}.compact-card-head{display:grid;gap:.18rem;position:relative;z-index:1}.mini-badge{justify-self:start;border-radius:999px;padding:.14rem .42rem;background:#d4a44a2e;color:var(--accent);font-size:var(--board-font-xs);letter-spacing:.05em}.compact-card strong,.compact-card-back strong,.compact-card-name{line-height:1.1;font-size:var(--board-font-lg);color:var(--text);font-family:Palatino Linotype,Book Antiqua,Georgia,serif}.compact-card small,.compact-card-back small,.compact-hand-card small{color:var(--muted);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--board-font-sm);position:relative;z-index:1}.compact-card-actions{display:flex;flex-wrap:wrap;gap:.28rem;margin-top:auto;position:relative;z-index:1}.compact-card-actions button{padding:.32rem .54rem;font-size:var(--board-font-sm)}.compact-ability-tag{justify-self:start;border-radius:999px;padding:.16rem .48rem;background:#c58cff1f;color:#d8b0ff;font-size:var(--board-font-sm);position:relative;z-index:1}.compact-card.state-selected,.compact-hand-card.is-selected{border-color:#f5b84bbf;box-shadow:inset 0 0 0 1px #f5b84b4d,0 0 16px #f5b84b24}.compact-card.state-tentative{border-color:#5ee7ff8c}.compact-card.state-locked{border-color:#52ffa873;background:#52ffa812}.compact-card.state-disabled,.compact-hand-card:has(input:disabled){opacity:.58}.compact-card.state-empty{border-style:dashed}.discard-card{align-content:start}.floating-delta{display:inline-flex;align-items:center;border-radius:999px;padding:.16rem .46rem;font-size:.7rem;font-weight:600;animation:drift-up 1.2s ease-out both}.floating-delta.damage{background:#ff4d5a29;color:#ff98a1}.floating-delta.points{background:#f5b84b24;color:var(--gold, #f5b84b)}.floating-delta.gems{background:#5ee7ff24;color:var(--cyan, #5ee7ff)}.floating-delta.fate{background:#c58cff29;color:#d6abff}.result-line{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.result-line{justify-content:space-between}.latest-result-strip{display:grid;gap:.35rem;padding:.55rem .75rem;background:linear-gradient(180deg,#ffffff06,#ffffff03),#0a0e18eb}.latest-result-strip strong,.result-line strong{font-family:Palatino Linotype,Book Antiqua,Georgia,serif}.result-chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.result-details{color:var(--muted)}.result-details summary{cursor:pointer}.result-details p{margin:.45rem 0 0}@keyframes drift-up{0%{opacity:0;transform:translateY(8px)}20%,70%{opacity:1}to{opacity:0;transform:translateY(-8px)}}@keyframes hand-flip{0%{transform:rotateY(0) scale(1)}45%{transform:rotateY(90deg) scale(.98)}to{transform:rotateY(0) scale(1)}}.compact-debug{margin:0}.winner-screen{position:absolute;inset:4.5rem 9% auto;z-index:5}.debug-details{border-radius:20px;background:#080a1166;padding:.75rem .9rem}.debug-details summary{cursor:pointer;color:var(--accent-2)}.debug-details pre{max-height:560px;overflow:auto;margin:1rem 0 0;padding:1rem;border-radius:20px;background:#080a11d9;color:#d7f9ff;font-family:IBM Plex Mono,Consolas,monospace;font-size:.82rem}.error-banner{margin:1rem 0 0;padding:.8rem .9rem;border-radius:18px;color:#ffe8e8;background:#ff7a9026;border:1px solid rgba(255,122,144,.3)}@media(max-width:1100px){.lobby-grid,.hero,.status-grid,.lobby-top-grid,.top-grid,.compact-grid,.testing-tool-grid,.duel-summary-grid,.commit-status-grid,.player-grid,.waiting-room-grid,.waiting-seat-grid,.online-support-grid,.combat-lane-grid,.board-center-grid,.lane-mini-grid,.lobby-inline-status{grid-template-columns:1fr}.lobby-image-panel{min-height:auto}.lobby-overview-panel{padding-left:0;border-left:0;border-top:1px solid rgba(245,184,75,.16);padding-top:1.1rem}.player-header,.player-zone-header,.section-title,.log-heading,.waiting-room-banner,.combat-lane-header{flex-direction:column;align-items:flex-start}.analytics-row{grid-template-columns:1fr}.online-shell:not(.is-active-match) .arena-board-shell{min-height:auto;overflow:visible}.online-shell:not(.is-active-match) .compact-status-bar,.result-line{flex-direction:column;align-items:flex-start}.online-shell:not(.is-active-match) .arena-top-band,.online-shell:not(.is-active-match) .arena-main-grid,.online-shell:not(.is-active-match) .match-status-strip,.online-shell:not(.is-active-match) .center-lane-grid,.online-shell:not(.is-active-match) .arena-bottom-dock,.online-shell:not(.is-active-match) .arena-hand-tray,.online-shell:not(.is-active-match) .player-hand-rack,.online-shell:not(.is-active-match) .upgrade-overlay-grid{grid-template-columns:1fr}.online-shell:not(.is-active-match) .map-row{gap:.55rem}.online-shell:not(.is-active-match) .map-slot{width:clamp(72px,20vw,96px)}.online-shell:not(.is-active-match) .map-face{padding:.34rem}.online-shell:not(.is-active-match) .map-face-copy{max-width:86%}.online-shell:not(.is-active-match) .map-face strong{font-size:.58rem}.online-shell:not(.is-active-match) .map-face small{font-size:.42rem}.online-shell:not(.is-active-match) .upgrade-overlay{width:min(100vw - 1rem,1380px);max-height:calc(100vh - 1rem);padding:1rem}.online-shell:not(.is-active-match) .upgrade-overlay-head,.online-shell:not(.is-active-match) .upgrade-overlay-body{flex-direction:column}.online-shell:not(.is-active-match) .upgrade-overlay-timer,.online-shell:not(.is-active-match) .upgrade-overlay-sidebar{width:100%;min-width:0;flex:1 1 auto;text-align:left}.online-shell:not(.is-active-match) .hand-departure-layer{grid-template-columns:1fr}.hud-stat-stack,.hud-commit-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.online-shell:not(.is-active-match) .match-utility-panel,.online-shell:not(.is-active-match) .player-hand-rack,.online-shell:not(.is-active-match) .hand-departure-layer{grid-auto-flow:row;grid-template-columns:repeat(2,var(--hand-card-width));grid-auto-columns:unset;justify-content:center}.online-shell:not(.is-active-match) .hand-entry{width:auto}.winner-screen{position:static;inset:auto}}