@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;0,900;1,700;1,800;1,900&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap');

:root { --paper:#ecece8; --white:#f8f8f5; --ink:#131516; --muted:#6b706f; --line:#c6c8c5; --red:#e1382f; --black:#090b0c; --steel:#242a2d; --acid:#d6e2cd; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,Arial,sans-serif; } body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.13; z-index:10; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E"); mix-blend-mode:multiply; }
[hidden] { display:none!important; }
.app-shell { width:min(1440px,calc(100% - 40px)); margin:0 auto; padding:22px 0 70px; }.top-nav { min-height:58px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid var(--line); }.wordmark { color:var(--ink); text-decoration:none; font:900 1.55rem/1 'Barlow Condensed'; letter-spacing:-.06em; }.wordmark em { color:var(--red); font-style:normal; }.nav-meta { font:500 .63rem/1 'DM Mono'; letter-spacing:.13em; color:var(--muted); }.nav-meta span { display:inline-block; height:7px; width:7px; margin:0 9px; border-radius:50%; background:var(--red); }.nav-action { justify-self:end; color:var(--ink); text-decoration:none; text-transform:uppercase; font:800 .7rem/1 'DM Mono'; letter-spacing:.06em; }.nav-action b { color:var(--red); font-size:1rem; }.hero { min-height:620px; display:grid; grid-template-columns:1fr 1fr; background:var(--black); color:var(--white); position:relative; overflow:hidden; }.hero-copy { padding:72px clamp(28px,6vw,92px); align-self:center; position:relative; z-index:2; }.eyebrow { margin:0 0 13px; color:var(--red); font:500 .66rem/1.3 'DM Mono'; letter-spacing:.15em; }.hero h1,.studio-hero h1,.section-heading h2 { margin:0; font:900 clamp(3.2rem,7vw,7.4rem)/.78 'Barlow Condensed'; letter-spacing:-.075em; }.hero h1 i,.studio-hero h1 i,.section-heading h2 i { color:var(--red); font-style:italic; }.hero-copy>p:not(.eyebrow) { max-width:360px; margin:30px 0 0; color:#b9c0bd; font-size:.9rem; line-height:1.7; }.hero-actions { display:flex; gap:32px; align-items:center; margin-top:42px; }.primary-link { display:inline-flex; align-items:center; gap:42px; padding:15px 18px; color:var(--black); background:var(--white); text-decoration:none; text-transform:uppercase; font:800 .7rem 'DM Mono'; }.primary-link b { color:var(--red); font-size:1rem; }.hero-actions>span { color:#e8e8e2; font:500 .7rem/1.5 'DM Mono'; }.hero-actions small { color:#838987; font-size:.53rem; }.hero-visual { position:relative; isolation:isolate; background:linear-gradient(140deg,#c8cfce 0%,#6e7779 34%,#161b1e 35%,#080a0b 100%); overflow:hidden; }.hero-visual::before { content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 0 36%,rgba(225,56,47,.9) 36.3% 37.3%,transparent 37.7%); opacity:.85; }.hero-visual::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 68% 55%,transparent 0 13%,rgba(0,0,0,.2) 14% 24%,transparent 25%),linear-gradient(to top,rgba(0,0,0,.72),transparent 55%); }.hero-visual p { position:absolute; right:27px; top:22px; z-index:2; margin:0; text-align:right; color:#edf1ed; font:900 clamp(2.4rem,5vw,5.4rem)/.73 'Barlow Condensed'; letter-spacing:-.06em; }.hero-car { position:absolute; z-index:1; left:8%; bottom:22%; width:76%; height:25%; transform:skewX(-13deg); border-radius:47% 21% 13% 12%; background:linear-gradient(155deg,#f4f5ef 0 13%,#2c3437 15% 54%,#111 55%); box-shadow:inset 0 -24px #020303,0 42px 45px rgba(0,0,0,.45); }.hero-car::after,.hero-car::before { content:""; position:absolute; bottom:-23%; width:27%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,#808a8a 0 16%,#121516 17% 51%,#697575 52% 59%,#080909 60%); }.hero-car::before { left:11%; }.hero-car::after { right:12%; }.hero-car span { position:absolute; top:19%; right:8%; height:24%; width:16%; background:var(--red); box-shadow:0 0 22px var(--red); }.speed-lines { position:absolute; inset:0; background:repeating-linear-gradient(-14deg,transparent 0 42px,rgba(255,255,255,.15) 44px 46px,transparent 47px 89px); opacity:.45; }.collection-summary { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; padding:42px 0 52px; border-bottom:1px solid var(--line); }.collection-summary h2 { margin:0; font:800 clamp(2.25rem,4.4vw,4.5rem)/.9 'Barlow Condensed'; letter-spacing:-.06em; }.collection-summary h2 b { color:var(--red); font-weight:500; }.collection-summary p:not(.eyebrow) { margin:12px 0 0; color:var(--muted); font-size:.8rem; }.text-button { appearance:none; border:0; background:none; color:var(--muted); cursor:pointer; padding:0; font:500 .62rem 'DM Mono'; letter-spacing:.08em; text-transform:uppercase; }.text-button:hover { color:var(--red); }.game-ui,.collection-album { padding-top:70px; }.split-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; }.section-heading h2 { font-size:clamp(3.2rem,6vw,6.2rem); }.score-pill { display:grid; gap:3px; text-align:right; }.score-pill small,.card-index { color:var(--muted); font:500 .58rem 'DM Mono'; letter-spacing:.08em; }.score-pill span { color:var(--red); font:800 2rem/1 'Barlow Condensed'; }.showcase { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:34px; background:var(--line); border:1px solid var(--line); }.card { min-width:0; border:0; border-radius:0; padding:18px; text-align:left; color:var(--ink); background:var(--white); font:inherit; transition:transform .25s ease,background .25s ease; }.showcase .card { cursor:pointer; }.showcase .card:hover,.showcase .card.selected { background:#dedfd9; transform:translateY(-7px); }.card-topline { display:flex; justify-content:space-between; color:var(--muted); font:500 .58rem 'DM Mono'; letter-spacing:.08em; text-transform:uppercase; }.card-topline strong { color:var(--red); }.art-window { display:grid; place-items:center; height:240px; margin:17px 0; overflow:hidden; background:linear-gradient(145deg,#d1d5d4,#f8f8f5 45%,#b7c0c1); border:1px solid #c5c9c7; }.art-window.image-art img { width:100%; height:100%; object-fit:cover; }.card h3 { margin:9px 0 3px; font:800 1.8rem/.9 'Barlow Condensed'; letter-spacing:-.045em; text-transform:uppercase; }.type,.stats,.ability { margin:0; }.type { color:var(--red); font:500 .58rem 'DM Mono'; letter-spacing:.07em; }.stats { display:flex; gap:8px; align-items:center; margin-top:13px; color:#363c3d; font:700 .67rem 'DM Mono'; }.stats i { width:3px;height:3px;background:var(--red);border-radius:50%; }.ability { margin-top:13px; color:var(--muted); font-size:.69rem; line-height:1.5; }.vehicle { position:relative; width:178px;height:72px;border-radius:36px 49px 14px 12px;background:linear-gradient(135deg,#dc3731,#241a1a);box-shadow:inset 0 -13px rgba(0,0,0,.22),0 15px 22px rgba(0,0,0,.25); }.vehicle::before,.vehicle::after { content:"";position:absolute;bottom:-21px;width:45px;height:45px;border-radius:50%;background:radial-gradient(circle,#aab2ae 0 19%,#181b1b 20% 55%,#69716e 56% 65%,#111 66%); }.vehicle::before{left:19px}.vehicle::after{right:19px}.vehicle span::before,.vehicle span::after{content:"";position:absolute;top:26px;width:14px;height:14px;border-radius:50%;background:#eaf0e6;box-shadow:inset 3px -3px #121415}.vehicle span::before{left:56px}.vehicle span::after{right:56px}.vehicle span{position:absolute;left:73px;top:47px;width:31px;height:10px;border-radius:0 0 16px 16px;background:#101111}.racer{background:linear-gradient(135deg,#e6e8e3,#405257);transform:scale(.93)}.monster{background:linear-gradient(135deg,#2e3933,#a6bf4c);transform:scale(1.08)}.fire{background:linear-gradient(135deg,#b71f25,#ffbf46)}.ice{background:linear-gradient(135deg,#a1dce0,#5169a6)}.scrap{background:linear-gradient(135deg,#606d58,#c75c30)}.tow{background:linear-gradient(135deg,#e1ae46,#496b96)}.compact{transform:scale(.85)}
.battle-arena { margin-top:72px; padding:32px; color:var(--white); background:var(--black); }.arena-header h3 { margin:0; font:800 clamp(2.7rem,5vw,5.2rem)/.8 'Barlow Condensed'; letter-spacing:-.07em; }.arena-header .text-button { color:#bfc4c1; }.battle-lanes { display:grid; grid-template-columns:1fr 75px 1fr; align-items:center; gap:18px; margin:38px 0 24px; }.fighter-panel { padding:18px; border:1px solid #444c4b; background:#15191a; }.tag { color:#bac2bd; font:500 .58rem 'DM Mono'; letter-spacing:.12em; }.garage-floor { display:grid;place-items:center;min-height:152px;margin:12px 0;background:linear-gradient(transparent 64%,rgba(225,56,47,.2) 65%),repeating-linear-gradient(90deg,transparent 0 22px,rgba(255,255,255,.05) 23px 24px); }.fighter-panel h4 { margin:0 0 13px; font:800 1.75rem/.9 'Barlow Condensed'; text-transform:uppercase; }.fighter-panel p { margin:9px 0 0; color:#aeb7b1; font:500 .63rem 'DM Mono'; }.meter { height:5px; background:#39403d; }.meter span { display:block;height:100%;background:var(--red);transition:width .3s ease; }.versus { display:grid;place-items:center;width:56px;aspect-ratio:1;border-radius:50%;color:var(--black);background:var(--white);font:800 1rem 'Barlow Condensed'; }.battle-actions { display:flex;flex-wrap:wrap;gap:8px; }.battle-actions button,#addToCollection { border:1px solid transparent; cursor:pointer; padding:13px 17px; color:var(--black); background:var(--white); text-transform:uppercase; font:800 .62rem 'DM Mono'; letter-spacing:.06em; }.battle-actions .secondary-button { color:#fff;background:transparent;border-color:#505856; }.battle-log { min-height:1.5em;margin:23px 0 0;color:#b9c0bb;font:500 .68rem 'DM Mono';letter-spacing:.03em; }.hit { animation:hit .25s ease; }.album-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:34px;background:var(--line);border:1px solid var(--line); }.album-grid .card { min-height:300px; }.album-grid .art-window { height:165px; }.album-grid .vehicle { transform:scale(.72); }.locked-card { display:grid;place-content:center;text-align:center;color:var(--muted);background:#e1e1dc; }.locked-card strong { color:#bcc1bc;font:800 6rem/.8 'Barlow Condensed'; }.locked-card span { color:var(--red);font:500 .58rem 'DM Mono';letter-spacing:.12em; }.locked-card p { max-width:170px;font-size:.69rem;line-height:1.5; }
.legacy-battle { display:none; }
.battle-lab { padding-top:70px; }.battle-lab-toolbar { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:28px 0 14px; }.battle-lab-toolbar p { min-height:1.4em; margin:0; color:var(--muted); font:600 .68rem/1.45 'DM Mono'; }.battle-lab-toolbar div { display:flex; gap:8px; }.battle-lab-toolbar button,.battle-hand>button { padding:11px 13px; border:1px solid var(--line); cursor:pointer; color:var(--ink); background:var(--white); text-transform:uppercase; font:700 .58rem 'DM Mono'; letter-spacing:.08em; }.battle-lab-toolbar .secondary-button { color:var(--ink)!important; background:var(--white)!important; }.circuit-board { position:relative; display:grid; gap:15px; padding:22px; overflow:hidden; color:#f7faff; background:radial-gradient(circle at 12% 8%,rgba(100,217,255,.18),transparent 29%),radial-gradient(circle at 86% 77%,rgba(154,112,255,.2),transparent 32%),linear-gradient(145deg,#101428,#070910 64%); border:1px solid #3c5271; box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 20px 34px rgba(10,13,25,.18); }.circuit-board::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.3; background:repeating-linear-gradient(90deg,transparent 0 43px,rgba(100,217,255,.1) 44px 45px),repeating-linear-gradient(0deg,transparent 0 43px,rgba(100,217,255,.08) 44px 45px); }.board-player,.vehicle-bays,.board-divider { position:relative; z-index:1; }.board-player { display:flex; justify-content:space-between; gap:18px; align-items:end; padding:5px 4px; }.board-player small,.trophy-track span,.trophy-track i { display:block; color:#aab5cf; font:600 .55rem/1.4 'DM Mono'; letter-spacing:.1em; }.board-player strong { display:block; margin-top:5px; color:#fff; font:900 clamp(1.55rem,3.4vw,2.7rem)/.85 'Barlow Condensed'; letter-spacing:-.04em; }.trophy-track { text-align:right; }.trophy-track b { display:block; margin:4px 0; color:#ffd65a; font:900 1.65rem/.8 'Barlow Condensed'; }.vehicle-bays { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }.board-bay { min-height:152px; padding:14px; border:1px solid #42627b; color:#f7faff; background:linear-gradient(155deg,rgba(22,34,58,.92),rgba(7,9,17,.94)); text-align:left; cursor:pointer; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }.board-bay:hover,.board-bay:focus-visible { z-index:2; border-color:#76f7ff; outline:0; box-shadow:0 0 0 2px rgba(118,247,255,.24),0 0 20px rgba(118,247,255,.18); transform:translateY(-3px); }.board-bay.empty { display:grid; place-content:center; gap:5px; min-height:128px; color:#aab5cf; text-align:center; border-style:dashed; background:rgba(4,7,14,.52); }.board-bay.empty strong { color:#64d9ff; font:800 2.5rem/.75 'Barlow Condensed'; }.board-bay.empty span,.board-bay.empty small,.bay-card-type,.bay-upgrade { color:#aab5cf; font:600 .55rem 'DM Mono'; letter-spacing:.09em; }.board-bay.occupied.ready { border-color:#76f7ff; box-shadow:inset 0 0 18px rgba(100,217,255,.1); }.board-bay.occupied.exhausted { filter:saturate(.48) brightness(.75); }.board-bay.attacker-selected { border-color:#ffd65a; box-shadow:inset 0 0 0 2px #ffd65a,0 0 20px rgba(255,214,90,.33); }.board-bay>strong { display:block; margin:10px 0 14px; color:#fff; font:900 clamp(1.5rem,3vw,2.35rem)/.82 'Barlow Condensed'; letter-spacing:-.035em; text-transform:uppercase; }.bay-statline { display:flex; flex-wrap:wrap; gap:5px 10px; color:#d8e2ed; font:600 .58rem 'DM Mono'; }.bay-statline b { color:#fff; }.bay-statline i { font-style:normal; }.bay-upgrade { display:block; margin-top:14px; color:#ffd65a; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }.board-divider { display:grid; grid-template-columns:1fr auto 1fr; gap:14px; align-items:center; color:#93a0bc; font:600 .56rem 'DM Mono'; letter-spacing:.09em; text-align:center; }.board-divider::before,.board-divider::after { content:""; height:1px; background:linear-gradient(90deg,transparent,#64d9ff); }.board-divider::after { background:linear-gradient(90deg,#64d9ff,transparent); }.board-divider b { display:grid; place-items:center; width:42px; height:42px; margin:auto; color:#101429; background:#f7faff; border-radius:50%; font:900 1rem 'Barlow Condensed'; }.board-divider span:last-child { grid-column:1/-1; color:#ffd65a; }.battle-hand { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-top:25px; }.battle-hand .eyebrow { margin-bottom:8px; }.battle-hand h3 { margin:0; font:900 clamp(2.4rem,5vw,4.2rem)/.8 'Barlow Condensed'; letter-spacing:-.06em; }.battle-hand h3 i { color:var(--red); }.battle-hand>button { color:#f7faff; border-color:#313a56; background:#11152a; }.battle-hand>button:disabled { cursor:not-allowed; opacity:.4; }.battle-hand-cards { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; margin-top:17px; }.hand-card { min-height:150px; padding:13px; border:1px solid #cad0d7; color:#172033; background:linear-gradient(145deg,#f7fafc,#d8e4ec); text-align:left; cursor:pointer; transition:transform .18s ease,box-shadow .18s ease; }.hand-card:hover,.hand-card:focus-visible,.hand-card.selected { z-index:1; outline:0; border-color:#9a70ff; box-shadow:0 0 0 3px rgba(154,112,255,.2),0 13px 22px rgba(11,17,29,.18); transform:translateY(-5px); }.hand-card.card-type-action { background:linear-gradient(145deg,#f4efff,#d7e9ff); }.hand-card.card-type-upgrade { background:linear-gradient(145deg,#fff7df,#f2dfbb); }.hand-card>span { display:block; color:#56627a; font:600 .52rem 'DM Mono'; letter-spacing:.06em; }.hand-card>span b { display:inline-grid; place-items:center; width:18px; height:18px; margin-right:4px; color:#fff; background:#192544; border-radius:50%; font:800 .7rem 'Barlow Condensed'; }.hand-card>strong { display:block; margin:11px 0 7px; color:#101727; font:900 1.55rem/.82 'Barlow Condensed'; letter-spacing:-.035em; text-transform:uppercase; }.hand-card>small { display:block; color:#e1382f; font:700 .5rem/1.35 'DM Mono'; letter-spacing:.06em; }.hand-card>i { display:block; margin-top:11px; color:#536077; font-size:.62rem; line-height:1.4; font-style:normal; }.battle-hint { min-height:1.4em; margin:17px 0 0; color:#44516a; font:600 .67rem/1.45 'DM Mono'; }.battle-events { display:grid; gap:1px; margin:18px 0 0; padding:0; list-style:none; border:1px solid #c8d0d3; background:#c8d0d3; }.battle-events li { padding:10px 13px; color:#53606b; background:#f6f7f4; font:500 .64rem/1.45 'DM Mono'; }.battle-events li:first-child { color:#172033; background:#e3edf0; }
.studio-body { background:var(--white); }.studio-hero { padding:85px 0 52px; border-bottom:1px solid var(--line); }.studio-hero h1 { font-size:clamp(4.2rem,10vw,10rem); }.studio-hero>p:not(.eyebrow) { max-width:390px;margin:27px 0 0;color:var(--muted);font-size:.85rem;line-height:1.65; }.admin-page { display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.7fr);gap:34px;padding:58px 0; }.admin-page>.section-heading { grid-column:1/-1; }.admin-form { display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start; }.wide-field { grid-column:1/-1; }.admin-page label { display:grid;gap:7px;color:var(--muted);font:500 .62rem 'DM Mono';letter-spacing:.07em;text-transform:uppercase; }.admin-page input,.admin-page select,.admin-page textarea { width:100%;border:1px solid var(--line);border-radius:0;padding:13px;background:#f5f5f1;color:var(--ink);font:600 .8rem Manrope; }.admin-page textarea { min-height:190px;resize:vertical;line-height:1.6; }.key-actions,.prompt-actions { display:flex;gap:8px;align-items:center; }.secondary-button { border:1px solid var(--line)!important;color:var(--ink)!important;background:transparent!important; }.mini-card { align-self:start;display:grid;gap:8px;padding:27px;background:linear-gradient(145deg,#141617,#353d3e);color:var(--white);border-top:5px solid var(--red); }.mini-card span { color:#c7ceca;font:500 .56rem 'DM Mono';letter-spacing:.1em; }.mini-card strong { font:800 2.5rem/.88 'Barlow Condensed';text-transform:uppercase; }.mini-card small { color:#cbd2ce;font:500 .66rem 'DM Mono'; }.generate-button { grid-column:1/-1;border:0;cursor:pointer;padding:17px;color:var(--white);background:var(--red);font:800 .7rem 'DM Mono';letter-spacing:.08em;text-transform:uppercase; }.generated-card { grid-column:1/-1;margin:0;display:grid;gap:10px;color:var(--muted);font:500 .6rem 'DM Mono';letter-spacing:.08em;text-transform:uppercase; }.generated-card img { width:min(100%,430px);border:1px solid var(--ink); }.generated-card figcaption { text-align:center; }.admin-page>#addToCollection { grid-column:1/-1;background:var(--ink);color:var(--white); }.admin-page>#adminStatus { grid-column:1/-1;min-height:1.3em;margin:0;color:var(--muted);font:500 .66rem 'DM Mono'; }.error-status { color:var(--red)!important; }
.template-library { padding:58px 0; border-bottom:1px solid var(--line); }.active-template-label { margin:0; color:var(--red); font:500 .62rem 'DM Mono'; letter-spacing:.1em; }.library-intro { max-width:560px; margin:24px 0; color:var(--muted); font-size:.8rem; line-height:1.7; }.template-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); }.template-option { display:grid; grid-template-columns:72px 1fr; gap:12px; align-items:center; min-height:112px; padding:12px; border:0; background:var(--white); color:var(--ink); text-align:left; cursor:pointer; }.template-option:hover,.template-option.active { background:#dce1dc; }.template-option img,.template-swatch { width:72px; height:84px; object-fit:cover; background:linear-gradient(145deg,#171a1b,#798483); }.template-swatch { display:grid; place-items:center; color:#e9e8df; font:800 2rem 'Barlow Condensed'; }.template-option small { display:block; color:var(--red); font:500 .52rem 'DM Mono'; letter-spacing:.07em; }.template-option strong { display:block; margin-top:6px; font:800 1.15rem/.9 'Barlow Condensed'; text-transform:uppercase; }.mode-switch { grid-column:1/-1; display:flex; gap:0; border:1px solid var(--line); width:max-content; }.mode-button { border:0; border-right:1px solid var(--line); padding:11px 16px; background:var(--white); color:var(--muted); cursor:pointer; text-transform:uppercase; font:700 .6rem 'DM Mono'; letter-spacing:.08em; }.mode-button:last-child { border-right:0; }.mode-button.active { color:var(--white); background:var(--ink); }.template-fields { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.template-fields textarea { min-height:92px; }
.admin-page>#saveGeneration { grid-column:1/-1; border:0; cursor:pointer; padding:16px; color:var(--white); background:var(--ink); text-transform:uppercase; font:800 .68rem 'DM Mono'; letter-spacing:.08em; }
.launch-queue { padding:70px 0; border-bottom:1px solid var(--line); }.launch-progress { display:grid; gap:5px; text-align:right; }.launch-progress strong { color:var(--red); font:900 clamp(2rem,4vw,4rem)/.8 'Barlow Condensed'; }.launch-progress span { color:var(--muted); font:500 .55rem 'DM Mono'; letter-spacing:.1em; }.launch-validation { margin:25px 0 14px; padding:12px 14px; color:#31443a; background:#dfe8dd; border-left:4px solid #5e876a; font:600 .63rem/1.5 'DM Mono'; letter-spacing:.04em; }.pilot-notice { display:grid; grid-template-columns:auto 1fr; gap:16px; align-items:center; margin-bottom:18px; padding:15px 17px; color:#e8ece7; background:#161a1c; border-left:5px solid var(--red); }.pilot-notice span { color:var(--red); font:800 .65rem 'DM Mono'; letter-spacing:.1em; white-space:nowrap; }.pilot-notice p { margin:0; color:#c5ccc7; font-size:.74rem; line-height:1.55; }.pilot-notice.pilot-locked { border-left-color:#65a778; }.pilot-notice.pilot-locked span { color:#79c48e; }.queue-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:20px 0; }.queue-filters label { display:grid; gap:7px; color:var(--muted); text-transform:uppercase; font:600 .56rem 'DM Mono'; letter-spacing:.08em; }.queue-filters select { width:100%; padding:11px 12px; border:1px solid var(--line); border-radius:0; color:var(--ink); background:var(--white); font:600 .72rem Manrope; }.queue-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); }.queue-card { position:relative; display:grid; grid-template-columns:1fr auto; gap:6px 10px; min-height:154px; padding:16px; border:0; color:var(--ink); background:var(--white); text-align:left; cursor:pointer; }.queue-card:hover,.queue-card.active { z-index:1; background:#e2e4df; box-shadow:inset 0 0 0 3px var(--red); }.queue-card.saved { background:#e1e9df; }.queue-card.saved.active { box-shadow:inset 0 0 0 3px #4c8d60; }.queue-card.pilot-waiting { background:#e7e7e2; }.queue-sequence,.queue-rarity { color:var(--muted); font:600 .55rem 'DM Mono'; letter-spacing:.08em; }.queue-rarity { justify-self:end; color:var(--red); text-transform:uppercase; }.queue-card>strong { grid-column:1/-1; align-self:end; font:900 1.45rem/.9 'Barlow Condensed'; text-transform:uppercase; }.queue-card>small { grid-column:1/-1; color:var(--muted); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font:600 .57rem 'DM Mono'; }.queue-stats { grid-column:1/-1; display:flex; align-items:center; gap:6px; color:#303638; font:700 .58rem 'DM Mono'; }.queue-stats i { width:3px; height:3px; border-radius:50%; background:var(--red); }.queue-card>b { grid-column:1/-1; align-self:end; color:var(--red); font:700 .52rem 'DM Mono'; letter-spacing:.1em; }.queue-card.saved>b { color:#4c8d60; }.queue-card.pilot-waiting>b { color:#8b8e8a; }.empty-state { padding:24px; color:var(--muted); font-size:.76rem; }
.master-card { --rarity-bg:#0b1b2b; --rarity-deep:#07111d; --rarity-edge:#64d9ff; --rarity-glint:#a7bdd2; --rarity-hot:#f7faff; position:relative; display:block; width:100%; min-height:0!important; aspect-ratio:3/4; padding:0; overflow:hidden; isolation:isolate; container-type:inline-size; color:#f7faff; background:var(--rarity-deep); border:0; border-radius:4.2cqw; box-shadow:0 18px 38px rgba(9,11,20,.28),0 0 0 1px color-mix(in srgb,var(--rarity-edge) 42%,transparent); transition:transform .25s ease,box-shadow .25s ease,filter .25s ease; }
.master-card.rarity-common { --rarity-bg:#0b1b2b; --rarity-deep:#07111d; --rarity-edge:#64d9ff; --rarity-glint:#a7bdd2; --rarity-hot:#d9f7ff; }
.master-card.rarity-rare { --rarity-bg:#24104f; --rarity-deep:#12082d; --rarity-edge:#9a70ff; --rarity-glint:#76f7ff; --rarity-hot:#d9c9ff; }
.master-card.rarity-super-rare { --rarity-bg:#521247; --rarity-deep:#26091f; --rarity-edge:#ffd65a; --rarity-glint:#ff69d4; --rarity-hot:#fff4bb; }
button.master-card { cursor:zoom-in; }
.master-card:focus-visible { outline:3px solid var(--rarity-hot); outline-offset:4px; }
.card-canvas,.template-background-image,.template-background-fallback,.template-shade,.card-foil,.card-prism-rail { position:absolute; inset:0; display:block; width:100%; height:100%; }
.template-background-image { z-index:0; object-fit:contain; object-position:center; background:var(--rarity-deep); opacity:.2; }
.template-background-fallback { z-index:0; background:radial-gradient(circle at 80% 8%,color-mix(in srgb,var(--rarity-glint) 28%,transparent),transparent 27%),radial-gradient(circle at 9% 61%,color-mix(in srgb,var(--rarity-edge) 17%,transparent),transparent 31%),linear-gradient(155deg,var(--rarity-bg),var(--rarity-deep) 58%,color-mix(in srgb,var(--rarity-bg) 62%,#090a13)); }
.template-background-fallback::before { content:""; position:absolute; inset:2.4%; border:1px solid color-mix(in srgb,var(--rarity-edge) 67%,transparent); border-radius:3cqw; box-shadow:inset 0 0 0 .7cqw rgba(6,8,17,.78),inset 0 0 0 .92cqw color-mix(in srgb,var(--rarity-glint) 35%,transparent),0 0 3.8cqw color-mix(in srgb,var(--rarity-edge) 25%,transparent); }
.template-background-fallback::after { content:"TURBO BEASTS // HOLO CIRCUIT"; position:absolute; left:6%; bottom:1.8%; color:color-mix(in srgb,var(--rarity-glint) 58%,transparent); font:500 1.55cqw/1 'DM Mono'; letter-spacing:.18em; }
.template-shade { z-index:1; pointer-events:none; background:repeating-linear-gradient(90deg,transparent 0 7.8cqw,color-mix(in srgb,var(--rarity-edge) 7%,transparent) 7.9cqw 8cqw),repeating-linear-gradient(0deg,transparent 0 7.8cqw,color-mix(in srgb,var(--rarity-glint) 5%,transparent) 7.9cqw 8cqw),linear-gradient(180deg,rgba(255,255,255,.08),transparent 23%,rgba(0,0,0,.24)); box-shadow:inset 0 0 0 1.3cqw rgba(7,8,17,.64),inset 0 0 5cqw rgba(0,0,0,.35); }
.card-prism-rail { z-index:1; left:58%; top:-18%; width:2.1%; height:139%; transform:rotate(31deg); transform-origin:center; background:linear-gradient(180deg,transparent 0 5%,var(--rarity-glint) 22%,var(--rarity-edge) 54%,var(--rarity-hot) 73%,transparent 96%); box-shadow:0 0 2.6cqw var(--rarity-edge); opacity:.48; }
.card-foil { z-index:6; left:-80%; width:62%; pointer-events:none; opacity:.2; transform:skewX(-20deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),color-mix(in srgb,var(--rarity-glint) 52%,transparent),transparent); mix-blend-mode:screen; }
.card-rarity-slot,.card-unit-slot { position:absolute; z-index:7; top:4.2%; min-height:4.8%; display:flex; align-items:center; color:#f7faff; text-transform:uppercase; font:600 2.25cqw/1 'DM Mono'; letter-spacing:.1em; text-shadow:0 0 1.5cqw var(--rarity-edge); }
.card-rarity-slot { left:6%; gap:1.4cqw; }
.card-rarity-slot::before { content:""; width:1.1cqw; height:4.4cqw; background:var(--rarity-edge); box-shadow:0 0 1.8cqw var(--rarity-edge); clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); }
.card-rarity-slot strong { color:var(--rarity-hot); font-size:1.9cqw; letter-spacing:.12em; }
.card-unit-slot { right:6%; color:color-mix(in srgb,#f7faff 72%,var(--rarity-edge)); font-size:1.95cqw; }
.card-cost-slot { position:absolute; z-index:8; right:6%; top:8.3%; display:grid; grid-template-columns:auto auto; gap:.6cqw; align-items:center; padding:.65cqw 1cqw; color:#090a13; background:linear-gradient(135deg,var(--rarity-hot),var(--rarity-glint)); clip-path:polygon(14% 0,100% 0,100% 100%,0 100%,0 24%); box-shadow:0 0 1.5cqw color-mix(in srgb,var(--rarity-edge) 60%,transparent); }
.card-cost-slot small { font:700 1.45cqw/1 'DM Mono'; letter-spacing:.07em; }.card-cost-slot strong { font:900 4.2cqw/.7 'Barlow Condensed'; }
.card-art-slot { position:absolute; z-index:2; left:5.4%; top:10.8%; width:89.2%; height:46.8%; display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,rgba(8,12,23,.9),color-mix(in srgb,var(--rarity-bg) 54%,#101629)); border:1px solid var(--rarity-edge); clip-path:polygon(3% 0,100% 0,100% 94%,97% 100%,0 100%,0 6%); box-shadow:inset 0 0 0 .55cqw rgba(7,9,18,.7),inset 0 -5cqw 8cqw rgba(0,0,0,.24),0 0 3.3cqw color-mix(in srgb,var(--rarity-edge) 30%,transparent); }
.card-art-slot::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,transparent 15%,color-mix(in srgb,var(--rarity-glint) 11%,transparent) 42%,transparent 61%),linear-gradient(0deg,rgba(5,8,16,.31),transparent 25%); }
.card-art-slot.image-art { background-color:var(--rarity-deep); }
.card-art-slot img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
.card-art-slot .vehicle { transform:scale(.72); }
.card-art-slot .vehicle.monster { transform:scale(.8); }
.support-symbol { display:grid; place-items:center; width:22cqw; aspect-ratio:1; color:var(--rarity-hot); border:1px solid var(--rarity-edge); background:radial-gradient(circle,color-mix(in srgb,var(--rarity-glint) 35%,transparent),transparent 67%); clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); font:900 13cqw/1 'Barlow Condensed'; text-shadow:0 0 3cqw var(--rarity-edge); }
.support-symbol.support-upgrade { clip-path:polygon(50% 0,88% 12%,100% 50%,88% 88%,50% 100%,12% 88%,0 50%,12% 12%); }
.card-info-panel { position:absolute; z-index:4; left:5.4%; right:5.4%; bottom:4.3%; height:37%; display:block; color:#f7faff; background:linear-gradient(180deg,color-mix(in srgb,var(--rarity-bg) 78%,rgba(8,9,19,.74)),rgba(7,8,18,.94)); border:1px solid color-mix(in srgb,var(--rarity-edge) 72%,transparent); clip-path:polygon(0 0,96% 0,100% 7%,100% 100%,0 100%); box-shadow:inset 0 0 4cqw rgba(0,0,0,.23),0 -1.5cqw 4cqw rgba(0,0,0,.26); backdrop-filter:blur(12px); }
.card-info-panel::before { content:""; position:absolute; left:0; right:0; top:0; height:.75cqw; background:linear-gradient(90deg,var(--rarity-edge),var(--rarity-glint),var(--rarity-hot)); box-shadow:0 0 2.2cqw var(--rarity-edge); }
.card-name-slot,.card-type-slot,.card-stats-slot,.card-move-slot,.card-ability-slot { position:absolute; left:5%; right:5%; display:block; }
.card-name-slot { top:4%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#fff; font:900 7.3cqw/.86 'Barlow Condensed'; letter-spacing:-.045em; text-transform:uppercase; text-shadow:0 0 2.2cqw color-mix(in srgb,var(--rarity-edge) 52%,transparent); }
.card-type-slot { top:20%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:var(--rarity-glint); font:600 2.15cqw/1 'DM Mono'; letter-spacing:.1em; text-transform:uppercase; }
.card-stats-slot { top:29%; display:grid; grid-template-columns:repeat(3,1fr); gap:1.15cqw; }
.card-effect-copy { grid-column:1/-1; display:grid; min-height:10.4cqw; padding:1.7cqw 2cqw; border:1px solid color-mix(in srgb,var(--rarity-edge) 65%,transparent); background:linear-gradient(145deg,color-mix(in srgb,var(--rarity-bg) 78%,#15182d),rgba(8,10,22,.96)); clip-path:polygon(4% 0,96% 0,100% 18%,100% 100%,0 100%,0 18%); }
.card-effect-copy small { color:var(--rarity-glint); font:600 1.65cqw/1 'DM Mono'; letter-spacing:.08em; }.card-effect-copy strong { margin-top:.8cqw; color:#fff; font:700 2.35cqw/1.25 Manrope; }
.card-stat { position:relative; display:grid; grid-template-columns:auto 1fr; grid-template-rows:1fr .7cqw; align-items:center; gap:0 1cqw; min-width:0; height:10.4cqw; padding:1.25cqw 1.35cqw 1.5cqw; overflow:hidden; color:#f7faff; background:linear-gradient(145deg,color-mix(in srgb,var(--rarity-bg) 78%,#15182d),rgba(8,10,22,.96)); border:1px solid color-mix(in srgb,var(--rarity-edge) 65%,transparent); clip-path:polygon(8% 0,92% 0,100% 22%,100% 78%,92% 100%,8% 100%,0 78%,0 22%); }
.stat-icon { grid-row:1; display:grid; place-items:center; width:3.6cqw; height:3.6cqw; color:var(--rarity-glint); font:800 2.7cqw/1 'DM Mono'; text-shadow:0 0 1.5cqw var(--rarity-edge); }
.stat-copy { grid-row:1; display:flex; align-items:center; justify-content:space-between; min-width:0; }
.stat-copy small { color:color-mix(in srgb,#f7faff 68%,var(--rarity-edge)); font:600 1.75cqw/1 'DM Mono'; letter-spacing:.04em; }
.stat-copy strong { color:#fff; font:900 4.4cqw/.8 'Barlow Condensed'; text-shadow:0 0 1.5cqw var(--rarity-edge); }
.stat-meter { grid-column:1/-1; grid-row:2; align-self:end; height:.55cqw; overflow:hidden; background:rgba(255,255,255,.12); }
.stat-meter i { display:block; height:100%; background:linear-gradient(90deg,var(--rarity-edge),var(--rarity-glint)); box-shadow:0 0 1.1cqw var(--rarity-edge); }
.card-stat-power { --chip-shift:var(--rarity-glint); }
.card-stat-speed { --chip-shift:var(--rarity-hot); }
.card-move-slot { top:58%; min-height:10.5cqw; display:grid; align-content:center; padding:1.05cqw 4.2cqw 1.05cqw 2.4cqw; overflow:hidden; color:#080a13; background:linear-gradient(90deg,var(--rarity-edge),var(--rarity-glint) 66%,var(--rarity-hot)); clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%,3% 50%); box-shadow:0 0 2.4cqw color-mix(in srgb,var(--rarity-edge) 65%,transparent); }
.card-move-slot small { font:700 1.45cqw/1 'DM Mono'; letter-spacing:.12em; text-transform:uppercase; opacity:.72; }
.card-move-slot strong { margin-top:.45cqw; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font:900 3.7cqw/.85 'Barlow Condensed'; letter-spacing:-.02em; text-transform:uppercase; }
.card-ability-slot { top:82%; overflow:hidden; color:color-mix(in srgb,#f7faff 72%,var(--rarity-glint)); font:500 1.85cqw/1.3 Manrope; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.master-card.selected { box-shadow:0 0 0 3px var(--rarity-hot),0 0 3.2cqw var(--rarity-edge),0 25px 48px rgba(9,11,20,.42); }
.showcase .master-card.selected { background:var(--rarity-deep); transform:translateY(-7px); filter:saturate(1.08); }
.viewer-card .card-foil { animation:holo-sweep 3.2s ease-in-out infinite; }
@media (hover:hover) and (pointer:fine) {
  .showcase .master-card:hover,.album-grid .master-card:hover { background:var(--rarity-deep); transform:translateY(-7px); filter:saturate(1.08); }
  .showcase .master-card:hover .card-foil,.album-grid .master-card:hover .card-foil { animation:holo-sweep 3.2s ease-in-out infinite; }
}
.viewer-card { box-shadow:0 0 0 1px var(--rarity-hot),0 0 5cqw color-mix(in srgb,var(--rarity-edge) 58%,transparent),0 34px 100px rgba(0,0,0,.72); }
.viewer-card.rarity-super-rare .template-background-fallback { background-image:radial-gradient(circle at 20% 14%,#fff 0 .4%,transparent .55%),radial-gradient(circle at 82% 32%,var(--rarity-hot) 0 .45%,transparent .65%),radial-gradient(circle at 22% 78%,var(--rarity-glint) 0 .55%,transparent .75%),radial-gradient(circle at 80% 8%,color-mix(in srgb,var(--rarity-glint) 32%,transparent),transparent 27%),linear-gradient(155deg,var(--rarity-bg),var(--rarity-deep) 58%,#090a13); }
.master-preview { align-self:start; min-width:0; }
.master-preview .master-card { width:min(100%,390px); min-height:0; margin:0 auto; }
.template-fields input[type="color"] { height:48px;padding:5px;cursor:pointer; }.template-style-field { grid-column:1/-1; }.template-update-button { grid-column:1/-1;min-height:44px;cursor:pointer;text-transform:uppercase;font:700 .6rem 'DM Mono';letter-spacing:.08em; }
.generated-card img { width:min(100%,620px); aspect-ratio:4/3; object-fit:contain; object-position:center; background:#101314; cursor:zoom-in; }
.generated-card.template-generation img { width:min(100%,430px); aspect-ratio:3/4; }
.generated-card img:focus-visible { outline:3px solid var(--red); outline-offset:3px; }
.art-review { grid-column:1/-1; display:grid; grid-template-columns:1fr auto; gap:22px; align-items:center; padding:18px; border:1px solid var(--line); background:#f0f1ec; }
.art-review p { margin:0 0 9px; color:var(--red); font:600 .6rem 'DM Mono'; letter-spacing:.1em; }
.admin-page .approval-control { display:flex; grid-template-columns:none; align-items:flex-start; gap:10px; color:var(--ink); font:600 .75rem/1.45 Manrope; letter-spacing:0; text-transform:none; cursor:pointer; }
.admin-page .approval-control input { flex:0 0 auto; width:18px; height:18px; margin:1px 0 0; accent-color:var(--red); }
.art-review button { min-height:42px; padding:0 15px; cursor:pointer; white-space:nowrap; text-transform:uppercase; font:700 .6rem 'DM Mono'; letter-spacing:.06em; }
.admin-page>#saveGeneration:disabled { opacity:.42; cursor:not-allowed; }
.card-viewer[hidden] { display:none!important; }
.card-viewer { position:fixed; z-index:200; inset:0; display:grid; place-items:center; padding:22px; }
.viewer-backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(4,6,7,.9); cursor:zoom-out; backdrop-filter:blur(14px); }
.viewer-dialog { position:relative; z-index:1; display:grid; place-items:center; width:min(100%,900px); max-height:calc(100vh - 44px); padding:42px 16px 12px; }
.viewer-close { position:absolute; z-index:3; right:10px; top:0; display:flex; align-items:center; gap:8px; border:0; padding:7px 10px; color:#eef1ec; background:transparent; cursor:pointer; text-transform:uppercase; font:600 .64rem 'DM Mono'; letter-spacing:.08em; }
.viewer-close span { color:var(--red); font-size:1.35rem; line-height:.7; }
.viewer-content { display:grid; place-items:center; width:100%; max-height:calc(100vh - 86px); }
.viewer-content .master-card { width:min(64vw,480px,calc((100vh - 92px) * .75)); max-width:100%; cursor:default; box-shadow:0 0 0 1px var(--rarity-hot),0 0 42px color-mix(in srgb,var(--rarity-edge) 52%,transparent),0 34px 100px rgba(0,0,0,.72); }
.viewer-content.raw-image-viewer { width:min(100%,1100px); }
.viewer-raw-image { display:block; width:auto; height:auto; max-width:100%; max-height:calc(100vh - 96px); object-fit:contain; box-shadow:0 26px 75px rgba(0,0,0,.62); }
.template-swatch.holo-swatch { color:#f5f8ff; background:radial-gradient(circle at 75% 18%,rgba(118,247,255,.45),transparent 28%),linear-gradient(145deg,#24104f,#0b1b2b 68%); border:1px solid #76f7ff; box-shadow:inset 0 0 16px rgba(154,112,255,.42); }
body.viewer-open { overflow:hidden; }
@keyframes holo-sweep { 0%,20% { left:-80%; opacity:.08; } 48% { opacity:.42; } 70%,100% { left:125%; opacity:.08; } }
@keyframes hit {50%{transform:translateX(12px);filter:brightness(1.5)}} @media(max-width:850px){.app-shell{width:min(100% - 24px,1440px)}.top-nav{grid-template-columns:1fr auto}.nav-meta{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-visual{min-height:360px;order:-1}.hero-copy{padding:48px 26px}.collection-summary{align-items:start;flex-direction:column}.showcase,.album-grid,.template-gallery{grid-template-columns:1fr 1fr}.battle-lanes{grid-template-columns:1fr}.versus{margin:auto}.admin-page{grid-template-columns:1fr}.admin-form,.template-fields{grid-template-columns:1fr}.template-style-field{grid-column:auto}.studio-hero{padding:55px 0 42px}} @media(max-width:520px){.showcase,.album-grid,.template-gallery{grid-template-columns:1fr}.hero-actions{align-items:flex-start;flex-direction:column}.battle-arena{padding:22px}.art-window{height:210px}.art-review{grid-template-columns:1fr}.art-review button{width:100%}}
@media(max-width:1050px){.queue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:760px){.queue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.launch-queue .split-heading{align-items:start;flex-direction:column}.launch-progress{text-align:left}.queue-filters{grid-template-columns:1fr}.pilot-notice{grid-template-columns:1fr}} @media(max-width:480px){.queue-grid{grid-template-columns:1fr}.queue-card{min-height:142px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.master-card,.showcase .master-card{transition:none!important}.card-foil{left:18%!important;opacity:.12!important;animation:none!important}.hit{animation:none!important}}
@media(max-width:850px){.battle-lab-toolbar,.battle-hand{align-items:start;flex-direction:column}.battle-lab-toolbar div{width:100%}.battle-lab-toolbar button{flex:1}.vehicle-bays{grid-template-columns:1fr}.board-player{align-items:start}.battle-hand-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.board-bay{min-height:118px}.board-divider{grid-template-columns:1fr auto 1fr}.board-divider span:last-child{grid-column:1/-1}.circuit-board{padding:16px}.trophy-track{text-align:left}.board-player{justify-content:space-between}}
@media(max-width:480px){.battle-hand-cards{grid-template-columns:1fr}.board-player{flex-direction:column}.board-bay>strong{font-size:1.7rem}.battle-lab-toolbar div{flex-direction:column}.battle-lab-toolbar button{width:100%}}

/* Player garage: a pit-wall control board rather than a dashboard. */
.nav-meta a { color:inherit; text-decoration:none; }.nav-meta a:hover { color:var(--red); }
.player-shell { width:min(1440px,calc(100% - 40px)); margin:0 auto; padding:22px 0 76px; }.player-nav { min-height:58px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid var(--line); }.player-nav-links { display:flex; gap:20px; }.player-nav-links a { color:var(--muted); text-decoration:none; text-transform:uppercase; font:600 .6rem 'DM Mono'; letter-spacing:.09em; }.player-nav-links a:hover,.player-nav-links a[aria-current="page"] { color:var(--red); }.player-page { padding-top:42px; }.player-hero { position:relative; display:grid; align-content:end; min-height:365px; padding:clamp(30px,6vw,76px); overflow:hidden; color:#f7faff; background:radial-gradient(circle at 84% 23%,rgba(100,217,255,.26),transparent 23%),radial-gradient(circle at 75% 68%,rgba(154,112,255,.2),transparent 30%),linear-gradient(135deg,#141b31 0%,#070910 58%,#27200f 100%); border:1px solid #313f5f; isolation:isolate; }.player-hero::before { content:""; position:absolute; z-index:-1; inset:0; opacity:.42; background:repeating-linear-gradient(-20deg,transparent 0 34px,rgba(255,255,255,.08) 35px 36px,transparent 37px 72px); }.player-hero::after { content:"PIT WALL / 01"; position:absolute; right:4%; top:8%; color:rgba(247,250,255,.07); font:900 clamp(4rem,10vw,10rem)/.75 'Barlow Condensed'; letter-spacing:-.08em; }.player-hero h1 { max-width:820px; margin:0; font:900 clamp(3.7rem,8vw,8.5rem)/.76 'Barlow Condensed'; letter-spacing:-.075em; }.player-hero h1 i { color:#ffd65a; font-style:italic; }.player-hero>p:not(.eyebrow) { max-width:530px; margin:27px 0 0; color:#bdc9d9; font-size:.86rem; line-height:1.75; }.player-hero-compact { min-height:270px; }.account-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin-top:32px; background:var(--line); border:1px solid var(--line); }.pit-panel { padding:clamp(26px,4vw,54px); background:#f7f8f4; }.pit-panel-dark { color:#f7faff; background:#111729; }.panel-kicker { margin:0 0 12px; color:var(--red); font:600 .6rem 'DM Mono'; letter-spacing:.12em; }.pit-panel h2 { margin:0 0 31px; font:900 clamp(2.2rem,4vw,4rem)/.82 'Barlow Condensed'; letter-spacing:-.055em; text-transform:uppercase; }.pit-panel label,.pitboard-top label { display:grid; gap:8px; margin-top:16px; color:var(--muted); font:600 .57rem 'DM Mono'; letter-spacing:.09em; text-transform:uppercase; }.pit-panel-dark label { color:#aeb9cd; }.pit-panel input,.pitboard-top input,.catalog-filter input,.catalog-filter select { min-height:46px; border:1px solid var(--line); border-radius:0; padding:10px 12px; color:inherit; background:rgba(255,255,255,.84); font:600 .78rem Manrope; }.pit-panel-dark input { color:#f7faff; border-color:#46516b; background:#0b1020; }.pit-panel button,.deck-actions>button { min-height:46px; margin-top:25px; border:0; padding:0 17px; cursor:pointer; color:#070a11; background:#ffd65a; text-transform:uppercase; font:800 .62rem 'DM Mono'; letter-spacing:.08em; }.pit-panel-dark button { color:#f7faff!important; border-color:#64728f!important; }.form-note,.form-message { min-height:1.4em; margin:15px 0 0; font-size:.68rem; line-height:1.55; }.form-note { color:var(--muted); }.pit-panel-dark .form-note { color:#aeb9cd; }.form-message { color:var(--red); font-weight:700; }.account-hero { grid-template-columns:1fr auto; align-items:end; }.driver-plate { display:grid; gap:8px; min-width:210px; padding:19px; color:#0b101c; background:linear-gradient(145deg,#f8fcff,#90dce3); clip-path:polygon(0 0,92% 0,100% 18%,100% 100%,8% 100%,0 82%); box-shadow:0 0 28px rgba(100,217,255,.28); }.driver-plate small,.driver-plate span { font:600 .55rem 'DM Mono'; letter-spacing:.1em; }.driver-plate strong { font:900 2rem/.8 'Barlow Condensed'; letter-spacing:-.04em; text-transform:uppercase; }.telemetry-strip { display:grid; grid-template-columns:repeat(3,1fr); margin-top:1px; background:#202943; }.telemetry-strip article { min-height:134px; padding:26px clamp(18px,3vw,42px); border-right:1px solid #3e4964; color:#f7faff; }.telemetry-strip article:last-child { border-right:0; }.telemetry-strip small { display:block; color:#9facc8; font:600 .56rem 'DM Mono'; letter-spacing:.1em; }.telemetry-strip strong { display:block; margin-top:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#f7faff; font:900 clamp(1.8rem,3.5vw,3.4rem)/.8 'Barlow Condensed'; letter-spacing:-.045em; text-transform:uppercase; }.telemetry-strip strong i { color:#ffd65a; font:600 .55rem 'DM Mono'; letter-spacing:.06em; }.account-actions { display:flex; justify-content:space-between; align-items:end; gap:30px; padding:45px 0; border-bottom:1px solid var(--line); }.account-actions h2 { margin:0; font:900 clamp(2.2rem,4vw,4.3rem)/.83 'Barlow Condensed'; letter-spacing:-.06em; text-transform:uppercase; }.account-actions p:not(.eyebrow) { max-width:500px; margin:15px 0 0; color:var(--muted); font-size:.75rem; line-height:1.65; }.account-actions>div:last-child { display:flex; align-items:center; gap:20px; }.collection-controls { display:flex; align-items:center; gap:16px; flex-wrap:wrap; padding:22px 0; border-bottom:1px solid var(--line); }.filter-tabs,.deck-tabs { display:flex; flex-wrap:wrap; gap:0; }.filter-tabs button,.deck-tabs button { border:1px solid var(--line); border-right:0; padding:11px 14px; cursor:pointer; color:var(--muted); background:var(--white); text-transform:uppercase; font:700 .58rem 'DM Mono'; letter-spacing:.07em; }.filter-tabs button:last-child,.deck-tabs button:last-child { border-right:1px solid var(--line); }.filter-tabs button.active,.deck-tabs button.active { color:#080c14; background:#ffd65a; }.search-field { display:flex; align-items:center; gap:9px; margin-left:auto; color:var(--muted); font:600 .56rem 'DM Mono'; letter-spacing:.08em; text-transform:uppercase; }.search-field input { width:170px; min-height:38px; border:1px solid var(--line); padding:8px 10px; background:var(--white); font:600 .72rem Manrope; }.collection-controls .secondary-button { min-height:38px; padding:0 12px; cursor:pointer; font:700 .56rem 'DM Mono'; letter-spacing:.07em; text-transform:uppercase; }.import-complete { margin:0; color:#4e6a5f; font:700 .57rem 'DM Mono'; letter-spacing:.08em; }.collection-notice,.deck-notice { min-height:1.3em; margin:14px 0; color:var(--red); font:600 .65rem/1.5 'DM Mono'; }.server-album { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.server-card { position:relative; min-width:0; }.server-card .master-card { width:100%; min-height:0; }.server-card.locked { filter:grayscale(.92) contrast(.78); }.server-card.locked .card-canvas { opacity:.44; }.ownership-stamp { position:absolute; z-index:9; left:10px; top:10px; padding:6px 8px; color:#0c1422; background:#ffd65a; font:800 .48rem 'DM Mono'; letter-spacing:.07em; }.locked .ownership-stamp { color:#eef1ed; background:#384150; }.deck-heading { min-height:225px; }.deck-tabs { margin-top:22px; overflow:auto; padding-bottom:1px; }.deck-tabs button { white-space:nowrap; }.deck-tabs button i { color:#e1382f; font-style:normal; }.deck-workbench { display:grid; grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr); gap:1px; margin-top:20px; background:#2b354c; border:1px solid #2b354c; }.card-catalog { min-height:620px; padding:21px; background:#11182a; color:#f7faff; }.catalog-header { display:flex; align-items:baseline; justify-content:space-between; gap:10px; }.catalog-header .eyebrow { margin:0; }.catalog-header strong { color:#ffd65a; font:800 1.3rem 'Barlow Condensed'; }.catalog-filter { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin:18px 0; }.catalog-filter input,.catalog-filter select { min-width:0; min-height:39px; color:#f7faff; border-color:#42506c; background:#0a1020; font-size:.67rem; }.catalog-list { display:grid; gap:6px; max-height:560px; overflow:auto; padding-right:3px; }.catalog-card { position:relative; display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px; padding:12px 10px 12px 42px; border:1px solid #34425c; background:rgba(255,255,255,.035); }.catalog-card:hover { border-color:#76f7ff; }.catalog-card strong,.catalog-card small { display:block; }.catalog-card strong { font:800 1.15rem/.9 'Barlow Condensed'; letter-spacing:-.02em; text-transform:uppercase; }.catalog-card small { margin-top:4px; color:#9ca9c1; font:500 .52rem 'DM Mono'; letter-spacing:.05em; text-transform:uppercase; }.catalog-cost { position:absolute; left:10px; top:13px; display:grid; place-items:center; width:23px; height:23px; color:#0c1422; background:#ffd65a; font:900 .9rem 'Barlow Condensed'; }.catalog-card button { min-width:58px; min-height:29px; border:1px solid #76f7ff; cursor:pointer; color:#76f7ff; background:transparent; font:800 .54rem 'DM Mono'; letter-spacing:.06em; }.catalog-card button:disabled { cursor:not-allowed; opacity:.34; }.catalog-card em { position:absolute; right:10px; bottom:6px; color:#8794ad; font:500 .48rem 'DM Mono'; font-style:normal; }.empty-copy { color:#aab5cf; font-size:.7rem; }.deck-pitboard { min-width:0; padding:clamp(18px,3vw,34px); background:radial-gradient(circle at 92% 12%,rgba(100,217,255,.15),transparent 26%),#e8ebe5; }.pitboard-top { display:grid; grid-template-columns:1fr auto; gap:25px; align-items:end; }.pitboard-top label { margin:0; color:#626969; }.pitboard-top input { width:100%; min-width:210px; background:#f8f8f5; }.deck-statline { display:flex; gap:18px; }.deck-statline span { display:grid; gap:5px; }.deck-statline small { color:#6c736f; font:600 .51rem 'DM Mono'; letter-spacing:.08em; }.deck-statline b { color:#222a2b; font:900 1.85rem/.8 'Barlow Condensed'; }.deck-statline b.valid { color:#33836e; }.energy-curve { display:flex; align-items:end; gap:7px; height:94px; margin:28px 0 18px; padding:13px; background:#d5ddda; border-top:4px solid #e1382f; }.energy-curve span { display:grid; flex:1; justify-items:center; align-items:end; height:100%; }.energy-curve i { display:block; width:min(28px,80%); background:linear-gradient(180deg,#76f7ff,#38537d); box-shadow:0 0 0 1px rgba(7,16,30,.18); }.energy-curve b,.energy-curve small { font:700 .53rem 'DM Mono'; }.energy-curve b { color:#182231; margin-top:5px; }.energy-curve small { color:#607080; margin-top:3px; }.deck-slots { display:grid; gap:2px; min-height:292px; max-height:390px; margin:0; padding:0; overflow:auto; list-style:none; background:#c8ceca; }.deck-slots li { display:grid; grid-template-columns:30px minmax(0,1fr) auto 26px; gap:10px; align-items:center; min-height:37px; padding:7px 9px; background:#f7f8f4; }.deck-slots li>span,.deck-slots small { color:#6b7473; font:600 .53rem 'DM Mono'; letter-spacing:.05em; }.deck-slots li>b { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font:800 .88rem 'Barlow Condensed'; letter-spacing:.01em; text-transform:uppercase; }.deck-slots button { width:24px; height:24px; border:1px solid #bdc4c0; cursor:pointer; color:#e1382f; background:#fff; font:800 1rem/1 Manrope; }.deck-slots .empty-slot { display:block; padding:22px; color:#687271; text-align:center; font-size:.74rem; }.deck-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:18px; }.deck-actions>button { margin:0; }.deck-actions .secondary-button { border:1px solid #697570!important; background:transparent!important; }.deck-actions .danger { margin-left:auto; color:#b02727; }.race-control-hero { min-height:390px; }.race-control-actions { display:flex; align-items:center; gap:19px; margin-top:31px; }.secondary-link { color:#f7faff; font:700 .61rem 'DM Mono'; letter-spacing:.08em; text-transform:uppercase; }.preflight-panel { display:grid; grid-template-columns:auto 1fr auto 1fr; gap:18px; align-items:center; margin-top:1px; padding:30px; color:#f7faff; background:#19223a; }.preflight-panel>span { color:#ffd65a; font:900 3rem/.8 'Barlow Condensed'; }.preflight-panel small,.preflight-panel strong { display:block; }.preflight-panel small { color:#aeb9cd; font:600 .54rem 'DM Mono'; letter-spacing:.1em; }.preflight-panel strong { margin-top:7px; font:800 1.1rem/.95 'Barlow Condensed'; letter-spacing:.01em; text-transform:uppercase; }.player-loading { display:grid; place-items:center; min-height:340px; color:var(--muted); font:600 .64rem 'DM Mono'; letter-spacing:.1em; text-transform:uppercase; }.player-loading span { width:48px; height:48px; border:3px solid #c8d0d3; border-top-color:#e1382f; border-radius:50%; animation:player-spin .8s linear infinite; }
@keyframes player-spin { to { transform:rotate(360deg); } }
@media(max-width:850px){.player-shell{width:min(100% - 24px,1440px)}.player-nav{grid-template-columns:1fr auto}.player-nav-links{display:none}.account-grid,.deck-workbench{grid-template-columns:1fr}.account-hero{grid-template-columns:1fr}.driver-plate{margin-top:25px}.server-album{grid-template-columns:repeat(2,minmax(0,1fr))}.telemetry-strip{grid-template-columns:1fr}.telemetry-strip article{min-height:96px;border-right:0;border-bottom:1px solid #3e4964}.pitboard-top{grid-template-columns:1fr}.deck-statline{justify-content:space-between}.account-actions{align-items:start;flex-direction:column}.search-field{margin-left:0}.preflight-panel{grid-template-columns:auto 1fr}.preflight-panel>span:nth-of-type(2){grid-column:1}.player-hero{min-height:320px}}@media(max-width:520px){.server-album{grid-template-columns:1fr}.player-page{padding-top:22px}.player-hero{padding:30px 22px}.player-hero h1{font-size:3.55rem}.collection-controls{align-items:stretch}.filter-tabs{width:100%}.filter-tabs button{flex:1;padding:11px 8px}.search-field{width:100%}.search-field input{flex:1;width:auto}.catalog-filter{grid-template-columns:1fr}.deck-statline{gap:10px}.deck-slots li{grid-template-columns:24px minmax(0,1fr) 24px}.deck-slots small{display:none}.deck-actions{align-items:stretch;flex-direction:column}.deck-actions>button,.deck-actions .danger{width:100%;margin-left:0}.race-control-actions{align-items:stretch;flex-direction:column}.preflight-panel{padding:22px;gap:12px}.player-nav .nav-action{font-size:.58rem}}@media(prefers-reduced-motion:reduce){.player-loading span{animation:none}.catalog-card,.server-card,.deck-tabs button{transition:none!important}}