:root{--ink-black: #09090E;--ink-surface: #13131A;--ink-panel: #1A1A24;--ink-elevated: #232331;--line: #2C2C3D;--line-strong: #3A3A50;--bone: #EDEBE3;--bone-muted: #9A9892;--bone-dim: #6B6A66;--blood: #E6393B;--blood-deep: #7A1012;--blood-glow: #FF4D4F;--devil-violet: #7A3BFF;--devil-violet-deep: #2E1A6B;--cyber-amber: #FFB020;--cyber-amber-deep: #7A4A00;--toxic-green: #2ECC71;--steel-blue: #4A7CFF;--steel-blue-deep: #1A2E6B;--frost: #7AD8FF;--frost-deep: #0F3A4A;--acid: #C6FF00;--crimson-black: #1A0A0A;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-display: "Barlow Condensed", sans-serif;--font-body: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 28px;--text-3xl: 36px;--text-4xl: 52px;--text-5xl: 72px;--ease-out: cubic-bezier(.16,1,.3,1);--ease-spring: cubic-bezier(.34,1.56,.64,1);--shadow-panel: 0 8px 32px rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.06) inset;--shadow-glow-blood: 0 0 24px rgba(230,57,59,.35);--shadow-glow-violet: 0 0 24px rgba(122,59,255,.35)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--ink-black);color:var(--bone);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{width:100vw;height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}button{font:inherit}a{color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}::-webkit-scrollbar-track{background:transparent}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--ink-black);overflow:hidden}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em}.label-mini{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--bone-muted)}.btn-primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;background:var(--blood);color:#fff;font-family:var(--font-display);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:14px;padding:12px 22px;border-radius:0;position:relative;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);transition:transform .12s var(--ease-out),background .12s,box-shadow .12s,filter .12s;box-shadow:var(--shadow-glow-blood)}.btn-primary:hover{background:#ff4446;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-strong);cursor:pointer;background:#ffffff0a;color:var(--bone);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:10px 16px;border-radius:var(--radius-sm);transition:all .12s var(--ease-out);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-ghost:hover{border-color:var(--bone-dim);background:#ffffff14;color:var(--bone)}.btn-ghost:active{transform:scale(.97)}.btn-icon{width:36px;height:36px;display:inline-grid;place-items:center;border:1px solid var(--line);background:#ffffff0a;color:var(--bone-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .12s}.btn-icon:hover{color:var(--bone);border-color:var(--line-strong);background:#ffffff14}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--line);border-radius:999px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--bone);border:2px solid var(--ink-black);box-shadow:0 1px 6px #00000080;cursor:pointer}.menu-screen{display:flex;flex-direction:column;position:relative;overflow:hidden;background:radial-gradient(900px 600px at 70% 20%,rgba(122,59,255,.18),transparent 60%),radial-gradient(800px 500px at 10% 90%,rgba(230,57,59,.14),transparent 60%),linear-gradient(180deg,#0b0b12,#09090e 55%,#07070b)}.menu-bg-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.9}.menu-topbar{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:var(--blood);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}.brand-title{font-family:var(--font-display);font-weight:900;font-size:20px;letter-spacing:.08em;line-height:1}.brand-sub{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--bone-muted)}.menu-body{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;padding:28px 36px 24px;max-width:1280px;width:100%;margin:0 auto}.hero-copy{display:flex;flex-direction:column;justify-content:center;gap:18px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--blood-glow)}.eyebrow:before{content:"";width:24px;height:1px;background:var(--blood)}.title-duels{font-family:var(--font-display);font-weight:900;line-height:.85;letter-spacing:-.02em;font-size:clamp(64px,9vw,120px);text-transform:uppercase}.title-duels span{display:block}.title-duels .line1{color:var(--bone)}.title-duels .line2{color:transparent;-webkit-text-stroke:1.5px rgba(237,235,227,.9);position:relative}.title-duels .line2:after{content:"DUELS";position:absolute;top:0;right:0;bottom:0;left:0;color:var(--blood);-webkit-text-stroke:0;clip-path:inset(52% 0 0 0);opacity:.95}.hero-desc{max-width:520px;color:var(--bone-muted);font-size:14px;line-height:1.6}.hero-desc strong{color:var(--bone);font-weight:600}.menu-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}.hero-stats{display:flex;gap:18px;margin-top:8px;border-top:1px solid rgba(255,255,255,.06);padding-top:16px}.stat{display:flex;flex-direction:column;gap:2px}.stat-val{font-family:var(--font-mono);font-weight:700;font-size:18px;color:var(--bone)}.stat-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--bone-dim)}.menu-card{background:#14141cb8;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-panel);display:flex;flex-direction:column;overflow:hidden}.card-head{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent)}.card-title{font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.card-body{padding:16px;display:flex;flex-direction:column;gap:14px}.mode-list{display:flex;flex-direction:column;gap:10px}.mode-item{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .14s var(--ease-out);text-align:left;border-radius:var(--radius-sm)}.mode-item:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-1px)}.mode-item.active{background:#e6393b1f;border-color:#e6393b8c;box-shadow:0 0 18px #e6393b2e}.mode-icon{width:40px;height:40px;display:grid;place-items:center;background:var(--ink-panel);border:1px solid var(--line)}.mode-name{font-weight:700;font-size:13px;letter-spacing:.02em}.mode-desc{font-size:11px;color:var(--bone-muted);margin-top:2px}.difficulty-row{display:flex;gap:8px}.diff-pill{flex:1;padding:8px 10px;text-align:center;cursor:pointer;border:1px solid var(--line);background:#ffffff08;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;transition:all .12s}.diff-pill.active{background:var(--bone);color:var(--ink-black);border-color:var(--bone);font-weight:700}.version-tag{position:absolute;bottom:12px;right:16px;z-index:2;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff40}.cs-screen{background:radial-gradient(700px 400px at 20% 15%,rgba(122,59,255,.12),transparent 60%),radial-gradient(700px 400px at 85% 90%,rgba(230,57,59,.1),transparent 60%),linear-gradient(180deg,#0b0b12,#09090e);display:flex;flex-direction:column}.cs-header{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cs-title{font-family:var(--font-display);font-weight:900;font-size:28px;letter-spacing:.06em;text-transform:uppercase}.cs-title em{color:var(--blood);font-style:normal}.cs-body{flex:1;display:grid;grid-template-columns:1fr 360px;gap:20px;padding:18px 24px;max-width:1280px;width:100%;margin:0 auto;overflow:hidden}.roster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-content:start}.fighter-card{position:relative;height:188px;overflow:hidden;cursor:pointer;background:var(--ink-panel);border:1px solid var(--line);transition:transform .14s var(--ease-out),border-color .14s,box-shadow .14s;display:flex;flex-direction:column}.fighter-card:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 10px 24px #0006}.fighter-card.selected{border-color:var(--blood);box-shadow:0 0 0 1px var(--blood),0 8px 24px #e6393b40}.fighter-card.cpu-pick{border-color:var(--devil-violet);box-shadow:0 0 0 1px var(--devil-violet)}.fighter-portrait{flex:1;position:relative;overflow:hidden;background:#0e0e14}.fighter-card.selected .fighter-portrait:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-top:3px solid var(--blood);pointer-events:none}.portrait-canvas{width:100%;height:100%;display:block}.faction-badge{position:absolute;top:8px;left:8px;font-family:var(--font-mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;padding:3px 6px;border:1px solid rgba(255,255,255,.15);background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.faction-badge.devils{color:var(--blood-glow);border-color:#e6393b80}.faction-badge.monsters{color:var(--frost);border-color:#7ad8ff73}.fighter-meta{padding:8px 10px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.06)}.fighter-name{font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase;line-height:1}.fighter-archetype{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--bone-muted);margin-top:3px}.detail-panel{background:#14141cbf;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-panel);display:flex;flex-direction:column;overflow:hidden}.detail-preview{height:260px;position:relative;overflow:hidden;background:#0c0c12;border-bottom:1px solid rgba(255,255,255,.06)}.detail-canvas{width:100%;height:100%;display:block}.detail-info{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto}.detail-name{font-family:var(--font-display);font-weight:900;font-size:24px;letter-spacing:.04em;text-transform:uppercase;line-height:1}.detail-lore{font-size:12px;line-height:1.6;color:var(--bone-muted)}.moves-list{display:flex;flex-direction:column;gap:6px}.move-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:8px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm)}.move-name{font-size:12px;font-weight:600}.move-input{font-family:var(--font-mono);font-size:10px;padding:3px 6px;background:var(--ink-surface);border:1px solid var(--line);border-radius:4px;color:var(--bone-muted)}.stat-bars{display:flex;flex-direction:column;gap:8px;margin-top:4px}.stat-row{display:grid;grid-template-columns:70px 1fr 30px;gap:8px;align-items:center}.stat-label-sm{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--bone-muted)}.stat-track{height:6px;background:#ffffff14;border-radius:999px;overflow:hidden}.stat-fill{height:100%;border-radius:999px}.hud-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;padding:16px 20px;display:flex;flex-direction:column;justify-content:space-between}.hud-top{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:start}.hud-player{display:flex;flex-direction:column;gap:8px}.hud-player.right{align-items:flex-end}.hud-name-row{display:flex;align-items:center;gap:10px}.hud-player.right .hud-name-row{flex-direction:row-reverse}.hud-faction-icon{width:28px;height:28px;display:grid;place-items:center;background:var(--ink-panel);border:1px solid var(--line);transform:skew(-8deg)}.hud-faction-icon svg{transform:skew(8deg)}.hud-name{font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:.04em;text-transform:uppercase;line-height:1}.hud-subtitle{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--bone-muted);margin-top:2px}.health-wrap{width:100%;max-width:420px;height:22px;background:#0009;border:1px solid rgba(255,255,255,.08);padding:3px;display:flex;gap:2px;transform:skew(-6deg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-player.right .health-wrap{transform:skew(6deg)}.health-track{flex:1;position:relative;overflow:hidden;background:#0a0a0e}.health-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;transition:transform .22s cubic-bezier(.22,1,.36,1)}.health-fill.right{transform-origin:right}.health-ghost{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff38;transform-origin:left;transition:transform .6s ease-out}.health-ghost.right{transform-origin:right}.meter-wrap{width:100%;max-width:420px;height:10px;background:#00000080;border:1px solid rgba(255,255,255,.06);padding:2px;display:flex;transform:skew(-6deg)}.hud-player.right .meter-wrap{transform:skew(6deg)}.meter-fill{height:100%;transition:width .2s ease}.hud-center{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:2px}.timer-box{width:84px;height:52px;background:var(--ink-panel);border:1px solid var(--line-strong);display:grid;place-items:center;box-shadow:var(--shadow-panel);position:relative}.timer-box:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-top:2px solid var(--blood);opacity:.9}.timer-value{font-family:var(--font-mono);font-weight:700;font-size:26px;letter-spacing:-.04em;color:var(--bone)}.round-pips{display:flex;gap:6px}.pip{width:10px;height:10px;transform:rotate(45deg);border:1px solid rgba(255,255,255,.2);background:transparent}.pip.won{background:var(--blood);border-color:var(--blood);box-shadow:0 0 8px #e6393b99}.combo-indicator{position:absolute;top:50%;transform:translateY(-50%);font-family:var(--font-display);font-weight:900;font-size:28px;letter-spacing:.04em;color:var(--cyber-amber);text-shadow:0 2px 20px rgba(255,176,32,.5),0 0 0 rgba(0,0,0,1);pointer-events:none}.combo-indicator.left{left:18%}.combo-indicator.right{right:18%;text-align:right}.controls-hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73;background:#00000080;border:1px solid rgba(255,255,255,.08);padding:6px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.controls-hint kbd{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-bottom-width:2px;padding:2px 6px;border-radius:4px;font-size:10px;color:var(--bone)}