@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{color-scheme:dark;--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1c1c28;--bg-overlay: #1c1c28cc;--bg-elevated: #242433;--text-primary: #f5f5f8;--text-secondary: #a0a0b0;--text-muted: #6b6b7a;--text-on-primary: #0a0a0f;--text-on-danger: #ffffff;--border: #2a2a38;--border-strong: #3a3a4d;--border-focus: #00e5c0;--primary: #00e5c0;--primary-hover: #00ffcc;--primary-muted: #00e5c033;--secondary: #ff4d94;--secondary-hover: #ff6aa8;--accent-gold: #ffcc33;--success: #22ff99;--danger: #ff3b5c;--warning: #ffb800;--player-0: #00e5c0;--player-1: #ff4d94;--color-rarity-common: #a0a0b0;--color-rarity-uncommon: #22ff99;--color-rarity-rare: #5b8cff;--color-rarity-ultra: #ff4d94;--color-rarity-secret: #b388ff;--color-rarity-legendary: #ffd700;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .45);--shadow-glow-primary: 0 0 20px rgba(0, 229, 192, .25);--shadow-glow-legendary: 0 0 16px rgba(255, 215, 0, .35);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .25s;--ease-out: cubic-bezier(.22, 1, .36, 1);--container-max: 72rem;--header-height: 3.5rem;--footer-height: 3rem;--bottom-nav-height: 4rem;--tap-target: 44px;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px}[hidden]{display:none!important}.heading-1{margin:0;font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:-.02em}.heading-2{margin:0;font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--text-primary)}.heading-3{margin:0;font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--text-primary)}.body{margin:0;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary)}.body-sm{margin:0;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-secondary)}.label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.text-muted{color:var(--text-muted)}.text-primary-accent{color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-target);padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-primary);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1;cursor:pointer;transition:background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-card)}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.btn--primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--shadow-glow-primary)}.btn--secondary{background:transparent;border-color:var(--secondary);color:var(--secondary)}.btn--secondary:hover:not(:disabled){background:#ff4d941f;border-color:var(--secondary-hover);color:var(--secondary-hover)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:#ffffff0a;color:var(--text-primary)}.btn--danger{background:#ff3b5c26;border-color:var(--danger);color:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--danger);color:var(--text-on-danger)}.btn--icon{min-width:var(--tap-target);padding:var(--space-2)}.btn--sm{min-height:36px;padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.btn.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn.secondary{background:transparent;border-color:var(--border);color:var(--text-secondary)}.surface-card{position:relative;display:flex;flex-direction:column;gap:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.surface-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.surface-card--interactive{cursor:pointer}.surface-card--interactive:hover{transform:translateY(-2px)}.surface-card__stretched-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;text-decoration:none}.surface-card__stretched-link:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.surface-card .btn,.surface-card .difficulty-row{position:relative;z-index:2}a.surface-card{display:flex;flex-direction:column;color:inherit;text-decoration:none}a.surface-card .heading-3{color:var(--text-primary)}a.surface-card .body-sm{color:var(--text-secondary)}a.surface-card .text-muted{color:var(--text-muted)}.tcg-card{position:relative;aspect-ratio:3 / 4;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.tcg-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.tcg-card__rarity{position:absolute;top:var(--space-2);right:var(--space-2);width:8px;height:8px;border-radius:var(--radius-full)}.tcg-card__body{display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:var(--space-3);background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.55))}.tcg-card__name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.tcg-card__meta{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted)}.rarity-common{--rarity-color: var(--color-rarity-common)}.rarity-uncommon{--rarity-color: var(--color-rarity-uncommon)}.rarity-rare{--rarity-color: var(--color-rarity-rare)}.rarity-ultra{--rarity-color: var(--color-rarity-ultra)}.rarity-secret{--rarity-color: var(--color-rarity-secret)}.rarity-legendary{--rarity-color: var(--color-rarity-legendary)}.rarity-common,.rarity-uncommon,.rarity-rare,.rarity-ultra,.rarity-secret,.rarity-legendary{border-color:color-mix(in srgb,var(--rarity-color) 35%,var(--border))}.rarity-legendary{box-shadow:var(--shadow-glow-legendary)}.tcg-card__rarity,.rarity-dot{background:var(--rarity-color, var(--color-rarity-common))}.input,.select,.textarea{width:100%;min-height:var(--tap-target);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font:inherit;font-size:var(--text-sm);transition:border-color var(--duration-normal) var(--ease-out)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--border-focus)}.textarea{min-height:6rem;resize:vertical}.field{display:flex;flex-direction:column;gap:var(--space-2)}.auth-header{display:flex;align-items:center;gap:var(--space-2)}.auth-header__user{max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);text-decoration:none}.auth-header__user:hover{color:var(--primary)}.account-page{max-width:32rem}.account-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5)}.account-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.account-tabs__tab{border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font:inherit;font-size:var(--text-sm);padding:var(--space-2) var(--space-3);cursor:pointer}.account-tabs__tab--active{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.account-form{display:flex;flex-direction:column;gap:var(--space-4)}.account-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.account-message{margin:0;padding:var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--text-primary)}.account-message--error{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.account-section{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border)}.account-section__title{font-size:var(--text-lg)}.account-danger-zone{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid color-mix(in srgb,var(--danger) 35%,var(--border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--danger) 6%,var(--bg-secondary))}.account-danger-zone__title{margin:0;font-size:var(--text-lg);color:var(--danger)}.account-profile-summary{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border)}.account-profile-stats{display:grid;gap:var(--space-2);margin:0}.account-profile-stats__row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.account-profile-stats__row dt,.account-profile-stats__row dd{margin:0}.account-delete-modal{max-width:28rem}.account-delete-modal__eyebrow{margin:0 0 var(--space-2);color:var(--text-muted)}.account-delete-modal__warning{margin:0 var(--space-4) var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--text-secondary)}.account-delete-modal__footer{justify-content:space-between}.not-found-page{max-width:44rem}.not-found-hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding-block:var(--space-8) var(--space-6);text-align:center}.not-found-hero__code{margin:0;font-size:clamp(3rem,12vw,5rem);letter-spacing:.2em;color:color-mix(in srgb,var(--primary) 55%,var(--text-muted));text-shadow:0 0 32px color-mix(in srgb,var(--primary) 35%,transparent)}.not-found-hero__art{width:min(100%,36rem);aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 12%,transparent),var(--shadow-md)}.not-found-hero__copy .body{max-width:34rem;margin-inline:auto}.not-found-page__actions{justify-content:center}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary)}.badge--primary{background:var(--primary-muted);border-color:color-mix(in srgb,var(--primary) 40%,transparent);color:var(--primary)}.badge--soon{background:#ffb8001f;border-color:color-mix(in srgb,var(--warning) 35%,transparent);color:var(--warning)}.page-section--set-catalog{display:flex;flex-direction:column;flex:1;min-height:0}.page--marketing:has(.page-section--set-catalog) .container{display:flex;flex-direction:column;flex:1;min-height:0}.page--marketing:has(.page-section--set-catalog) .app-main{display:flex;flex-direction:column;flex:1;min-height:0}.set-catalog{display:flex;flex-direction:column;flex:1;min-height:0;padding:0;overflow:hidden}.set-catalog-table-wrap{flex:1;min-height:0;overflow:auto;padding:var(--space-3) var(--space-4) var(--space-4)}.set-catalog-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.set-catalog-table th,.set-catalog-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}.set-catalog-table th{position:sticky;top:0;z-index:1;background:var(--bg-elevated);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.set-catalog-table tbody tr:hover{background:color-mix(in srgb,var(--bg-elevated) 65%,transparent)}.set-catalog-table__row{cursor:pointer}.set-catalog-table__row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.set-catalog-table__id{width:5.5rem;white-space:nowrap;color:var(--text-secondary)}.set-catalog-table__animal{color:var(--text-primary)}.set-catalog-table__bonus{width:6.5rem;font-family:var(--font-mono);color:var(--text-secondary)}.panel{padding:var(--space-4);border-bottom:1px solid var(--border)}.panel-grow{flex:1;min-height:0;display:flex;flex-direction:column}.panel h2,.panel .label{margin:0 0 var(--space-2)}.hint{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-secondary)}.hidden{display:none!important}.event-log{list-style:none;margin:0;padding:0;overflow:auto;flex:1;font-size:var(--text-xs);font-family:var(--font-mono);line-height:var(--leading-normal)}.event-log li{padding:var(--space-2) 0;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-secondary)}.event-log li:last-child{border-bottom:none}.match-settings{flex-shrink:0;margin-top:var(--space-2);padding:var(--space-2) 0 var(--space-3);border-top:1px solid var(--border)}.match-settings--expanded{padding-bottom:var(--space-4)}.match-settings__toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;margin:0;padding:var(--space-1) 0;border:none;background:transparent;color:var(--text-secondary);font:inherit;line-height:1;text-align:left;cursor:pointer}.match-settings__toggle:hover,.match-settings__toggle:focus-visible{color:var(--text-primary)}.match-settings__toggle:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:2px;border-radius:var(--radius-sm)}.match-settings__title{margin:0;line-height:1}.match-settings__title.label{margin:0}.match-settings__caret{flex-shrink:0;align-self:center;width:0;height:0;margin-top:.04em;border-top:.28rem solid transparent;border-bottom:.28rem solid transparent;border-left:.42rem solid currentColor;transition:transform .16s var(--ease-out);transform-origin:50% 45%}.match-settings--expanded .match-settings__caret{transform:rotate(90deg)}.match-settings__panel{padding:var(--space-2) 0 var(--space-2) calc(.42rem + var(--space-2))}.match-settings__option{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;color:var(--text-secondary)}.match-settings__option:hover{color:var(--text-primary)}.scores{display:grid;gap:var(--space-2);font-size:var(--text-sm)}.score-row{display:flex;justify-content:space-between;align-items:center}.label-p0{color:var(--player-0);font-weight:var(--weight-semibold)}.label-p1{color:var(--player-1);font-weight:var(--weight-semibold)}.mode-actions,.attack-order-actions,.chain-actions,.action-row{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.attack-order-actions,.chain-actions{max-height:10rem;overflow-y:auto}.attack-order__list{list-style:none;margin:0 0 var(--space-3);padding:0;font-size:var(--text-xs)}.attack-order__list li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;color:var(--text-secondary)}.attack-order__step{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;border-radius:var(--radius-sm);background:var(--primary-muted);color:var(--primary);font-size:.65rem;font-weight:var(--weight-bold)}.attack-order__remaining{display:flex;flex-direction:column;gap:var(--space-2)}.attack-order__empty{margin:0 0 var(--space-3);color:var(--text-muted)}@media(min-width:480px){.action-row--inline{flex-direction:row;flex-wrap:wrap}}.toast{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--space-4));left:50%;transform:translate(-50%) translateY(12px);max-width:min(92vw,28rem);padding:var(--space-3) var(--space-4);background:var(--bg-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);line-height:var(--leading-normal);text-align:center;box-shadow:var(--shadow-lg);z-index:200;opacity:0;pointer-events:none;transition:opacity .24s ease,transform .24s ease}.toast--visible{opacity:1;transform:translate(-50%) translateY(0)}.toast--warning{border-color:#ffc44d73;background:#1c1608eb;color:#ffe9b0}.event-log__limit{color:#ffc44d}@media(min-width:768px){.toast{bottom:var(--space-6)}}body.modal-open{overflow:hidden}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#0a0a0fd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{width:100%;max-width:52rem;max-height:min(90vh,900px);overflow:auto;padding:var(--space-5);box-shadow:var(--shadow-lg)}.modal__header{margin-bottom:var(--space-4)}.modal__footer{display:flex;justify-content:flex-end;margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border)}.match-setup-modal{max-width:28rem}.match-setup__section{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.match-setup__section.hidden{display:none}.match-setup__row{display:flex;gap:var(--space-2)}.match-setup__row--wrap{flex-wrap:wrap;justify-content:center}.match-setup__choice--active{box-shadow:var(--shadow-glow-primary)}.match-setup__footer{justify-content:space-between}.hand-reveal__footer{justify-content:space-between;gap:var(--space-3)}.hand-reveal-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(148px,1fr));justify-items:stretch}@media(min-width:640px){.hand-reveal-grid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr))}}@media(min-width:1024px){.hand-reveal-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}}.card-face{position:relative;width:100%;max-width:180px;margin-inline:auto;display:flex;flex-direction:column}.card-flip{cursor:pointer}.card-flip__scene{width:100%;aspect-ratio:5 / 7;perspective:900px}.card-flip__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,0,.2,1)}.card-flip--show-art .card-flip__inner{transform:rotateY(180deg)}.card-flip__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-flip__face--stats{transform:rotateY(0)}.card-flip__face--art{transform:rotateY(180deg)}.card-face__surface{position:relative;width:100%;height:100%;container-type:inline-size;border:1.5px solid color-mix(in srgb,var(--rarity-color) 55%,var(--border));border-radius:var(--radius-md);background:radial-gradient(ellipse 90% 55% at 50% 12%,color-mix(in srgb,var(--rarity-color) 16%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--bg-card) 88%,var(--rarity-color) 12%),var(--bg-secondary));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity-color) 18%,transparent),var(--shadow-sm);overflow:hidden}.card-face__surface--art{padding:0;background:var(--bg-card)}.card-flip__art-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:calc(var(--radius-md) - 2px)}.card-face__panel{position:absolute;z-index:1;top:20%;left:20%;width:60%;height:58%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:.2rem .15rem;background:transparent;border:none;pointer-events:none;text-align:center}.card-face__panel-top,.card-face__panel-bottom{width:100%;display:flex;flex-direction:column;align-items:center;gap:.1rem}.card-face__emblem{width:72%;max-height:34%;object-fit:contain;flex-shrink:0;background:transparent}.card-face__emblem--portrait{width:auto;max-width:78%;max-height:50%;height:auto}.card-face__catalog{margin:0;font-size:clamp(.48rem,4.5cqw,.62rem);font-weight:var(--weight-semibold);font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.04em}.card-face__fact{margin:.15rem 0 0;font-size:clamp(.42rem,4.2cqw,.54rem);line-height:1.35;color:var(--text-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.card-face__fact--compact{margin-top:.08rem;font-size:clamp(.34rem,3.2cqw,.44rem);line-height:1.28;-webkit-line-clamp:2;line-clamp:2}.card-face__name{margin:0;width:100%;padding:0 .1rem;text-align:center;font-size:clamp(.56rem,5.8cqw,.78rem);font-weight:var(--weight-bold);line-height:1.2;color:var(--text-primary);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.card-face__hp{display:flex;flex-direction:column;align-items:center;gap:.12rem;width:100%;pointer-events:none}.card-face__hp-label{font-size:clamp(.48rem,4.5cqw,.6rem);font-weight:var(--weight-semibold);font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.04em}.card-face__hp-row{display:inline-flex;align-items:center;justify-content:center;gap:.18rem;max-width:100%}.card-face__hp-value{font-size:clamp(.82rem,9.5cqw,1.15rem);font-weight:var(--weight-bold);font-family:var(--font-mono);color:var(--text-primary);line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis}.card-face__wound{flex-shrink:0;width:clamp(.34rem,3.6cqw,.48rem);height:clamp(.44rem,4.6cqw,.62rem);background:radial-gradient(circle at 35% 28%,#ff6b7d,#c41e3a 55%,#8b1228);border-radius:50%/58% 58% 42% 42%;box-shadow:0 1px 2px #00000073}.card-face__arrows{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.card-face__wedge{position:absolute;display:block;width:clamp(.42rem,5.5cqw,.56rem);height:clamp(.42rem,5.5cqw,.56rem);background:linear-gradient(145deg,#ffe066 0%,var(--accent-gold) 55%,#c99200 100%);clip-path:polygon(50% 0%,12% 100%,88% 100%);transform-origin:center center;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.card-face__stats{position:absolute;z-index:3;font-size:clamp(.38rem,4.8cqw,.54rem);font-family:var(--font-mono);font-weight:var(--weight-semibold);color:var(--accent-gold);line-height:1.1;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.65)}.card-face__stats[data-arrow="0"],.card-face__stats[data-arrow="1"],.card-face__stats[data-arrow="7"]{max-width:42%}.card-face__overlay{margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);width:100%}.card-face__overlay-badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-1)}.card-face__set{margin:0;font-size:var(--text-xs);color:var(--text-muted);text-align:center}.card-face--collection{max-width:100%}.vault-hub__stats{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.vault-hub__count{margin:var(--space-1) 0 0;font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--primary)}.vault-hub__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.vault-hub__collection{margin-bottom:var(--space-4)}.vault-hub__collection .deck-view__collection-grid{margin-top:0}.vault-hub__empty{margin:0 0 var(--space-4);color:var(--text-muted);text-align:center}.vault-hub__hint{margin:0 0 var(--space-4);color:var(--text-secondary)}.modal.hand-pick-modal{display:flex;flex-direction:column;max-width:52rem;max-height:min(90vh,900px);overflow:hidden;padding:0}.modal.hand-pick-modal .modal__header{flex-shrink:0;margin-bottom:0;padding:var(--space-5) var(--space-5) var(--space-3)}.modal.hand-pick-modal .hand-pick__grid{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--space-5) var(--space-4)}.hand-pick__counter{margin:var(--space-2) 0 0}.modal.hand-pick-modal .hand-pick__footer{flex-shrink:0;justify-content:space-between;margin-top:0;padding:var(--space-4) var(--space-5) var(--space-5);border-top:1px solid var(--border);background:var(--bg-card)}.vault-result-modal{max-width:52rem}.hand-pick-card{position:relative;display:block;width:100%;cursor:pointer}.hand-pick-card__check{position:absolute;top:var(--space-3);left:var(--space-3);z-index:2;width:1.1rem;height:1.1rem;accent-color:var(--primary)}.hand-pick-card:has(.hand-pick-card__check:checked) .card-face__surface--stats{border-color:color-mix(in srgb,var(--primary) 65%,var(--border));box-shadow:var(--shadow-glow-primary)}.vault-result__stats{display:grid;gap:var(--space-3);margin:0 0 var(--space-5)}.vault-result__stats div{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary)}.vault-result__stats dt{color:var(--text-muted);font-weight:var(--weight-medium)}.vault-result__stats dd{margin:0;font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary)}.set-catalog-card-modal{width:min(58rem,96vw);max-height:min(92vh,52rem);overflow:hidden;display:flex;flex-direction:column}.set-catalog-card-modal__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(11rem,15rem);gap:var(--space-4);padding:0 var(--space-4) var(--space-2);overflow-y:auto;align-items:start}.set-catalog-card-modal__faces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.set-catalog-card-modal__face{margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.set-catalog-card-modal__face .card-face--catalog-preview{width:100%;max-width:220px}.card-face--catalog-preview{cursor:default;pointer-events:none}.card-face--catalog-preview .card-face__surface{width:100%;aspect-ratio:5 / 7}.card-face--catalog-preview .card-face__surface--stats{height:100%}.set-catalog-card-modal__stats-panel{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated)}.set-catalog-card-modal__rarity{margin:var(--space-2) 0 var(--space-3)}.set-catalog-card-modal__ranges{margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.set-catalog-card-modal__range{display:grid;gap:var(--space-1)}.set-catalog-card-modal__range dt{margin:0;font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.set-catalog-card-modal__range dd{margin:0;font-size:var(--text-sm);color:var(--text-primary)}.set-catalog-card-modal__hint,.set-catalog-card-modal__note{margin:var(--space-3) 0 0;color:var(--text-secondary)}@media(max-width:720px){.set-catalog-card-modal__body,.set-catalog-card-modal__faces{grid-template-columns:1fr}}.deck-view-modal{max-width:52rem}.deck-view__sections{display:flex;flex-direction:column;gap:var(--space-5)}.deck-view__section-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.deck-view__section-title{margin:0;font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.02em;text-transform:uppercase}.deck-view__section[data-deck-section=in_hand] .deck-view__section-title{color:var(--primary)}.deck-view__section[data-deck-section=on_board] .deck-view__section-title{color:var(--accent-gold)}.deck-view__section[data-deck-section=captured] .deck-view__section-title{color:var(--warning)}.deck-view__section-hint{margin:0;flex:1;min-width:12rem;color:var(--text-muted)}.deck-view__section-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding-inline:var(--space-1);border-radius:var(--radius-sm);background:#ffffff0f;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-secondary)}.deck-view__section-grid{margin-top:0}.deck-view__empty{margin:0;color:var(--text-muted);text-align:center}.deck-card__badges{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.deck-card__location{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:.65rem;font-weight:var(--weight-bold);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.deck-card__location--in_hand{color:var(--primary);background:var(--primary-muted);border:1px solid color-mix(in srgb,var(--primary) 35%,transparent)}.deck-card__location--on_board{color:var(--accent-gold);background:#ffb8001a;border:1px solid color-mix(in srgb,var(--accent-gold) 35%,transparent)}.deck-card__location--captured{color:var(--warning);background:#ff4d941a;border:1px solid color-mix(in srgb,var(--warning) 35%,transparent)}.deck-card__detail{margin:0;font-size:var(--text-xs);line-height:1.35;color:var(--text-muted)}.deck-card--in_hand .card-face__surface--stats{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 20%,transparent),var(--shadow-sm)}.deck-card--on_board .card-face__surface--stats{border-color:color-mix(in srgb,var(--accent-gold) 55%,var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-gold) 18%,transparent),var(--shadow-sm)}.deck-card--captured .card-face__surface--stats{border-color:color-mix(in srgb,var(--warning) 50%,var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--warning) 16%,transparent),var(--shadow-sm)}.difficulty-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);justify-content:center}.surface-card--arena .cta-row,.surface-card--arena .difficulty-row{justify-content:center}.difficulty-row .btn--sm{min-height:36px}.panel__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.panel__toolbar-actions{display:flex;gap:var(--space-1)}.match-result-panel{border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));background:color-mix(in srgb,var(--bg-card) 92%,var(--primary-muted));box-shadow:var(--shadow-glow-primary);margin-bottom:var(--space-3);animation:match-result-in .32s var(--ease-out)}@keyframes match-result-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.match-result-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.match-result-panel__winner{margin:var(--space-2) 0 var(--space-1)}.match-result-panel__scores{margin:0 0 var(--space-3)}.match-result-panel__vault{margin-top:var(--space-2)}.dice-roll-overlay{align-items:flex-start;padding-top:min(18vh,8rem)}.dice-roll-modal{max-width:22rem;text-align:center}.dice-roll-modal--combo{border-color:color-mix(in srgb,var(--accent-gold) 45%,var(--border))}.dice-roll-modal__stage{display:flex;justify-content:center;padding:var(--space-5) 0 var(--space-4);perspective:640px}.dice-cube{position:relative;width:4.5rem;height:4.5rem;transform-style:preserve-3d;transition:transform 80ms linear}.dice-cube--rolling{animation-name:dice-spin;animation-duration:1s;animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-fill-mode:forwards}@keyframes dice-spin{0%{transform:rotateX(0) rotateY(0) rotate(0)}to{transform:rotateX(720deg) rotateY(1080deg) rotate(360deg)}}.dice-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border:1.5px solid color-mix(in srgb,var(--primary) 40%,var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-card) 90%,var(--primary-muted));box-shadow:inset 0 0 12px #00e5c014;backface-visibility:hidden}.dice-face--1{transform:rotateY(0) translateZ(2.25rem)}.dice-face--6{transform:rotateY(180deg) translateZ(2.25rem)}.dice-face--3{transform:rotateY(-90deg) translateZ(2.25rem)}.dice-face--4{transform:rotateY(90deg) translateZ(2.25rem)}.dice-face--2{transform:rotateX(-90deg) translateZ(2.25rem)}.dice-face--5{transform:rotateX(90deg) translateZ(2.25rem)}.dice-pip{position:absolute;width:.55rem;height:.55rem;border-radius:50%;background:var(--accent-gold);box-shadow:0 0 6px #ffcc3373;left:calc(50% + var(--px) * 1.1rem);top:calc(50% + var(--py) * 1.1rem);transform:translate(-50%,-50%)}.dice-roll-modal__math{display:flex;flex-direction:column;gap:var(--space-2);text-align:left;margin:0 0 var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-primary)}.dice-roll-modal__math-line{display:block}.dice-roll-modal__math-note{color:var(--text-secondary);font-size:var(--text-xs)}.replay-import__input{width:100%;margin-top:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.45;resize:vertical}.replay-import__input:focus{outline:2px solid var(--border-focus);outline-offset:2px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}@media(min-width:901px){#app{height:100dvh;overflow:hidden}.app-header{position:fixed;top:0;left:0;right:0}.app-footer{position:fixed;bottom:0;left:0;right:0;z-index:100;padding-block:var(--space-3);background:color-mix(in srgb,var(--bg-secondary) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-main{padding-top:var(--header-height);overflow-y:auto;-webkit-overflow-scrolling:touch}#app:has(.app-footer) .app-main{padding-bottom:var(--footer-height)}}.page--marketing{background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(0,229,192,.08),transparent),radial-gradient(ellipse 60% 40% at 100% 0%,rgba(255,77,148,.06),transparent),var(--bg-primary)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-4)}@media(min-width:768px){.container{padding-inline:var(--space-6)}}.app-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:var(--space-4);min-height:var(--header-height);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-secondary) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(min-width:768px){.app-header{padding-inline:var(--space-6)}}.brand{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit;flex-shrink:0;min-width:0}.brand__text{display:flex;flex-direction:column;gap:2px;min-width:0}.brand__logo{width:2.5rem;height:2.5rem;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 10px rgba(0,229,192,.2))}@media(min-width:768px){.brand__logo{width:2.75rem;height:2.75rem}}.brand__title{margin:0;font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:-.02em;color:var(--text-primary)}.brand__subtitle{margin:0;font-size:var(--text-xs);color:var(--text-muted)}.app-header__status{flex:1;font-size:var(--text-sm);color:var(--text-secondary);text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.app-nav{display:none;align-items:center;gap:var(--space-1)}@media(min-width:768px){.app-nav{display:flex;flex:1;justify-content:center}}.app-nav__link{display:inline-flex;align-items:center;min-height:36px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--weight-medium);transition:color var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out)}.app-nav__link:hover{color:var(--text-primary);background:#ffffff0a}.app-nav__link--active{color:var(--primary);background:var(--primary-muted)}.app-nav__dropdown{position:relative}.app-nav__dropdown-trigger{display:inline-flex;align-items:center;gap:var(--space-1);min-height:36px;padding:var(--space-1) var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:color var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out)}.app-nav__dropdown-trigger:hover,.app-nav__dropdown--open .app-nav__dropdown-trigger{color:var(--text-primary);background:#ffffff0a}.app-nav__dropdown--active .app-nav__dropdown-trigger{color:var(--primary);background:var(--primary-muted)}.app-nav__dropdown-caret{font-size:.7rem;opacity:.7}.app-nav__dropdown-menu{position:absolute;top:calc(100% + var(--space-2));left:50%;transform:translate(-50%);min-width:15rem;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);display:none;flex-direction:column;gap:var(--space-1);z-index:120}.app-nav__dropdown--open .app-nav__dropdown-menu{display:flex}.app-nav__dropdown-link{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);text-decoration:none;color:var(--text-primary);transition:background var(--duration-normal) var(--ease-out)}.app-nav__dropdown-link:hover{background:#ffffff0f}.app-nav__dropdown-title{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.app-nav__dropdown-desc{font-size:var(--text-xs);color:var(--text-muted);line-height:1.35}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:stretch;justify-content:space-around;min-height:var(--bottom-nav-height);padding-bottom:env(safe-area-inset-bottom,0);border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg-secondary) 95%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(min-width:768px){.bottom-nav{display:none}}.bottom-nav__link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--tap-target);padding:var(--space-1);color:var(--text-muted);text-decoration:none;font-size:.65rem;font-weight:var(--weight-medium);transition:color var(--duration-fast) var(--ease-out)}.bottom-nav__link:hover,.bottom-nav__link--active{color:var(--primary)}.bottom-nav__icon{font-size:1.1rem;line-height:1}.app-main{flex:1;min-height:0}.page--with-bottom-nav .app-main{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0))}.page--arena{height:100dvh;overflow:hidden}.page--arena .app-main{display:flex;flex-direction:column;overflow:hidden;min-height:0}.page--arena .app-footer{flex-shrink:0}@media(min-width:901px){.page--arena:has(.app-footer) .app-main{margin-top:var(--header-height);margin-bottom:var(--footer-height);padding-top:0;padding-bottom:0;overflow:hidden}}.arena-layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:0;min-height:0;height:100%;overflow:hidden}.stage-wrap{min-height:0;min-width:0;overflow:hidden;display:flex;width:100%;height:100%}#pixi-host{width:100%;height:100%;min-height:0;min-width:0;flex:1;overflow:hidden;background:var(--bg-card)}.sidebar{border-left:1px solid var(--border);background:color-mix(in srgb,var(--bg-secondary) 95%,transparent);display:flex;flex-direction:column;min-height:0;overflow:hidden}@media(max-width:900px){.arena-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,40vh)}.sidebar{border-left:none;border-top:1px solid var(--border);max-height:none}.page--arena .app-header{position:sticky;top:0}.page--arena .app-footer{position:sticky;bottom:0;z-index:50;flex-shrink:0;padding-block:var(--space-2);background:color-mix(in srgb,var(--bg-secondary) 95%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.page-hero{padding-block:var(--space-10) var(--space-8);text-align:center}.page-hero .heading-1{margin-bottom:var(--space-4)}.page-hero .body{max-width:40rem;margin-inline:auto}.page-section{padding-block:var(--space-8)}.page-section+.page-section{border-top:1px solid var(--border)}.section-header{margin-bottom:var(--space-6)}.section-header .body-sm{margin-top:var(--space-2);max-width:36rem}.section-header--center{text-align:center}.section-header--center .body-sm{margin-inline:auto}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:var(--space-3);justify-items:center}@media(min-width:640px){.grid-cards{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:var(--space-4)}}@media(min-width:1024px){.grid-cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.grid-features{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr))}@media(min-width:640px){.grid-features{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr))}}@media(min-width:1024px){.grid-features{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}}.grid-features--single{--feature-tile-width: 24rem;width:min(100%,var(--feature-tile-width));max-width:var(--feature-tile-width);margin-inline:auto;grid-template-columns:1fr;justify-items:stretch}.cta-row{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-6)}.app-footer{padding:var(--space-6) var(--space-4);border-top:1px solid var(--border);text-align:center}.app-footer .body-sm{color:var(--text-muted)}.page--with-bottom-nav .app-footer{margin-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0))}@media(min-width:768px){.page--with-bottom-nav .app-footer{margin-bottom:0}}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:16rem;padding:var(--space-8);text-align:center;border:1px dashed var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--bg-card) 50%,transparent)}