@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";#boot-loader{z-index:10000;color:var(--color-text);background:var(--color-canvas);transition:opacity var(--duration-reveal) ease, visibility var(--duration-reveal) ease;place-items:center;padding:2rem;display:grid;position:fixed;inset:0}#boot-loader.is-ready{opacity:0;visibility:hidden;pointer-events:none}#boot-loader.is-instant{transition:none}#boot-loader.is-loading{opacity:1;visibility:visible;pointer-events:auto;transition:none}.boot-loader-inner{text-align:center;opacity:0;visibility:hidden;width:min(18rem,100%)}#boot-loader.is-loading .boot-loader-inner{opacity:1;visibility:visible}.boot-loader-title{font:700 1.15rem var(--font-display);letter-spacing:.18em;margin:0}.boot-loader-copy{color:var(--color-text-muted);font:.78rem var(--font-body);letter-spacing:.08em;margin:.7rem 0 1.4rem}.boot-loader-track{background:var(--color-surface-selected);height:2px;overflow:hidden}.boot-loader-track:before{content:"";background:var(--color-roman-red);width:35%;height:100%;animation:1.3s ease-in-out infinite alternate boot-sweep;display:block}@keyframes boot-sweep{0%{transform:translate(-100%)}to{transform:translate(290%)}}@media (prefers-reduced-motion:reduce){#boot-loader{transition:none}.boot-loader-track:before{width:100%;animation:none}}.game-view.guided-match,.game-view.guided-match-collapsed{position:relative}#game-tutorial:not([hidden]){z-index:70;pointer-events:none;position:absolute;inset:0}._coach_lznla_12{z-index:1;pointer-events:auto;width:min(280px,100% - 24px);max-height:min(340px,100% - 24px);color:var(--color-text);font-family:var(--font-body);background:var(--surface-panel);border:1px solid var(--color-edge-solid);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute;top:12px;left:12px}._coach_lznla_12 header,._headerActions_lznla_32{align-items:center;gap:6px;display:flex}._coach_lznla_12 header{justify-content:space-between}._coach_lznla_12 header strong{color:var(--color-gold);letter-spacing:0;font-size:11px;font-weight:600}._coach_lznla_12 h2,._coach_lznla_12 h3{color:var(--color-gold);font:700 16px/1.25 var(--font-display);margin:0 0 6px}._coach_lznla_12 p{color:var(--color-text-muted);margin:0;font-size:14px;line-height:1.4}._tipBody_lznla_59{overscroll-behavior:contain;min-height:0;overflow:auto}._coach_lznla_12 button{border:1px solid var(--color-edge-solid);border-radius:var(--radius-control);color:var(--color-text);background:var(--surface-control);font:600 12px/1.2 var(--font-body);cursor:pointer;padding:7px 10px}._coach_lznla_12 button:hover{background:var(--color-surface-hover)}._coach_lznla_12 ._headerActions_lznla_32 button{background:0 0;border:none;min-width:28px;padding:4px 7px;font-size:16px}._coach_lznla_12 ._headerActions_lznla_32 button:hover{background:var(--color-surface-hover)}._coach_lznla_12 button:focus-visible,._guideDialog_lznla_88 button:focus-visible,._startError_lznla_89 button:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}._coach_lznla_12 button:disabled{opacity:.5;cursor:default}._coach_lznla_12 ._primary_lznla_97{width:100%;color:var(--color-on-accent);background:var(--surface-primary);border-color:var(--color-gold)}._coach_lznla_12 ._primary_lznla_97:hover{background:var(--surface-primary);filter:brightness(1.08)}._lesson_lznla_107 ._primary_lznla_97{margin-top:10px}._coach_lznla_12 ._explain_lznla_110{color:var(--color-gold);text-underline-offset:3px;background:0 0;border:0;margin-top:8px;padding:0;font-size:11px;text-decoration:underline}._links_lznla_120{flex-wrap:wrap;gap:5px;display:flex}._links_lznla_120 button,._history_lznla_126 button{font-size:11px}._history_lznla_126{gap:4px;max-height:100px;display:grid;overflow:auto}._history_lznla_126 button{text-align:left}._collapsed_lznla_138{width:max-content;max-width:calc(100% - 24px);padding:6px 10px}._focus_lznla_143{outline:2px solid var(--color-gold);outline-offset:3px}._guideDialog_lznla_88{pointer-events:auto;width:min(850px,96vw);max-height:92dvh;color:var(--color-text);background:var(--campaign-background);border:1px solid var(--color-bronze);border-radius:var(--radius-panel);padding:1.3rem;overflow:auto}._guideDialog_lznla_88::backdrop{background:color-mix(in srgb, var(--color-shadow) 73.3%, transparent)}._guideDialog_lznla_88 button,._startError_lznla_89 button{border:1px solid var(--color-edge-solid);border-radius:var(--radius-control);color:var(--color-text);background:var(--surface-control);font:inherit;cursor:pointer;padding:.45rem .65rem}._guideDialog_lznla_88 h2{color:var(--color-gold)}._guideDialog_lznla_88 details{border:1px solid var(--color-edge-solid);border-radius:var(--radius-control);margin:.7rem 0;padding:.8rem}._guideDialog_lznla_88 summary{color:var(--color-gold);cursor:pointer}._guideDialog_lznla_88 p{font-size:.9rem;line-height:1.5}._startError_lznla_89{z-index:1;background:var(--surface-panel);border:1px solid var(--color-bronze);border-radius:var(--radius-panel);margin:0 0 1rem;padding:1rem;position:relative}._startError_lznla_89 p{color:var(--color-text-muted);font-size:.85rem}._arrows_lznla_201{pointer-events:none;width:100%;height:100%;color:var(--color-gold);position:absolute;inset:0;overflow:visible}._arrows_lznla_201 path{fill:none}._pointer_lznla_213,._dragArrow_lznla_214{stroke:currentColor;stroke-width:2.5px;filter:drop-shadow(0 1px 2px var(--color-shadow))}._dragArrow_lznla_214{stroke-dasharray:8 6;animation:1.2s linear infinite _guide-drag-flow_lznla_1}._dragStart_lznla_223,._movingDot_lznla_224{fill:var(--color-gold);stroke:var(--color-on-accent);stroke-width:1.5px}.board-tour .mulligan-view{display:none!important}@keyframes _guide-drag-flow_lznla_1{to{stroke-dashoffset:-28px}}@media (height<=550px){._coach_lznla_12{max-height:min(240px,48dvh);padding:10px}._coach_lznla_12 h2,._coach_lznla_12 h3{font-size:14px}._coach_lznla_12 p{font-size:12px}}@media (prefers-reduced-motion:reduce){._dragArrow_lznla_214{animation:none}._movingDot_lznla_224{display:none}}._feedback_1ps6k_1{z-index:100;background:var(--color-surface);width:min(32rem,100vw - 2rem);color:var(--color-text);border:1px solid var(--color-gold);box-shadow:var(--shadow-panel);grid-template-columns:1fr auto;gap:.4rem 1rem;padding:1rem;display:grid;position:fixed;top:5rem;left:50%;transform:translate(-50%)}._feedback_1ps6k_1 strong{color:var(--color-gold)}._feedback_1ps6k_1 span{grid-column:1}._feedback_1ps6k_1 button{grid-area:1/2/3;align-self:start}._content_13bkb_1{display:contents}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-body:"DM Sans", sans-serif;--font-display:"Cinzel", serif;--font-utility:"Space Grotesk", sans-serif;--font-code:"SFMono-Regular", Consolas, monospace;--color-gold:#f6bd43;--color-roman-red:#a52a32;--color-canvas:#0f0805;--color-canvas-deep:#080503;--color-surface:color-mix(in srgb, var(--color-gold) 4%, var(--color-canvas));--color-surface-raised:color-mix(in srgb, var(--color-gold) 8%, var(--color-canvas));--color-surface-hover:color-mix(in srgb, var(--color-gold) 10%, var(--color-surface));--color-surface-selected:color-mix(in srgb, var(--color-gold) 15%, var(--color-surface));--color-surface-control-top:var(--color-surface-raised);--color-surface-control-bottom:var(--color-surface);--color-text:#fff1d6;--color-text-muted:#d2bda2;--color-text-strong:var(--color-text);--color-on-accent:var(--color-canvas);--color-shadow:#000;--color-edge-solid:color-mix(in srgb, var(--color-gold) 70%, var(--color-canvas));--color-edge:color-mix(in srgb, var(--color-gold) 35%, transparent);--color-edge-strong:color-mix(in srgb, var(--color-gold) 60%, transparent);--color-gold-base:var(--color-gold);--color-gold-focus:var(--color-gold);--color-bronze:var(--color-gold);--color-metal-highlight:color-mix(in srgb, var(--color-gold) 68%, var(--color-text));--color-metal-shade:color-mix(in srgb, var(--color-gold) 87%, var(--color-shadow));--color-metal-edge:color-mix(in srgb, var(--color-gold) 65%, var(--color-shadow));--color-gold-glow:color-mix(in srgb, var(--color-gold) 22%, transparent);--color-gold-glint:color-mix(in srgb, var(--color-gold) 7%, transparent);--color-gold-subtle:color-mix(in srgb, var(--color-gold) 8%, transparent);--color-gold-track:color-mix(in srgb, var(--color-gold) 15%, transparent);--color-gold-faint:color-mix(in srgb, var(--color-gold) 19%, transparent);--color-gold-selected-glint:color-mix(in srgb, var(--color-gold) 12%, transparent);--color-bronze-soft:color-mix(in srgb, var(--color-gold) 44%, transparent);--color-bronze-selected:color-mix(in srgb, var(--color-gold) 50%, transparent);--color-surface-selected-translucent:color-mix(in srgb, var(--color-surface-selected) 74%, transparent);--color-danger:#e4aaa2;--color-damage:#e07070;--color-success:#77bc8a;--color-mana:#70b8e8;--color-warning:var(--color-gold);--color-fire-core:#ffe7b5;--color-fire-hot:#ff7a1a;--color-fire-cool:#d52a0a;--color-damage-deep:color-mix(in srgb, var(--color-roman-red) 35%, var(--color-canvas));--color-success-deep:color-mix(in srgb, var(--color-success) 15%, var(--color-canvas));--color-mana-deep:color-mix(in srgb, var(--color-mana) 20%, var(--color-canvas));--color-results-divider:var(--color-edge);--color-results-heading:var(--color-gold);--color-results-scroll-thumb:var(--color-edge-solid);--color-results-scroll-track:var(--color-canvas);--color-results-label:var(--color-text-muted);--color-results-row-divider:var(--color-gold-subtle);--color-results-muted:var(--color-text-muted);--color-results-highlight:var(--color-gold-subtle);--color-results-current-user:var(--color-gold);--color-results-rank:var(--color-gold);--color-results-empty:var(--color-text-muted);--campaign-background:radial-gradient(ellipse at 50% 4%, color-mix(in srgb, var(--color-roman-red) 28%, transparent), transparent 42rem), radial-gradient(ellipse at 90% 90%, color-mix(in srgb, var(--color-roman-red) 18%, transparent), transparent 36rem), var(--color-canvas);--surface-panel:radial-gradient(ellipse at 100% 0, color-mix(in srgb, var(--color-roman-red) 20%, transparent), transparent 75%), var(--color-surface);--surface-control:linear-gradient(180deg, var(--color-surface-control-top), var(--color-surface-control-bottom));--surface-primary:linear-gradient(180deg, var(--color-metal-highlight), var(--color-gold) 28%, var(--color-metal-shade) 67%, var(--color-gold)) var(--color-gold);--surface-secondary:var(--surface-control) var(--color-surface);--surface-select:linear-gradient(45deg, transparent 50%, var(--color-gold) 50%) right 1.05rem center / 6px 6px no-repeat, linear-gradient(135deg, var(--color-gold) 50%, transparent 50%) right .675rem center / 6px 6px no-repeat, var(--surface-control);--radius-small:4px;--radius-control:6px;--radius-panel:12px;--radius-large:16px;--radius-pill:999px;--shadow-control:inset 0 1px var(--color-gold-glint), 0 3px 10px color-mix(in srgb, var(--color-shadow) 33%, transparent);--shadow-primary:inset 0 1px var(--color-text), inset 0 -2px var(--color-metal-edge), 0 0 17px var(--color-gold-glow);--shadow-secondary:inset 0 1px color-mix(in srgb, var(--color-gold) 35%, transparent), 0 3px 10px color-mix(in srgb, var(--color-shadow) 33%, transparent);--shadow-heading:0 2px var(--color-canvas), 0 0 14px color-mix(in srgb, var(--color-gold) 22%, transparent);--shadow-panel:0 12px 28px color-mix(in srgb, var(--color-shadow) 33%, transparent), inset 0 1px var(--color-gold-glint);--shadow-dialog:0 24px 70px color-mix(in srgb, var(--color-shadow) 70%, transparent);--focus-ring:0 0 0 3px color-mix(in srgb, var(--color-gold) 30%, transparent);--focus-outline:2px solid var(--color-gold-focus);--duration-fast:.16s;--duration-control:.18s;--duration-reveal:.45s;--distance-logo-rise:64px;--distance-logo-of:36px;--distance-logo-rome:64px;--duration-logo-rise:.8s;--duration-logo-of:.45s;--duration-logo-rome:.8s;--duration-logo-rise-pause:.2s;--duration-logo-of-pause:.25s;--duration-landing-play:.6s;--delay-logo-of:calc(var(--duration-logo-rise) + var(--duration-logo-rise-pause));--delay-logo-rome:calc(var(--delay-logo-of) + var(--duration-logo-of) + var(--duration-logo-of-pause));--delay-landing-play:var(--duration-logo-rise);--ease-logo-flight:cubic-bezier(.22, .61, .36, 1);--ease-standard:ease;--transition-fast:var(--duration-fast) var(--ease-standard);--transition-control:var(--duration-control) var(--ease-standard);--combat-impact-filter:brightness(2.2) drop-shadow(0 0 .8cqw var(--color-damage));--header-space:64px;font-family:var(--font-body);color:var(--color-text);background:var(--campaign-background);font-synthesis:none;text-rendering:optimizelegibility}.deck-share-dialog{border:1px solid var(--color-gold);border-radius:var(--radius-panel);width:min(540px,100% - 2rem);max-height:calc(100dvh - 2rem);color:var(--color-text);background:radial-gradient(ellipse at 2% 100%, color-mix(in srgb, var(--color-surface-selected) 33.3%, transparent), transparent 62%), linear-gradient(145deg, var(--color-surface), var(--color-canvas) 78%);box-shadow:0 32px 100px color-mix(in srgb, var(--color-shadow) 93.3%, transparent);padding:1.75rem;animation:.26s ease-out both card-preview-enter;overflow-y:auto}.deck-share-dialog::backdrop{background:color-mix(in srgb, var(--color-shadow) 87.5%, transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.deck-share-dialog h2{font:700 1.4rem var(--font-display);color:var(--color-gold);margin:.4rem 2rem .7rem 0}.deck-share-hint{color:var(--color-text-muted);font-size:.85rem;line-height:1.6}.deck-share-dialog label{color:var(--color-text);margin:1.2rem 0 .5rem;font-size:.8rem;display:block}.deck-share-dialog textarea{resize:vertical;border:1px solid var(--color-gold);border-radius:var(--radius-control);width:100%;color:var(--color-gold);background:var(--color-canvas);font:.75rem/1.6 var(--font-code);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;padding:.8rem}.deck-share-dialog textarea:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.deck-share-preview>strong,.deck-share-preview>span{margin-top:.6rem;display:block}.deck-share-preview>span{color:var(--color-gold);font-size:.75rem}.deck-share-preview ul{max-height:14rem;color:var(--color-text-muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 1rem;margin:.8rem 0;padding:.75rem 0;font-size:.75rem;list-style:none;display:grid;overflow-y:auto}.deck-share-dialog .message{color:var(--color-gold);margin:.65rem 0;font-size:.8rem}.deck-share-action{border:1px solid var(--color-gold);border-radius:var(--radius-control);width:100%;color:var(--color-on-accent);background:var(--surface-primary);margin-top:.4rem;padding:.8rem;font-weight:700}.deck-share-action:hover:not(:disabled){background:var(--surface-primary)}.deck-delete-dialog{width:min(440px,100% - 2rem)}.deck-delete-dialog h2{margin-right:0}.deck-delete-dialog strong{color:var(--color-text);overflow-wrap:anywhere}.deck-delete-dialog .message:empty{display:none}.deck-delete-actions{gap:.75rem;margin-top:1.5rem;display:flex}.deck-delete-actions button{border:1px solid var(--color-gold);border-radius:var(--radius-control);background:var(--color-surface);min-height:2.8rem;color:var(--color-gold);font:600 .85rem var(--font-body);transition:background var(--duration-control) ease, border-color var(--duration-control) ease;flex:1;padding:.7rem .9rem}.deck-delete-actions button:hover:not(:disabled){background:var(--color-surface-raised);border-color:var(--color-gold)}.deck-delete-actions #deck-delete-confirm{background:var(--surface-primary);color:var(--color-on-accent);border-color:var(--color-gold);box-shadow:var(--shadow-primary)}.deck-delete-actions #deck-delete-confirm:hover:not(:disabled){background:var(--surface-primary);border-color:var(--color-gold)}.deck-delete-actions button:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}.deck-delete-actions button:disabled{opacity:.55;cursor:wait}@media (prefers-reduced-motion:reduce){.deck-delete-dialog{animation:none}}@media (width<=480px){.deck-share-dialog{padding:1.25rem}.deck-share-preview ul{grid-template-columns:1fr}}:root{color:var(--color-text);background:var(--color-canvas-deep)}*{box-sizing:border-box}body{background:var(--color-canvas-deep);min-width:320px;min-height:100dvh;margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}.hidden{display:none!important}.site-shell{width:100%;margin:0;padding-bottom:0}.site-header{z-index:20;height:var(--header-space);background:linear-gradient(180deg, var(--color-surface-selected) 0%, var(--color-surface) 45%, var(--color-canvas) 100%);box-shadow:none;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:1rem;margin:0;padding-inline:clamp(1.25rem,3vw,3.5rem);display:flex;position:relative}.site-shell:has(.landing-view:not(.hidden)) .landing-hero{min-height:calc(100svh - var(--header-space))}.site-shell.game-active{width:100%;padding:0 .65rem}.game-header{align-items:center;gap:1rem;display:flex}.game-header>div{justify-items:end;gap:.15rem;display:grid}.game-header strong{font:600 .9rem var(--font-utility)}.phase-label{color:var(--color-text-muted);font-size:.72rem;font-weight:600}.round-label{border:1px solid var(--color-edge);border-radius:var(--radius-control);color:var(--color-text);background:var(--color-canvas);padding:.35rem .6rem;font-size:.72rem;font-weight:700}.brand{align-items:center;text-decoration:none;display:flex;position:relative}.brand-title{color:var(--color-gold);font:700 .9rem var(--font-display);letter-spacing:.09em;white-space:nowrap}.brand-mark{border:1px solid var(--color-roman-red);border-radius:var(--radius-small);width:35px;height:35px;color:var(--color-text);background:var(--color-roman-red);font-family:var(--font-display);letter-spacing:.06em;place-items:center;font-size:.62rem;display:grid}.account-area{margin-left:auto;position:relative}.site-nav{align-items:center;gap:.25rem;height:100%;margin-left:clamp(1rem,2.5vw,2.5rem);display:flex}.site-shell.game-active .site-nav{display:none}.site-tab{height:100%;color:var(--color-text-muted);font:700 .74rem var(--font-display);letter-spacing:.1em;transition:color var(--duration-control) ease;background:0 0;border:0;border-radius:0;padding:0 1.1rem;position:relative}.site-tab:after{content:"";background:var(--color-gold);opacity:0;height:2px;transition:opacity var(--duration-control) ease, transform var(--duration-control) ease;position:absolute;bottom:.85rem;left:1.1rem;right:1.1rem;transform:scaleX(.35)}.site-tab:hover,.site-tab.is-active{color:var(--color-gold)}.site-tab:hover:after,.site-tab:focus-visible:after,.site-tab.is-active:after{opacity:1;transform:scaleX(1)}.decks-view{padding:1.5rem clamp(1rem,2vw,2rem) 3rem}.deck-studio{grid-template-columns:20rem minmax(0,1fr);align-items:start;gap:1.35rem;display:grid}.deck-library,.deck-builder{border:1px solid var(--color-edge);border-radius:var(--radius-large);background:color-mix(in srgb, var(--color-canvas) 94.1%, transparent);padding:1.4rem}.deck-library{min-height:calc(100vh - 110px);position:sticky;top:1rem}.deck-library .lobby-heading{align-items:flex-start}.deck-library .login-button{padding:.65rem .8rem}.deck-list{gap:.55rem;margin-top:1rem;display:grid}.deck-list-item{border:1px solid var(--color-edge);border-radius:var(--radius-panel);width:100%;color:var(--color-text);background:var(--color-canvas);text-align:left;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem;display:flex}.deck-list-item.is-selected{border-color:var(--color-roman-red);background:var(--color-canvas)}.deck-list-item span{gap:.25rem;display:grid}.deck-list-item em{color:var(--color-gold);text-transform:uppercase;font-size:.67rem;font-style:normal}.deck-list-item small{color:var(--color-text-muted);white-space:nowrap}.deck-builder{min-height:calc(100vh - 110px)}.deck-builder-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.deck-builder-heading>div:first-child{flex:1}.deck-builder-heading input{max-width:32rem;font:700 1.5rem var(--font-display)}.deck-count{color:var(--color-text-muted);align-items:baseline;gap:.35rem;display:flex}.deck-count strong{color:var(--color-danger);font:700 1.8rem var(--font-utility)}.deck-count strong.is-complete{color:var(--color-success)}.deck-builder-actions{align-items:center;gap:.65rem;margin-top:.85rem;display:flex}.deck-builder-actions button:not(.text-button){border-radius:var(--radius-control);color:var(--color-on-accent);background:var(--surface-primary);padding:.72rem 1rem;font-weight:700}.deck-builder-actions .secondary-button{border:1px solid var(--color-edge-solid);color:var(--color-gold);background:var(--color-surface)}.deck-builder-actions .text-button{margin:0 0 0 auto}.deck-workspace{grid-template-columns:minmax(0,1fr) 18rem;align-items:start;gap:1rem;margin-top:1rem;display:grid}.deck-collection{min-width:0}.deck-column{min-width:0;position:sticky;top:1rem}.deck-tray-heading{justify-content:space-between;align-items:center;gap:.6rem;margin:0 0 .55rem;display:flex}.deck-tray-heading span{color:var(--color-text-muted);font-size:.72rem}.deck-drop-zone{border:1px dashed var(--color-edge-solid);border-radius:var(--radius-panel);background:var(--color-canvas);align-content:start;gap:.35rem;min-height:12rem;max-height:calc(100vh - 16rem);padding:.8rem;transition:border-color .12s,background .12s,box-shadow .12s;display:grid;overflow-y:auto}.deck-drop-zone.is-drag-over{border-color:var(--color-roman-red);background:var(--color-canvas);box-shadow:inset 0 0 0 1px var(--color-roman-red)}.deck-drop-empty{width:100%;color:var(--color-text-muted);text-align:center}.deck-tray-card{border:1px solid var(--color-edge);border-radius:var(--radius-control);color:var(--color-text);background:var(--color-canvas);cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;padding:.62rem .75rem;font-size:.85rem;font-weight:700;display:flex}.deck-tray-card strong{color:var(--color-gold);white-space:nowrap;font-size:.78rem}.deck-tray-card-info{align-items:center;gap:.55rem;min-width:0;display:flex}.deck-tray-card-info>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.deck-tray-mana{width:1.5rem;height:1.5rem;color:var(--color-text);background:linear-gradient(180deg, var(--color-mana), var(--color-mana));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-text) 32.2%, transparent);border-radius:50%;flex:none;place-items:center;font-size:.72rem;font-weight:900;display:grid}.deck-tray-card:hover,.deck-tray-card:focus-visible{border-color:var(--color-gold);background:var(--color-canvas)}.deck-tray-card:active,.deck-card:active{cursor:grabbing}.deck-collection-label{margin:0 0 .55rem}.deck-card-filters{grid-template-columns:minmax(12rem,1.5fr) repeat(3,minmax(8rem,1fr));gap:.65rem;margin:.25rem 0 1rem;display:grid}@media (width<=1150px){.deck-card-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}.deck-card-pool{border-radius:var(--radius-panel);border:1px solid #0000;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.9rem;padding:.6rem;transition:border-color .12s,background .12s;display:grid}.deck-card-pool.is-drag-over{border-color:var(--color-gold);background:var(--color-canvas)}.deck-card-pool>.empty-state{grid-column:1/-1}.deck-card{cursor:pointer;min-width:0;transition:filter .12s,opacity .12s,transform .12s}.deck-card.is-in-deck{filter:none}.deck-card:hover:not(.is-unavailable){transform:translateY(-3px)}.deck-card.is-unavailable{cursor:default;opacity:.42;filter:grayscale(.35)}.player-hand .hand-card.reaction-unplayable{filter:grayscale(.72)brightness(.62);cursor:not-allowed}.deck-drag-preview{z-index:9999!important;pointer-events:none!important;opacity:1!important;margin:0!important;position:fixed!important;top:-200vh!important;left:-200vw!important;transform:none!important}.deck-card .card-face{aspect-ratio:294/420;width:100%;position:relative;inset:auto}.deck-card .card-abilities{font-size:clamp(.36rem,.48vw,.58rem)}@media (width<=900px){.deck-studio{grid-template-columns:1fr}.deck-library{min-height:0;position:static}}@media (width<=760px){.deck-workspace{grid-template-columns:1fr}.deck-column{grid-row:1;position:static}.deck-drop-zone{max-height:18rem}}.login-button,.create-room-form button,.inline-form button,.stacked-form button{border-radius:var(--radius-control);color:var(--color-on-accent);background:var(--surface-primary);padding:.78rem 1.15rem;font-weight:700}.login-button:hover,.create-room-form button:hover,.inline-form button:hover,.stacked-form button:hover{background:var(--surface-primary)}#login-button{border:1px solid var(--color-gold);border-radius:var(--radius-pill);color:var(--color-on-accent);background:var(--color-gold);box-shadow:none;font:700 .7rem var(--font-utility);letter-spacing:.14em;transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease;padding:.64rem 1.2rem}#login-button:hover{border-color:var(--color-gold);background:var(--color-gold)}.account-button{border:1px solid var(--color-edge-solid);border-radius:var(--radius-pill);max-width:15rem;color:var(--color-gold);background:var(--color-surface);font:700 .67rem var(--font-display);letter-spacing:.08em;transition:border-color var(--duration-fast) ease, background var(--duration-fast) ease, color var(--duration-fast) ease;justify-content:center;align-items:center;padding:.58rem 1rem;display:flex;overflow:hidden}.account-button:hover{border-color:var(--color-gold);color:var(--color-gold);background:var(--color-surface-raised)}.account-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-button.is-loading{opacity:1;min-width:4.25rem;min-height:2.25rem}.account-loader{border:2px solid color-mix(in srgb, var(--color-gold) 28%, transparent);border-top-color:currentColor;border-radius:50%;flex:none;width:.9rem;height:.9rem;animation:.7s linear infinite account-loader-spin}@keyframes account-loader-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.account-loader{animation-duration:1.4s}}.avatar{width:31px;height:31px;color:var(--color-text);background:var(--color-roman-red);border-radius:50%;place-items:center;font-size:.7rem;font-weight:700;display:grid}.chevron{color:var(--color-text-muted)}.menu-label,.section-label,.eyebrow{font-family:var(--font-display)}.menu-label,.section-label{color:var(--color-danger);letter-spacing:.16em;margin:0 0 .45rem;font-size:.67rem;font-weight:700}.username-form{gap:.5rem;margin-top:.45rem;display:grid}.username-form label{color:var(--color-text-muted);font-size:.76rem}.username-fields{gap:.45rem;display:flex}.username-fields input{border-color:var(--color-edge-solid);background:var(--color-canvas);min-width:0;padding:.55rem .65rem}.username-fields button{border-radius:var(--radius-control);color:var(--color-on-accent);background:var(--color-gold);padding:.5rem .7rem;font-size:.78rem;font-weight:700}.username-fields button:hover{background:var(--color-gold)}.username-message{min-height:1rem;color:var(--color-gold);font-size:.72rem}.text-button{color:var(--color-text-muted);background:0 0;justify-self:start;margin-top:.7rem;padding:0;font-size:.82rem}.danger{color:var(--color-danger)}.landing-view{background:var(--color-canvas);margin-top:0;overflow:clip}.landing-hero{min-height:calc(100svh - var(--header-space));isolation:isolate;background:var(--color-canvas) url(/assets/front_page/rise-of-rome-battlefield-v3.webp) center / cover no-repeat;align-items:start;padding:clamp(3rem,12svh,7rem) clamp(1.25rem,7vw,7.5rem) 9rem;display:grid;position:relative;overflow:clip}.landing-hero-content{z-index:1;text-align:left;justify-self:stretch;justify-items:start;width:100%;display:grid;position:relative}.landing-logo{aspect-ratio:1774/742;opacity:0;justify-self:start;width:min(39rem,100%);position:relative}.landing-logo-source{opacity:0;pointer-events:none;width:100%;height:auto;display:block;position:absolute;inset:-19.5418% 0 auto}.landing-logo-rise{clip-path:polygon(0 16.347%,20.293% 16.347%,20.293% 17.136%,85.118% 17.136%,85.118% 16.347%,100% 16.347%,100% 52.311%,37.542% 52.311%,36.077% 51.86%,21.928% 51.86%,21.364% 55.242%,0 55.242%)}.landing-logo-of{clip-path:inset(56.257% 78.241% 23.788% 7.328%)}.landing-logo-rome{clip-path:inset(52.311% 0 0 21.815%)}.landing-logo.is-preparing,.landing-logo.is-entering{opacity:1}.landing-logo.is-preparing .landing-logo-source,.landing-logo.is-entering .landing-logo-source{will-change:transform}.landing-logo.is-preparing .landing-logo-source{opacity:0}.landing-logo.is-preparing .landing-logo-rise{transform:translate3d(0, calc(-1 * var(--distance-logo-rise)), 0)}.landing-logo.is-preparing .landing-logo-of{transform:translate3d(calc(-1 * var(--distance-logo-of)), 0, 0)}.landing-logo.is-preparing .landing-logo-rome{transform:translate3d(var(--distance-logo-rome), 0, 0)}.landing-copy.is-preparing,.landing-copy.is-entering{will-change:transform}.landing-copy.is-preparing{opacity:0;transform:translateY(24px)}.landing-logo.is-entering .landing-logo-rise{animation:landing-rise-arrival var(--duration-logo-rise) var(--ease-logo-flight) both}.landing-logo.is-entering .landing-logo-of{animation:landing-of-arrival var(--duration-logo-of) var(--delay-logo-of) var(--ease-logo-flight) both}.landing-logo.is-entering .landing-logo-rome{animation:landing-rome-arrival var(--duration-logo-rome) var(--delay-logo-rome) var(--ease-logo-flight) both}.landing-copy{z-index:2;inset:auto 0 max(2rem, env(safe-area-inset-bottom)) 0;opacity:0;justify-items:center;padding-inline:1.25rem;display:grid;position:absolute}.landing-copy.is-entering{animation:landing-play-arrival var(--duration-landing-play) var(--delay-landing-play) var(--ease-logo-flight) both}.landing-logo.is-settled,.landing-logo.is-settled .landing-logo-source,.landing-copy.is-settled{opacity:1;transform:none}@keyframes landing-rise-arrival{0%{opacity:0;transform:translate3d(0, calc(-1 * var(--distance-logo-rise)), 0)}to{opacity:1;transform:translate(0,0)}}@keyframes landing-of-arrival{0%{opacity:0;transform:translate3d(calc(-1 * var(--distance-logo-of)), 0, 0)}to{opacity:1;transform:translate(0,0)}}@keyframes landing-rome-arrival{0%{opacity:0;transform:translate3d(var(--distance-logo-rome), 0, 0)}to{opacity:1;transform:translate(0,0)}}@keyframes landing-play-arrival{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (width<=850px){.site-shell:has(.landing-view:not(.hidden)) .landing-hero{min-height:calc(100svh - var(--header-space));padding-top:clamp(1.25rem,4svh,2.5rem);padding-inline:1.25rem;align-items:start;padding-bottom:9rem}.landing-hero-content{justify-items:center}.landing-logo{justify-self:center;width:min(34rem,100%)}}@media (width<=850px) and (orientation:portrait){.landing-hero{background-image:url(/assets/front_page/brutus-mobile-portrait.webp);background-size:auto var(--landing-portrait-height,max(110%, 146.667vw));background-position:center var(--landing-portrait-top,50%)}.landing-logo{width:min(28rem,75vw,100%)}}@media (width<=600px) and (orientation:portrait){.landing-logo{width:min(19rem,75vw,100%)}}@media (width<=850px) and (orientation:landscape){.landing-hero{background-image:url(/assets/front_page/brutus-mobile-landscape.webp);background-size:max(110%, calc((100svh - var(--header-space)) * 1.95452)) auto;background-position:50%}.landing-logo{justify-self:start;width:min(14rem,40vw,100%)}.landing-hero-content{justify-items:start}}@media (width<=850px){.landing-copy{bottom:max(1.25rem, env(safe-area-inset-bottom))}}@media (height<=550px){.site-shell:has(.landing-view:not(.hidden)) .landing-hero{align-items:start;padding-top:1rem;padding-bottom:7rem}.landing-logo{width:min(24rem, 45vw, calc((100svh - var(--header-space) - 11rem) * 2.39))}}@media (width<=850px) and (height<=550px){.landing-logo{width:min(14rem, 75vw, calc((100svh - var(--header-space) - 7rem) * 2.39))}}@media (prefers-reduced-motion:reduce){.landing-logo.is-entering .landing-logo-source,.landing-copy.is-entering{opacity:1;animation:none;transform:none}}.home-view{min-height:calc(100dvh - var(--header-space));padding:3.5rem clamp(1rem,2vw,2rem) 4rem;display:block}.hero h1{font:700 clamp(2.8rem, 5.6vw, 5rem)/.98 var(--font-display);letter-spacing:.01em;margin:0}.hero>p:last-child{max-width:520px;color:var(--color-text-muted);margin:1.5rem 0 0;line-height:1.65}.eyebrow{color:var(--color-danger);letter-spacing:.2em;margin:0 0 1rem;font-size:.72rem;font-weight:700}.lobby-card{border:1px solid var(--color-edge);border-radius:var(--radius-large);background:color-mix(in srgb, var(--color-canvas) 94.1%, transparent);min-height:28.5rem;box-shadow:0 28px 100px color-mix(in srgb, var(--color-shadow) 40%, transparent);flex-direction:column;padding:1.6rem;display:flex}.lobby-heading{justify-content:space-between;align-items:center;display:flex}.lobby-heading h2,.game-toolbar h2,.login-dialog:not(.clerk-login-dialog) h2{font:700 1.5rem var(--font-display);align-items:center;gap:.55rem;margin:.15rem 0 0;display:flex}.icon-button{border:1px solid var(--color-edge);border-radius:var(--radius-control);width:36px;height:36px;color:var(--color-text-muted);background:var(--color-canvas);font-size:1.15rem}.create-room-form{justify-content:flex-end;gap:.65rem;margin-top:1.35rem;display:flex}.create-room-form .secondary-button{border-color:var(--color-edge-solid);color:var(--color-gold);background:linear-gradient(180deg, var(--color-surface), var(--color-canvas))}.create-room-form .secondary-button:hover{border-color:var(--color-gold);background:linear-gradient(180deg, var(--color-surface-selected), var(--color-surface))}input,select{border:1px solid var(--color-edge);border-radius:var(--radius-control);width:100%;min-width:0;color:var(--color-text);background:var(--color-canvas);outline:0;padding:.78rem .9rem}input:focus,select:focus{border-color:var(--color-roman-red);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-roman-red) 20%, transparent)}.message{min-height:1.1rem;color:var(--color-danger);margin:.65rem 0;font-size:.8rem}.room-list{scrollbar-width:thin;scrollbar-color:var(--color-surface-raised) transparent;align-content:start;gap:.55rem;height:20rem;display:grid;overflow:auto}.room-row{border:1px solid var(--color-edge);border-radius:var(--radius-panel);background:var(--color-canvas);grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;padding:.75rem;display:grid}.room-row:hover{border-color:var(--color-edge-solid)}.room-icon{border-radius:var(--radius-panel);width:39px;height:39px;color:var(--color-text);background:var(--color-canvas);place-items:center;font-size:.7rem;font-weight:700;display:grid}.room-row strong,.room-row span{display:block}.room-row span{color:var(--color-text-muted);margin-top:.2rem;font-size:.76rem}.room-row button{border:1px solid var(--color-edge-solid);border-radius:var(--radius-control);color:var(--color-text);background:var(--color-canvas);padding:.55rem .8rem;font-size:.78rem;font-weight:700}.empty-state{height:100%;min-height:12rem;color:var(--color-text-muted);text-align:center;align-content:center;justify-items:center;padding:1.5rem 1rem;display:grid}.empty-state>span{color:var(--color-danger);font-size:1.8rem}.empty-state strong{color:var(--color-text);margin-top:.5rem}.empty-state p{margin:.35rem 0 0;font-size:.82rem}.game-view{height:calc(100vh - var(--header-space));place-items:center;padding:0;display:grid}.game-view,.game-view *,.drag-preview,.drag-preview *,.play-flight,.play-flight *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.game-view img,.drag-preview img,.play-flight img{-webkit-user-drag:none}.game-view input,.game-view textarea,.game-view [contenteditable=true],.game-view [contenteditable=true] *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.game-stage{place-items:center;width:100%;min-width:0;height:100%;display:grid}.game-view.watching{align-items:stretch;place-items:unset;display:flex}.game-view.watching .game-stage{width:70%}.game-view.watching .board{width:min(100%, calc((100vh - var(--header-space)) * 16 / 9))}.stack-panel{border-left:1px solid var(--color-edge);background:var(--color-canvas);flex-direction:column;width:30%;min-width:16rem;height:100%;padding:1rem 1.1rem 1.2rem;display:flex;overflow:hidden}.stack-panel-header h2{font:600 1.15rem var(--font-utility);margin:.15rem 0 .85rem}.stack-current{gap:.55rem;max-height:42%;margin-bottom:1rem;display:grid;overflow:auto}.stack-idle{color:var(--color-text-muted);margin:0;font-size:.82rem}.stack-frame{border:1px solid var(--color-edge);border-radius:var(--radius-control);background:var(--color-canvas);padding:.65rem .75rem}.stack-frame strong{font-size:.82rem;display:block}.stack-frame span{color:var(--color-text-muted);font-size:.72rem}.stack-frame ol{color:var(--color-text);margin:.4rem 0 0;padding-left:1.1rem;font-size:.75rem}.stack-frame-top{border-color:var(--color-roman-red)}.stack-frame-waiting{border-color:var(--color-damage)}.stack-log{color:var(--color-text-muted);flex:1;margin:.4rem 0 0;padding:0;font-size:.72rem;list-style:none;overflow:auto}.stack-log li{border-bottom:1px solid var(--color-edge);padding:.28rem 0}.game-view.watching .player-hand,.game-view.watching .opponent-hand{pointer-events:none}.opponent-hand .hand-card{pointer-events:none;transform-origin:50% -30%;cursor:default}.connection-status{color:var(--color-text-muted);font-size:.7rem}.connection-status span{background:var(--color-text-muted);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.connection-status.online span{background:var(--color-success);box-shadow:0 0 10px var(--color-success)}.waiting-status span,.ended-status span{background:var(--color-damage)}.exit-button{border:1px solid var(--color-edge-solid);border-radius:var(--radius-control);color:var(--color-text);background:var(--color-canvas);padding:.6rem .85rem;font-size:.8rem;font-weight:700}.waiting-view{border:1px solid var(--color-edge);border-radius:var(--radius-panel);background:var(--color-canvas);place-items:center;width:100%;height:100%;display:grid}.waiting-card{text-align:center;width:min(520px,100% - 2rem)}.waiting-symbol{border:1px solid var(--color-edge-solid);width:58px;height:58px;color:var(--color-damage);background:var(--color-canvas);border-radius:50%;place-items:center;margin:0 auto 1.2rem;font-size:1.4rem;display:grid}.waiting-card h2{font:700 clamp(1.8rem, 5vw, 2.7rem) var(--font-display);margin:0}.waiting-card>p:not(.section-label){color:var(--color-text-muted);margin:.7rem auto 1.5rem}.waiting-players{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.player-slot{border:1px solid var(--color-edge);border-radius:var(--radius-panel);text-align:left;background:var(--color-canvas);align-items:center;gap:.7rem;padding:.75rem;display:flex}.player-slot>span{width:36px;height:36px;color:var(--color-text);background:var(--color-damage);border-radius:50%;place-items:center;font-size:.7rem;font-weight:700;display:grid}.player-slot strong{font-size:.85rem}.player-slot.empty{color:var(--color-text-muted);background:0 0;border-style:dashed}.player-slot.empty>span{color:var(--color-text-muted);background:var(--color-surface)}.waiting-view.ended .waiting-symbol{border-color:var(--color-edge-solid);color:var(--color-damage);background:var(--color-canvas)}.board{width:min(100vw, calc((100vh - var(--header-space)) * 16 / 9));aspect-ratio:16/9;background:var(--color-canvas) url(/assets/board/board.png) center/contain no-repeat;height:auto;box-shadow:0 20px 80px color-mix(in srgb, var(--color-shadow) 60%, transparent);cursor:default;border:0;border-radius:0;position:relative;overflow:hidden;container-type:inline-size}.mulligan-view{z-index:60;background:color-mix(in srgb, var(--color-shadow) 38%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;padding:2cqw;display:grid;position:absolute;inset:0}.mulligan-panel{border:1px solid var(--color-gold);background:linear-gradient(155deg, color-mix(in srgb, var(--color-surface) 97%, transparent), color-mix(in srgb, var(--color-canvas) 97%, transparent));width:min(84cqw,100%);box-shadow:0 1.5cqw 5cqw color-mix(in srgb, var(--color-shadow) 73.3%, transparent), inset 0 1px color-mix(in srgb, var(--color-gold) 26.7%, transparent);text-align:center;border-radius:1.2cqw;padding:2.2cqw 2.7cqw}.mulligan-panel .section-label{color:var(--color-gold);letter-spacing:.22em;margin:0 0 .35cqw;font-size:clamp(9px,1cqw,16px)}.mulligan-panel h2{color:var(--color-text);font:700 clamp(19px, 2.5cqw, 39px)/1.1 var(--font-display);margin:0}.mulligan-panel p:not(.section-label){color:var(--color-text);margin:.6cqw auto 1.4cqw;font-size:clamp(10px,1.15cqw,17px)}.mulligan-clock{border:1px solid var(--color-gold);border-radius:var(--radius-pill);color:var(--color-gold);background:color-mix(in srgb, var(--color-canvas) 81.2%, transparent);align-items:baseline;gap:.55cqw;margin:0 auto 1.2cqw;padding:.45cqw 1.1cqw;display:inline-flex}.mulligan-clock strong{min-width:2ch;font:700 clamp(18px, 2.2cqw, 34px)/1 var(--font-utility);font-variant-numeric:tabular-nums}.mulligan-clock strong.urgent{color:var(--color-damage)}.mulligan-clock span{font:700 clamp(8px, .8cqw, 12px)/1 var(--font-utility);letter-spacing:.12em}.mulligan-cards{justify-content:center;gap:.8cqw;min-height:13.5cqw;display:flex}.mulligan-card{aspect-ratio:294/420;width:9.3cqw;transition:transform var(--duration-control) ease, filter var(--duration-control) ease;background:0 0;border:0;border-radius:.6cqw;flex:0 0 9.3cqw;padding:0;position:relative;overflow:hidden}.mulligan-card:hover,.mulligan-card:focus-visible{outline:none;transform:translateY(-.6cqw)}.mulligan-card.selected{transform:translateY(.7cqw)}.mulligan-card.selected .card-face{filter:saturate(.45)brightness(.7)}.mulligan-card-mark{z-index:5;pointer-events:none;display:none;position:absolute;inset:0}.mulligan-card.selected .mulligan-card-mark{display:block}.mulligan-card-mark:before,.mulligan-card-mark:after{content:"";background:linear-gradient(90deg, var(--color-surface-selected), var(--color-roman-red) 18%, var(--color-damage) 51%, var(--color-roman-red) 81%, var(--color-surface-selected));width:135%;height:.95cqw;box-shadow:0 .15cqw .35cqw color-mix(in srgb, var(--color-surface) 80%, transparent), 0 0 .3cqw color-mix(in srgb, var(--color-damage) 66.7%, transparent);clip-path:polygon(0 35%,6% 7%,12% 24%,21% 0,35% 18%,50% 4%,63% 21%,79% 0,92% 23%,100% 7%,97% 81%,85% 100%,70% 77%,54% 100%,38% 80%,20% 100%,8% 78%,0 92%);border-radius:46% 22% 38% 18%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(55deg)}.mulligan-card-mark:after{transform:translate(-50%,-50%)rotate(-55deg)}.mulligan-confirm{border-radius:var(--radius-pill);min-width:16cqw;color:var(--color-on-accent);background:var(--color-gold);font:700 clamp(12px, 1.2cqw, 18px)/1 var(--font-utility);margin-top:1.4cqw;padding:.75cqw 1.5cqw}.mulligan-confirm:hover:not(:disabled){background:var(--color-gold)}.board.combat-resolving,.board.ability-resolving{cursor:wait}.board.combat-resolving>:not(.health-counter),.board.ability-resolving>:not(.health-counter,.damage-number){pointer-events:none}.damage-number{z-index:50;color:var(--color-damage);font:900 clamp(13px, 2.2cqw, 38px)/1 var(--font-utility);text-shadow:0 .1cqw .15cqw var(--color-surface), 0 0 .55cqw var(--color-damage);pointer-events:none;position:absolute}.damage-number.healing-number{color:var(--color-success);text-shadow:0 .1cqw .15cqw var(--color-success-deep), 0 0 .55cqw var(--color-success)}.health-counter{z-index:6;width:7.4cqw;height:7.4cqw;color:var(--color-text);font:700 clamp(9px, 2.1cqw, 36px)/1 var(--font-utility);font-variant-numeric:tabular-nums;text-align:center;text-shadow:0 .12cqw .2cqw var(--color-surface-raised), 0 0 .5cqw var(--color-gold);pointer-events:none;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.opponent-health{top:41%;left:15.85%}.own-health{top:58.5%;left:15.85%}.mana-counter{z-index:6;width:5cqw;height:4cqw;color:var(--color-text);font:700 clamp(8px, 1.55cqw, 27px)/1 var(--font-utility);font-variant-numeric:tabular-nums;text-align:center;text-shadow:0 .1cqw .22cqw var(--color-mana-deep), 0 0 .45cqw var(--color-mana);pointer-events:none;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.opponent-mana{top:41.5%;left:91.6%}.opponent-reserve{top:41.5%;left:96%}.own-mana{top:58.2%;left:91.6%}.own-reserve{top:58.2%;left:96%}.turn-indicator{z-index:7;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:50%;width:7.4cqw;height:7.4cqw;padding:0;position:absolute;top:49.7%;right:12.5%;transform:translateY(-50%)}.turn-indicator:disabled{opacity:1;cursor:default}.turn-indicator:not(:disabled):hover{filter:brightness(1.15) drop-shadow(0 0 .5cqw color-mix(in srgb, var(--color-text) 33.3%, transparent))}.turn-indicator img{filter:drop-shadow(0 .2cqw .3cqw color-mix(in srgb, var(--color-shadow) 53.3%, transparent));pointer-events:none;border-radius:50%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.turn-indicator[data-status=attack] .turn-base{filter:hue-rotate(-62deg) saturate(1.3) drop-shadow(0 .2cqw .3cqw color-mix(in srgb, var(--color-shadow) 53.3%, transparent))}.turn-indicator[data-status=block] .turn-base{filter:hue-rotate(105deg) saturate(1.25) drop-shadow(0 .2cqw .3cqw color-mix(in srgb, var(--color-shadow) 53.3%, transparent))}.turn-base{width:100%;height:100%}.turn-copy{z-index:2;color:var(--color-text);pointer-events:none;align-content:center;place-items:center;display:grid;position:absolute;inset:0}.turn-action,.turn-timer{font:700 clamp(7px, .92cqw, 16px) / 1 var(--font-utility);font-variant-numeric:tabular-nums;letter-spacing:.02em;text-shadow:0 .1cqw .2cqw var(--color-shadow), 0 0 .4cqw var(--color-shadow)}.turn-indicator:not(.has-turn-timer) .turn-action{font-size:clamp(8px,1.02cqw,18px)}.turn-indicator.has-turn-timer .turn-copy{grid-template-rows:auto auto;gap:.25cqw}.turn-indicator.has-turn-timer .turn-action{align-self:end;font-size:clamp(6px,.68cqw,12px)}.turn-timer{display:none}.turn-indicator.has-turn-timer .turn-timer{align-self:start;font-size:clamp(9px,1.3cqw,23px);display:block}.turn-timer.urgent{color:var(--color-text);text-shadow:0 .1cqw .2cqw var(--color-surface-raised), 0 0 .5cqw var(--color-damage)}.turn-token{z-index:8;object-fit:contain;transform-origin:50%;backface-visibility:hidden;width:5.2cqw;height:auto;filter:drop-shadow(0 .2cqw .3cqw color-mix(in srgb, var(--color-shadow) 60%, transparent));pointer-events:none;position:absolute;right:13.45%}.turn-token-above{top:32.7%}.turn-token-below{bottom:32.7%}.slot-row{z-index:4;pointer-events:auto;justify-content:center;align-items:center;gap:.25cqw;width:54%;display:flex;position:absolute;left:23.1%}.opponent-board{height:17.2%;top:15.8%}.own-board{height:17.2%;bottom:16.8%}.opponent-battle{height:13%;top:35%}.own-battle{height:13%;bottom:35.5%}.game-slot{pointer-events:auto;touch-action:none;background:0 0;border:0;border-radius:.3cqw;flex:0 0 6.5cqw;height:max(100%,9.28571cqw);padding:.1cqw;position:relative}.game-slot.card-flying{z-index:8}.battle-slot.drag-origin{flex:0 0 0;width:0;padding:0;overflow:hidden}.board.choosing-target .game-slot.occupied:not(.choice-target){filter:saturate(.45)brightness(.65)}.board.choosing-target .slot-row,.board.choosing-target .player-hand,.board.choosing-target .opponent-hand,.board.choosing-target .hand-card,.board.choosing-target .game-slot:not(.choice-target){pointer-events:none}.choice-target{animation:.85s ease-in-out infinite alternate choice-target-pulse;z-index:10!important;cursor:crosshair!important;pointer-events:auto!important}.game-slot.choice-target{box-shadow:0 0 0 .18cqw var(--color-gold), 0 0 1.1cqw var(--color-gold);border-radius:.45cqw}.health-counter.choice-target{box-shadow:0 0 0 .18cqw var(--color-gold), 0 0 1.1cqw var(--color-gold);border-radius:50%}.choice-selected{z-index:10!important;filter:brightness(1.25) drop-shadow(0 0 .8cqw var(--color-gold))!important}.ability-queue-item.is-queued .spell-focus-card{opacity:.55;filter:brightness(.65)}.ability-queue-item.is-queued .spell-chain{display:none}.ability-queue-remaining{color:var(--color-on-accent);background:0 0;padding:.2cqw .5cqw;font-size:clamp(10px,.7cqw,14px);position:absolute;top:calc(50% - 4.5cqw);left:50%;transform:translate(-50%)}.spell-presentation{z-index:20;pointer-events:none;position:absolute;inset:0}.spell-focus-card{z-index:22;aspect-ratio:294/420;width:4.5cqw;filter:drop-shadow(0 .45cqw .8cqw color-mix(in srgb, var(--color-shadow) 80%, transparent)) drop-shadow(0 0 .45cqw color-mix(in srgb, var(--color-gold) 46.7%, transparent));transition:left .26s,opacity .26s,filter .26s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spell-focus-card .card-face{width:100%;height:100%}.spell-focus-card .card-name{font-size:.325cqw}.spell-focus-card .card-abilities{font-size:.2cqw}.spell-focus-card .card-cost{font-size:.525cqw}.spell-chain{z-index:21;opacity:0;transform-origin:50% 0;width:1.05cqw;min-height:0;filter:drop-shadow(0 .18cqw .2cqw color-mix(in srgb, var(--color-shadow) 80%, transparent));transition:opacity .1s;position:absolute}.spell-chain.is-visible{opacity:1}.spell-chain-shaft{background:url(/assets/board/chain.png) top/100% repeat-y;position:absolute;inset:0}.spell-chain img{z-index:1;transform-origin:50%;width:auto;height:2.7cqw;position:absolute;bottom:0;left:50%;transform:translate(-50%,72%)rotate(180deg)}.spell-presentation.is-aiming .spell-chain{filter:drop-shadow(0 .18cqw .2cqw color-mix(in srgb, var(--color-shadow) 80%, transparent)) drop-shadow(0 0 .3cqw color-mix(in srgb, var(--color-gold) 53.3%, transparent))}.spell-presentation.is-locked .spell-chain{filter:drop-shadow(0 .18cqw .2cqw color-mix(in srgb, var(--color-shadow) 80%, transparent)) drop-shadow(0 0 .5cqw var(--color-gold));animation:.24s ease-out both spell-chain-lock}@keyframes spell-chain-lock{0%{filter:brightness(1) drop-shadow(0 .18cqw .2cqw color-mix(in srgb, var(--color-shadow) 80%, transparent))}45%{filter:brightness(1.55) drop-shadow(0 0 .7cqw var(--color-gold))}to{filter:brightness(1.12) drop-shadow(0 .18cqw .2cqw color-mix(in srgb, var(--color-shadow) 80%, transparent)) drop-shadow(0 0 .5cqw var(--color-gold))}}@keyframes choice-target-pulse{0%{filter:brightness(1) drop-shadow(0 0 .15cqw var(--color-gold))}to{filter:brightness(1.25) drop-shadow(0 0 .65cqw var(--color-gold))}}.game-slot .card-face{aspect-ratio:294/420;width:6.5cqw;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.battle-slot .card-face,.battle-slot .block-holder{aspect-ratio:294/420;width:6.5cqw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.battle-slot .block-holder{width:6.5cqw}.game-slot .death-shred{z-index:12;pointer-events:none;will-change:transform, opacity, filter}.block-holder{opacity:.82;object-fit:fill;height:auto;filter:drop-shadow(0 .25cqw .35cqw color-mix(in srgb, var(--color-shadow) 60%, transparent));pointer-events:none;transition:opacity var(--duration-control) ease;animation:.36s ease-out backwards block-holder-enter;display:block}.block-holder.is-leaving{z-index:6;transition:none;animation:none}@keyframes block-holder-enter{0%{opacity:0}to{opacity:.82}}.battle-slot.drag-over .block-holder{opacity:1;filter:brightness(1.2) drop-shadow(0 0 .45cqw color-mix(in srgb, var(--color-text) 66.7%, transparent))}.game-slot .card-name,.draw-card-animation .card-name{font-size:.5cqw}.game-slot .card-abilities,.draw-card-animation .card-abilities{font-size:.3cqw}.game-slot .card-cost,.draw-card-animation .card-cost{font-size:.8cqw}.game-slot .card-attack,.game-slot .card-health,.draw-card-animation .card-attack,.draw-card-animation .card-health{font-size:.72cqw}.game-slot .card-race,.draw-card-animation .card-race{font-size:.48cqw}.deck-pile{z-index:4;width:7.1cqw;height:10cqw;transition:opacity var(--duration-control) ease;position:absolute}.deck-pile.is-empty{opacity:0;pointer-events:none}.deck-pile.is-last-card-departing{transition:none}.deck-pile img{object-fit:fill;width:100%;height:100%;filter:drop-shadow(0 .35cqw .35cqw color-mix(in srgb, var(--color-shadow) 53.3%, transparent));pointer-events:none;display:block}.deck-pile span{border:.1cqw solid var(--color-damage);opacity:0;min-width:2.7cqw;color:var(--color-text);background:color-mix(in srgb, var(--color-surface-selected) 93.3%, transparent);box-shadow:0 .2cqw .4cqw color-mix(in srgb, var(--color-shadow) 66.7%, transparent);font:700 clamp(5px, .72cqw, 12px) var(--font-utility);white-space:nowrap;pointer-events:none;border-radius:1cqw;place-items:center;padding:.18cqw .3cqw;transition:opacity .12s,transform .12s;display:grid;position:absolute;bottom:-.1cqw;right:-.35cqw;transform:translateY(.25cqw)}.deck-pile:hover span{opacity:1;transform:translateY(0)}.opponent-deck{top:13%;left:13.5%}.own-deck{bottom:13.5%;left:13.5%}.opponent-hand,.player-hand{z-index:5;pointer-events:none;justify-content:center;width:42cqw;height:14.5cqw;display:flex;position:absolute;left:50%;transform:translate(-50%)}.opponent-hand{align-items:flex-start;top:-3.5%}.player-hand{transition:width var(--duration-control) cubic-bezier(.22, .8, .3, 1);align-items:flex-end;bottom:-3.5%}.player-hand.expanded{pointer-events:auto;width:90cqw;height:18cqw;bottom:calc(4px - 3.5%)}.opponent-hand>img,.opponent-hand>.hand-card{--rotation:0deg;--rise:0%;aspect-ratio:294/420;object-fit:fill;filter:none;width:7.1cqw;transform:translateY(var(--rise)) rotate(var(--rotation));transform-origin:50% -30%;transition:filter var(--duration-fast) ease, width var(--duration-fast) ease, margin var(--duration-fast) ease;-webkit-user-select:none;user-select:none;margin:0 -.75cqw;position:relative}.opponent-hand>img.remote-hover,.opponent-hand>.hand-card.remote-hover{z-index:20;filter:none;transform:translateY(18%)rotate(0)scale(1.05)}.opponent-hand>img.remote-drag-origin,.opponent-hand>.hand-card.remote-drag-origin{opacity:0}.hand-card{--rotation:0deg;--drop:0%;aspect-ratio:294/420;width:7.1cqw;transform:translateY(var(--drop)) rotate(var(--rotation));transform-origin:50% 130%;transition:transform var(--duration-control) cubic-bezier(.22, .8, .3, 1), filter var(--duration-fast) ease, width var(--duration-control) cubic-bezier(.22, .8, .3, 1), margin var(--duration-control) cubic-bezier(.22, .8, .3, 1);filter:none;cursor:grab;touch-action:none;pointer-events:auto;margin:0 -.75cqw;position:relative}.hand-card:active{cursor:grabbing}.player-hand.expanded .hand-card{width:var(--spread-card-width,7.1cqw);transform-origin:50% 100%;margin:0 .1cqw;transform:translateY(-15%)rotate(0)}.player-hand.expanded .hand-card:not(.just-dropped):hover{z-index:20;filter:none;transform:translateY(-15%)rotate(0)scale(1.05)}.hand-card.drag-origin{opacity:0;flex-basis:0;width:0;margin:0}.card-face{border-radius:8%;position:absolute;inset:0;overflow:hidden}.card-art{object-fit:cover;border-radius:8%;width:86%;height:92%;position:absolute;inset:4% 7%}.card-frame{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.card-face.is-neutral{border-radius:2%;container-type:inline-size}.card-art-window{clip-path:inset(1% 1.5% 4% round 2%);pointer-events:none;position:absolute;inset:0}.card-face.is-neutral .card-art{border-radius:2%;width:97%;height:98%;inset:1% 1.5%}.card-face.is-neutral .card-frame{z-index:1}.card-flag,.card-mana{pointer-events:none;height:auto;position:absolute}.card-flag{z-index:2;width:34%;top:10%;left:-1.7%}.card-mana{z-index:3;width:21%;top:2%;left:3.9%}.card-status-icons{z-index:4;pointer-events:none;flex-direction:column;gap:.7cqw;width:12%;display:flex;position:absolute;top:3%;right:4.5%}.card-status-icons img{width:100%;height:auto;display:block}.card-face.is-neutral .card-cost{z-index:4;width:21%;height:14.7%;font-size:13cqw;top:2%;left:3.9%}.card-face.is-neutral .card-name{z-index:4;height:9%;font-size:8.2cqw;inset:63% 8% auto}.card-face.is-neutral .card-abilities{z-index:4;font-size:3.8cqw;inset:73.5% 8% 11%}.card-face.is-neutral.is-spell .card-ability strong{margin-bottom:.25em;display:block}.card-face.is-neutral .card-attack,.card-face.is-neutral .card-health{width:17%;font-size:12cqw;bottom:4.5%}.card-face.is-neutral .card-attack{left:4.5%}.card-face.is-neutral .card-health{right:3.5%}.card-face.is-neutral .card-race{font-size:5cqw}.card-cost,.card-attack,.card-health,.card-name{z-index:2;color:var(--color-text);font-family:var(--font-utility);text-shadow:0 1px 2px var(--color-shadow);place-items:center;font-weight:700;display:grid;position:absolute}.card-cost{width:15%;height:15%;font-size:1cqw;top:1.2%;left:4%}.card-name{text-align:center;font-size:.58cqw;line-height:1;bottom:17%;left:13%;right:13%}.card-abilities{z-index:3;color:var(--color-text);font-family:var(--font-utility);text-align:center;text-shadow:0 1px 2px var(--color-shadow), 0 0 3px var(--color-shadow);pointer-events:none;flex-direction:column;justify-content:flex-start;font-size:clamp(3px,.32cqw,7px);font-weight:600;line-height:1.08;display:flex;position:absolute;inset:84% 14% 4.5%;overflow:hidden}.card-ability{display:block}.card-ability strong{color:var(--color-gold);font-weight:800}.card-face.has-abilities .card-race{display:none}.card-abilities.ability-count-3,.card-abilities.ability-count-4,.card-abilities.ability-count-5,.card-abilities.ability-count-6{font-size:.82em;line-height:1}.card-attack,.card-health{width:24%;height:13%;font-size:1cqw;bottom:1.2%}.card-attack{left:3%}.card-health{right:3%}.card-race{z-index:3;color:var(--color-text);font-family:var(--font-display);font-variant:small-caps;letter-spacing:.08em;text-align:center;text-transform:lowercase;text-shadow:0 1px 2px var(--color-shadow), 0 0 4px color-mix(in srgb, var(--color-shadow) 80%, transparent);pointer-events:none;font-size:.52cqw;font-weight:700;line-height:1;position:absolute;bottom:10%;left:22%;right:22%}.drag-preview{z-index:1000;pointer-events:none;filter:none;margin:0;position:fixed;transform:translate(-50%,-50%)scale(1.05)}.play-flight{z-index:4000;pointer-events:none;transform-origin:0 0;filter:none;margin:0;position:fixed;transform:none}.play-flight .card-face{width:100%;height:100%;position:absolute;inset:0;transform:none}.play-flight .card-name{font-size:clamp(5px,.58vw,10px)}.play-flight .card-abilities{font-size:clamp(3px,.32vw,6px)}.play-flight .card-cost{font-size:clamp(8px,1.15vw,18px)}.play-flight .card-attack,.play-flight .card-health{font-size:clamp(7px,1vw,16px)}.play-flight .card-race{font-size:clamp(6px,.72vw,11px)}.draw-card-animation{z-index:5;perspective:1000px;pointer-events:none;filter:none;will-change:transform;backface-visibility:hidden;position:absolute}.draw-card-inner{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:relative}.draw-card-back,.draw-card-front{backface-visibility:hidden;border-radius:8%;width:100%;height:100%;position:absolute;inset:0}.draw-card-back{object-fit:fill}.draw-card-back-reverse,.draw-card-front{transform:rotateY(180deg)}.drag-preview .card-face{width:100%;height:100%;position:absolute;inset:0;transform:none}.drag-preview .card-name{font-size:clamp(5px,.58vw,10px)}.drag-preview .card-abilities{font-size:clamp(3px,.32vw,6px)}.drag-preview .card-cost{font-size:clamp(8px,1.15vw,18px)}.drag-preview .card-attack,.drag-preview .card-health{font-size:clamp(7px,1vw,16px)}.drag-preview .card-race{font-size:clamp(6px,.72vw,11px)}.cursors{z-index:30;pointer-events:none;position:absolute;inset:0}.cursor{pointer-events:none;align-items:flex-start;gap:.3rem;transition:left 45ms linear,top 45ms linear;display:flex;position:absolute;transform:translate(-4px,-4px)}.remote-drag-card{aspect-ratio:294/420;object-fit:fill;filter:none;width:7.1cqw;position:absolute;top:0;left:0;transform:translate(-50%,-50%)rotate(3deg)}.remote-drag-card-face{height:auto}.remote-drag-card-face .card-face{width:100%;height:100%}.game-slot.remote-drag-origin{visibility:hidden}.cursor-pointer{color:var(--color-damage);text-shadow:0 1px 3px var(--color-shadow);font-size:1.1rem;position:relative;transform:rotate(-25deg)}.cursor.mine .cursor-pointer{color:var(--color-damage)}.cursor-name{border-radius:var(--radius-control);color:var(--color-text);background:color-mix(in srgb, var(--color-canvas) 85.1%, transparent);white-space:nowrap;margin-top:1rem;padding:.2rem .42rem;font-size:.68rem}.login-dialog{border:1px solid var(--color-edge-solid);border-radius:var(--radius-large);width:min(400px,100% - 2rem);max-height:none;color:var(--color-text);background:var(--color-canvas);box-shadow:0 30px 100px color-mix(in srgb, var(--color-shadow) 80%, transparent);padding:1.5rem 1.6rem 1.2rem;overflow:hidden}.login-dialog::backdrop{background:color-mix(in srgb, var(--color-shadow) 85.1%, transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-close{color:var(--color-text-muted);background:0 0;padding:.2rem .45rem;font-size:1.35rem;position:absolute;top:.7rem;right:.8rem}.dialog-copy{color:var(--color-text-muted);margin:.6rem 0 1.4rem;font-size:.87rem;line-height:1.5}.login-dialog:not(.clerk-login-dialog) h2{margin-bottom:1rem}.login-dialog:not(.clerk-login-dialog) label{color:var(--color-text-muted);margin:0 0 .4rem;font-size:.78rem;font-weight:600;display:block}.login-switch{text-align:center;width:100%;color:var(--color-damage);margin:.85rem 0 0;display:block}.inline-form{grid-template-columns:1fr auto;gap:.6rem;display:grid}.divider{color:var(--color-text-muted);align-items:center;gap:.7rem;margin:1.35rem 0;font-size:.72rem;display:flex}.divider:before,.divider:after{content:"";background:var(--color-surface-raised);flex:1;height:1px}.stacked-form{gap:.55rem;display:grid}.stacked-form label:not(:first-child){margin-top:.3rem}.stacked-form button{margin-top:.5rem}.landing-view{background:radial-gradient(ellipse at 75% 70%, color-mix(in srgb, var(--color-surface-selected) 14.9%, transparent), transparent 38rem), var(--color-canvas)}.landing-kicker{color:var(--color-gold)}.landing-intro{color:var(--color-text)}.landing-primary,.landing-secondary{border-radius:var(--radius-control);min-width:11rem;font:700 .76rem var(--font-display);letter-spacing:.08em}.landing-primary{border-color:var(--color-gold);color:var(--color-on-accent);background:var(--surface-primary);box-shadow:0 12px 32px color-mix(in srgb, var(--color-shadow) 40%, transparent), inset 0 1px color-mix(in srgb, var(--color-text) 40%, transparent)}.landing-secondary{border-color:var(--color-gold);color:var(--color-gold);background:color-mix(in srgb, var(--color-canvas) 80%, transparent)}.decks-view{min-height:calc(100dvh - var(--header-space));background:radial-gradient(ellipse at 8% 0%, color-mix(in srgb, var(--color-surface-selected) 16.9%, transparent), transparent 42rem), radial-gradient(ellipse at 93% 38%, color-mix(in srgb, var(--color-surface-selected) 9%, transparent), transparent 38rem), var(--color-canvas);padding:clamp(1.5rem,3vw,2.75rem) clamp(1rem,4vw,4.5rem) 5rem}.decks-view .section-label{color:var(--color-gold)}.decks-view .lobby-heading h2{color:var(--color-text)}.decks-view input,.decks-view select,.login-dialog input,.game-setup-dialog input,.game-setup-dialog select{border-color:var(--color-edge-solid);color:var(--color-text);background:var(--color-canvas)}.decks-view input:focus,.decks-view select:focus,.login-dialog input:focus,.game-setup-dialog input:focus,.game-setup-dialog select:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-gold) 16.1%, transparent)}.decks-view .login-button,.decks-view .deck-builder-actions button:not(.text-button),.login-dialog .stacked-form button,.game-setup-dialog .start-game-button{border:1px solid var(--color-gold);border-radius:var(--radius-control);color:var(--color-on-accent);background:var(--surface-primary);box-shadow:inset 0 1px color-mix(in srgb, var(--color-text) 53.3%, transparent);font-weight:800}.decks-view .login-button:hover,.decks-view .deck-builder-actions button:not(.text-button):hover,.login-dialog .stacked-form button:hover,.game-setup-dialog .start-game-button:hover{filter:brightness(1.1)}.decks-view .text-button:not(.danger),.login-dialog .text-button:not(.danger){color:var(--color-gold)}.decks-view .danger,.login-dialog .danger{color:var(--color-danger)}.site-shell:has(.decks-view:not(.hidden)){background:var(--color-canvas);padding-bottom:0}.site-shell:has(.decks-view:not(.hidden)) .site-header{margin-bottom:0}.decks-view{min-height:calc(100dvh - var(--header-space));background:radial-gradient(ellipse at 80% 0%, color-mix(in srgb, var(--color-surface-selected) 13.3%, transparent), transparent 42rem), var(--color-canvas);padding:clamp(1.5rem,3vw,2.75rem) clamp(1rem,2.8vw,3rem) 0}.decks-view .section-label{color:var(--color-gold);letter-spacing:.14em}.deck-page-header{min-height:0;box-shadow:none;background:0 0;border-radius:0;margin:0;display:block;position:relative;overflow:visible}.deck-hero-copy{max-width:38rem}.deck-studio{grid-template-columns:minmax(0,1fr);gap:0;margin:0;display:grid}.decks-view .deck-builder{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.deck-command{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55rem 1.5rem;padding:1.3rem .15rem 1.15rem;display:grid}.decks-view .deck-builder-heading{border:0;grid-area:1/1;align-items:end;gap:1.4rem;padding:0}.decks-view .deck-builder-heading .section-label{margin-bottom:.25rem}.decks-view .deck-builder-heading input{width:min(100%,38rem);max-width:none;color:var(--color-text);font:700 clamp(1.4rem, 2.2vw, 2rem) var(--font-display);background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0;padding:.1rem 0 .2rem}.decks-view .deck-builder-heading input:hover,.decks-view .deck-builder-heading input:focus{border-bottom-color:var(--color-roman-red);box-shadow:none}.decks-view .deck-count{width:auto;height:auto;color:var(--color-text-muted);box-shadow:none;background:0 0;border:0;border-radius:0;flex:none;align-content:normal;place-items:baseline normal;gap:.25rem;padding:0;display:flex;transform:none}.decks-view .deck-count strong{color:var(--color-gold);font:700 1.75rem/1 var(--font-utility)}.decks-view .deck-count strong.is-complete{color:var(--color-success)}.decks-view .deck-count span{font:700 .65rem var(--font-utility);letter-spacing:.08em}.deck-slot-track{grid-area:2/1/auto/-1;grid-template-columns:repeat(30,minmax(0,1fr));gap:.22rem;padding:.2rem 0 0;display:grid}.deck-slot{border-radius:var(--radius-small);background:var(--color-surface-selected);height:.28rem;box-shadow:none;border:0}.deck-slot.is-filled{background:var(--color-roman-red);box-shadow:none;border:0}.decks-view .deck-builder-actions{flex-wrap:wrap;grid-area:1/2;justify-content:end;max-width:19rem;margin:0;display:flex}.decks-view .deck-builder-actions button{border-radius:var(--radius-small);min-height:2.5rem}.decks-view .deck-builder-actions #delete-deck-button{border:1px solid var(--color-gold);color:var(--color-gold);background:var(--surface-secondary);margin:0;padding:.72rem 1rem;font-weight:700}.decks-view .deck-builder-actions #delete-deck-button:hover{border-color:var(--color-gold);background:var(--color-surface-selected)}.decks-view .deck-command .message{grid-area:3/1/auto/-1;margin:0}.decks-view .deck-command .message:empty{display:none}.decks-view input,.decks-view select{border-color:var(--color-edge-solid);color:var(--color-text);background:var(--color-surface)}.decks-view input:focus,.decks-view select:focus{border-color:var(--color-roman-red);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-roman-red) 16.5%, transparent)}.decks-view .deck-workspace{grid-template-columns:clamp(18rem,24vw,23rem) minmax(0,1fr);gap:clamp(1rem,2.3vw,2rem);margin-top:1.35rem;display:grid}.decks-view .deck-column{border:1px solid var(--color-gold);border-radius:var(--radius-panel);height:auto;min-height:0;color:var(--color-text);background:var(--color-surface-raised);box-shadow:0 12px 26px color-mix(in srgb, var(--color-shadow) 46.7%, transparent), inset 0 0 0 4px color-mix(in srgb, var(--color-canvas) 50.2%, transparent);flex-direction:column;grid-area:1/1;padding:1rem;display:flex;position:static}.decks-view .deck-column>.deck-tray-heading{border-bottom:1px solid color-mix(in srgb, var(--color-gold) 52.2%, transparent);margin-top:.8rem;padding:.4rem .4rem .85rem}.decks-view .deck-column .section-label,.decks-view .deck-tray-heading span{color:var(--color-gold)}.decks-view .deck-drop-zone{border-radius:var(--radius-small);background:color-mix(in srgb, var(--color-canvas) 65.1%, transparent);scrollbar-color:var(--color-roman-red) var(--color-surface);border:0;flex:none;min-height:8rem;max-height:none;margin:.35rem 0 .85rem;padding:.45rem;overflow:visible}.decks-view .deck-drop-zone.is-drag-over{background:var(--color-surface-selected);box-shadow:inset 0 0 0 2px var(--color-gold)}.decks-view .deck-drop-empty{border:1px dashed var(--color-gold);border-radius:var(--radius-control);min-height:8rem;color:var(--color-text);font:700 .8rem var(--font-display);place-items:center;padding:1rem;display:grid}.decks-view .deck-tray-card{border:1px solid var(--color-gold);border-left:4px solid var(--color-roman-red);border-radius:var(--radius-small);color:var(--color-text);background:var(--surface-control);box-shadow:0 3px 5px color-mix(in srgb, var(--color-shadow) 33.3%, transparent);padding:.65rem .7rem}.decks-view .deck-tray-card:hover,.decks-view .deck-tray-card:focus-visible{border-color:var(--color-gold);background:var(--color-surface-hover);transform:translate(3px)}.decks-view .deck-tray-mana{border:1px solid var(--color-roman-red);color:var(--color-text);background:radial-gradient(circle at 40% 25%, var(--color-roman-red), var(--color-roman-red));box-shadow:inset 0 1px color-mix(in srgb, var(--color-gold) 45.5%, transparent)}.decks-view .deck-tray-card.is-recruited{animation:.38s ease-out both deckRecruit}@keyframes deckRecruit{0%{opacity:0;transform:translate(24px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.deck-curve-panel{border:1px solid var(--color-gold);border-radius:var(--radius-control);background:var(--color-surface);flex:none;padding:.75rem .8rem .6rem}.deck-curve-panel .deck-tray-heading{margin-bottom:.65rem}.deck-mana-curve{grid-template-columns:repeat(10,minmax(0,1fr));gap:.22rem;display:grid}.deck-curve-bin{text-align:center;grid-template-rows:1rem 3.4rem 1rem;gap:.2rem;min-width:0;display:grid}.deck-curve-count,.deck-curve-cost{color:var(--color-gold);font:700 .65rem var(--font-utility)}.deck-curve-track{border-radius:var(--radius-small);background:var(--color-surface-selected);align-items:end;display:flex;overflow:hidden}.deck-curve-track>span{background:linear-gradient(180deg, var(--color-gold), var(--color-roman-red));border-radius:3px 3px 0 0;width:100%;display:block}.decks-view .deck-collection{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;grid-area:1/2;padding:0}.deck-collection-head{border-bottom:0;justify-content:space-between;align-items:end;gap:1.5rem;padding-bottom:.3rem;display:flex}.deck-collection-head h2{color:var(--color-text);font:700 clamp(1.25rem, 2vw, 1.65rem) var(--font-display);margin:0}.decks-view .deck-card-filters{border:1px solid var(--color-edge);border-radius:var(--radius-panel);background:linear-gradient(145deg, var(--color-surface), var(--color-canvas));box-shadow:var(--shadow-panel);grid-template-columns:1fr;gap:0;margin:.75rem 0 1.15rem;display:grid;overflow:hidden}.deck-filter-topline{border-bottom:1px solid var(--color-edge);grid-template-columns:minmax(14rem,1fr) auto auto;align-items:center;gap:.8rem;padding:.8rem;display:grid}.deck-filter-search{border:1px solid var(--color-edge-solid);border-radius:var(--radius-panel);min-width:0;color:var(--color-gold);background:var(--surface-control);box-shadow:var(--shadow-control);transition:border-color var(--transition-control), background var(--transition-control), box-shadow var(--transition-control);align-items:center;gap:.55rem;padding:0 .75rem;display:flex}.deck-filter-search:hover{border-color:var(--color-bronze);background:linear-gradient(180deg, var(--color-surface-raised), var(--color-canvas))}.deck-filter-search:focus-within{border-color:var(--color-gold-base);box-shadow:var(--shadow-control), var(--focus-ring)}.deck-filter-search>svg{flex:0 0 1rem;width:1rem;height:1rem}.decks-view .deck-filter-search input{width:100%;min-height:2.6rem;color:var(--color-text);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.decks-view .deck-filter-search input:hover,.decks-view .deck-filter-search input:focus{box-shadow:none;background:0 0;border:0}.deck-filter-search kbd{border:1px solid var(--color-edge-solid);border-radius:var(--radius-small);color:var(--color-text-muted);background:var(--color-surface);font:700 .68rem var(--font-utility);padding:.1rem .38rem}.deck-filter-summary{min-width:6.5rem;display:grid}.deck-filter-summary strong{color:var(--color-text);font:700 .83rem var(--font-utility)}.deck-filter-summary span{color:var(--color-text-muted);font:.7rem var(--font-utility)}.deck-filter-clear{border-radius:var(--radius-control);color:var(--color-gold);font:700 .72rem var(--font-utility);background:0 0;border:1px solid #0000;padding:.55rem .7rem}.deck-filter-clear:hover{border-color:var(--color-edge);color:var(--color-text-strong);background:var(--color-surface-hover)}.deck-filter-row{border-bottom:1px solid var(--color-edge);grid-template-columns:5.2rem minmax(0,1fr);align-items:start;gap:.65rem;padding:.52rem .8rem;display:grid}.deck-filter-row:last-child{border-bottom:0}.deck-filter-label{color:var(--color-text-muted);font:700 .65rem var(--font-utility);letter-spacing:.1em;text-transform:uppercase;padding-top:.42rem}.deck-filter-options{flex-wrap:wrap;gap:.35rem;display:flex}.deck-filter-options button{border-radius:var(--radius-control);min-height:2rem;color:var(--color-text-muted);font:650 .76rem var(--font-utility);background:0 0;border:1px solid #0000;padding:.38rem .68rem}.deck-filter-options button:hover{border-color:var(--color-edge);color:var(--color-text);background:var(--color-surface-hover)}.deck-filter-options button[aria-pressed=true]{border-color:var(--color-bronze);color:var(--color-gold);background:var(--color-surface-selected);box-shadow:inset 0 1px var(--color-gold-selected-glint)}.deck-filter-options button:focus-visible{outline:2px solid var(--color-gold-focus);outline-offset:2px}.deck-sort-row{background:color-mix(in srgb, var(--color-text) 1.2%, transparent)}.deck-sort-row .deck-filter-options button[aria-pressed=true]{border-color:var(--color-bronze);background:var(--color-surface-selected)}.decks-view .deck-card-pool{background:0 0;border:0;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1rem;padding:.2rem}.decks-view .deck-card-pool.is-drag-over{outline:1px dashed var(--color-roman-red);outline-offset:4px;background:color-mix(in srgb, var(--color-surface-selected) 16.1%, transparent)}.decks-view .deck-card{isolation:isolate;filter:drop-shadow(0 5px 5px color-mix(in srgb, var(--color-shadow) 46.7%, transparent));position:relative}.decks-view .deck-card:hover{z-index:2;filter:drop-shadow(0 11px 10px color-mix(in srgb, var(--color-shadow) 66.7%, transparent));transform:translateY(-4px)}.decks-view .deck-card.is-in-deck:after{content:attr(data-quantity) "/2";z-index:5;border:1px solid var(--color-gold);border-radius:var(--radius-small);min-width:2rem;height:1.5rem;color:var(--color-text);background:var(--color-surface-selected);box-shadow:0 2px 6px color-mix(in srgb, var(--color-shadow) 53.3%, transparent);font:700 .72rem var(--font-utility);pointer-events:none;place-items:center;padding:0 .35rem;display:grid;position:absolute;top:.15rem;right:.15rem;transform:none}.decks-view .deck-card.is-unavailable{opacity:1;filter:drop-shadow(0 5px 5px color-mix(in srgb, var(--color-shadow) 40%, transparent));cursor:pointer}.decks-view .deck-card:focus-visible{outline:2px solid var(--color-gold);outline-offset:4px}.decks-view .empty-state{color:var(--color-text-muted)}.decks-view.has-pending-entrance .deck-page-header,.decks-view.has-pending-entrance .deck-library,.decks-view.has-pending-entrance .deck-command,.decks-view.has-pending-entrance .deck-column,.decks-view.has-pending-entrance .deck-collection{opacity:0}.decks-view.is-entering{overflow-x:clip}.decks-view.is-entering .deck-page-header{animation:.95s cubic-bezier(.16,.82,.24,1) both deck-enter-down}.decks-view.is-entering .deck-library{animation:1.05s cubic-bezier(.16,.82,.24,1) .12s both deck-enter-up}.decks-view.is-entering .deck-command{animation:1.05s cubic-bezier(.16,.82,.24,1) .24s both deck-enter-up}.decks-view.is-entering .deck-column{animation:1.1s cubic-bezier(.16,.82,.24,1) .36s both deck-enter-left}.decks-view.is-entering .deck-collection{animation:1.15s cubic-bezier(.16,.82,.24,1) .48s both deck-enter-right}@keyframes deck-enter-down{0%{opacity:0;transform:translateY(-44px)}to{opacity:1;transform:translate(0,0)}}@keyframes deck-enter-up{0%{opacity:0;transform:translateY(42px)}to{opacity:1;transform:translate(0,0)}}@keyframes deck-enter-left{0%{opacity:0;transform:translate(-56px)}to{opacity:1;transform:translate(0,0)}}@keyframes deck-enter-right{0%{opacity:0;transform:translate(56px)}to{opacity:1;transform:translate(0,0)}}@media (width<=1050px){.decks-view .deck-builder-actions{max-width:15rem}.decks-view .deck-workspace{grid-template-columns:minmax(16rem,30vw) minmax(0,1fr)}}@media (width<=850px){.decks-view .deck-library{display:block}.decks-view .deck-library .lobby-heading{justify-content:space-between;align-items:center;padding:.7rem .8rem .2rem;display:flex}.deck-command{grid-template-columns:1fr}.decks-view .deck-builder-heading,.decks-view .deck-builder-actions,.deck-slot-track,.decks-view .deck-command .message{grid-area:auto/1}.decks-view .deck-builder-actions{justify-content:start;max-width:none}.decks-view .deck-workspace{grid-template-columns:1fr}.decks-view .deck-column,.decks-view .deck-collection{grid-column:1}.decks-view .deck-column{grid-row:1;height:auto;min-height:0;position:static}.decks-view .deck-drop-zone{max-height:none}.decks-view .deck-collection{grid-row:2}}@media (width<=600px){.decks-view .deck-builder-heading{gap:.5rem}.decks-view .deck-count strong{font-size:1.45rem}.deck-slot-track{grid-template-columns:repeat(15,minmax(0,1fr))}.deck-collection-head{flex-direction:column;align-items:start;gap:.35rem}.decks-view .deck-card-pool{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.75rem}.deck-filter-topline{grid-template-columns:1fr auto}.deck-filter-search{grid-column:1/-1}.deck-filter-row{grid-template-columns:1fr;gap:.2rem}.deck-filter-label{padding-top:0}.deck-filter-options{scrollbar-width:thin;flex-wrap:nowrap;padding:.1rem 0 .3rem;overflow-x:auto}.deck-filter-options button{flex:none}}@media (prefers-reduced-motion:reduce){.decks-view.has-pending-entrance .deck-page-header,.decks-view.has-pending-entrance .deck-library,.decks-view.has-pending-entrance .deck-command,.decks-view.has-pending-entrance .deck-column,.decks-view.has-pending-entrance .deck-collection{opacity:1}.decks-view .deck-tray-card.is-recruited,.decks-view.is-entering .deck-page-header,.decks-view.is-entering .deck-library,.decks-view.is-entering .deck-command,.decks-view.is-entering .deck-column,.decks-view.is-entering .deck-collection{animation:none}}.game-card-inspector{background:0 0;border:0;width:min(420px,100vw - 3rem,70dvh - 3.5rem);max-width:none;max-height:none;padding:0;animation:.18s ease-out both card-preview-enter;overflow:visible}.game-card-inspector::backdrop{background:color-mix(in srgb, var(--color-canvas) 72.2%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-card-inspector-card{aspect-ratio:294/420;width:100%;position:relative}@media (prefers-reduced-motion:reduce){.game-card-inspector{animation:none}}.game-card-inspector.has-rule-details{width:min(420px,100vw - 3rem,max(180px,70dvh - 10.5rem));max-height:calc(100dvh - 3rem);overflow-y:auto}.game-card-inspector-rules{background:var(--color-surface);max-height:10rem;color:var(--color-text);border:1px solid var(--color-edge-solid);border-radius:var(--radius-control);padding:.75rem 1rem;font-size:.875rem;line-height:1.4;overflow:auto}.game-card-inspector-rules p{margin:0}.game-card-inspector-rules p+p{margin-top:.6rem}.card-preview-dialog{border:1px solid var(--color-gold);border-radius:var(--radius-large);width:min(850px,100% - 2rem);height:min(620px,100dvh - 2rem);max-height:calc(100dvh - 2rem);color:var(--color-text);background:radial-gradient(ellipse at 2% 100%, color-mix(in srgb, var(--color-surface-selected) 33.3%, transparent), transparent 62%), linear-gradient(145deg, var(--color-surface), var(--color-canvas) 78%);box-shadow:0 32px 100px color-mix(in srgb, var(--color-shadow) 93.3%, transparent), inset 0 1px color-mix(in srgb, var(--color-gold) 12.2%, transparent);padding:clamp(1.25rem,3vw,2rem);animation:.32s cubic-bezier(.16,.82,.24,1) both card-preview-enter;overflow:hidden}.card-preview-dialog::backdrop{background:color-mix(in srgb, var(--color-shadow) 87.5%, transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}@keyframes card-preview-enter{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.card-preview-close{z-index:2;width:2rem;height:2rem;color:var(--color-text);background:color-mix(in srgb, var(--color-text) 5.1%, transparent);border-radius:50%;font-size:1.45rem;line-height:1;position:absolute;top:.7rem;right:.85rem}.card-preview-close:hover,.card-preview-close:focus-visible{color:var(--color-text);background:color-mix(in srgb, var(--color-roman-red) 40%, transparent)}.card-preview-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,3vw,2.7rem);height:100%;min-height:0;display:grid}.card-preview-gallery{justify-items:center;gap:.65rem;min-width:0;display:grid;position:relative}.card-preview-card{aspect-ratio:294/420;width:min(100%,300px,70dvh - 5.6rem);filter:drop-shadow(0 18px 20px color-mix(in srgb, var(--color-shadow) 73.3%, transparent));margin:auto;position:relative}.card-preview-card .card-face{position:absolute;inset:0}.card-preview-nav{z-index:5;border:1px solid var(--color-gold);border-radius:var(--radius-control);width:2.35rem;height:3rem;color:var(--color-gold);background:color-mix(in srgb, var(--color-canvas) 91%, transparent);font:700 2rem/1 var(--font-display);place-items:center;display:grid;position:absolute;top:calc(50% - .8rem);transform:translateY(-50%)}.card-preview-prev{left:-.55rem}.card-preview-next{right:-.55rem}.card-preview-nav:hover:not(:disabled),.card-preview-nav:focus-visible{border-color:var(--color-gold);color:var(--color-text);background:var(--color-surface-selected);outline:none}.card-preview-nav:disabled{opacity:.3;cursor:default}.card-preview-position{color:var(--color-gold);font:700 .7rem var(--font-utility);letter-spacing:.12em}.card-preview-details{flex-direction:column;min-width:0;height:100%;min-height:0;padding:.5rem .4rem 0 0;display:flex}.card-preview-copy{overflow-wrap:anywhere;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--color-bronze) var(--color-surface);flex:1;min-height:0;padding-right:.65rem;overflow-y:auto}.card-preview-copy:focus-visible{outline:1px solid var(--color-bronze);outline-offset:-1px}.card-preview-details .section-label{color:var(--color-gold)}.card-preview-details h2{color:var(--color-text);font:700 clamp(1.55rem, 3vw, 2.2rem)/1.12 var(--font-display);margin:0 0 .35rem}.card-preview-meta{color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.77rem}.card-preview-stats{flex-wrap:wrap;gap:.5rem;margin:1.4rem 0 1.5rem;display:flex}.card-preview-stats>div{border:1px solid var(--color-edge-solid);border-radius:var(--radius-control);background:color-mix(in srgb, var(--color-canvas) 78%, transparent);align-items:baseline;gap:.4rem;min-width:5.7rem;padding:.55rem .7rem;display:flex}.card-preview-stats strong{color:var(--color-gold);font:700 1.2rem var(--font-utility)}.card-preview-stats span{color:var(--color-text-muted);font-size:.72rem}.card-preview-perks-head{color:var(--color-gold);font:700 .7rem var(--font-display);letter-spacing:.15em;margin-bottom:.65rem}.card-preview-perks{gap:.55rem;display:grid}.card-preview-perk{border-left:2px solid var(--color-gold);background:linear-gradient(90deg, color-mix(in srgb, var(--color-surface-selected) 33.3%, transparent), transparent);padding:.75rem .9rem}.card-preview-perk h3{color:var(--color-gold);font:700 .9rem var(--font-utility);margin:0 0 .25rem}.card-preview-perk p{color:var(--color-text);margin:0;font-size:.82rem;line-height:1.45}.card-preview-perk small{color:var(--color-text-muted);margin-top:.35rem;font-size:.72rem;line-height:1.4;display:block}.card-preview-no-perks{color:var(--color-text-muted);margin:0;font-size:.85rem}.card-preview-actions{flex-shrink:0;grid-template-rows:3.4rem auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem .85rem;margin-top:1.5rem;display:grid}.card-preview-actions button{border:1px solid var(--color-gold);border-radius:var(--radius-control);min-width:0;height:100%;color:var(--color-on-accent);background:linear-gradient(180deg, var(--color-gold), var(--color-gold));padding:.5rem .65rem;font-weight:800}.card-preview-actions button:hover:not(:disabled){filter:brightness(1.12)}.card-preview-actions #card-preview-remove{border-color:var(--color-roman-red);color:var(--color-text);background:var(--color-surface-raised)}.card-preview-actions #card-preview-remove:hover:not(:disabled){border-color:var(--color-roman-red);background:var(--color-surface-selected)}.card-preview-actions button:disabled{opacity:.55}.card-preview-actions span{color:var(--color-text-muted);grid-column:1/-1;font-size:.75rem}@media (width<=700px){.card-preview-dialog{width:calc(100% - 1rem);height:min(820px,100dvh - 1rem);max-height:calc(100dvh - 1rem);padding:1.25rem}.card-preview-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:1.1rem}.card-preview-card{width:min(100%,225px,21dvh)}.card-preview-details{padding-right:0}}@media (prefers-reduced-motion:reduce){.card-preview-dialog{animation:none}}.login-dialog{border-color:var(--color-gold);background:linear-gradient(150deg, var(--color-canvas), var(--color-canvas))}.login-dialog .section-label,.game-setup-dialog .section-label{color:var(--color-gold)}.login-dialog:not(.clerk-login-dialog) h2,.login-dialog:not(.clerk-login-dialog) label{color:var(--color-text)}.login-dialog .login-switch,.dialog-close:hover{color:var(--color-gold)}@media (width<=900px){.deck-studio{grid-template-columns:1fr}.decks-view .deck-library{height:auto;max-height:none;position:static}}@media (width<=700px){.deck-page-header{flex-direction:column;align-items:start;gap:.5rem}.deck-page-header>p{text-align:left}.decks-view{padding:clamp(1.5rem,3vw,2.75rem) 1rem 0}.decks-view .deck-library{padding:1rem}}.home-view{isolation:isolate;min-height:calc(100dvh - var(--header-space));background:var(--color-canvas);padding:clamp(1.5rem,3vw,2.75rem) clamp(1rem,2.8vw,3rem) 5rem;position:relative;overflow:hidden}.site-shell>main:has(>:is(.home-view,.decks-view,.account-view):not(.hidden)){overflow:clip}.site-shell:not(.game-active) .site-header:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-gold) 34.9%, transparent), transparent);pointer-events:none;height:1px;position:absolute;bottom:-1px;left:0;right:0}.play-shell{grid-template-columns:minmax(0,1fr) minmax(20rem,.36fr);align-items:start;gap:1.35rem clamp(1.5rem,3vw,3rem);width:100%;margin:0;display:grid}.play-shell>.play-hero{grid-column:1/-1}.play-lobby{min-width:0}@media (width<=1100px){.play-shell{grid-template-columns:minmax(0,1fr)}}.play-hero,.deck-page-header{border-bottom:0;padding:.35rem 0 1.5rem;animation:.45s ease-out both play-rise}.play-eyebrow{color:var(--color-gold);font:700 .65rem var(--font-display);letter-spacing:.21em;margin:0 0 .5rem}.play-hero h1,.deck-page-header h1{color:var(--color-text);font:700 clamp(2.25rem, 3.8vw, 3.45rem)/1 var(--font-display);letter-spacing:-.025em;margin:0}.home-view .create-room-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0 0 2.4rem;animation:.45s ease-out 70ms both play-rise;display:grid}.home-view .game-mode-card{isolation:isolate;border:1px solid var(--color-edge-solid);border-radius:var(--radius-panel);min-height:220px;color:var(--color-text);background:var(--color-canvas);box-shadow:inset 0 1px color-mix(in srgb, var(--color-text) 7.1%, transparent), 0 14px 38px color-mix(in srgb, var(--color-shadow) 33.3%, transparent);text-align:left;transition:transform var(--duration-control) ease, border-color var(--duration-control) ease, box-shadow var(--duration-control) ease;place-items:center;padding:1.5rem;display:grid;position:relative;overflow:hidden}.home-view .game-mode-card:before{content:"";z-index:-2;opacity:.78;background:url(/assets/front_page/insurrection-hero-v1.webp) 100%/200% no-repeat;transition:transform .35s,opacity .35s;position:absolute;inset:0}.home-view .pve-mode:before{background-position:0;transform:scaleX(-1)}.home-view .tutorial-mode:before{opacity:.6;background-position:50%;background-size:cover}.home-view .game-mode-card:after{content:"";z-index:-1;background:linear-gradient(90deg, color-mix(in srgb, var(--color-canvas) 91.8%, transparent) 0%, color-mix(in srgb, var(--color-canvas) 78.8%, transparent) 44%, color-mix(in srgb, var(--color-canvas) 18%, transparent) 100%), linear-gradient(0deg, color-mix(in srgb, var(--color-canvas) 78%, transparent), transparent 65%);pointer-events:none;position:absolute;inset:0}.home-view .game-mode-card:hover{border-color:var(--color-gold);box-shadow:inset 0 1px color-mix(in srgb, var(--color-text) 11%, transparent), 0 17px 42px color-mix(in srgb, var(--color-shadow) 53.3%, transparent);transform:translateY(-3px)}.home-view .game-mode-card:hover:before{opacity:.96;transform:scale(1.035)}.home-view .pve-mode:hover:before{transform:scaleX(-1)scale(1.035)}.home-view .game-mode-card:focus-visible,.home-view .icon-button:focus-visible,.home-view .room-row button:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}.mode-label{z-index:1;color:var(--color-gold);font:700 clamp(1.05rem, 1.35vw, 1.3rem)/1.2 var(--font-display);letter-spacing:.12em;text-align:center;text-shadow:0 2px 8px color-mix(in srgb, var(--color-shadow) 60%, transparent);place-self:center;position:relative}.game-setup-dialog{border:1px solid var(--color-edge-solid);border-radius:var(--radius-panel);width:min(520px,100% - 2rem);max-height:min(720px,100vh - 2rem);color:var(--color-text);background:linear-gradient(145deg, var(--color-canvas), var(--color-canvas));box-shadow:0 30px 100px color-mix(in srgb, var(--color-shadow) 93.3%, transparent);padding:1.6rem;overflow:auto}.game-setup-dialog::backdrop{background:color-mix(in srgb, var(--color-shadow) 85.1%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-setup-dialog h2{font:700 1.65rem var(--font-display);margin:.2rem 0 0}.game-setup-form{gap:.9rem;display:grid}.setup-deck-field{gap:.42rem;display:grid}.setup-deck-field label{color:var(--color-text);font-size:.78rem;font-weight:800}.setup-deck-field small{color:var(--color-text-muted);font-size:.72rem}.setup-deck-field select{width:100%;min-height:2.8rem}.game-setup-dialog .start-game-button:disabled{opacity:.5;cursor:not-allowed}.setup-settings{gap:.6rem;display:grid}.setup-field-heading{justify-content:space-between;align-items:center;margin-top:.35rem;display:flex}.setup-field-heading label{color:var(--color-text);font-size:.78rem;font-weight:700}.setup-field-heading span,.setup-toggle small{color:var(--color-gold);letter-spacing:.1em;font-size:.56rem;font-weight:800}.game-setup-dialog select:disabled,.game-setup-dialog input:disabled{opacity:.62;color:var(--color-text-muted);background:var(--color-canvas)}.setup-options{grid-template-columns:repeat(3,1fr);gap:.45rem;display:grid}.setup-options button{border:1px solid var(--color-edge);border-radius:var(--radius-control);color:var(--color-text-muted);background:var(--color-canvas);padding:.72rem}.setup-options button.is-selected{border-color:var(--color-gold);color:var(--color-gold);background:var(--color-canvas)}.setup-options button:not(:disabled){cursor:pointer;transition:border-color var(--duration-fast), color var(--duration-fast), background var(--duration-fast)}.setup-options button:not(:disabled):hover{border-color:var(--color-gold);color:var(--color-gold)}.setup-toggle{border:1px solid var(--color-edge);border-radius:var(--radius-control);color:var(--color-text-muted);grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;margin-top:.5rem;padding:.8rem;font-size:.78rem;display:grid}.setup-toggle input{width:16px;height:16px;accent-color:var(--color-gold);margin:0}.start-game-button{border:1px solid var(--color-gold);border-radius:var(--radius-control);width:100%;color:var(--color-on-accent);background:var(--surface-primary);box-shadow:0 8px 24px color-mix(in srgb, var(--color-gold) 14.5%, transparent);margin-top:.35rem;padding:.9rem 1rem;font-weight:800}.start-game-button:hover{filter:brightness(1.08)}.home-view .lobby-card{border:1px solid var(--color-edge-solid);border-radius:var(--radius-panel);background:color-mix(in srgb, var(--color-canvas) 91.4%, transparent);min-height:18rem;box-shadow:0 22px 60px color-mix(in srgb, var(--color-shadow) 33.3%, transparent), inset 0 1px color-mix(in srgb, var(--color-text) 4.3%, transparent);padding:1.4rem;animation:.45s ease-out .13s both play-rise}.home-view .lobby-heading{border-bottom:0;gap:1rem;padding-bottom:1rem}.home-view .lobby-heading h2{color:var(--color-text);gap:.65rem;margin-top:.2rem;font-size:1.25rem}.home-view .icon-button{border-color:var(--color-edge-solid);border-radius:var(--radius-control);width:36px;height:36px;color:var(--color-gold);background:var(--color-surface);transition:border-color var(--duration-fast) ease, color var(--duration-fast) ease;flex:none;place-items:center;display:grid}.home-view .icon-button:hover{border-color:var(--color-gold);color:var(--color-gold)}.home-view .icon-button:disabled{opacity:1;cursor:wait}.home-view .message{margin:.45rem 0}.home-view .room-list{scrollbar-color:var(--color-gold) transparent;gap:.55rem;height:auto;max-height:28rem}.home-view .room-row{border:1px solid var(--color-edge-solid);border-radius:var(--radius-control);background:var(--color-canvas);min-height:72px;transition:border-color var(--duration-fast) ease, background var(--duration-fast) ease;grid-template-columns:auto minmax(0,1fr) auto auto;gap:1rem;padding:.75rem .85rem}.home-view .room-row:hover{border-color:var(--color-gold);background:var(--color-surface)}.home-view .room-icon{border:1px solid var(--color-gold);border-radius:var(--radius-control);width:45px;height:45px;color:var(--color-gold);background:var(--color-surface);box-shadow:inset 0 1px color-mix(in srgb, var(--color-text) 7.8%, transparent);font:700 .67rem var(--font-display);letter-spacing:.06em}.room-details{min-width:0}.room-title-line{align-items:center;gap:.65rem;display:flex}.room-title-line strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-title-line em{border:1px solid var(--color-gold);border-radius:var(--radius-small);color:var(--color-gold);letter-spacing:.07em;flex:none;padding:.15rem .38rem;font-size:.56rem;font-style:normal;font-weight:800}.room-details>span{align-items:center;gap:.42rem;display:flex}.room-status-dot{background:var(--color-gold);width:6px;height:6px;box-shadow:0 0 8px color-mix(in srgb, var(--color-gold) 33.3%, transparent);border-radius:50%}.room-row.is-live .room-status-dot{background:var(--color-success);box-shadow:0 0 8px color-mix(in srgb, var(--color-success) 46.7%, transparent)}.room-row.is-ended{opacity:.6}.room-row.is-ended .room-status-dot{background:var(--color-text-muted);box-shadow:none}.room-turn-time{color:var(--color-gold);font:700 .75rem var(--font-utility);font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 .45rem}.home-view .room-row button{border:1px solid var(--color-gold);border-radius:var(--radius-control);min-width:94px;color:var(--color-on-accent);background:var(--surface-primary);transition:filter var(--duration-fast) ease;justify-content:center;align-items:center;padding:.55rem .9rem;font-size:.76rem;font-weight:800;display:flex}.home-view .room-row button:hover:not(:disabled){filter:brightness(1.12)}.home-view .empty-state{border:1px dashed var(--color-edge-solid);border-radius:var(--radius-control);background:var(--color-canvas);min-height:12rem}.home-view .empty-state>span{border:1px solid var(--color-gold);width:42px;height:42px;color:var(--color-gold);border-radius:50%;place-items:center;font-size:1.1rem;display:grid}.home-view .empty-state strong{color:var(--color-text);margin-top:0}.home-view .empty-state p{color:var(--color-text-muted)}@keyframes play-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=850px){.home-view{grid-template-columns:1fr;min-height:auto;padding:3rem 1.25rem 5rem}.home-view .create-room-form{grid-template-columns:1fr}.hero h1{font-size:clamp(3rem,13vw,5rem)}}@media (width<=600px){.landing-actions{width:100%}.landing-primary,.landing-secondary{flex:1;min-width:8.5rem}.site-shell{width:100%}.site-header{gap:.2rem;padding-inline:.5rem}.brand-title{letter-spacing:.05em;font-size:.7rem}.site-nav{flex:1;justify-content:center;gap:0;min-width:0;margin:0;position:static;transform:none}.site-tab{letter-spacing:.04em;padding:0 .35rem;font-size:.56rem}.site-tab:after{left:.4rem;right:.4rem}.account-area{margin-left:0}#login-button{padding:.55rem .65rem;font-size:.58rem}.account-button{max-width:6rem;padding:.52rem .55rem;font-size:.56rem}.site-shell.game-active{width:100%}.home-view{padding:1.5rem 1rem 4rem}.play-hero h1,.deck-page-header h1{font-size:2.5rem}.home-view .game-mode-card{min-height:205px;padding:1.15rem}.deck-builder-heading,.deck-builder-actions{flex-direction:column;align-items:stretch}.deck-builder-actions .text-button{margin-left:0}.deck-card-filters,.create-room-form{grid-template-columns:1fr}.home-view .room-row{grid-template-columns:auto minmax(0,1fr) auto}.room-turn-time{padding:0}.room-row{grid-template-columns:auto 1fr}.home-view .room-row button{grid-column:1/-1;width:100%}.game-header .connection-status{display:none}.waiting-players{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.play-hero,.home-view .create-room-form,.home-view .lobby-card{animation:none}}body:not(.hero-art-ready) .home-view .game-mode-card:before{background-image:none}select,.decks-view select,.game-setup-dialog select,.decks-view .deck-card-filters select{appearance:none;border:1px solid var(--color-edge-solid);border-radius:var(--radius-panel);min-height:2.75rem;color:var(--color-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--surface-select);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-text) 7.5%, transparent), 0 3px 10px color-mix(in srgb, var(--color-shadow) 33.3%, transparent);cursor:pointer;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease, filter var(--duration-fast) ease;padding-right:3rem}select:hover:not(:disabled),.decks-view select:hover:not(:disabled),.game-setup-dialog select:hover:not(:disabled){border-color:var(--color-gold);filter:brightness(1.12)}select:focus-visible,.decks-view select:focus-visible,.game-setup-dialog select:focus-visible{border-color:var(--color-gold);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-text) 11%, transparent), 0 0 0 3px color-mix(in srgb, var(--color-gold) 18.4%, transparent), 0 6px 18px color-mix(in srgb, var(--color-shadow) 53.3%, transparent);outline:none}select:disabled,.game-setup-dialog select:disabled{cursor:not-allowed;filter:saturate(.55)}select option{color:var(--color-text);background:var(--color-canvas)}select option:checked{color:var(--color-text);background:var(--color-surface-selected)}.slide-select{width:100%;min-width:0;position:relative}.slide-select.is-open{z-index:30}.slide-select-native{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.slide-select-trigger{border:1px solid var(--color-edge-solid);border-radius:var(--radius-panel);width:100%;min-height:2.75rem;color:var(--color-text);background:linear-gradient(180deg, var(--color-surface), var(--color-canvas));box-shadow:inset 0 1px color-mix(in srgb, var(--color-text) 7.5%, transparent), 0 3px 10px color-mix(in srgb, var(--color-shadow) 33.3%, transparent);text-align:left;transition:border-color var(--duration-control) ease, background var(--duration-control) ease, box-shadow var(--duration-control) ease;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .8rem .65rem .9rem;display:flex}.slide-select-trigger:hover:not(:disabled),.slide-select.is-open .slide-select-trigger{border-color:var(--color-gold);background:linear-gradient(180deg, var(--color-surface-raised), var(--color-canvas))}.slide-select-trigger:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.slide-select-trigger:disabled{color:var(--color-text-muted);background:var(--color-canvas)}.slide-select-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.slide-select-caret{border-right:2px solid var(--color-gold-base);border-bottom:2px solid var(--color-gold-base);flex:none;width:.55rem;height:.55rem;margin:-.3rem .25rem 0 0;transition:transform .28s cubic-bezier(.16,.82,.24,1);transform:rotate(45deg)}.slide-select.is-open .slide-select-caret{transform:translateY(.25rem)rotate(225deg)}.slide-select-panel{z-index:2;border:1px solid var(--color-gold);border-radius:var(--radius-panel);background:linear-gradient(160deg, var(--color-surface), var(--color-canvas) 80%);max-height:min(17rem,42vh);box-shadow:0 18px 40px color-mix(in srgb, var(--color-shadow) 80%, transparent), inset 0 1px color-mix(in srgb, var(--color-gold) 9.4%, transparent);opacity:0;visibility:hidden;pointer-events:none;transform-origin:top;clip-path:inset(0 0 100% round 10px);gap:.2rem;padding:.35rem;transition:opacity .24s,transform .33s cubic-bezier(.16,.82,.24,1),clip-path .33s cubic-bezier(.16,.82,.24,1),visibility 0s linear .33s;display:grid;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow-y:auto;transform:translateY(-10px)scaleY(.93)}.slide-select.is-open .slide-select-panel{opacity:1;visibility:visible;pointer-events:auto;clip-path:inset(0 round 10px);transition-delay:0s;transform:translateY(0)scaleY(1)}.slide-select.opens-up .slide-select-panel{transform-origin:bottom;clip-path:inset(100% 0 0 round 10px);top:auto;bottom:calc(100% + .35rem);transform:translateY(10px)scaleY(.93)}.slide-select.opens-up.is-open .slide-select-panel{clip-path:inset(0 round 10px);transform:translateY(0)scaleY(1)}.slide-select-option{border-radius:var(--radius-control);width:100%;min-height:2.4rem;color:var(--color-text);text-align:left;transition:color var(--duration-fast) ease, background var(--duration-fast) ease;background:0 0;border:0;padding:.55rem .7rem;position:relative}.slide-select-option:hover:not(:disabled),.slide-select-option:focus-visible{color:var(--color-text);background:var(--color-surface-hover);outline:none}.slide-select-option.is-selected{color:var(--color-gold);background:color-mix(in srgb, var(--color-gold) 12.5%, transparent)}.slide-select-option.is-selected:before{content:"";border-radius:var(--radius-small);background:var(--color-gold);width:2px;position:absolute;top:.55rem;bottom:.55rem;left:0}.slide-select-option:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.slide-select-panel,.slide-select-caret{transition:none}}.clerk-login-dialog{border:1px solid var(--color-gold);border-radius:var(--radius-panel);width:min(460px,100% - 1.5rem);max-height:min(90dvh,900px);color:var(--color-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(circle at 50% 0, var(--color-surface-raised) 0, var(--color-canvas) 38%, var(--color-canvas) 100%);box-shadow:0 35px 100px color-mix(in srgb, var(--color-shadow) 86.7%, transparent), inset 0 1px color-mix(in srgb, var(--color-gold) 20%, transparent);padding:0;overflow-y:auto}.clerk-login-dialog:before{content:"";background:linear-gradient(90deg, transparent, var(--color-roman-red) 28%, var(--color-gold) 50%, var(--color-roman-red) 72%, transparent);width:76%;height:2px;position:absolute;top:0;left:12%}.clerk-login-brand{text-align:center;justify-items:center;gap:.35rem;padding:1.5rem 2rem .2rem;display:grid}.clerk-login-brand span{color:var(--color-text);font:700 1rem var(--font-display);letter-spacing:.14em}.clerk-login-brand i{background:var(--color-gold);width:3.5rem;height:1px}#clerk-sign-in{justify-content:center;width:100%;padding:.4rem 1.25rem .75rem;display:flex}.clerk-login-dialog #login-message:empty{min-height:0;margin:0}#clerk-sign-in>*,.clerk-login-dialog .cl-rootBox,.clerk-login-dialog .cl-cardBox,.clerk-login-dialog .cl-card{width:100%;max-width:none}.clerk-login-dialog .cl-cardBox,.clerk-login-dialog .cl-card{box-shadow:none;background:0 0;border:0}.clerk-login-dialog .cl-card{padding-bottom:1.25rem}.clerk-login-dialog .cl-headerTitle{color:var(--color-text);font-family:var(--font-display);letter-spacing:.025em;font-size:1.45rem;font-weight:700}.clerk-login-dialog .cl-headerSubtitle,.clerk-login-dialog .cl-formFieldLabel,.clerk-login-dialog .cl-dividerText,.clerk-login-dialog .cl-footer{color:var(--color-text-muted)}.clerk-login-dialog .cl-footer{border-top:1px solid var(--color-edge-solid);background:0 0;border-radius:0;margin-top:.65rem}.clerk-login-dialog .cl-lastAuthenticationStrategyBadge{display:none}.clerk-login-dialog .cl-footerItem{padding-block:.75rem}.clerk-login-dialog .cl-formFieldInput{border:1px solid var(--color-edge-solid);border-radius:var(--radius-control);min-height:2.75rem;color:var(--color-text);background:var(--color-canvas);box-shadow:inset 0 1px 3px color-mix(in srgb, var(--color-shadow) 40%, transparent)}.clerk-login-dialog .cl-formFieldInput:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-gold) 20%, transparent)}.clerk-login-dialog .cl-formButtonPrimary{border:1px solid var(--color-gold);border-radius:var(--radius-control);min-height:2.8rem;color:var(--color-on-accent);background:var(--surface-primary);box-shadow:inset 0 1px color-mix(in srgb, var(--color-text) 54.1%, transparent), 0 6px 16px color-mix(in srgb, var(--color-shadow) 33.3%, transparent);letter-spacing:.025em;font-weight:800}.clerk-login-dialog .cl-formButtonPrimary:hover{filter:brightness(1.08)}.clerk-login-dialog .cl-socialButtonsBlockButton,.clerk-login-dialog .cl-socialButtonsIconButton{border:1px solid var(--color-gold);border-radius:var(--radius-control);min-height:2.8rem;color:var(--color-text);background:var(--color-surface);box-shadow:inset 0 1px color-mix(in srgb, var(--color-gold) 11%, transparent)}.clerk-login-dialog .cl-socialButtonsBlockButton:hover,.clerk-login-dialog .cl-socialButtonsIconButton:hover{border-color:var(--color-gold);background:var(--color-surface-raised)}.clerk-login-dialog .cl-footerActionLink,.clerk-login-dialog .cl-formFieldAction,.clerk-login-dialog .cl-backLink,.clerk-login-dialog .cl-footerActionLink:hover,.clerk-login-dialog .cl-formFieldAction:hover,.clerk-login-dialog .cl-backLink:hover{color:var(--color-gold)}.clerk-login-dialog .dialog-close{z-index:2;color:var(--color-gold);top:.65rem;right:.75rem}.clerk-login-dialog .dialog-close:hover{color:var(--color-text)}@media (width<=480px){.clerk-login-brand{padding-top:1.35rem}#clerk-sign-in{padding-inline:.35rem}}.site-shell:has(.landing-view:not(.hidden)){padding-bottom:0}body,.site-shell,.landing-view,.home-view,.decks-view,.game-view,.waiting-view{background:var(--campaign-background)}.site-shell:has(.landing-view:not(.hidden)){background:var(--campaign-background)}.site-shell:has(.decks-view:not(.hidden)){background:var(--campaign-background)}.account-view{min-height:calc(100dvh - var(--header-space));color:var(--color-text);padding:clamp(1.5rem,3vw,2.75rem) clamp(1rem,2.8vw,3rem) 0;animation:.65s both account-arrive}.account-page-layout{grid-template-columns:minmax(18rem,.32fr) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,3vw,3rem);display:grid}.account-profile-panel{border:1px solid var(--color-edge);border-radius:var(--radius-control);background:var(--surface-panel);min-width:0;padding:1.5rem}.account-profile-panel h2,.account-battles-heading h2{color:var(--color-gold);font:600 1.25rem/1.3 var(--font-display);margin:0 0 1.5rem}.account-profile-panel .username-form{margin-top:0}.account-profile-panel .username-fields{gap:.6rem}.account-profile-panel .username-fields input{width:100%;color:var(--color-text);flex:1}.account-profile-panel .username-fields button{padding-inline:1rem}.account-email{margin:1.25rem 0 1.75rem}.account-email>span{color:var(--color-text-muted);font-size:.76rem}.account-email p{overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin:.5rem 0 0;font-size:.9rem;line-height:1.5}.account-logout{border:1px solid var(--color-gold);border-radius:var(--radius-control);width:100%;min-height:2.75rem;color:var(--color-gold);background:var(--surface-secondary);font:700 .85rem var(--font-display);letter-spacing:.04em;transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease;margin-top:1.5rem;padding:.8rem 1.25rem;display:block}.account-logout:hover:not(:disabled){border-color:var(--color-gold);background:var(--surface-secondary)}.account-logout:focus-visible{outline:2px solid var(--color-gold-focus);outline-offset:3px}.account-button.is-active{border-color:var(--color-bronze);color:var(--color-gold)}#account-action-message:empty{display:none}#account-battles,.account-battles{min-width:0}.account-battles-heading h2{margin-bottom:0}.account-battles .results-message:empty{display:none}.account-battles .results-statistics{padding:1.5rem 0 2rem}.account-battles .results-statistics strong{font-size:clamp(1.5rem,2.4vw,2.25rem)}.account-battles .results-statistics div{padding-left:.8rem}@keyframes account-arrive{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=1050px){.account-page-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.account-profile-panel{padding:1.25rem}.account-battles .results-statistics{gap:1.25rem .75rem}.account-battles .results-match{grid-template-columns:4rem minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.account-view{animation:none}}.decks-view .deck-page-header{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:1.25rem 2rem;display:flex}.decks-view .deck-column{background:radial-gradient(ellipse at 0 0, color-mix(in srgb, var(--color-surface-selected) 20%, transparent), transparent 70%), linear-gradient(155deg, var(--color-surface), var(--color-canvas) 75%);border-color:var(--color-gold);box-shadow:0 14px 28px color-mix(in srgb, var(--color-shadow) 33.3%, transparent), inset 0 1px var(--color-gold-glint)}.decks-view .deck-column .deck-curve-panel{box-shadow:none;background:0 0;border:0;padding:.75rem 0 0}.decks-view .deck-column .deck-drop-zone{background:0 0}.decks-view .deck-column .deck-drop-zone.is-drag-over{background:color-mix(in srgb, var(--color-surface-selected) 33.3%, transparent)}.decks-view #deck-edit-panel>.deck-tray-heading{border-bottom:0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:.4rem .4rem 0;display:flex}.decks-view #deck-edit-panel .deck-drop-zone{margin-top:0;padding-top:0}.deck-title-row{align-items:center;gap:.65rem;min-width:0;display:flex}.deck-save-status{flex:0 0 12px;width:12px;height:12px;position:relative}.deck-save-status:before{content:"";border:1.5px solid var(--color-gold-faint);border-top-color:var(--color-gold-base);opacity:0;border-radius:50%;width:100%;height:100%;display:block}.deck-save-status.is-saving:before{opacity:1;animation:.8s linear infinite deck-save-spin}.deck-save-status.is-error:before{content:"!";opacity:1;color:var(--color-gold);font:700 12px/12px var(--font-body);text-align:center;border:0;border-radius:0}.deck-save-label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes deck-save-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.deck-save-status.is-saving:before{animation:none}}.decks-view .deck-column #deck-name{width:100%;min-width:0;color:var(--color-gold);font:700 .95rem/1.4 var(--font-display);box-shadow:none;background:0 0;border:0;border-radius:0;padding:.15rem 0}.decks-view .deck-column #deck-name::placeholder{color:var(--color-gold)}.decks-view .deck-column #deck-name{border-bottom:1px solid #0000}.decks-view .deck-column #deck-name:focus{border-bottom-color:var(--color-gold-base);box-shadow:none;outline:none}.decks-view .deck-column .deck-slot-track{grid-area:auto;grid-template-columns:repeat(30,minmax(0,1fr));gap:.16rem;width:100%;margin:.85rem 0;padding:0}.decks-view .deck-column .deck-slot{border-radius:var(--radius-small);background:var(--color-gold-track);height:5px}.decks-view .deck-column .deck-slot.is-filled{background:var(--color-gold-base)}.decks-view .deck-workspace{margin-top:0}.decks-view .deck-card-filters{margin:0 0 .75rem}.decks-view .deck-filter-search{min-height:2.75rem}.deck-sidebar{min-width:0}.decks-view .deck-sidebar{align-self:stretch;max-height:none;display:block;position:static}.decks-view .deck-sidebar-toolbar{flex:none}.decks-view .deck-sidebar .deck-column{--deck-panel-top:calc(var(--header-space) + clamp(1.5rem, 3vw, 2.75rem) + 3.5rem);min-height:0;max-height:calc(100dvh - var(--deck-panel-top) - 1rem);flex:auto;position:sticky;top:1rem;overflow:hidden}.decks-view #deck-edit-panel,.decks-view #deck-library-panel{flex-direction:column;flex:auto;min-height:0;display:flex}.decks-view #deck-edit-panel>.deck-tray-heading,.decks-view .deck-inline-library-heading{flex:none}.decks-view #deck-edit-panel .deck-drop-zone{flex:auto;min-height:0;max-height:none;margin-bottom:0;overflow:hidden auto}.decks-view .deck-column #deck-list{flex:auto;min-height:0;overflow:hidden auto}.decks-view #deck-edit-panel .deck-drop-zone,.decks-view .deck-column #deck-list{scrollbar-width:thin;scrollbar-color:var(--color-bronze) var(--color-surface)}.decks-view #deck-edit-panel .deck-drop-zone::-webkit-scrollbar{width:7px}.decks-view .deck-column #deck-list::-webkit-scrollbar{width:7px}.decks-view #deck-edit-panel .deck-drop-zone::-webkit-scrollbar-track{background:var(--color-surface);border-radius:var(--radius-control)}.decks-view .deck-column #deck-list::-webkit-scrollbar-track{background:var(--color-surface);border-radius:var(--radius-control)}.decks-view #deck-edit-panel .deck-drop-zone::-webkit-scrollbar-thumb{background:var(--color-bronze);border:2px solid var(--color-edge);border-radius:var(--radius-control)}.decks-view .deck-column #deck-list::-webkit-scrollbar-thumb{background:var(--color-bronze);border:2px solid var(--color-edge);border-radius:var(--radius-control)}.decks-view #deck-edit-panel .deck-drop-zone::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}.decks-view .deck-column #deck-list::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}@media (width<=850px){.decks-view .deck-sidebar .deck-column{position:static}}.decks-view .deck-sidebar-toolbar{border:0;border-radius:0;grid-template-columns:1fr 1fr;gap:.5rem;width:100%;min-height:2.75rem;margin-bottom:.75rem;display:grid;overflow:visible}.decks-view .deck-sidebar-toolbar button{border:1px solid var(--color-edge-solid);border-radius:var(--radius-panel);width:100%;min-width:0;color:var(--color-gold);background:var(--color-surface);justify-content:center;padding:.75rem .6rem;font-size:.75rem}.decks-view .deck-sidebar-toolbar button:hover{border-color:var(--color-gold);background:var(--color-surface-raised)}.decks-view .deck-sidebar-toolbar .deck-list-button[aria-pressed=true]{color:var(--color-text-strong);background:var(--color-surface-selected)}.deck-panel-body{min-width:0;animation:.24s ease-out both deck-panel-switch}@keyframes deck-panel-switch{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.deck-inline-library-heading{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.8rem;display:flex}.deck-inline-library-heading h2{color:var(--color-gold);font:600 .95rem var(--font-display);margin:0}.deck-inline-library-heading .deck-import-button{border:1px solid var(--color-edge-solid);border-radius:var(--radius-control);width:1.85rem;height:1.85rem;color:var(--color-gold);background:var(--color-surface-raised);flex:0 0 1.85rem;justify-content:center;align-items:center;padding:0;line-height:0;display:inline-flex}.deck-inline-library-heading .deck-import-button svg{pointer-events:none;flex:0 0 1rem;width:1rem;height:1rem;margin:0;display:block}.deck-inline-library-heading .deck-import-button:hover{border-color:var(--color-gold);background:var(--color-surface-selected);text-decoration:none}.decks-view .deck-column #deck-list{grid-template-columns:1fr;gap:.45rem;margin:0;padding:0;display:grid}.deck-library-row{cursor:grab;border:1px solid color-mix(in srgb, var(--color-gold) 26.7%, transparent);border-radius:var(--radius-control);background:color-mix(in srgb, var(--color-canvas) 40%, transparent);align-items:center;gap:.35rem;padding:.45rem;display:flex}.deck-library-row.is-selected{border-color:color-mix(in srgb, var(--color-gold) 50.2%, transparent);background:color-mix(in srgb, var(--color-surface-selected) 20%, transparent)}.deck-row-select{min-width:0;color:var(--color-text);text-align:left;background:0 0;flex:1;align-items:center;gap:.65rem;padding:.2rem;display:flex}.deck-row-select:hover{color:var(--color-gold)}.deck-row-select .deck-tile-stack{flex-basis:1.5rem;width:1.5rem;height:2.1rem}.deck-row-select .deck-tile-stack:before,.deck-row-select .deck-tile-stack:after{content:none}.decks-view .deck-row-select .deck-tile-copy{gap:.2rem;overflow:hidden}.decks-view .deck-row-select .deck-tile-copy strong{font-size:.75rem}.decks-view .deck-row-select .deck-tile-copy small{font-size:.6rem}.deck-row-actions{flex-direction:row;gap:.35rem;display:flex}.deck-row-actions button{border:1px solid var(--color-edge-strong);border-radius:var(--radius-small);width:1.85rem;height:1.85rem;color:var(--color-gold-base);background:var(--color-surface-raised);place-items:center;padding:.35rem;display:grid}.deck-row-actions svg{pointer-events:none;width:1rem;height:1rem}.deck-row-actions .deck-row-delete{border-color:color-mix(in srgb, var(--color-roman-red) 40%, transparent);background:var(--color-surface-raised)}.deck-library-row.is-dragging{opacity:.45;cursor:grabbing}.deck-library-row.drop-before{box-shadow:0 -2px var(--color-gold-base)}.deck-library-row.drop-after{box-shadow:0 2px var(--color-gold-base)}.deck-row-actions button:hover{background:var(--color-gold-subtle)}.deck-row-actions .deck-row-delete{color:var(--color-danger)}.deck-row-select:focus-visible,.deck-row-actions button:focus-visible{outline:1px solid var(--color-gold-base);outline-offset:2px}@media (prefers-reduced-motion:reduce){.deck-panel-body{animation:none}}.decks-view .deck-collection-head{align-items:center;min-height:2.75rem;padding-bottom:0}.deck-list-button{border:1px solid var(--color-edge-solid);border-radius:var(--radius-control);color:var(--color-gold);background:var(--color-surface);padding:.7rem .9rem}.deck-list-button:hover{border-color:var(--color-gold);background:var(--color-surface-raised)}.decks-view .deck-column .deck-builder-actions{flex-flow:wrap;justify-content:flex-start;gap:.4rem;max-width:none;margin:.65rem 0 .15rem;display:flex}.decks-view .deck-column .deck-builder-actions button{min-height:2rem;padding:.45rem .65rem;font-size:.7rem}.decks-view .deck-column .deck-builder-actions #delete-deck-button,.decks-view .deck-column .deck-builder-actions #export-deck-button{padding:.45rem .65rem;font-size:.7rem}.decks-view .deck-column #deck-message{margin:.3rem .4rem;font-size:.75rem}.decks-view .deck-column #deck-message:empty{display:none}.deck-library-dialog{width:min(760px,100% - 2rem)}.decks-view .deck-library-footer{flex-flow:wrap;justify-content:flex-end;gap:.65rem;max-width:none;margin-top:1.25rem;display:flex}.decks-view .deck-library-footer button{min-height:2.5rem;font-size:.75rem}@media (width<=600px){.deck-library-dialog-heading{flex-wrap:wrap}.deck-library-dialog-heading .deck-library-actions{justify-content:flex-start}}.deck-library-dialog-heading{justify-content:space-between;align-items:center;gap:1rem;padding-right:1.6rem;display:flex}.deck-library-dialog-heading h2{margin:0}.decks-view .deck-library-dialog .deck-library{padding:1.25rem 0 0}.deck-library-actions{align-items:center;gap:1rem;display:flex}.deck-library-actions button{min-height:2.75rem;font:600 .8rem var(--font-display);transition:border-color var(--duration-control) ease, background var(--duration-control) ease, color var(--duration-control) ease}.deck-import-button{color:var(--color-gold);background:0 0;padding:.65rem .25rem}.deck-import-button:hover{color:var(--color-gold);text-underline-offset:.35rem;text-decoration:underline}.deck-new-button{border:1px solid var(--color-gold);border-radius:var(--radius-control);color:var(--color-text-strong);background:linear-gradient(160deg, var(--color-surface-selected), var(--color-surface));align-items:center;gap:.6rem;padding:.7rem 1.2rem;display:flex}.deck-new-button span{font:400 1.35rem/1 var(--font-body)}.deck-new-button:hover{border-color:var(--color-gold);background:linear-gradient(160deg, var(--color-gold), var(--color-surface-raised))}.decks-view .deck-library{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:1.5rem 0 1.75rem;display:block;position:static}.decks-view .deck-list{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.9rem;margin:0;padding:0;display:grid;overflow:visible}.decks-view .deck-list-item{border:1px solid color-mix(in srgb, var(--color-gold) 40%, transparent);border-radius:var(--radius-control);min-width:0;min-height:6.1rem;color:var(--color-text);background:linear-gradient(120deg, color-mix(in srgb, var(--color-surface) 66.7%, transparent), color-mix(in srgb, var(--color-canvas) 66.7%, transparent));text-align:left;box-shadow:none;transition:border-color var(--duration-control) ease, background var(--duration-control) ease, transform var(--duration-control) ease;justify-content:flex-start;align-items:center;gap:1rem;padding:.85rem 1.1rem;display:flex;position:relative}.decks-view .deck-list-item:before{content:none}.deck-tile-stack{isolation:isolate;flex:0 0 2.75rem;width:2.75rem;height:3.9rem;position:relative}.deck-tile-stack:before,.deck-tile-stack:after{content:"";z-index:-1;border:1px solid var(--color-gold);border-radius:var(--radius-small);background:var(--color-surface);position:absolute;inset:0}.deck-tile-stack:before{transform:translate(-4px,1px)rotate(-9deg)}.deck-tile-stack:after{transform:translate(3px,-1px)rotate(6deg)}.deck-tile-stack>img{border-radius:var(--radius-small);object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.decks-view .deck-tile-copy{gap:.55rem;min-width:0;display:grid}.decks-view .deck-tile-copy strong{color:inherit;font:600 .9rem/1.3 var(--font-display);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.decks-view .deck-tile-copy small{color:var(--color-gold);font:500 .7rem var(--font-body);font-variant-numeric:tabular-nums;margin:0}.decks-view .deck-list-item:hover{border-color:var(--color-gold);background:linear-gradient(120deg, var(--color-surface-raised), var(--color-surface));transform:translateY(-2px)}.decks-view .deck-list-item.is-selected{border-color:var(--color-gold);color:var(--color-text-strong);background:linear-gradient(120deg, var(--color-surface-selected), var(--color-surface))}.decks-view .deck-list-item.is-selected .deck-tile-copy small{color:var(--color-gold)}.decks-view .deck-builder-actions #export-deck-button{border:1px solid var(--color-edge-solid);border-radius:var(--radius-small);color:var(--color-gold);background:0 0;margin:0;padding:.65rem .9rem;font-size:.75rem}.decks-view .deck-builder-actions #export-deck-button:hover:not(:disabled){border-color:var(--color-gold);color:var(--color-text-strong);background:color-mix(in srgb, var(--color-surface-selected) 26.7%, transparent)}.deck-library-actions button:focus-visible,.decks-view .deck-list-item:focus-visible,#export-deck-button:focus-visible{outline:2px solid var(--color-gold-focus);outline-offset:3px}@media (width<=600px){.decks-view .deck-page-header{align-items:start}.deck-library-actions{justify-content:space-between;width:100%}.decks-view .deck-list{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.75rem}.decks-view .deck-list-item{gap:.75rem;min-height:5.5rem;padding:.75rem}.deck-tile-stack{flex-basis:2.2rem;width:2.2rem;height:3.15rem}.decks-view .deck-tile-copy strong{font-size:.8rem}}@media (prefers-reduced-motion:reduce){.decks-view .deck-list-item{transition:none}}.decks-view.has-pending-entrance .deck-sidebar-toolbar button{opacity:0}.decks-view.is-entering .deck-sidebar-toolbar button:first-child{animation:1s cubic-bezier(.16,.82,.24,1) 80ms both deck-enter-left}.decks-view.is-entering .deck-sidebar-toolbar button:last-child{animation:1s cubic-bezier(.16,.82,.24,1) .18s both deck-enter-left}@media (prefers-reduced-motion:reduce){.decks-view.has-pending-entrance .deck-sidebar-toolbar button{opacity:1}.decks-view.is-entering .deck-sidebar-toolbar button{animation:none}}.decks-view .deck-column{color:var(--color-text);border-color:var(--color-edge);background:var(--surface-panel)}.decks-view .deck-sidebar-toolbar button,.decks-view .deck-inline-library-heading .deck-import-button,.decks-view .deck-row-actions button{color:var(--color-gold);border-color:var(--color-edge);background:var(--color-surface);transition:background var(--duration-control) ease, border-color var(--duration-control) ease, color var(--duration-control) ease}.decks-view .deck-sidebar-toolbar button:hover,.decks-view .deck-inline-library-heading .deck-import-button:hover,.decks-view .deck-row-actions button:hover{border-color:var(--color-bronze);background:var(--color-surface-hover)}.decks-view .deck-sidebar-toolbar .deck-list-button[aria-pressed=true]{color:var(--color-gold);border-color:var(--color-bronze);background:var(--color-surface-selected)}.decks-view .deck-inline-library-heading h2,.decks-view .deck-column #deck-name{color:var(--color-gold)}.decks-view .deck-column #deck-name::placeholder,.decks-view .deck-row-select .deck-tile-copy small,.decks-view .empty-state{color:var(--color-text-muted)}.decks-view .deck-collection-head h2,.decks-view .deck-row-select{color:var(--color-text)}.decks-view .deck-library-row{border-color:var(--color-edge);background:color-mix(in srgb, var(--color-canvas) 50.2%, transparent);border-radius:var(--radius-control)}.decks-view .deck-library-row.is-selected{border-color:var(--color-bronze-selected);background:var(--color-surface-selected-translucent)}.decks-view .deck-row-actions button,.decks-view .deck-inline-library-heading .deck-import-button{border-radius:var(--radius-control)}.decks-view .deck-row-actions .deck-row-delete{color:var(--color-danger);border-color:var(--color-roman-red);background:var(--color-surface-raised)}.decks-view .deck-row-actions .deck-row-delete:hover{border-color:var(--color-roman-red);background:var(--color-surface-selected)}.decks-view .deck-curve-track{background:color-mix(in srgb, var(--color-roman-red) 20%, transparent)}.decks-view .deck-curve-track>span{background:linear-gradient(180deg, var(--color-gold), var(--color-roman-red))}.decks-view .deck-curve-count,.decks-view .deck-curve-cost{color:var(--color-gold)}.decks-view .deck-tray-card{color:var(--color-text);background:linear-gradient(100deg, var(--color-surface), var(--color-canvas));border-color:var(--color-edge);border-left:3px solid var(--color-roman-red);border-radius:var(--radius-control);box-shadow:none;transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease, transform var(--duration-fast) ease}.decks-view .deck-tray-card:hover,.decks-view .deck-tray-card:focus-visible{color:var(--color-text);border-color:var(--color-bronze-soft);border-left-color:var(--color-roman-red);background:linear-gradient(100deg, var(--color-surface-raised), var(--color-surface))}.decks-view .deck-tray-card strong{color:var(--color-gold)}.decks-view .deck-tray-mana{border-color:var(--color-roman-red);background:radial-gradient(circle at 40% 25%, var(--color-roman-red), var(--color-surface-selected))}.deck-commander-field{gap:.45rem;margin-bottom:1rem;display:grid}.deck-commander-field label{color:var(--color-gold);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.deck-commander-field select{background:var(--color-surface);border:1px solid var(--color-edge-solid);border-radius:var(--radius-control);width:100%;color:var(--color-gold);padding:.65rem}.commander-slot{aspect-ratio:294/420;z-index:8;width:6.5cqw;position:absolute;left:83.6%;transform:translate(-50%,-50%)}.opponent-commander{top:21.7%}.own-commander{top:77.6%}.commander-card{touch-action:none;cursor:pointer;width:100%;height:100%;transition:opacity .25s;position:relative}.commander-card .card-face{width:100%;height:100%}.card-face.is-neutral.is-commander .card-art{width:104%;height:102%;inset:-1% -2%}.commander-card:hover{filter:brightness(1.08)}.commander-progress{z-index:5;color:var(--color-gold);font:700 5cqw/1 var(--font-utility);text-align:center;text-shadow:0 1px 2px var(--color-shadow);pointer-events:none;gap:1cqw;display:grid;position:absolute;bottom:3.5%;left:24%;right:24%}.commander-progress-track{background:var(--color-surface);border-radius:1cqw;height:1.5cqw;overflow:hidden}.commander-progress-fill{background:linear-gradient(90deg,var(--color-gold),var(--color-gold));height:100%;transition:width .35s;display:block}.commander-promotion-animation{z-index:30;perspective:1000px;pointer-events:none;filter:drop-shadow(0 12px 12px color-mix(in srgb, var(--color-shadow) 60%, transparent));position:absolute}.commander-promotion-inner{width:100%;height:100%;transform-style:preserve-3d;position:relative}.commander-promotion-face{backface-visibility:hidden;transform-style:preserve-3d;position:absolute;inset:0}.commander-promotion-face>.card-face{width:100%;height:100%}.commander-promotion-new{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.commander-promotion-animation{display:none}}.deck-commander-field{flex:none}.commander-preview-launch{width:100%;min-height:5.2rem;color:var(--color-gold-base);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:1rem;padding:0;display:flex}.commander-preview-launch:focus-visible{outline:1px solid var(--color-gold-base);outline-offset:3px}.commander-preview-launch:disabled{opacity:.5;cursor:default}.commander-preview-miniatures{pointer-events:none;align-items:center;padding-right:.25rem;display:flex}.commander-preview-miniature{aspect-ratio:294/420;width:2.7rem;display:block;position:relative}.commander-preview-miniature+.commander-preview-miniature{margin-left:-.65rem;transform:translateY(-.12rem)}.commander-preview-miniature:first-child{transform:rotate(-7deg)}.commander-preview-launch-label{font:600 .72rem/1.4 var(--font-body);letter-spacing:.04em}.commander-preview-dialog[open]{flex-direction:column;gap:.9rem;display:flex}.commander-preview-heading{flex:none;padding-right:2rem}.commander-preview-heading .section-label{color:var(--color-gold);margin:0 0 .3rem}.commander-preview-heading h2{color:var(--color-gold);font:700 clamp(1.3rem, 3vw, 1.9rem)/1.2 var(--font-display);margin:0}.commander-preview-roster{scrollbar-width:thin;scrollbar-color:var(--color-bronze) var(--color-surface);flex:none;gap:.4rem;display:flex;overflow-x:auto}.commander-preview-roster.hidden{display:none}.commander-preview-roster button,.commander-stage-tabs button{border:1px solid color-mix(in srgb, var(--color-gold) 53.3%, transparent);border-radius:var(--radius-control);color:var(--color-gold);background:var(--color-surface);cursor:pointer;flex:none;padding:.55rem .75rem}.commander-preview-roster button[aria-pressed=true],.commander-stage-tabs button.is-selected{color:var(--color-gold);border-color:var(--color-gold);background:color-mix(in srgb, var(--color-surface-selected) 30.2%, transparent)}.commander-preview-roster button:hover,.commander-stage-tabs button:hover{border-color:var(--color-gold)}.commander-preview-layout{flex:auto;height:auto;min-height:0}.commander-preview-layout .card-preview-gallery{gap:.9rem;min-height:0}.commander-preview-card{width:min(100%,260px,70dvh - 11.9rem)}.commander-stage-tabs{scrollbar-width:thin;scrollbar-color:var(--color-bronze) var(--color-surface);justify-content:safe center;gap:.4rem;max-width:100%;display:flex;overflow-x:auto}.commander-stage-tabs button{padding:.5rem .75rem;font-size:.73rem}.commander-stage-name{color:var(--color-text);font:700 1.15rem/1.3 var(--font-display);margin:.5rem 0 0}.commander-preview-layout .card-preview-stats{margin:1rem 0}.commander-preview-actions{grid-template-rows:3rem;grid-template-columns:1fr;margin-top:1rem}.commander-preview-actions.hidden,.commander-create-message:empty{display:none}.commander-story{border-top:1px solid color-mix(in srgb, var(--color-gold) 33.3%, transparent);white-space:pre-line;color:var(--color-text-muted);margin:1.1rem 0 0;padding-top:1rem;font-size:.85rem;line-height:1.7}@media (width<=700px){.commander-preview-dialog[open]{gap:.75rem}.commander-preview-heading h2{font-size:1.25rem}.commander-preview-layout{gap:.9rem}.commander-preview-card{width:min(160px,20dvh)}.commander-preview-layout .card-preview-gallery{gap:.6rem}.commander-preview-layout .card-preview-stats>div{min-width:4.8rem}}.results-view{box-sizing:border-box;width:min(1440px,100%);color:var(--color-text);margin:0 auto;padding:clamp(1.5rem,4vw,4rem);animation:.65s both results-arrive}.results-heading{justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1.5rem;display:flex}.results-heading h1{color:var(--color-gold-focus);font:600 clamp(1.6rem, 3vw, 2.8rem) var(--font-display);margin:.35rem 0 0}.results-modes{flex-wrap:wrap;gap:.4rem;display:flex}.results-modes button,.results-pagination button{border:1px solid var(--color-roman-red);background:var(--color-surface);color:var(--color-gold);border-radius:var(--radius-control);font:600 .75rem var(--font-body);cursor:pointer;padding:.55rem .85rem}.results-modes button:hover,.results-pagination button:hover:not(:disabled){border-color:var(--color-gold)}.results-message{min-height:1.3em;color:var(--color-gold);font-size:.85rem}.results-statistics{grid-template-columns:repeat(5,1fr);gap:1rem;padding:1.5rem 0 2rem;display:grid}.results-statistics div{border-left:2px solid var(--color-roman-red);padding-left:1.1rem}.results-statistics strong{font:600 clamp(1.6rem, 3vw, 2.5rem) var(--font-display);color:var(--color-gold);font-variant-numeric:tabular-nums;display:block}.results-statistics span{color:var(--color-gold);font-size:.8rem}.results-columns{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:1.5rem;display:grid}.results-panel{background:var(--surface-panel);border:1px solid var(--color-edge);border-radius:var(--radius-control);min-width:0;overflow:hidden}.results-panel>header{background:color-mix(in srgb, var(--color-canvas) 26.7%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;padding:1.2rem 1.3rem;display:flex}.results-panel h2{font:600 1.1rem var(--font-display);color:var(--color-gold);margin:0}.results-panel>header span{color:var(--color-gold);font-size:.72rem}.results-table-wrap{overflow-x:auto}.results-match{border-bottom:1px solid color-mix(in srgb, var(--color-gold) 13.3%, transparent);grid-template-columns:4.2rem minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:1rem 1.3rem;display:grid}.results-match div strong{overflow-wrap:anywhere;font-size:.85rem;display:block}.results-match div span{color:var(--color-gold);margin-top:.3rem;font-size:.7rem;display:block}.results-outcome{font:600 .75rem var(--font-display)}.results-match.is-win .results-outcome{color:var(--color-gold)}.results-match.is-loss .results-outcome{color:var(--color-danger)}.results-match.is-draw .results-outcome{color:var(--color-text-muted)}.results-match time{color:var(--color-text-muted);text-align:right;font-size:.7rem}.results-pagination{color:var(--color-gold);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.3rem;font-size:.75rem;display:flex}.results-pagination button:disabled{opacity:.4;cursor:default}.results-empty{color:var(--color-text-muted);margin:0;padding:1.5rem;font-size:.85rem}.results-footnote{color:var(--color-gold);margin-top:1.3rem;font-size:.73rem;line-height:1.7}#results-content[aria-busy=true]{opacity:.55}@keyframes results-arrive{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.results-columns{grid-template-columns:1fr}}@media (width<=600px){.results-heading{flex-direction:column;align-items:start}.results-statistics{grid-template-columns:repeat(3,1fr);gap:1.2rem .5rem}.results-match{grid-template-columns:3.6rem minmax(0,1fr)}.results-match time{text-align:left;grid-column:2}}@media (prefers-reduced-motion:reduce){.results-view,.account-view{animation:none}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:var(--focus-outline);outline-offset:3px}.landing-primary,#login-button,.login-button,.start-game-button,.mulligan-confirm,.username-fields button,.create-room-form button:not(.secondary-button),.inline-form button,.stacked-form button,.deck-share-action,.clerk-login-dialog .cl-formButtonPrimary,.decks-view .deck-builder-actions button:not(.text-button):not(.secondary-button),.card-editor-actions button[type=submit],.commander-heading>button,#commander-save,.monitor-error button{border-color:var(--color-gold);border-radius:var(--radius-control);color:var(--color-on-accent);background:var(--surface-primary);box-shadow:var(--shadow-primary)}.landing-secondary,.account-logout,.create-room-form button.secondary-button,.deck-builder-actions .secondary-button,.decks-view .deck-builder-actions button.secondary-button{border-color:var(--color-gold);border-radius:var(--radius-control);color:var(--color-gold);background:var(--surface-secondary);box-shadow:var(--shadow-secondary)}.landing-kicker,.play-eyebrow,.section-label{text-shadow:var(--shadow-heading)}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea{font-family:var(--font-body);caret-color:var(--color-gold);accent-color:var(--color-gold)}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--color-gold)}dialog{box-shadow:var(--shadow-dialog)}dialog::backdrop{background:color-mix(in srgb, var(--color-shadow) 70%, transparent)}button._action_1pbhk_1{isolation:isolate;border-radius:var(--radius-large);width:min(26rem,100%);min-height:5.25rem;color:var(--color-gold);font:800 clamp(1.35rem, 3vw, 1.7rem) var(--font-display);letter-spacing:.1em;box-shadow:none;transition:transform var(--transition-control), color var(--transition-control);touch-action:manipulation;background:0 0;border:0;justify-content:center;align-items:center;padding:1rem 2rem;display:flex;position:relative}button._action_1pbhk_1:before,button._action_1pbhk_1:after{content:"";border-radius:var(--radius-large);pointer-events:none;position:absolute}button._action_1pbhk_1:before{z-index:-2;background:var(--surface-primary);box-shadow:0 0 24px var(--color-gold-glow), 0 8px 12px var(--color-shadow);inset:0}button._action_1pbhk_1:after{z-index:-1;border-radius:calc(var(--radius-large) - 3px);background:linear-gradient(180deg, var(--color-surface-raised), var(--color-canvas) 55%, var(--color-surface));transition:background var(--transition-control);inset:3px}._label_1pbhk_40{transition:transform var(--transition-control);position:relative}._sheen_1pbhk_41{border-radius:var(--radius-large);pointer-events:none;position:absolute;inset:3px;overflow:hidden}._sheen_1pbhk_41:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-metal-highlight) 55%, transparent), transparent);width:35%;position:absolute;inset:0 auto 0 0;transform:translate(-300%)skew(-25deg)}button._action_1pbhk_1:hover{color:var(--color-on-accent);transform:translateY(-4px)scale(1.025)}button._action_1pbhk_1:hover:after{background:var(--surface-primary)}button._action_1pbhk_1:hover ._sheen_1pbhk_41:before{animation:_play-sheen_1pbhk_1 .7s var(--ease-standard) both}button._action_1pbhk_1:active{transform:translateY(2px)scale(.97)}@keyframes _play-sheen_1pbhk_1{to{transform:translate(400%)skew(-25deg)}}@media (width<=850px){button._action_1pbhk_1{width:min(14rem,100%);min-height:3.125rem;padding:.65rem 1.25rem;font-size:1.1rem}}@media (prefers-reduced-motion:reduce){button._action_1pbhk_1,._label_1pbhk_40{transition:none}button._action_1pbhk_1:hover,button._action_1pbhk_1:active,button._action_1pbhk_1:hover ._label_1pbhk_40{transform:none}button._action_1pbhk_1:hover ._sheen_1pbhk_41:before{animation:none}}._field_1bc66_1{z-index:0;pointer-events:none;mix-blend-mode:screen;visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.landing-view:not(.hidden) .landing-hero:has(.landing-copy.is-settled) ._field_1bc66_1{visibility:visible}@media (prefers-reduced-motion:reduce){._field_1bc66_1{display:none}}._sidebar_tl1ya_1{border-left:1px solid var(--color-results-divider);min-width:0;color:var(--color-text);padding:.35rem 0 0 clamp(1.25rem,2vw,2rem);animation:.65s .12s both _arrive_tl1ya_1}._heading_tl1ya_8{align-items:center;margin-bottom:1.25rem;display:flex}._heading_tl1ya_8 h2{color:var(--color-results-heading);font:600 clamp(1.3rem, 1.7vw, 1.8rem)/1.2 var(--font-display);margin:0}._message_tl1ya_10:empty{display:none}._content_tl1ya_11{scrollbar-width:thin;scrollbar-color:var(--color-results-scroll-thumb) var(--color-results-scroll-track);max-height:min(42rem,70dvh);overflow:auto}._content_tl1ya_11[aria-busy=true]{opacity:.55}._table_tl1ya_13{border-collapse:collapse;width:100%;font-size:.8rem}._table_tl1ya_13 th{color:var(--color-results-label);text-align:left;font-size:.7rem;font-weight:500}._table_tl1ya_13 th,._table_tl1ya_13 td{border-bottom:1px solid var(--color-results-row-divider);padding:.8rem .5rem}._table_tl1ya_13 td{font-variant-numeric:tabular-nums}._table_tl1ya_13 td:nth-child(2){overflow-wrap:anywhere}._table_tl1ya_13 th:first-child,._table_tl1ya_13 td:first-child{padding-left:0}._table_tl1ya_13 th:last-child,._table_tl1ya_13 td:last-child{text-align:right;white-space:nowrap;padding-right:0}._table_tl1ya_13 small{color:var(--color-results-muted);margin-top:.25rem;font-size:.65rem;display:block}._isYou_tl1ya_21{background:var(--color-results-highlight)}._isYou_tl1ya_21 td:nth-child(2){color:var(--color-results-current-user)}._rank_tl1ya_23{font-family:var(--font-display);color:var(--color-results-rank)}._empty_tl1ya_24{color:var(--color-results-empty);margin:0;padding:1.25rem 0;font-size:.85rem;line-height:1.6}@keyframes _arrive_tl1ya_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){._sidebar_tl1ya_1{border-left:0;border-top:1px solid var(--color-results-divider);padding:1.5rem 0 0}._content_tl1ya_11{max-height:none}}@media (prefers-reduced-motion:reduce){._sidebar_tl1ya_1{animation:none}}