@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: 5.5rem;--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)}.notif-host{position:relative;display:flex;align-items:center}.notif-wrap{position:relative}.notif-bell{position:relative;display:grid;place-items:center;width:2.25rem;height:2.25rem;padding:0;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 90%,transparent);background:color-mix(in srgb,var(--bg-card) 80%,transparent);color:var(--text-secondary);cursor:pointer;transition:border-color .16s var(--ease-out, ease),box-shadow .16s var(--ease-out, ease),color .16s var(--ease-out, ease)}.notif-bell:hover,.notif-bell[aria-expanded=true]{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.notif-bell__icon{font-size:1rem;line-height:1}.notif-bell__dot{position:absolute;top:.28rem;right:.28rem;width:.5rem;height:.5rem;border-radius:999px;background:#ff3b5c;box-shadow:0 0 0 2px color-mix(in srgb,var(--bg-card) 90%,transparent);animation:notif-dot-pulse 1.6s ease-in-out infinite}@keyframes notif-dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.85}}.notif-bell--unread{border-color:color-mix(in srgb,#ff3b5c 40%,var(--border))}.notif-panel{position:absolute;top:calc(100% + .4rem);right:0;z-index:130;width:min(20rem,calc(100vw - 1.5rem));max-height:min(24rem,70dvh);display:flex;flex-direction:column;border-radius:var(--radius-lg, 1rem);border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border));background:color-mix(in srgb,var(--bg-card) 97%,var(--primary-muted));box-shadow:0 16px 40px color-mix(in srgb,#000 40%,transparent);overflow:hidden}.notif-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--border)}.notif-panel__header .label{margin:0}.notif-panel__list{overflow:auto;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.notif-panel__empty{margin:var(--space-3);text-align:center}.notif-item{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;padding:var(--space-3);border:1px solid transparent;border-radius:var(--radius-md, .5rem);background:transparent;color:inherit;text-align:left;cursor:pointer}.notif-item:hover{background:color-mix(in srgb,var(--primary-muted) 35%,transparent)}.notif-item--unread{border-color:color-mix(in srgb,var(--primary) 25%,transparent);background:color-mix(in srgb,var(--primary-muted) 22%,transparent)}.notif-item__meta{display:flex;justify-content:space-between;width:100%;gap:var(--space-2);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.notif-item__title{font-weight:650;font-size:.95rem}.notif-item__summary{margin:0}.notif-feature-overlay{z-index:220}.notif-feature-modal{width:min(28rem,100%);max-height:min(90dvh,36rem);display:flex;flex-direction:column}.notif-feature-modal__body{padding-block:var(--space-2)}.notif-feature__list{margin:var(--space-3) 0;padding-left:1.2rem;display:flex;flex-direction:column;gap:var(--space-2)}.notif-feature__list li{line-height:1.45}.clash-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:105;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .12s ease-out;--clash-duration: 1.2s;--tiles: 6;--travel-tiles: 3.6;--clash-stage-h: min(52vh, 20rem);--clash-glow: #ffe600}.clash-intro--active{opacity:1}.clash-intro--exit{opacity:0;transition:opacity .18s ease-in}.clash-intro--dice{pointer-events:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:center;--clash-stage-h: min(64vh, 28rem);--clash-vs-pad: 2.25rem}.clash-intro__dim{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,#05050a 62%,transparent);z-index:0;transition:background .55s ease-out}.clash-intro__layout{position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;width:100%;max-height:100%;pointer-events:none}.clash-intro__stage{position:relative;left:0;right:0;width:100%;height:var(--clash-stage-h, min(52vh, 20rem));overflow:hidden;filter:drop-shadow(0 10px 28px rgba(0,0,0,.6));flex-shrink:0}.clash-intro--dice .clash-intro__stage{overflow:visible;padding-top:var(--clash-vs-pad, 2.25rem);box-sizing:content-box;height:var(--clash-stage-h, min(64vh, 28rem))}.clash-intro:not(.clash-intro--dice) .clash-intro__stage{position:absolute;top:50%;transform:translateY(-50%)}.clash-intro__canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:#0a0610;transition:background-color .55s ease-out}.clash-intro--dice .clash-intro__canvas{top:var(--clash-vs-pad, 2.25rem);bottom:0;left:0;right:0;border-radius:0}.clash-intro__lane{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;opacity:1;transition:opacity .55s ease-out}.clash-intro__lane--atk{left:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 82%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 82%,transparent 100%)}.clash-intro__lane--def{right:0;-webkit-mask-image:linear-gradient(270deg,#000 0%,#000 82%,transparent 100%);mask-image:linear-gradient(270deg,#000 0%,#000 82%,transparent 100%)}.clash-intro__tile-track{display:flex;flex-direction:row;align-items:stretch;height:100%;width:max-content;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.clash-intro__tile-wrap{position:relative;flex:0 0 auto;height:100%;overflow:hidden;width:calc(var(--zoom, 1.85) * var(--tile-aspect, 1.7778) * var(--clash-stage-h))}.clash-intro__tile{position:absolute;left:50%;top:var(--y-off, 0%);height:calc(var(--zoom, 1.85) * 100%);width:auto;max-width:none;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;transform:translate(-50%) scaleX(var(--flip, 1));transform-origin:center top;margin:0;padding:0}.clash-intro--active:not(.clash-intro--dice) .clash-intro__tile-track--atk{animation:clash-rush-atk var(--clash-duration, 1.2s) linear forwards}.clash-intro--active:not(.clash-intro--dice) .clash-intro__tile-track--def{animation:clash-rush-def var(--clash-duration, 1.2s) linear forwards}.clash-intro--dice.clash-intro--active .clash-intro__tile-track--atk{animation:clash-rush-atk-loop .2s linear infinite}.clash-intro--dice.clash-intro--active .clash-intro__tile-track--def{animation:clash-rush-def-loop .2s linear infinite}.clash-intro--dice-landed .clash-intro__tile-track--atk,.clash-intro--dice-landed .clash-intro__tile-track--def{animation-play-state:paused!important}.clash-intro--dice-landed .clash-intro__lane{opacity:0;pointer-events:none}.clash-intro--dice-landed .clash-intro__center-fade{opacity:0;transition:opacity .55s ease-out}.clash-intro--dice-landed .clash-intro__canvas{background-color:color-mix(in srgb,var(--clash-glow, #a0a0b0) 32%,color-mix(in srgb,#05050a 18%,transparent));box-shadow:inset 0 0 48px color-mix(in srgb,var(--clash-glow, #a0a0b0) 22%,transparent)}.clash-intro--dice-landed .clash-intro__dim{background:color-mix(in srgb,#05050a 38%,transparent);transition:background .55s ease-out}@keyframes clash-rush-atk-loop{0%{transform:translate3d(calc(-100% / var(--tiles, 6)),0,0)}to{transform:translateZ(0)}}@keyframes clash-rush-def-loop{0%{transform:translateZ(0)}to{transform:translate3d(calc(-100% / var(--tiles, 6)),0,0)}}@keyframes clash-rush-atk{0%{transform:translate3d(calc(-100% / var(--tiles, 6) * var(--travel-tiles, 3.6) * 1),0,0)}20%{transform:translate3d(calc(-100% / var(--tiles, 6) * var(--travel-tiles, 3.6) * .96),0,0)}35%{transform:translate3d(calc(-100% / var(--tiles, 6) * var(--travel-tiles, 3.6) * .8775),0,0)}50%{transform:translate3d(calc(-100% / var(--tiles, 6) * var(--travel-tiles, 3.6) * .75),0,0)}65%{transform:translate3d(calc(-100% / var(--tiles, 6) * var(--travel-tiles, 3.6) * .5775),0,0)}80%{transform:translate3d(calc(-100% / var(--tiles, 6) * var(--travel-tiles, 3.6) * .36),0,0)}90%{transform:translate3d(calc(-100% / var(--tiles, 6) * var(--travel-tiles, 3.6) * .19),0,0)}to{transform:translateZ(0)}}@keyframes clash-rush-def{0%{transform:translateZ(0)}20%{transform:translate3d(calc(-100% / var(--tiles, 6) * var(--travel-tiles, 3.6) * .04),0,0)}35%{transform:translate3d(calc(-100% / var(--tiles, 6) * var(--travel-tiles, 3.6) * .1225),0,0)}50%{transform:translate3d(calc(-100% / var(--tiles, 6) * var(--travel-tiles, 3.6) * .25),0,0)}65%{transform:translate3d(calc(-100% / var(--tiles, 6) * var(--travel-tiles, 3.6) * .4225),0,0)}80%{transform:translate3d(calc(-100% / var(--tiles, 6) * var(--travel-tiles, 3.6) * .64),0,0)}90%{transform:translate3d(calc(-100% / var(--tiles, 6) * var(--travel-tiles, 3.6) * .81),0,0)}to{transform:translate3d(calc(-100% / var(--tiles, 6) * var(--travel-tiles, 3.6)),0,0)}}.clash-intro__center-fade{position:absolute;z-index:1;left:50%;top:0;bottom:0;width:min(28vw,12rem);transform:translate(-50%);pointer-events:none;background:radial-gradient(ellipse 70% 90% at 50% 50%,color-mix(in srgb,#0a0610 75%,transparent) 0%,transparent 72%)}.clash-intro__portraits{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:flex-end;pointer-events:none}.clash-intro__center{position:relative;z-index:5;display:grid;place-items:center;width:clamp(5.5rem,16vw,8rem);align-self:center}.clash-intro__vs-wrap{position:relative;display:grid;place-items:center;min-width:clamp(4.5rem,14vw,7rem);min-height:clamp(4rem,12vw,6rem);transform:scale(.15);opacity:0}.clash-intro--active .clash-intro__vs-wrap{animation:clash-vs-pop .42s cubic-bezier(.18,1.45,.32,1) .12s forwards}@keyframes clash-vs-pop{0%{transform:scale(.15) rotate(-12deg);opacity:0}55%{transform:scale(1.14) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.clash-intro__vs-glow{position:absolute;z-index:1;top:-30%;right:-30%;bottom:-30%;left:-30%;border-radius:50%;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,#ffe600 70%,transparent) 0%,color-mix(in srgb,#ff6b00 45%,transparent) 40%,color-mix(in srgb,#ff1744 25%,transparent) 62%,transparent 75%);pointer-events:none;animation:clash-vs-glow-pulse .55s ease-in-out infinite alternate}@keyframes clash-vs-glow-pulse{0%{opacity:.55;transform:scale(.92);filter:hue-rotate(0deg) brightness(1.05)}to{opacity:1;transform:scale(1.12);filter:hue-rotate(-12deg) brightness(1.25)}}.clash-intro__vs{position:relative;z-index:2;display:grid;place-items:center;padding:.15rem .35rem;font-family:Impact,Haettenschweiler,"Arial Narrow Bold","Arial Black",var(--font-mono, ui-monospace, monospace),sans-serif;font-weight:900;font-size:clamp(2.6rem,8.5vw,4.25rem);letter-spacing:.06em;line-height:.9;font-style:italic;background:linear-gradient(180deg,#fff6a0,#ffe600 28%,#ff9a00 58%,#ff1744);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2px #1a0800;paint-order:stroke fill;filter:drop-shadow(0 0 6px #ffe600) drop-shadow(0 0 14px #ff6b00) drop-shadow(0 2px 0 #0a0a0f);animation:clash-vs-intensity .48s ease-in-out infinite alternate}@keyframes clash-vs-intensity{0%{filter:drop-shadow(0 0 4px #ffe600) drop-shadow(0 0 10px #ff9a00) drop-shadow(0 2px 0 #0a0a0f);opacity:.92}to{filter:drop-shadow(0 0 10px #ffe600) drop-shadow(0 0 22px #ff1744) drop-shadow(0 0 36px #ff6b00) drop-shadow(0 2px 0 #0a0a0f);opacity:1}}@media(prefers-reduced-motion:reduce){.clash-intro--active .clash-intro__tile-track--atk,.clash-intro--active .clash-intro__tile-track--def,.clash-intro--active .clash-intro__vs-wrap{animation:none!important;opacity:1!important;transform:none!important}.clash-intro__vs-wrap{transform:scale(1)}.clash-intro__vs,.clash-intro__vs-glow{animation:none!important}.clash-intro--dice.clash-intro--active .clash-intro__portrait--attacker,.clash-intro--dice.clash-intro--active .clash-intro__portrait--defender{animation:none!important;opacity:1!important}}.clash-intro.dice-roll-overlay{align-items:stretch;justify-content:center;padding:0}.clash-intro__center--dice{width:clamp(8rem,24vw,12rem);align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:.35rem;gap:1.1rem}.clash-intro--dice .clash-intro__vs-wrap{position:relative;margin:0 0 .15rem;transform:translateY(calc(var(--clash-vs-pad, 2.25rem) * -.25)) scale(.15);min-width:clamp(5rem,15vw,7.5rem);min-height:clamp(4rem,12vw,5.75rem);z-index:6;overflow:visible;flex-shrink:0}.clash-intro--dice.clash-intro--active .clash-intro__vs-wrap{animation:clash-vs-pop-top .42s cubic-bezier(.18,1.45,.32,1) .08s forwards}@keyframes clash-vs-pop-top{0%{transform:translateY(calc(var(--clash-vs-pad, 2.25rem) * -.25)) scale(.15) rotate(-12deg);opacity:0}55%{transform:translateY(calc(var(--clash-vs-pad, 2.25rem) * -.25)) scale(1.12) rotate(2deg);opacity:1}to{transform:translateY(calc(var(--clash-vs-pad, 2.25rem) * -.25)) scale(1) rotate(0);opacity:1}}.clash-intro--dice .clash-intro__vs{font-size:clamp(2.2rem,7vw,3.5rem)}.clash-intro--dice .clash-intro__vs-glow{top:-48%;right:-48%;bottom:-48%;left:-48%;z-index:0}.clash-intro__dice-stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:6.5rem;margin-top:1.75rem;perspective:640px;z-index:5}.clash-intro--dice .clash-intro__dice-glow{width:6.5rem;height:6.5rem}.clash-intro__dice-glow{background:radial-gradient(circle,color-mix(in srgb,var(--clash-glow, #ffe600) 80%,#fff) 0%,color-mix(in srgb,var(--clash-glow, #ffe600) 40%,transparent) 45%,transparent 72%)!important}.clash-intro__dice-glow.clash-intro__dice-glow--breathe,.clash-intro__dice-glow.dice-roll-modal__glow--active{animation:clash-dice-glow-breathe 1.05s ease-in-out infinite alternate!important;opacity:1}@keyframes clash-dice-glow-breathe{0%{opacity:.45;transform:translate(-50%,-50%) scale(.85);filter:brightness(.95)}to{opacity:.95;transform:translate(-50%,-50%) scale(1.28);filter:brightness(1.2)}}.clash-intro__readout{display:grid;grid-template-rows:auto auto auto;justify-items:center;gap:2px;min-height:3.2rem;margin-top:.2rem;text-align:center;z-index:5}.clash-intro__outcome{margin:0;font-size:clamp(.95rem,2.8vw,1.2rem);font-weight:800;letter-spacing:.02em;color:#f5f5f8;text-shadow:0 1px 4px #0a0a0f,0 0 10px color-mix(in srgb,var(--clash-glow) 40%,transparent)}.clash-intro__outcome[data-outcome=attacker_wins]{color:var(--clash-atk, var(--primary))}.clash-intro__outcome[data-outcome=defender_wins]{color:var(--clash-def, var(--secondary))}.clash-intro__damage{margin:0;font-size:clamp(.85rem,2.4vw,1.05rem);font-weight:700;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 4px #0a0a0f}.clash-intro__capture{margin:0;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-gold, #ffcc33);text-shadow:0 0 12px color-mix(in srgb,var(--accent-gold, #ffcc33) 50%,transparent)}.clash-intro__capture--empty{visibility:hidden}.clash-intro__capture--show{animation:dice-capture-pop .35s ease-out}.clash-intro__dock{position:relative;z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:.45rem;padding:.65rem 1.25rem 1rem;pointer-events:auto;max-width:28rem;margin:0 0 0 auto;margin-right:max(1rem,4vw);width:min(28rem,calc(100% - 2rem))}.clash-intro__title{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,#fff 75%,transparent);text-shadow:0 1px 4px #0a0a0f;text-align:right;width:100%}.clash-intro__math{display:flex;flex-direction:column;gap:.35rem;width:100%;align-self:stretch;text-align:left;padding:.65rem .75rem;border-radius:.5rem;background:color-mix(in srgb,#0a0a0f 82%,transparent);border:1px solid color-mix(in srgb,#fff 12%,transparent);font-family:var(--font-mono, ui-monospace, monospace);font-size:.72rem;color:#e8e8f0;max-height:9rem;overflow:auto}.clash-intro__math[hidden]{display:none!important}.clash-intro__math-line{display:block}.clash-intro__math-note{color:color-mix(in srgb,#fff 55%,transparent);font-size:.68rem}.clash-intro__dock-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;width:100%}.clash-intro__math-toggle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:none;border-radius:var(--radius-sm, .35rem);background:transparent;color:color-mix(in srgb,#fff 80%,transparent);cursor:pointer;flex-shrink:0}.clash-intro__math-toggle:hover,.clash-intro__math-toggle:focus-visible{color:var(--primary, #00e5c0)}.clash-intro__math-toggle:focus-visible{outline:2px solid color-mix(in srgb,var(--primary, #00e5c0) 55%,transparent);outline-offset:2px}.clash-intro__math-caret{flex-shrink:0;width:0;height:0;border-top:.32rem solid transparent;border-bottom:.32rem solid transparent;border-left:.48rem solid currentColor;transition:transform .16s ease-out;transform-origin:50% 45%}.clash-intro__math-toggle--open .clash-intro__math-caret,.clash-intro__math-toggle[aria-expanded=true] .clash-intro__math-caret{transform:rotate(90deg)}.clash-intro__continue{min-width:10rem;align-self:flex-end}.clash-intro__portrait{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem 1.1rem .75rem;max-width:46%}.clash-intro__portrait--empty{min-width:2rem}.clash-intro__portrait--attacker{justify-self:start;margin-left:4%;transform:translate(-28%,55%) scale(.85);opacity:0}.clash-intro__portrait--defender{justify-self:end;margin-right:4%;transform:translate(28%,55%) scale(.85);opacity:0}.clash-intro--dice .clash-intro__portraits{display:block;align-items:unset}.clash-intro--dice .clash-intro__portrait{position:absolute;top:50%;max-width:min(42vw,12rem);margin:0;justify-self:unset}.clash-intro--dice .clash-intro__portrait--attacker{left:0;transform:translate(-20%,-50%) scale(.85);opacity:0}.clash-intro--dice .clash-intro__portrait--defender{left:100%;transform:translate(-80%,-50%) scale(.85);opacity:0}.clash-intro--dice .clash-intro__center{position:absolute;left:50%;top:0;bottom:0;transform:translate(-50%);width:clamp(8rem,24vw,12rem)}.clash-intro--active:not(.clash-intro--dice) .clash-intro__portrait--attacker{animation:clash-slide-atk .48s cubic-bezier(.18,.9,.25,1) .1s forwards}.clash-intro--active:not(.clash-intro--dice) .clash-intro__portrait--defender{animation:clash-slide-def .48s cubic-bezier(.18,.9,.25,1) .1s forwards}.clash-intro--dice.clash-intro--active .clash-intro__portrait--attacker{animation:clash-slide-atk-long 1.15s cubic-bezier(.12,.65,.2,1) .05s forwards}.clash-intro--dice.clash-intro--active .clash-intro__portrait--defender{animation:clash-slide-def-long 1.15s cubic-bezier(.12,.65,.2,1) .05s forwards}@keyframes clash-slide-atk{to{transform:translate(8%,4%) scale(1);opacity:1}}@keyframes clash-slide-def{to{transform:translate(-8%,4%) scale(1);opacity:1}}@keyframes clash-slide-atk-long{0%{left:0%;transform:translate(-50%,-50%) scale(.82);opacity:0}12%{opacity:1}to{left:28%;transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes clash-slide-def-long{0%{left:100%;transform:translate(-50%,-50%) scale(.82);opacity:0}12%{opacity:1}to{left:72%;transform:translate(-50%,-50%) scale(1);opacity:1}}.clash-intro__score{margin-left:.35rem;font-variant-numeric:tabular-nums;font-weight:900;font-size:.95em;color:#fff}.clash-intro__portrait--attacker .clash-intro__score{color:var(--clash-atk, #00e5c0);text-shadow:0 0 8px color-mix(in srgb,var(--clash-atk, #00e5c0) 55%,transparent)}.clash-intro__portrait--defender .clash-intro__score{color:var(--clash-def, #ff4d94);text-shadow:0 0 8px color-mix(in srgb,var(--clash-def, #ff4d94) 55%,transparent)}.clash-intro__emblem-wrap{width:clamp(5.5rem,16vw,8.5rem);height:clamp(5.5rem,16vw,8.5rem);border-radius:1rem;display:grid;place-items:center;background:color-mix(in srgb,#0a0a0f 45%,transparent);border:2px solid color-mix(in srgb,#fff 35%,transparent);box-shadow:0 8px 20px #00000073;overflow:hidden}.clash-intro__portrait--attacker .clash-intro__emblem-wrap{border-color:color-mix(in srgb,var(--clash-atk, #00e5c0) 75%,#fff);box-shadow:0 0 20px color-mix(in srgb,var(--clash-atk, #00e5c0) 50%,transparent),0 8px 20px #00000073}.clash-intro__portrait--defender .clash-intro__emblem-wrap{border-color:color-mix(in srgb,var(--clash-def, #ff4d94) 75%,#fff);box-shadow:0 0 20px color-mix(in srgb,var(--clash-def, #ff4d94) 50%,transparent),0 8px 20px #00000073}.clash-intro__emblem{width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.clash-intro__name{margin:0;max-width:11rem;font-weight:800;font-size:clamp(.85rem,2.4vw,1.1rem);color:#fff;text-align:center;text-shadow:0 0 4px #0a0a0f,0 2px 8px rgba(0,0,0,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clash-intro__role{margin:0;display:flex;align-items:baseline;justify-content:center;gap:.15rem;flex-wrap:wrap;font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,#fff 80%,transparent);text-shadow:0 1px 4px #0a0a0f}@media(max-width:640px){.clash-intro__stage{height:min(48vh,18rem)}.clash-intro--dice{--clash-stage-h: min(52vh, 20rem)}.clash-intro__portrait{max-width:48%;padding-inline:.4rem}.clash-intro__name{max-width:7.5rem;font-size:.78rem}}.account-page{max-width:36rem}.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-toggle{display:flex;align-items:flex-start;gap:var(--space-3);margin:0;cursor:pointer}.account-toggle input{margin-top:.35rem;flex-shrink:0}.account-toggle__label{display:block;font-weight:600;color:var(--text-primary)}.account-toggle__hint{display:block;margin-top:var(--space-1)}.account-availability-modes{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;border:0;min-width:0}.account-toggle--radio+.account-toggle--checkbox,.account-availability-modes+.account-toggle--checkbox{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.presence-badge{display:inline-flex;align-items:center;gap:.35rem;margin-left:var(--space-2);padding:.15rem .5rem;border-radius:999px;font-size:var(--text-xs, .75rem);font-weight:600;vertical-align:middle;background:color-mix(in srgb,var(--text-muted) 14%,transparent);color:var(--text-muted)}.presence-badge--online{background:color-mix(in srgb,#22c55e 18%,transparent);color:#16a34a}.presence-badge--away{background:color-mix(in srgb,#f59e0b 18%,transparent);color:#d97706}.presence-badge--offline{background:color-mix(in srgb,var(--text-muted) 12%,transparent);color:var(--text-muted)}.presence-badge__dot,.presence-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--text-muted);flex-shrink:0}.presence-badge--online .presence-badge__dot,.presence-inline--online .presence-badge__dot,.presence-dot--online{background:#22c55e;box-shadow:0 0 0 2px color-mix(in srgb,#22c55e 35%,transparent)}.presence-badge--away .presence-badge__dot,.presence-inline--away .presence-badge__dot,.presence-dot--away{background:#f59e0b}.presence-badge--offline .presence-badge__dot,.presence-inline--offline .presence-badge__dot,.presence-dot--offline{background:color-mix(in srgb,var(--text-muted) 70%,transparent)}.presence-inline{display:inline-flex;align-items:center;gap:.35rem}.presence-dot{margin-right:.4rem}.profile-card__presence-note{margin:0}.profile-card__challenges{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.profile-card__challenge-group{display:flex;flex-direction:column;gap:var(--space-2)}.profile-card__challenge-hint{margin:0}.profile-card__challenge-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.profile-card__challenge-caution{margin:0;color:color-mix(in srgb,#f59e0b 85%,var(--text-primary))}.profile-stats__caution{color:color-mix(in srgb,#f59e0b 80%,var(--text-primary))}.profile-card__friend-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.friends-page{max-width:40rem;display:flex;flex-direction:column;gap:var(--space-4)}.friends-content{display:flex;flex-direction:column;gap:var(--space-4)}.friends-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.friends-list__item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.friends-list__item:last-child{border-bottom:0}.friends-list__link{display:inline-flex;align-items:center;gap:var(--space-3);min-width:0;color:inherit;text-decoration:none}.friends-list__link:hover .friends-list__name{color:var(--primary)}.friends-list__meta{display:flex;flex-direction:column;gap:.15rem;min-width:0}.friends-list__name{font-weight:600}.friends-list__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.nav-pending-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.15rem;height:1.15rem;padding:0 .3rem;border-radius:999px;font-size:.7rem;font-weight:700;line-height:1;background:var(--primary);color:var(--bg-primary, #0a0a0f);vertical-align:middle}.leaderboard-table__name{display:inline-flex;align-items:center;min-width:0}.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)}.profile-page{max-width:36rem;display:flex;flex-direction:column;gap:var(--space-4)}.profile-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5)}.profile-card__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.profile-card__identity{display:flex;align-items:center;gap:var(--space-3);min-width:0}.profile-card__titles{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.profile-card__username{margin:0}.avatar{display:block;flex-shrink:0;width:2rem;height:2rem;border-radius:50%;object-fit:cover;background:color-mix(in srgb,var(--primary) 12%,var(--bg-secondary));border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border))}.avatar--lg{width:3rem;height:3rem}.account-avatar-row{display:flex;align-items:flex-start;gap:var(--space-3)}.account-avatar-copy{min-width:0;flex:1 1 auto}.account-avatar-copy p{margin:0}.account-avatar-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.profile-card__tier{margin:0;color:var(--primary);font-weight:600}.profile-card__own{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--primary) 12%,transparent)}.profile-card__link{color:var(--primary)}.profile-search__form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3)}.profile-search__field{flex:1 1 12rem;min-width:0}.profile-stats{display:grid;gap:var(--space-2);margin:0}.profile-stats__row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.profile-stats__row dt,.profile-stats__row dd{margin:0}.profile-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)}.profile-message--error{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.profile-result,.account-color-pickers{display:flex;flex-direction:column;gap:var(--space-4)}.account-color-picker{display:flex;flex-direction:column;gap:var(--space-2)}.account-color-palette,.color-conflict__palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(2rem,1fr));gap:var(--space-2)}.account-color-swatch,.color-conflict__swatch{width:2rem;height:2rem;border-radius:999px;border:2px solid color-mix(in srgb,var(--swatch, #fff) 40%,var(--border));background:var(--swatch, #888);padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in srgb,#000 25%,transparent);transition:transform .12s ease,box-shadow .12s ease}.account-color-swatch:hover,.color-conflict__swatch:hover{transform:scale(1.08)}.account-color-swatch--selected,.color-conflict__swatch--selected{outline:2px solid var(--text-primary);outline-offset:2px;box-shadow:0 0 0 2px color-mix(in srgb,var(--swatch, #fff) 55%,transparent),inset 0 0 0 1px color-mix(in srgb,#000 25%,transparent)}.color-conflict__swatch--inline{display:inline-block;width:.9rem;height:.9rem;vertical-align:-.1em;cursor:default;border-width:1px}.account-color-preview{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:0}.color-conflict-modal{max-width:28rem;width:min(100%,28rem)}.color-conflict__dice{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:var(--space-3) 0}.color-conflict__die{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.color-conflict__die-label{margin:0;text-align:center}.color-conflict__die-stage{transform:scale(.85);transform-origin:center top}.color-conflict__die-result{margin:0;color:var(--text-secondary)}.color-conflict__status{margin:0 0 var(--space-3)}.color-conflict__pick{display:flex;flex-direction:column;gap:var(--space-3)}.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);pointer-events:auto}.toast__title{margin:0 0 .25rem;font-weight:700;font-size:var(--text-sm, .875rem)}.toast__body{margin:0 0 .5rem;font-size:var(--text-sm, .875rem);opacity:.95}.toast__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}.toast--info{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));background:color-mix(in srgb,var(--bg-card) 92%,var(--primary))}.toast--success{border-color:color-mix(in srgb,#22c55e 45%,var(--border));background:color-mix(in srgb,var(--bg-card) 90%,#22c55e)}.toast--challenge{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));background:color-mix(in srgb,var(--bg-card) 88%,var(--primary));box-shadow:0 8px 32px color-mix(in srgb,var(--primary) 25%,transparent);min-width:min(22rem,calc(100vw - 2rem))}.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)}@media(max-width:900px){.modal-overlay{align-items:stretch;justify-content:flex-start;padding:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.dice-roll-overlay{padding-top:0;align-items:stretch}.modal-overlay .modal,.modal-overlay .deck-view-modal,.modal-overlay .dice-roll-modal,.modal-overlay .hand-reveal-modal{width:100%;max-width:none;max-height:100dvh;height:100dvh;min-height:100dvh;border-radius:0;display:flex;flex-direction:column;overflow:hidden;padding:max(var(--space-4),env(safe-area-inset-top,0px)) max(var(--space-4),env(safe-area-inset-right,0px)) 0 max(var(--space-4),env(safe-area-inset-left,0px))}.modal-overlay .modal__header{flex:0 0 auto;margin-bottom:var(--space-3)}.modal-overlay .modal__scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:var(--space-3)}.modal-overlay .modal:not(:has(.modal__scroll)):not(:has(.deck-view__sections)):not(:has(.hand-pick__grid)){overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-overlay .deck-view__sections{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-overlay .modal__footer,.modal-overlay .hand-reveal__footer{flex:0 0 auto;margin-top:0;position:sticky;bottom:0;z-index:5;padding:var(--space-3) 0 max(var(--space-4),env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg-card) 97%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-overlay .modal__footer .btn--primary,.modal-overlay .hand-reveal__footer .btn--primary{min-height:var(--tap-target)}.modal-overlay .dice-roll-modal{text-align:center}.modal-overlay .dice-roll-modal__stage{display:flex;justify-content:center;align-items:center;min-height:7.5rem;padding:var(--space-3) 0}.modal-overlay .dice-roll-modal__math{margin:0;text-align:left}.modal-overlay .dice-roll-modal .modal__footer .btn{width:100%}.modal-overlay .hand-reveal__footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3)}.modal-overlay .hand-reveal__footer .btn{flex:1 1 auto;min-width:8rem}}.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:auto;max-width:78%;max-height:50%;height:auto;object-fit:contain;object-position:center;flex-shrink:0;background:transparent;image-rendering:auto;mix-blend-mode:normal;pointer-events:none}.card-face__emblem--portrait{width:auto;max-width:78%;max-height:50%;height:auto}.card-face__emblem--profile{width:72%;max-width:none;max-height:34%}.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)}.vault-discard-btn{margin-top:var(--space-2);width:100%;color:var(--text-muted);border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.vault-discard-btn:hover,.vault-discard-btn:focus-visible{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 55%,transparent);background:color-mix(in srgb,var(--danger) 10%,transparent)}.deck-card--vault .card-face__overlay{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1)}.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-overlay{gap:var(--space-2)}.set-catalog-card-modal__shell{display:flex;align-items:center;gap:var(--space-2);width:min(68rem,100%);max-width:100%}.set-catalog-card-modal{width:min(58rem,96vw);max-height:min(92vh,52rem);overflow:hidden;display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.set-catalog-card-modal__position{margin:var(--space-2) 0 0;color:var(--text-muted)}.set-catalog-card-modal__nav{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);color:var(--text-primary);cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.set-catalog-card-modal__nav:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 55%,var(--border));background:color-mix(in srgb,var(--primary) 18%,var(--bg-elevated))}.set-catalog-card-modal__nav:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.set-catalog-card-modal__nav:disabled{opacity:.35;cursor:not-allowed}.set-catalog-card-modal__nav-triangle{display:block;width:0;height:0;border-style:solid}.set-catalog-card-modal__nav--prev .set-catalog-card-modal__nav-triangle{border-width:.45rem .7rem .45rem 0;border-color:transparent currentColor transparent transparent;margin-right:.15rem}.set-catalog-card-modal__nav--next .set-catalog-card-modal__nav-triangle{border-width:.45rem 0 .45rem .7rem;border-color:transparent transparent transparent currentColor;margin-left:.15rem}@media(max-width:720px){.set-catalog-card-modal__shell{gap:var(--space-1)}.set-catalog-card-modal__nav{width:2.15rem;height:2.15rem}}.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)}.match-result-panel__ctas{margin-top:var(--space-3);flex-wrap:wrap;gap:var(--space-2)}.match-result-panel__emotes{margin:var(--space-3) 0 0;padding-top:var(--space-3);border-top:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.match-result-panel__emotes-label{margin:0 0 var(--space-2)}.match-result-panel__emote-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.emote-chip{border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border))}.emote-chip:disabled{opacity:.55}.match-result-panel__emote-mute{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.match-result-panel__emote-mute input{accent-color:var(--primary)}.emote-bubble{position:fixed;left:50%;top:max(12%,calc(env(safe-area-inset-top,0px) + 4.5rem));z-index:100;display:flex;flex-direction:column;align-items:center;gap:.15rem;max-width:min(16rem,70vw);padding:.55rem .9rem;border-radius:1rem;border:1px solid color-mix(in srgb,var(--primary) 40%,var(--border));background:color-mix(in srgb,var(--bg-card) 94%,var(--primary-muted));box-shadow:var(--shadow-glow-primary),0 10px 28px color-mix(in srgb,#000 35%,transparent);transform:translate(-50%,-8px) scale(.94);opacity:0;pointer-events:none;transition:opacity .22s var(--ease-out),transform .22s var(--ease-out)}.emote-bubble--self{top:auto;bottom:max(18%,calc(env(safe-area-inset-bottom,0px) + 5.5rem));border-color:color-mix(in srgb,var(--secondary, var(--primary)) 40%,var(--border))}.emote-bubble--visible{opacity:1;transform:translate(-50%) scale(1)}.emote-bubble__name{font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.emote-bubble__text{display:inline-flex;align-items:center;gap:.35rem;font-weight:650;font-size:1.05rem;color:var(--text-primary, #fff);line-height:1.2}.emote-bubble__emoji{font-size:1.25rem;line-height:1}.account-color-swatch--disabled{opacity:.28;cursor:not-allowed;filter:grayscale(.4)}.surface-card--featured{border:1px solid color-mix(in srgb,var(--primary) 45%,var(--border));box-shadow:var(--shadow-glow-primary);background:color-mix(in srgb,var(--bg-card) 90%,var(--primary-muted))}.onboarding-overlay{z-index:220}.onboarding-modal{width:min(28rem,100%);max-height:min(90dvh,40rem);display:flex;flex-direction:column}.onboarding-modal__header{text-align:center}.onboarding-modal__logo{display:block;margin:0 auto var(--space-3);border-radius:var(--radius-md, .5rem)}.onboarding-modal__steps{display:flex;flex-direction:column;gap:var(--space-4);padding-block:var(--space-2)}.onboarding-step{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:start}.onboarding-step__visual{position:relative;width:3.5rem;height:3.5rem;border-radius:1rem;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));background:color-mix(in srgb,var(--bg-secondary) 80%,var(--primary-muted))}.onboarding-step__visual--vault{background:color-mix(in srgb,var(--bg-card) 70%,#00e5c033)}.onboarding-step__visual--arcade{background:color-mix(in srgb,var(--bg-card) 70%,#ffcc3333)}.onboarding-step__visual--friends{background:color-mix(in srgb,var(--bg-card) 70%,#ff4d9433)}.onboarding-step__icon{font-size:1.5rem;line-height:1}.onboarding-step__badge{position:absolute;top:-.35rem;left:-.35rem;width:1.25rem;height:1.25rem;border-radius:999px;font-size:.7rem;font-weight:700;display:grid;place-items:center;background:var(--primary);color:var(--bg-primary, #0a0a0f)}.onboarding-step__copy .heading-3{margin:0 0 var(--space-1)}.onboarding-step__copy p{margin:0}.onboarding-modal__footer{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.emote-dock{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid color-mix(in srgb,var(--primary) 28%,var(--border))}.emote-dock__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.emote-dock__title{margin:0;color:var(--primary);letter-spacing:.06em}.emote-dock__hint{margin:0 0 var(--space-2)}.emote-dock__row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.emote-dock__mute{display:inline-flex;align-items:center;gap:var(--space-1);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.emote-dock__mute input{accent-color:var(--primary)}.emote-dock .emote-chip{border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 40%,var(--border))}.emote-dock--floating{position:fixed;left:max(var(--space-3),env(safe-area-inset-left,0px));right:max(var(--space-3),env(safe-area-inset-right,0px));bottom:max(5.5rem,calc(env(safe-area-inset-bottom,0px) + 5rem));z-index:92;margin:0;padding:var(--space-3);border-radius:var(--radius-lg, 1rem);border:1px solid color-mix(in srgb,var(--primary) 40%,var(--border));background:color-mix(in srgb,var(--bg-card) 96%,var(--primary-muted));box-shadow:0 12px 36px color-mix(in srgb,#000 40%,transparent)}@media(min-width:900px){.emote-dock--floating{left:auto;right:max(calc(320px + var(--space-4)),env(safe-area-inset-right,0px));width:min(18rem,calc(100vw - 340px));bottom:max(var(--space-5),calc(env(safe-area-inset-bottom,0px) + var(--space-5)))}}.match-result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:max(var(--space-4),env(safe-area-inset-top)) var(--space-4) max(var(--space-4),env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg-primary) 55%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:match-result-overlay-in .28s var(--ease-out)}@keyframes match-result-overlay-in{0%{opacity:0}to{opacity:1}}.match-result-overlay__card{width:min(22rem,100%);padding:var(--space-5);border-radius:var(--radius-lg, 1rem);border:1px solid color-mix(in srgb,var(--primary) 40%,var(--border));background:color-mix(in srgb,var(--bg-card) 96%,var(--primary-muted));box-shadow:var(--shadow-glow-primary),0 16px 48px color-mix(in srgb,#000 45%,transparent);text-align:center;animation:match-result-in .32s var(--ease-out)}.match-result-overlay__kicker{margin:0 0 var(--space-2);letter-spacing:.08em;color:var(--text-muted)}.match-result-overlay__winner{margin:0 0 var(--space-2);color:var(--primary)}.match-result-overlay__scores{margin:0 0 var(--space-4);color:var(--text-secondary, var(--text-muted));line-height:1.4}.match-result-overlay__emotes{margin:0 0 var(--space-4);text-align:left}.match-result-overlay__emotes .match-result-panel__emotes{margin:0;padding-top:0;border-top:none}.match-result-overlay__emote-row,.match-result-overlay__emotes .match-result-panel__emote-row{justify-content:center}.match-result-overlay__actions{display:flex;flex-direction:column;gap:var(--space-2)}.match-result-overlay__actions .btn{width:100%}.match-result-overlay__dismiss{margin-top:var(--space-3);width:100%}.arena-chrome-fab--result{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 55%,transparent),0 0 18px color-mix(in srgb,var(--primary) 45%,transparent)}.dice-roll-overlay{align-items:flex-start;padding-top:min(12vh,5rem)}.dice-roll-modal{max-width:24rem;width:min(24rem,100%);text-align:center}.dice-roll-modal--combo{border-color:color-mix(in srgb,var(--accent-gold) 45%,var(--border))}.dice-roll-modal--attacker-wins{border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.dice-roll-modal--defender-wins{border-color:color-mix(in srgb,var(--secondary) 40%,var(--border))}.dice-roll-modal__compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border)}.dice-roll-modal__stat{display:flex;flex-direction:column;gap:2px;min-width:0}.dice-roll-modal__stat--atk{text-align:left}.dice-roll-modal__stat--def{text-align:right}.dice-roll-modal__stat-label{font-size:.65rem;font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.dice-roll-modal__stat-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:1.1;color:var(--text-primary)}.dice-roll-modal__stat--atk .dice-roll-modal__stat-value{color:var(--primary)}.dice-roll-modal__stat--def .dice-roll-modal__stat-value{color:var(--secondary)}.dice-roll-modal__vs{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.dice-roll-modal__stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:7.5rem;padding:var(--space-5) 0 var(--space-4);perspective:640px}.dice-roll-modal__glow{position:absolute;left:50%;top:50%;width:7.5rem;height:7.5rem;margin:0;border-radius:50%;transform:translate(-50%,-50%) scale(.55);opacity:0;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--accent-gold) 70%,transparent) 0%,color-mix(in srgb,var(--accent-gold) 28%,transparent) 42%,transparent 72%);filter:blur(1px);z-index:0}.dice-roll-modal__glow--active{animation:dice-winner-glow .5s var(--ease-out) forwards}.dice-roll-modal__glow--settle{opacity:.35;transform:translate(-50%,-50%) scale(1.05);animation:none}.dice-roll-modal__glow[data-outcome=attacker_wins]{background:radial-gradient(circle,color-mix(in srgb,var(--primary) 75%,white) 0%,color-mix(in srgb,var(--primary) 35%,transparent) 45%,transparent 72%)}.dice-roll-modal__glow[data-outcome=defender_wins]{background:radial-gradient(circle,color-mix(in srgb,var(--secondary) 75%,white) 0%,color-mix(in srgb,var(--secondary) 35%,transparent) 45%,transparent 72%)}.dice-roll-modal__glow[data-outcome=tie]{background:radial-gradient(circle,color-mix(in srgb,var(--text-muted) 55%,transparent) 0%,color-mix(in srgb,var(--text-muted) 20%,transparent) 45%,transparent 72%)}@keyframes dice-winner-glow{0%{opacity:0;transform:translate(-50%,-50%) scale(.45)}45%{opacity:.95;transform:translate(-50%,-50%) scale(1.2)}to{opacity:.4;transform:translate(-50%,-50%) scale(1.05)}}.dice-cube{position:relative;z-index:1;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(var(--dice-end-x, 720deg)) rotateY(var(--dice-end-y, 1080deg)) rotate(var(--dice-end-z, 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__readout{display:grid;grid-template-rows:1.5rem 1.35rem 1.25rem;align-items:center;justify-items:center;gap:2px;min-height:4.4rem;margin:0 0 var(--space-3)}.dice-roll-modal__outcome{margin:0;font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:.02em;color:var(--text-secondary)}.dice-roll-modal__outcome[data-outcome=attacker_wins]{color:var(--primary)}.dice-roll-modal__outcome[data-outcome=defender_wins]{color:var(--secondary)}.dice-roll-modal__outcome[data-outcome=tie]{color:var(--text-muted)}.dice-roll-modal__damage{margin:0;font-size:var(--text-base);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;color:var(--text-primary)}.dice-roll-modal__capture{margin:0;font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-gold);text-shadow:0 0 12px color-mix(in srgb,var(--accent-gold) 45%,transparent)}.dice-roll-modal__capture--empty{visibility:hidden}.dice-roll-modal__capture--show{animation:dice-capture-pop .35s var(--ease-out)}@keyframes dice-capture-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.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)}@media(max-width:900px){.dice-roll-modal__compare{padding:var(--space-2) var(--space-3)}.dice-roll-modal__stat-value{font-size:var(--text-xl)}.dice-roll-modal__stage{min-height:6.5rem;padding:var(--space-3) 0}.dice-roll-modal__readout{grid-template-rows:1.35rem 1.2rem 1.15rem;min-height:3.9rem;margin-bottom:var(--space-2)}.dice-roll-modal__outcome{font-size:var(--text-base)}.dice-roll-modal__damage{font-size:var(--text-sm)}}.initiative-overlay{align-items:flex-start;padding-top:min(14vh,6rem)}.initiative-modal{max-width:22rem;width:min(22rem,100%);text-align:center}.initiative-modal__subtitle{margin:var(--space-2) 0 0;color:var(--text-secondary)}.initiative-modal__swatches{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-2)}.initiative-modal__swatch{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary)}.initiative-modal__swatch:before{content:"";width:.75rem;height:.75rem;border-radius:50%;box-shadow:0 0 8px currentColor}.initiative-modal__swatch--p0:before{background:var(--init-c0, var(--player-0));color:var(--init-c0, var(--player-0))}.initiative-modal__swatch--p1:before{background:var(--init-c1, var(--player-1));color:var(--init-c1, var(--player-1))}.initiative-cube .initiative-face--p0{border-color:color-mix(in srgb,var(--init-c0, var(--player-0)) 65%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--init-c0, var(--player-0)) 55%,white),color-mix(in srgb,var(--init-c0, var(--player-0)) 70%,var(--bg-card)) 45%,color-mix(in srgb,var(--init-c0, var(--player-0)) 40%,black));box-shadow:inset 0 0 16px color-mix(in srgb,var(--init-c0, var(--player-0)) 35%,transparent),0 0 10px color-mix(in srgb,var(--init-c0, var(--player-0)) 25%,transparent)}.initiative-cube .initiative-face--p1{border-color:color-mix(in srgb,var(--init-c1, var(--player-1)) 65%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--init-c1, var(--player-1)) 55%,white),color-mix(in srgb,var(--init-c1, var(--player-1)) 70%,var(--bg-card)) 45%,color-mix(in srgb,var(--init-c1, var(--player-1)) 40%,black));box-shadow:inset 0 0 16px color-mix(in srgb,var(--init-c1, var(--player-1)) 35%,transparent),0 0 10px color-mix(in srgb,var(--init-c1, var(--player-1)) 25%,transparent)}.initiative-cube .dice-pip{display:none}.initiative-modal__result{min-height:1.5rem;margin:0 0 var(--space-3);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary)}.initiative-modal__result[data-winner="0"]{color:var(--init-c0, var(--player-0))}.initiative-modal__result[data-winner="1"]{color:var(--init-c1, var(--player-1))}@media(max-width:900px){.initiative-overlay{padding-top:0;align-items:stretch}.modal-overlay .initiative-modal{width:100%;max-width:none;max-height:100dvh;height:100dvh;min-height:100dvh;border-radius:0;display:flex;flex-direction:column;overflow:hidden;padding:max(var(--space-4),env(safe-area-inset-top,0px)) max(var(--space-4),env(safe-area-inset-right,0px)) 0 max(var(--space-4),env(safe-area-inset-left,0px))}}.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}.rules-toc{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.rules-toc a{text-decoration:none}.rules-block{display:flex;flex-direction:column;gap:var(--space-4)}.rules-block+.rules-block{margin-top:var(--space-2);padding-top:var(--space-6);border-top:1px solid var(--border)}.rules-block__header{display:flex;flex-direction:column;gap:var(--space-2)}.rules-block__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.rules-block__body{color:var(--text-secondary);max-width:42rem}.rules-callout{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);font-size:var(--text-sm);color:var(--text-secondary)}.rules-callout--warn{border-color:color-mix(in srgb,var(--warning) 40%,var(--border));background:color-mix(in srgb,var(--warning) 8%,var(--bg-card))}.rules-callout--ok{border-color:color-mix(in srgb,var(--success) 35%,var(--border));background:color-mix(in srgb,var(--success) 8%,var(--bg-card))}.rules-callout--danger{border-color:color-mix(in srgb,var(--danger) 40%,var(--border));background:color-mix(in srgb,var(--danger) 8%,var(--bg-card))}.rules-callout strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.rules-toc--categories{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.rules-toc--categories a,.rules-toc--categories button{text-decoration:none;border:none;cursor:pointer;font:inherit}.rules-category{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);margin-top:var(--space-6);overflow:clip}.rules-category__summary{list-style:none;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2) var(--space-4);padding:var(--space-4) var(--space-5);cursor:pointer;-webkit-user-select:none;user-select:none}.rules-category__summary::-webkit-details-marker{display:none}.rules-category__summary:after{content:"▾";color:var(--text-muted);transition:transform var(--duration-normal) var(--ease-out)}.rules-category[open]>.rules-category__summary:after{transform:rotate(-180deg)}.rules-category__hint{font-size:var(--text-sm);color:var(--text-muted);flex:1 1 12rem}.rules-category__body{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-5) var(--space-5);border-top:1px solid var(--border)}.rules-category__body .rules-block+.rules-block{border-top-color:color-mix(in srgb,var(--border) 70%,transparent)}.rules-category__toc{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) 0 var(--space-2)}.rules-category__toc a{text-decoration:none}@media(prefers-reduced-motion:reduce){.rules-category__summary:after{transition:none}}.surface-card--muted{opacity:.72}.btn--disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.leaderboard-table__player{min-width:10rem}.leaderboard-table__link{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit}.leaderboard-table__link:hover .leaderboard-table__name{color:var(--primary);text-decoration:underline}.leaderboard-table__rank{width:2.5rem;font-weight:var(--weight-semibold);color:var(--text-muted)}.leaderboard-table__score{font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold)}.rules-steps{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);max-width:42rem}.rules-steps li::marker{color:var(--primary);font-weight:var(--weight-semibold)}.rules-steps strong{color:var(--text-primary)}.rules-math{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);overflow-x:auto}.rules-math code{color:var(--primary)}.rule-demo{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px dashed color-mix(in srgb,var(--border-strong) 80%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-elevated) 55%,transparent),transparent),var(--bg-secondary)}.rule-demo__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.rule-demo__stage{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-4) var(--space-5)}.rule-demo__panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.rule-demo__panel-title{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted)}.rule-demo__arrow-between{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);color:var(--accent-gold);font-size:var(--text-xs);font-weight:var(--weight-semibold);min-width:2.5rem;text-align:center}.rule-demo__arrow-between svg{width:2rem;height:1rem;overflow:visible}.rule-demo__caption{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;max-width:28rem;margin-inline:auto}.rule-demo__legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);justify-content:center;margin:0;padding:0;list-style:none;font-size:var(--text-xs);color:var(--text-muted)}.rule-demo__legend li{display:inline-flex;align-items:center;gap:var(--space-2)}.rule-demo__swatch{width:.75rem;height:.75rem;border-radius:2px;flex-shrink:0}.rule-demo__swatch--you{background:var(--player-0);box-shadow:0 0 0 1px color-mix(in srgb,var(--player-0) 50%,transparent)}.rule-demo__swatch--opp{background:var(--player-1);box-shadow:0 0 0 1px color-mix(in srgb,var(--player-1) 50%,transparent)}.rule-demo__swatch--empty{background:transparent;border:1px dashed var(--border-strong)}.mini-board{--cell: 3.25rem;position:relative;display:grid;gap:3px;padding:6px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg-primary) 70%,#1a1a28);border:1px solid var(--border);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border) 40%,transparent)}.mini-board--2x2{grid-template-columns:repeat(2,var(--cell));grid-template-rows:repeat(2,var(--cell))}.mini-board--3x2{grid-template-columns:repeat(3,var(--cell));grid-template-rows:repeat(2,var(--cell))}.mini-board--1x2{grid-template-columns:repeat(2,var(--cell));grid-template-rows:var(--cell)}.mini-board--1x3{grid-template-columns:repeat(3,var(--cell));grid-template-rows:var(--cell)}.mini-board--3x3{grid-template-columns:repeat(3,var(--cell));grid-template-rows:repeat(3,var(--cell))}@media(min-width:480px){.mini-board{--cell: 3.75rem}}.mini-cell{position:relative;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-card) 80%,#0e0e16);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);overflow:visible}.mini-cell--highlight{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 45%,transparent);background:color-mix(in srgb,var(--primary) 8%,var(--bg-card))}.mini-card{position:absolute;top:4px;right:4px;bottom:4px;left:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:5px;border:1.5px solid;font-size:.65rem;font-weight:var(--weight-bold);line-height:1.1;letter-spacing:.02em;-webkit-user-select:none;user-select:none;z-index:1}.mini-card--you{background:color-mix(in srgb,var(--player-0) 18%,var(--bg-card));border-color:color-mix(in srgb,var(--player-0) 70%,transparent);color:var(--player-0);box-shadow:0 0 10px color-mix(in srgb,var(--player-0) 20%,transparent)}.mini-card--opp{background:color-mix(in srgb,var(--player-1) 18%,var(--bg-card));border-color:color-mix(in srgb,var(--player-1) 70%,transparent);color:var(--player-1);box-shadow:0 0 10px color-mix(in srgb,var(--player-1) 18%,transparent)}.mini-card--flipped{animation:none}.mini-card__hp{font-family:var(--font-mono);font-size:.7rem;font-weight:var(--weight-semibold);color:var(--text-primary)}.mini-card__hp--wounded{color:var(--danger)}.mini-card__tag{font-size:.55rem;font-weight:var(--weight-semibold);text-transform:uppercase;opacity:.9}.mini-wedge{position:absolute;width:0;height:0;z-index:2;pointer-events:none}.mini-wedge--n{top:-1px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:7px solid var(--accent-gold)}.mini-wedge--s{bottom:-1px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--accent-gold)}.mini-wedge--e{right:-1px;top:50%;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--accent-gold)}.mini-wedge--w{left:-1px;top:50%;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:7px solid var(--accent-gold)}.mini-board__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;overflow:visible}.mini-board__overlay text{font-family:var(--font-sans);font-size:9px;font-weight:700;letter-spacing:.03em;fill:var(--text-primary);paint-order:stroke;stroke:var(--bg-primary);stroke-width:3px;stroke-linejoin:round}.rule-flow{display:grid;gap:var(--space-3)}@media(min-width:720px){.rule-flow--2{grid-template-columns:1fr 1fr}}.rules-grid-notes{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr))}.rules-note{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card)}.rules-note h4{margin:0 0 var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.rules-note p{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.rules-table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border)}.rules-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.rules-table th,.rules-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--border);color:var(--text-secondary)}.rules-table th{font-weight:var(--weight-semibold);color:var(--text-primary);background:var(--bg-elevated);white-space:nowrap}.rules-table tr:last-child td{border-bottom:none}.rules-table td strong{color:var(--text-primary)}*,*: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-link--disabled,.app-nav__dropdown-link[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:auto}.app-nav__dropdown-link--disabled:hover,.app-nav__dropdown-link[aria-disabled=true]:hover{background:transparent}.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;position:relative}.stage-wrap{position:relative;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)}.hp-race-host{position:absolute;top:0;left:0;right:0;z-index:40;pointer-events:none;height:64px;box-sizing:border-box;padding:6px var(--space-3) 0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-primary) 88%,transparent) 0%,color-mix(in srgb,var(--bg-primary) 40%,transparent) 70%,transparent 100%)}.hp-race{position:relative;max-width:48rem;margin-inline:auto}.hp-race__fx{position:absolute;top:-10px;right:-6px;bottom:-4px;left:-6px;z-index:2;pointer-events:none;overflow:visible;opacity:0}.hp-race--hit .hp-race__fx{opacity:1}.hp-race__fx-flash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;opacity:0;background:radial-gradient(ellipse 80% 120% at 50% 50%,color-mix(in srgb,white 55%,transparent) 0%,transparent 70%)}.hp-race--hit .hp-race__fx-flash{animation:hp-race-hit-flash .45s var(--ease-out) forwards}.hp-race__fx-ring{position:absolute;left:50%;top:50%;width:2.2rem;height:2.2rem;margin:0;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent-gold) 80%,white);box-shadow:0 0 12px color-mix(in srgb,var(--accent-gold) 55%,transparent),inset 0 0 8px color-mix(in srgb,white 40%,transparent);transform:translate(-50%,-50%) scale(.4);opacity:0}.hp-race--hit .hp-race__fx-ring{animation:hp-race-hit-ring .55s var(--ease-out) forwards}.hp-race__fx-slash{position:absolute;left:8%;right:8%;top:50%;height:3px;border-radius:2px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,white 90%,var(--accent-gold)) 20%,var(--accent-gold) 50%,color-mix(in srgb,white 90%,var(--accent-gold)) 80%,transparent 100%);box-shadow:0 0 10px color-mix(in srgb,var(--accent-gold) 70%,transparent);transform-origin:center;opacity:0}.hp-race__fx-slash--a{transform:translateY(-50%) rotate(-12deg) scaleX(.2)}.hp-race__fx-slash--b{transform:translateY(-50%) rotate(8deg) scaleX(.15);top:42%}.hp-race__fx-slash--c{transform:translateY(-50%) rotate(-4deg) scaleX(.1);top:58%;height:2px}.hp-race--hit .hp-race__fx-slash--a{animation:hp-race-hit-slash .42s var(--ease-out) forwards}.hp-race--hit .hp-race__fx-slash--b{animation:hp-race-hit-slash .38s .04s var(--ease-out) forwards}.hp-race--hit .hp-race__fx-slash--c{animation:hp-race-hit-slash .36s .07s var(--ease-out) forwards}.hp-race--hit-from-0 .hp-race__fx-slash{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,white 85%,var(--player-0)) 18%,var(--player-0) 50%,color-mix(in srgb,white 85%,var(--player-0)) 82%,transparent 100%);box-shadow:0 0 12px color-mix(in srgb,var(--player-0) 70%,transparent)}.hp-race--hit-from-1 .hp-race__fx-slash{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,white 85%,var(--player-1)) 18%,var(--player-1) 50%,color-mix(in srgb,white 85%,var(--player-1)) 82%,transparent 100%);box-shadow:0 0 12px color-mix(in srgb,var(--player-1) 70%,transparent)}.hp-race__fx-spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 8px currentColor;opacity:0;color:var(--accent-gold)}.hp-race--hit-from-0 .hp-race__fx-spark{color:var(--player-0);background:color-mix(in srgb,var(--player-0) 40%,white)}.hp-race--hit-from-1 .hp-race__fx-spark{color:var(--player-1);background:color-mix(in srgb,var(--player-1) 40%,white)}.hp-race__fx-spark--1{left:22%;top:30%}.hp-race__fx-spark--2{left:70%;top:28%}.hp-race__fx-spark--3{left:35%;top:68%}.hp-race__fx-spark--4{left:62%;top:72%}.hp-race--hit .hp-race__fx-spark--1{animation:hp-race-hit-spark .5s var(--ease-out) forwards}.hp-race--hit .hp-race__fx-spark--2{animation:hp-race-hit-spark .48s .03s var(--ease-out) forwards}.hp-race--hit .hp-race__fx-spark--3{animation:hp-race-hit-spark .52s .05s var(--ease-out) forwards}.hp-race--hit .hp-race__fx-spark--4{animation:hp-race-hit-spark .46s .02s var(--ease-out) forwards}.hp-race--hit .hp-race__track{animation:hp-race-hit-punch .45s var(--ease-out)}.hp-race__lane--shake{animation:hp-race-lane-shake .42s var(--ease-out)}.hp-race--hit-victim-0 .hp-race__lane--p0,.hp-race--hit-victim-1 .hp-race__lane--p1{box-shadow:inset 0 2px 4px #0000008c,0 0 0 1px #0006,0 0 14px color-mix(in srgb,var(--danger) 55%,transparent)}.hp-race--hit-from-0{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--player-0) 35%,transparent))}.hp-race--hit-from-1{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--player-1) 35%,transparent))}@keyframes hp-race-hit-flash{0%{opacity:.85}to{opacity:0}}@keyframes hp-race-hit-ring{0%{opacity:.95;transform:translate(-50%,-50%) scale(.35)}to{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}@keyframes hp-race-hit-slash{0%{opacity:0;transform:translateY(-50%) rotate(var(--slash-rot, -12deg)) scaleX(.15)}25%{opacity:1}to{opacity:0;transform:translateY(-50%) rotate(var(--slash-rot, -12deg)) scaleX(1.05)}}.hp-race__fx-slash--a{--slash-rot: -12deg}.hp-race__fx-slash--b{--slash-rot: 8deg}.hp-race__fx-slash--c{--slash-rot: -4deg}@keyframes hp-race-hit-spark{0%{opacity:1;transform:scale(.4) translate(0)}to{opacity:0;transform:scale(.2) translate(var(--sx, 12px),var(--sy, -14px))}}.hp-race__fx-spark--1{--sx: -18px;--sy: -16px}.hp-race__fx-spark--2{--sx: 20px;--sy: -12px}.hp-race__fx-spark--3{--sx: -14px;--sy: 16px}.hp-race__fx-spark--4{--sx: 16px;--sy: 14px}@keyframes hp-race-hit-punch{0%{transform:scale(1)}30%{transform:scale(1.035)}55%{transform:scale(.985)}to{transform:scale(1)}}@keyframes hp-race-lane-shake{0%,to{transform:translate(0)}15%{transform:translate(-3px)}30%{transform:translate(3px)}45%{transform:translate(-2px)}60%{transform:translate(2px)}75%{transform:translate(-1px)}}.hp-race__track{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2);min-height:2.75rem}.hp-race__value{min-width:2rem;font-size:var(--text-base);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 0 8px currentColor,0 1px 2px rgba(0,0,0,.75)}.hp-race__value--p0{color:var(--player-0);text-align:left}.hp-race__value--p1{color:var(--player-1);text-align:right}.hp-race__lane{position:relative;height:1.05rem;border-radius:2px;background:linear-gradient(180deg,#0000008c,#14141ce6 45%,#000000a6);border:1px solid rgba(255,255,255,.12);overflow:hidden;box-shadow:inset 0 2px 4px #0000008c,0 0 0 1px #0006}.hp-race__lane--p0{border-radius:2px 10px 10px 2px}.hp-race__lane--p1{border-radius:10px 2px 2px 10px}.hp-race__fill{position:absolute;top:1px;bottom:1px;width:0%;transition:width .32s var(--ease-out);border-radius:inherit}.hp-race__fill--p0{right:0;left:auto;background:linear-gradient(180deg,color-mix(in srgb,var(--player-0) 55%,white) 0%,var(--player-0) 38%,color-mix(in srgb,var(--player-0) 70%,black) 100%);box-shadow:0 0 10px color-mix(in srgb,var(--player-0) 75%,transparent),0 0 22px color-mix(in srgb,var(--player-0) 45%,transparent),inset 0 1px color-mix(in srgb,white 55%,transparent)}.hp-race__fill--p1{left:0;right:auto;background:linear-gradient(180deg,color-mix(in srgb,var(--player-1) 55%,white) 0%,var(--player-1) 38%,color-mix(in srgb,var(--player-1) 70%,black) 100%);box-shadow:0 0 10px color-mix(in srgb,var(--player-1) 75%,transparent),0 0 22px color-mix(in srgb,var(--player-1) 45%,transparent),inset 0 1px color-mix(in srgb,white 55%,transparent)}.hp-race__center{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:3.1rem;min-height:2.75rem;flex-shrink:0;perspective:420px}.hp-race__lead-glow{position:absolute;top:-.45rem;right:-.45rem;bottom:.35rem;left:-.45rem;border-radius:50%;opacity:.35;background:radial-gradient(circle,var(--text-muted) 0%,transparent 70%);transition:opacity .28s var(--ease-out),background .28s var(--ease-out);animation:hp-race-pulse 1.8s ease-in-out infinite}.hp-race[data-lead="0"] .hp-race__lead-glow{opacity:.9;background:radial-gradient(circle,color-mix(in srgb,var(--player-0) 85%,white) 0%,color-mix(in srgb,var(--player-0) 30%,transparent) 55%,transparent 72%)}.hp-race[data-lead="1"] .hp-race__lead-glow{opacity:.9;background:radial-gradient(circle,color-mix(in srgb,var(--player-1) 85%,white) 0%,color-mix(in srgb,var(--player-1) 30%,transparent) 55%,transparent 72%)}.hp-race[data-lead=tie] .hp-race__lead-glow{opacity:.35;animation:none}@keyframes hp-race-pulse{0%,to{transform:scale(.95)}50%{transform:scale(1.1)}}.hp-race__coin{position:relative;z-index:1;width:2.5rem;height:2.5rem;transform-style:preserve-3d}.hp-race__coin-inner{width:100%;height:100%;transform-style:preserve-3d}.hp-race__coin--flip{animation:hp-race-coin-flip .55s var(--ease-out)}@keyframes hp-race-coin-flip{0%{transform:rotateY(0) scale(1)}40%{transform:rotateY(90deg) scale(1.08)}60%{transform:rotateY(90deg) scale(1.08)}to{transform:rotateY(360deg) scale(1)}}.hp-race__avatar{display:block;width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover;border:2px solid var(--border-strong);background:var(--bg-elevated);box-shadow:0 0 0 1px #00000080,0 2px 8px #00000073}.hp-race[data-lead="0"] .hp-race__avatar{border-color:var(--player-0);box-shadow:0 0 0 1px color-mix(in srgb,var(--player-0) 50%,transparent),0 0 12px color-mix(in srgb,var(--player-0) 45%,transparent)}.hp-race[data-lead="1"] .hp-race__avatar{border-color:var(--player-1);box-shadow:0 0 0 1px color-mix(in srgb,var(--player-1) 50%,transparent),0 0 12px color-mix(in srgb,var(--player-1) 45%,transparent)}.hp-race__wins{position:relative;z-index:1;margin-top:1px;font-size:.6rem;font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase;line-height:1;color:var(--accent-gold);text-shadow:0 0 8px color-mix(in srgb,var(--accent-gold) 55%,transparent),0 1px 1px rgba(0,0,0,.8)}.hp-race[data-lead="0"] .hp-race__wins{color:var(--player-0);text-shadow:0 0 8px color-mix(in srgb,var(--player-0) 55%,transparent),0 1px 1px rgba(0,0,0,.8)}.hp-race[data-lead="1"] .hp-race__wins{color:var(--player-1);text-shadow:0 0 8px color-mix(in srgb,var(--player-1) 55%,transparent),0 1px 1px rgba(0,0,0,.8)}.hp-race__labels{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:1px;padding-inline:.1rem}.hp-race__label{font-size:.6rem;font-weight:var(--weight-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-race__label--p0{color:color-mix(in srgb,var(--player-0) 75%,var(--text-muted))}.hp-race__label--p1{color:color-mix(in srgb,var(--player-1) 75%,var(--text-muted));text-align:right}@media(max-width:900px){.hp-race-host{height:22px;padding:4px var(--space-2) 0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-primary) 75%,transparent) 0%,transparent 100%)}.hp-race__track{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) auto;gap:var(--space-1);min-height:.85rem}.hp-race__value{min-width:1.35rem;font-size:var(--text-xs)}.hp-race__lane{height:4px;border-radius:2px;border:none;background:#00000073}.hp-race__lane--p0,.hp-race__lane--p1{border-radius:2px}.hp-race__fill{top:0;bottom:0}.hp-race__fill--p0{box-shadow:0 0 6px color-mix(in srgb,var(--player-0) 80%,transparent),0 0 14px color-mix(in srgb,var(--player-0) 45%,transparent)}.hp-race__fill--p1{box-shadow:0 0 6px color-mix(in srgb,var(--player-1) 80%,transparent),0 0 14px color-mix(in srgb,var(--player-1) 45%,transparent)}.hp-race__center,.hp-race__labels{display:none}}.arena-rail{display:flex;flex-direction:column;min-height:0;min-width:0;border-left:1px solid var(--border);background:color-mix(in srgb,var(--bg-secondary) 95%,transparent);overflow:hidden}.sidebar{display:flex;flex-direction:column;min-height:0;overflow:hidden;flex:1}.arena-action-dock{flex-shrink:0;padding:var(--space-3);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-secondary) 98%,transparent)}.arena-chrome-sheet__header,.arena-chrome-fab,.arena-chrome-backdrop{display:none}@media(max-width:900px){.page--arena .app-header,.page--arena .app-footer{display:none}.page--arena .app-main{margin:0;padding:0;height:100dvh}.arena-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}.arena-rail{border-left:none;background:transparent;display:contents}.arena-action-dock{position:fixed;left:max(var(--space-3),env(safe-area-inset-left,0px));right:max(var(--space-3),env(safe-area-inset-right,0px));bottom:calc(26dvh + env(safe-area-inset-bottom,0px) + var(--space-2));z-index:80;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg-secondary) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-lg);max-height:38dvh;overflow:auto;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease}.arena-action-dock.arena-action-dock--active{opacity:1;pointer-events:auto;transform:translateY(0)}.arena-action-dock.arena-action-dock--hint-only:not(.arena-action-dock--active){display:none}.arena-action-dock__hint--quiet{display:none}.arena-chrome-fab{display:inline-flex;align-items:center;justify-content:center;position:fixed;top:max(var(--space-3),env(safe-area-inset-top,0px));left:max(var(--space-3),env(safe-area-inset-left,0px));z-index:90;width:2.75rem;height:2.75rem;padding:0;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--bg-secondary) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);color:var(--text-primary);cursor:pointer}.arena-chrome-fab--active,.page--arena.arena-chrome--open .arena-chrome-fab{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));background:color-mix(in srgb,var(--primary-muted) 70%,var(--bg-secondary))}.arena-chrome-fab__icon{display:flex;flex-direction:column;gap:4px;width:1.1rem}.arena-chrome-fab__icon span{display:block;height:2px;border-radius:999px;background:currentColor}.arena-chrome-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:85;background:#06080e8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.arena-chrome-backdrop[hidden]{display:none}.arena-chrome-sheet{position:fixed;left:0;right:0;bottom:0;z-index:95;max-height:min(78dvh,640px);border-left:none;border-top:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:color-mix(in srgb,var(--bg-secondary) 97%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 -12px 40px #00000059;padding-bottom:env(safe-area-inset-bottom,0px);transform:translateY(110%);transition:transform .2s ease;pointer-events:none}.page--arena.arena-chrome--open .arena-chrome-sheet{transform:translateY(0);pointer-events:auto}.arena-chrome-sheet__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);flex-shrink:0}.arena-chrome-sheet__header .heading-3{margin:0}.arena-chrome-sheet .panel{overflow:auto}.arena-chrome-sheet .panel-grow{flex:1;min-height:0}.arena-chrome-sheet__actions{display:flex;flex-direction:column;gap:var(--space-2);flex-shrink:0}.arena-chrome-sheet__action-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.arena-chrome-sheet__action-row .btn{flex:1 1 auto;min-width:7rem;justify-content:center}.arena-chrome-sheet__subtitle{margin:0}}@media(min-width:901px){.arena-chrome-sheet__actions{display:none}}.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);margin:0}.app-footer__link{color:var(--text-secondary);text-decoration:underline;text-underline-offset:.15em}.app-footer__link:hover{color:var(--primary)}.app-footer__link:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:2px}.app-footer__stats{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:var(--space-2) var(--space-4);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.app-footer__stats[hidden]{display:none}.app-footer__stat{display:inline-flex;align-items:baseline;gap:var(--space-1);font-variant-numeric:tabular-nums}.app-footer__stat-label{color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;font-size:.65rem;font-weight:var(--weight-medium)}.app-footer__stat-value{color:var(--text-secondary);font-weight:var(--weight-semibold);font-size:var(--text-sm)}.changelog{display:flex;flex-direction:column;gap:var(--space-4)}.changelog-entry__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-3)}.changelog-entry__version{font-variant-numeric:tabular-nums}.changelog-entry__date{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap}.changelog-entry__list{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:var(--space-2)}.changelog-entry__list li{color:var(--text-secondary)}.changelog-entry__list code{font-size:.9em;padding:.1em .35em;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary)}.changelog-entry__list strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.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)}