@font-face{font-family:Johto Sans Regular;src:url(/assets/fonts/johto-sans-regular.woff2);font-weight:400!important;font-style:normal!important;font-display:swap}@font-face{font-family:Better VCR;src:url(/assets/fonts/better-vcr.woff2);font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/fonts/JetBrainsMono-Medium.woff2);font-display:swap}:root{--surface: #1a1c2e;--surface-inset: #121212;--surface-alt: #252999;--surface-deep: #13152e;--surface-deeper: #0d0f28;--surface-raised: #2a2d5a;--border: #4a4d5e;--accent: #3135cd;--accent-dim: #252999;--accent-bright: #5a5ff0;--accent-deep: #1a1d66;--accent-medium-dim: #2c51b9;--accent-pink: #ff5fa7;--accent-cyan: #0095ff;--accent-sky-soft: #7dd3fc;--text-accent-muted: #8a8de3;--text-accent-bright: #cfd0ff;--border-accent: #898ceb;--seg-pvp: #3135cd;--seg-hard: #b48a32;--seg-medium: #4d8aa0;--seg-easy: #555a72;--seg-random: #8a3fa0;--seg-loss: #5a2128;--text-bright: #e8f3fc;--text-primary: #bbdcf5;--text-muted: #777b79;--text-warm: #f5d96b;--text-warm-muted: #847849;--success: #5fe89c;--success-soft: #12dc34;--stat-up: #6dd28a;--stat-down: #e57676;--gold: #f5d96b;--silver: #b8c5d8;--bronze: #c98855;--danger: #dc3545;--danger-soft: #ff6b6b;--danger-bg: rgba(220, 53, 69, .1);--danger-border: rgba(220, 53, 69, .35);--warning: #ffd43b;--pending: #994422;--battle-panel-base: #0f115b;--battle-border-idle: #3f43a5;--battle-border-active: #5d85ff;--battle-fill-idle: #3f3f3f;--battle-hp-high: #20a2de;--battle-hp-mid: var(--warning);--battle-hp-low: var(--danger-soft);--font-display: "Johto Sans Regular", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-pixel: "Better VCR", monospace;--z-base: 0;--z-sticky: 10;--z-overlay: 100;--z-modal: 110;--z-modal-nested: 120;--z-dropdown: 200;--z-toast: 300;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-pill: 999px;--radius-circle: 50%;--bw-1: 1px;--bw-2: 2px;--shadow-md: 0 6px 16px rgba(0, 0, 0, .55);--shadow-modal: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .2);--dur-fast: .12s;--dur-base: .15s;--dur-slow: .2s;--dur-slower: .3s;--mobile-nav-clearance: 52px;--sheet-peek: 54px}@property --deck-tint{syntax: "<color>"; inherits: true; initial-value: #3135cd;}html,body{margin:0;padding:0;height:100%}body:has(app-battle){overscroll-behavior-y:contain}@media(max-width:768px){body:has(app-home),body:has(app-home-deck){overscroll-behavior-y:contain}}*{box-sizing:border-box}.drill-pane{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;align-items:center;gap:12px;padding:12px}.drill-spacer{flex:1 1 auto}.tier-bar{position:relative;height:7px;background:var(--surface-inset);border:var(--bw-1) solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.tier-bar--slim{height:5px}.tier-bar .tier-fill{position:absolute;top:0;left:0;bottom:0;width:0;background-image:linear-gradient(90deg,#1c1f7a 0%,#1c1f7a 11.6%,transparent 11.6%,transparent 12.5%,#2a2db0 12.5%,#2a2db0 24.1%,transparent 24.1%,transparent 25%,#3a3dd4 25%,#3a3dd4 36.6%,transparent 36.6%,transparent 37.5%,#4a4ee8 37.5%,#4a4ee8 49.1%,transparent 49.1%,transparent 50%,#5e60f4 50%,#5e60f4 61.6%,transparent 61.6%,transparent 62.5%,#7474fa 62.5%,#7474fa 74.1%,transparent 74.1%,transparent 75%,#8c8cfd 75%,#8c8cfd 86.6%,transparent 86.6%,transparent 87.5%,#a8a8ff 87.5%,#a8a8ff 100%);background-repeat:no-repeat}.unlock-divider{display:flex;align-items:center;gap:8px;margin:8px 2px 2px;font-family:var(--font-display);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-warm-muted);white-space:nowrap}.unlock-divider:before,.unlock-divider:after{content:"";flex:1;height:1px;background:var(--text-warm-muted);opacity:.5}.difficulty-slider-tooltip{position:fixed;background:var(--surface-inset);border:var(--bw-1) solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;font-family:var(--font-pixel);font-size:10px;letter-spacing:.04em;color:var(--text-primary);white-space:nowrap;pointer-events:none;z-index:var(--z-toast)}.difficulty-slider-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(-3px) rotate(45deg);width:6px;height:6px;background:var(--surface-inset);border-right:var(--bw-1) solid var(--border);border-bottom:var(--bw-1) solid var(--border)}@media(max-width:768px){app-teams{padding-bottom:calc(3.5rem + env(safe-area-inset-bottom,0px))}}body{font-family:var(--font-pixel);background-color:var(--surface-inset);color:var(--text-primary)}input{background-color:var(--surface);color:var(--text-primary);border-radius:var(--radius-lg)}button{background-color:var(--surface-alt);color:var(--text-primary);border-radius:var(--radius-lg);border:var(--bw-1) solid var(--border);cursor:pointer}:where(button:disabled){cursor:default;background-color:var(--surface-inset);border:var(--bw-1) solid var(--border);color:var(--text-accent-muted)}a{color:#99acff}img{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.ui-label{font-family:var(--font-display);text-transform:uppercase;font-size:10px;letter-spacing:.1em;color:var(--text-muted)}.pixel-grid{background-color:var(--accent-deep);background-image:linear-gradient(to right,var(--accent-medium-dim) 1px,transparent 1px),linear-gradient(to bottom,var(--accent-medium-dim) 1px,transparent 1px);background-size:15px 15px}.dev-badge{display:inline-block;background-color:var(--surface-alt);color:var(--text-primary);font-size:10px;font-weight:700;padding:1px 4px;border-radius:var(--radius-sm);margin-right:4px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:12px;height:12px;border:var(--bw-2) solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-circle);animation:spin .8s linear infinite}.rank-gold{color:var(--gold)}.rank-silver{color:var(--silver)}.rank-bronze{color:var(--bronze)}.you-pill{flex:0 0 auto;padding:2px 7px 1px;background:var(--accent-bright);color:var(--text-bright);font-family:var(--font-display);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheet-fade-out{0%{opacity:1}to{opacity:0}}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes arena-cycle{0%{background-position-x:0%}to{background-position-x:calc(var(--arena-frames) * 100% / (var(--arena-frames) - 1))}}@keyframes breathe{0%,to{box-shadow:0 0 0 1px #f5d96b4d inset,0 0 color-mix(in srgb,var(--text-warm) 0%,transparent)}50%{box-shadow:0 0 0 1px #f5d96b8c inset,0 0 18px 2px color-mix(in srgb,var(--text-warm) 30%,transparent)}}.modal-overlay{position:fixed;inset:0;height:100dvh;background:#0a0b14d1;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);padding:1rem}.modal-shell{background:var(--surface);border:var(--bw-2) solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-modal);width:100%;max-width:460px;max-height:90vh;max-height:90dvh;display:flex;flex-direction:column}.modal-shell--narrow{max-width:420px}.modal-shell--wide{max-width:560px}.modal-header{display:flex;align-items:stretch;background:#000;border-bottom:var(--bw-2) solid var(--border);flex-shrink:0}.modal-header--warning{background:#2a0b10}.modal-marquee{flex:1;min-width:0;overflow:hidden;white-space:nowrap;padding:10px 0}.modal-header--tight .modal-marquee{padding:8px 0}.modal-marquee-track{display:inline-flex;animation:modal-marquee 14s linear infinite;will-change:transform}.modal-marquee-text{flex:0 0 auto;padding-right:2rem;font-family:var(--font-pixel);font-size:13px;letter-spacing:.05em;color:var(--text-primary);text-transform:uppercase}.modal-header--tight .modal-marquee-text{font-size:11px}.modal-header--warning .modal-marquee-text{color:var(--danger-soft)}@keyframes modal-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.modal-close{flex:0 0 auto;width:36px;background:transparent;border:none;border-left:var(--bw-1) solid var(--border);border-radius:0;color:var(--text-muted);font-size:14px;font-family:var(--font-mono);cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}.modal-close:hover{color:var(--text-bright);background:#ffffff0a}.modal-body{flex-grow:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.modal-section{padding:.95rem 1rem}.modal-section+.modal-section{border-top:var(--bw-1) solid var(--border)}.modal-section--tight{padding:.7rem .85rem}.modal-section--footer{padding-top:.6rem;position:sticky;bottom:0;background:var(--surface)}.modal-stacked{display:flex;flex-direction:column;gap:.6rem}.modal-stacked--tight{gap:.55rem}.modal-title{font-family:var(--font-pixel);font-size:15px;color:var(--text-bright);margin:0;letter-spacing:.03em;text-align:center}.modal-title--left{text-align:left;font-size:14px}.modal-desc{font-family:var(--font-mono);font-size:11px;color:var(--text-primary);line-height:1.6;margin:0;text-align:center}.modal-desc--left{text-align:left}.modal-desc a{color:var(--accent-bright);text-decoration:none;border-bottom:var(--bw-1) dotted var(--accent-bright);word-break:break-all}.modal-desc a:hover{color:var(--text-bright);border-bottom-color:var(--text-bright)}.modal-label{font-family:var(--font-display);font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.modal-section-title{font-family:var(--font-display);font-size:11px;color:var(--text-primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.modal-input{width:100%;padding:.55rem .7rem;background:var(--surface-inset);border:var(--bw-1) solid var(--border);border-radius:var(--radius-md);color:var(--text-bright);font-family:var(--font-mono);font-size:12px;outline:none;transition:border-color var(--dur-base) ease}.modal-input:focus{border-color:var(--accent)}.modal-input::placeholder{color:var(--text-muted)}.modal-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;background:var(--surface-alt);border:var(--bw-1) solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-pixel);font-size:12px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background var(--dur-base) ease,border-color var(--dur-base) ease,color var(--dur-base) ease,opacity var(--dur-base) ease,transform .08s ease;text-align:center;text-decoration:none;line-height:1.2}.modal-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent-bright);color:var(--text-bright)}.modal-btn:active:not(:disabled){transform:scale(.97)}.modal-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(50%)}.modal-btn--primary{background:var(--accent);color:var(--text-bright)}.modal-btn--primary:hover:not(:disabled){background:var(--accent-bright);border-color:var(--accent-bright)}.modal-btn--neutral{background:var(--border);color:var(--text-primary)}.modal-btn--neutral:hover:not(:disabled){background:var(--text-muted);border-color:var(--text-muted);color:var(--text-bright)}.modal-btn--warm{background:transparent;border-color:color-mix(in srgb,var(--text-warm) 50%,transparent);color:var(--text-warm)}.modal-btn--warm:hover:not(:disabled){background:color-mix(in srgb,var(--text-warm) 12%,transparent);color:var(--text-warm);border-color:var(--text-warm)}.modal-btn--ghost{background:transparent;color:var(--text-muted);border-color:var(--border)}.modal-btn--ghost:hover:not(:disabled){color:var(--text-primary);background:transparent;border-color:var(--border)}.modal-btn--danger{background:transparent;border-color:var(--danger-border);color:var(--danger-soft)}.modal-btn--danger:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger);color:var(--danger-soft)}.modal-btn--block{display:flex;width:100%}.modal-btn--lg{padding:10px 16px;font-size:14px;position:relative;overflow:hidden;isolation:isolate}.modal-btn--lg:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(232,243,252,.18) 50%,transparent 70%);transform:translate(-120%);transition:transform .5s ease;pointer-events:none}.modal-btn--lg:hover:not(:disabled):before{transform:translate(120%)}.modal-btn--lg:hover:not(:disabled){box-shadow:0 0 0 1px var(--accent-bright) inset,0 0 14px color-mix(in srgb,var(--accent-bright) 35%,transparent)}.modal-btn--lg.modal-btn--warm:hover:not(:disabled){box-shadow:0 0 0 1px var(--text-warm) inset,0 0 14px color-mix(in srgb,var(--text-warm) 35%,transparent)}.modal-btn--lg.modal-btn--neutral:hover:not(:disabled){box-shadow:0 0 0 1px var(--text-muted) inset,0 0 10px #777b7940}.modal-btn-row{display:flex;flex-direction:column;gap:.5rem}.modal-btn-row--inline{flex-direction:row;gap:.5rem}.modal-btn-row--inline .modal-btn{flex:1}.modal-btn-row--inline .modal-btn--ghost{flex:0 0 auto}.modal-card{background:var(--surface-inset);border:var(--bw-1) solid var(--border);border-radius:var(--radius-md);padding:.6rem .75rem;display:flex;flex-direction:column;gap:.35rem}.modal-card--warn{background:var(--danger-bg);border-color:var(--danger-border)}.modal-card--warm{border-color:color-mix(in srgb,var(--text-warm) 40%,transparent)}.modal-card--warm .modal-label{color:var(--text-warm);letter-spacing:.1em}.modal-card-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.modal-addr{font-family:var(--font-mono);font-size:11px;color:var(--text-primary);word-break:break-all;line-height:1.5;cursor:pointer;transition:color var(--dur-base) ease}.modal-addr:hover{color:var(--text-bright)}.modal-balance-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--text-primary);white-space:nowrap}.modal-balance-pill .num{color:var(--text-bright)}.modal-balance-pill--danger .num{color:var(--danger-soft)}.modal-balance-pill--funded .num{color:var(--success)}.modal-mini-btn{padding:3px 8px;background:transparent;border:var(--bw-1) solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:10px;cursor:pointer;line-height:1.2;transition:background var(--dur-base) ease,color var(--dur-base) ease,opacity var(--dur-base) ease}.modal-mini-btn:hover:not(:disabled){background:var(--accent);color:var(--text-bright)}.modal-mini-btn:disabled{opacity:.4;cursor:not-allowed}.modal-hint{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);text-align:center;line-height:1.5;margin:0}.modal-hint a{color:var(--text-primary);text-decoration:none;border-bottom:var(--bw-1) dotted var(--text-muted)}.modal-hint a:hover{color:var(--text-bright)}@media(max-width:768px){.modal-overlay{padding:.5rem}.modal-shell{max-width:100%}.modal-section{padding:.85rem}.modal-section--tight{padding:.65rem .75rem}.modal-title{font-size:14px}.modal-title--left{font-size:13px}}@media(pointer:coarse){.modal-input{font-size:16px}}@media(prefers-reduced-motion:reduce){.modal-marquee-track{animation:none}}