:root{--bg-panel: rgba(10, 24, 21, .8);--bg-panel-strong: rgba(15, 33, 28, .92);--bg-chip: rgba(245, 219, 164, .12);--stroke: rgba(248, 224, 177, .16);--stroke-strong: rgba(248, 224, 177, .38);--text-main: #f7edd9;--text-soft: #d5e6da;--text-dim: #98b4a5;--accent-gold: #f2bd6a;--accent-red: #f47f63;--accent-green: #83d5ab;--accent-cyan: #8fe0d5;--shadow: 0 24px 70px rgba(0, 0, 0, .42);--hp-green: linear-gradient(90deg, #6fc88e 0%, #d7f0ad 100%);--super-gold: linear-gradient(90deg, #cc7a32 0%, #ffe089 100%)}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;min-height:100dvh}body{overflow:hidden;color:var(--text-main);font-family:Trebuchet MS,Verdana,sans-serif;background:radial-gradient(circle at top left,rgba(122,204,155,.1),transparent 28%),radial-gradient(circle at top right,rgba(242,189,106,.09),transparent 22%),radial-gradient(circle at bottom left,rgba(96,168,199,.08),transparent 26%),linear-gradient(180deg,#081513,#0a1615 34%,#0a1112)}button{font:inherit}#game-shell{position:relative;width:100%;height:100%;min-height:100dvh;overflow:hidden}#game-canvas{position:absolute;inset:0}#game-canvas canvas{display:block;width:100%;height:100%}#ui-root,.ui-root{position:absolute;inset:0;pointer-events:none}.ui-layer{position:absolute;inset:0}.ui-menu{z-index:3}.ui-hud{z-index:2}.ui-modal{z-index:6}.ui-menu,.ui-modal{pointer-events:none}.ui-menu.is-visible,.ui-modal.is-visible{pointer-events:auto}.ui-menu{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.menu-shell{position:relative;display:grid;align-content:start;gap:clamp(16px,2vw,24px);min-height:100dvh;padding:clamp(14px,2vw,28px);padding-bottom:max(clamp(14px,2vw,28px),env(safe-area-inset-bottom));background:linear-gradient(180deg,#050e0dc2,#040a0ae6),radial-gradient(circle at top left,rgba(126,212,164,.12),transparent 34%);overflow:hidden}.menu-shell>*{position:relative;z-index:1}.setup-screen,.online-screen{display:grid;gap:clamp(16px,2vw,24px)}.menu-shell[data-screen=setup] .online-screen,.menu-shell[data-screen=online] .setup-screen{display:none}.menu-backdrop{position:absolute;inset:0;pointer-events:none;overflow:hidden}.menu-backdrop__glow,.menu-backdrop__wave,.menu-backdrop__splash,.menu-backdrop__silhouette,.menu-backdrop__log{position:absolute}.menu-backdrop__glow{width:460px;height:460px;border-radius:50%;filter:blur(24px);opacity:.3}.menu-backdrop__glow--left{left:-90px;top:-120px;background:radial-gradient(circle,rgba(112,203,171,.22),transparent 65%)}.menu-backdrop__glow--right{right:-120px;top:20px;background:radial-gradient(circle,rgba(242,189,106,.2),transparent 65%)}.menu-backdrop__wave{width:150%;left:-20%;border-radius:48%;background:linear-gradient(180deg,#6fcfc81a,#6fcfc800);animation:waveDrift 18s linear infinite}.menu-backdrop__wave--a{bottom:90px;height:180px}.menu-backdrop__wave--b{bottom:18px;height:140px;opacity:.7;animation-duration:24s;animation-direction:reverse}.menu-backdrop__splash{width:180px;height:90px;border-radius:50%;border:2px solid rgba(224,255,248,.22);opacity:.4;animation:splashPulse 7s ease-in-out infinite}.menu-backdrop__splash:before,.menu-backdrop__splash:after{content:"";position:absolute;border-radius:50%;background:#e0fff82e}.menu-backdrop__splash:before{width:14px;height:14px;left:26px;top:12px}.menu-backdrop__splash:after{width:9px;height:9px;right:38px;top:24px}.menu-backdrop__splash--a{right:160px;bottom:100px}.menu-backdrop__splash--b{left:120px;bottom:160px;animation-delay:-3.2s}.menu-backdrop__silhouette{bottom:0;opacity:.36}.menu-backdrop__silhouette--forest{left:0;width:46%;height:220px;background:linear-gradient(180deg,#0000,#070f0db8),radial-gradient(circle at 15% 78%,rgba(26,48,37,.96) 0 14%,transparent 15%),radial-gradient(circle at 30% 72%,rgba(24,46,35,.92) 0 16%,transparent 17%),radial-gradient(circle at 46% 76%,rgba(28,52,39,.94) 0 14%,transparent 15%),radial-gradient(circle at 66% 72%,rgba(22,42,33,.94) 0 18%,transparent 19%),radial-gradient(circle at 84% 77%,rgba(26,48,36,.94) 0 16%,transparent 17%)}.menu-backdrop__silhouette--dam{right:4%;width:460px;height:200px;background:linear-gradient(180deg,#0000,#080e0db8),linear-gradient(90deg,transparent 0 12%,rgba(82,60,34,.76) 12% 18%,transparent 18% 26%,rgba(82,60,34,.76) 26% 32%,transparent 32% 100%),linear-gradient(180deg,transparent 0 36%,rgba(90,67,37,.62) 36% 48%,transparent 48% 70%,rgba(90,67,37,.72) 70% 78%,transparent 78% 100%)}.menu-backdrop__log{width:160px;height:28px;border-radius:999px;background:radial-gradient(circle at 18px 14px,rgba(248,220,166,.82) 0 9px,transparent 10px),radial-gradient(circle at calc(100% - 18px) 14px,rgba(248,220,166,.82) 0 9px,transparent 10px),linear-gradient(180deg,#8a5f32eb,#684523eb);opacity:.48;animation:logDrift 13s linear infinite}.menu-backdrop__log--a{left:8%;bottom:68px}.menu-backdrop__log--b{right:18%;bottom:42px;animation-duration:18s;animation-direction:reverse}.hero-panel,.mode-strip,.online-screen,.online-card,.side-detail-drawer,.selection-block,.preview-card,.matchup-card,.modal-card{border:1px solid var(--stroke);border-radius:30px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-panel{display:grid;gap:18px;padding:clamp(18px,2vw,28px);background:linear-gradient(135deg,#1e3027e0,#0b1312eb),radial-gradient(circle at 12% 10%,rgba(143,224,213,.16),transparent 22%),radial-gradient(circle at 84% 18%,rgba(242,189,106,.16),transparent 24%)}.hero-panel__grid{display:grid;grid-template-columns:minmax(260px,.95fr) minmax(300px,1fr) minmax(260px,.95fr);gap:clamp(14px,1.8vw,22px);align-items:center}.hero-banner,.choice-visual,.feature-stage,.matchup-card__arena,.portrait-banner__art{overflow:hidden;border-radius:24px;border:1px solid rgba(248,224,177,.08);background:linear-gradient(180deg,#081412d1,#090f0ee6),radial-gradient(circle at center,rgba(247,237,217,.05),transparent 54%)}.hero-banner{min-height:198px;animation:bannerFloat 8s ease-in-out infinite}.hero-banner--enemy{animation-delay:-2.6s}.hero-banner svg,.choice-visual svg,.feature-stage svg,.matchup-card__arena svg,.portrait-banner__art svg{display:block;width:100%;height:100%}.hero-copywrap{display:grid;gap:14px;align-content:center}.hero-kicker,.preview-label,.modal-kicker,.section-heading small{margin:0;color:var(--accent-gold);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.hero-panel h1,.preview-card h3,.matchup-card h3,.portrait-banner h3,.modal-card h2{margin:0;font-family:Impact,Haettenschweiler,sans-serif;letter-spacing:.05em;line-height:.96}.hero-panel h1{font-size:clamp(62px,8vw,112px)}.hero-copy,.preview-card p,.choice-copy,.hud-round,.hud-value,.mode-card__copy,.portrait-banner p,.matchup-card p,.modal-card p{margin:0;color:var(--text-soft)}.hero-badges,.tag-row,.audio-cluster{display:flex;flex-wrap:wrap;gap:10px}.hero-badge,.tag-pill,.preview-pill,.choice-badge,.hud-chip,.hud-timer,.matchup-chip{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 12px;border-radius:999px;border:1px solid var(--stroke);background:var(--bg-chip)}.hero-badge,.preview-pill,.choice-badge,.matchup-chip{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-badge--vs{background:#f2bd6a2e;color:var(--accent-gold)}.hero-badge--enemy,.matchup-chip--enemy{background:#f47f6324;color:#ffc1b2}.hero-badge--arena{background:#8fe0d51f;color:var(--accent-cyan)}.hero-badge--mode{background:#83d5ab1f;color:var(--accent-green)}.hero-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.hero-controls{display:flex;flex-wrap:wrap;gap:10px}.hero-controls span{padding:10px 14px;border-radius:999px;border:1px solid var(--stroke);background:#f6d68e14;color:var(--text-soft);font-size:13px}.play-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(128px,1fr));gap:8px;min-width:min(360px,100%)}.play-mode-card{display:grid;gap:4px;min-height:58px;padding:10px 12px;border:1px solid rgba(248,224,177,.14);border-radius:8px;background:#071816ad;color:var(--text-main);text-align:left}.play-mode-card strong{color:var(--accent-gold);font-family:Impact,Haettenschweiler,sans-serif;font-size:22px;letter-spacing:.04em}.play-mode-card span{color:var(--text-dim);font-size:12px;line-height:1.2}.play-mode-card.is-selected{border-color:#83d5ab94;background:#1d4433b8}.audio-cluster{align-items:center;justify-content:flex-end}.start-button--hero{min-width:180px;padding:11px 18px;font-size:22px}.utility-button,.start-button,.modal-button,.choice-card,.mode-card{appearance:none;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.utility-button{padding:12px 16px;border-radius:8px;border:1px solid var(--stroke);background:#071816d1;color:var(--text-main);font-family:Impact,Haettenschweiler,sans-serif;font-size:20px;letter-spacing:.05em}.utility-button--screen{border-color:#8fe0d557;color:var(--accent-cyan)}.utility-button[aria-pressed=true]{border-color:#83d5ab6b;color:var(--accent-green)}.screen-mode-pill{display:inline-flex;align-items:center;min-height:48px;max-width:220px;padding:9px 13px;border:1px solid rgba(143,224,213,.24);border-radius:16px;background:#071816b8;color:var(--accent-cyan);font-size:12px;line-height:1.15;text-transform:uppercase;letter-spacing:.08em}.volume-control{display:grid;grid-template-columns:auto minmax(120px,180px) auto;gap:10px;align-items:center;padding:10px 14px;border-radius:16px;border:1px solid var(--stroke);background:#071816d1}.volume-control span{color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.volume-control strong{min-width:42px;color:var(--accent-gold);text-align:right;font-family:Impact,Haettenschweiler,sans-serif;letter-spacing:.04em}.volume-control input{width:100%;accent-color:var(--accent-gold)}.volume-control.is-disabled{opacity:.58}.mode-strip{display:grid;gap:14px;padding:clamp(14px,1.6vw,18px);background:#081513ad}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;color:var(--text-main);font-family:Impact,Haettenschweiler,sans-serif;font-size:30px;letter-spacing:.03em}.menu-disclosure{gap:14px}.menu-disclosure>summary{position:relative;cursor:pointer;list-style:none;min-width:0;overflow:hidden;padding-right:24px}.menu-disclosure>summary.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:baseline}.menu-disclosure>summary.section-heading small{min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.menu-disclosure>summary::-webkit-details-marker{display:none}.menu-disclosure>summary:after{content:"";position:absolute;top:50%;right:3px;width:10px;height:10px;border-right:2px solid var(--accent-gold);border-bottom:2px solid var(--accent-gold);transform:translateY(-60%) rotate(45deg);transition:transform .16s ease}.menu-disclosure[open]>summary:after{transform:translateY(-20%) rotate(225deg)}.menu-disclosure__body{display:grid;gap:12px;min-width:0}.side-detail-drawer{display:grid;align-self:start;background:#0815139e}.online-screen{min-height:min(560px,calc(100dvh - 180px));align-content:start;background:linear-gradient(180deg,#10211ef0,#070f0ff5),radial-gradient(circle at top right,rgba(143,224,213,.14),transparent 28%)}.online-screen__top,.online-grid,.online-card__head,.rating-list li{display:flex;gap:14px}.online-screen__top{justify-content:space-between;align-items:start}.online-screen h2{margin:0;font-family:Impact,Haettenschweiler,sans-serif;font-size:clamp(40px,64px,72px);letter-spacing:.04em;line-height:.96}.online-screen p{max-width:680px;margin:10px 0 0;color:var(--text-soft);line-height:1.45}.online-grid{flex-wrap:wrap;align-items:stretch}.online-grid--auth{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr))}.online-grid--lobby{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(280px,1fr) minmax(320px,1.2fr)}.online-card{display:grid;align-content:start;flex:1 1 280px;gap:14px;min-width:0;background:linear-gradient(180deg,#14221eeb,#081110f5),radial-gradient(circle at top left,rgba(242,189,106,.1),transparent 32%)}.online-card--wide{grid-row:span 2}.online-notice,.online-status-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0}.online-notice{padding:12px 14px;border:1px solid rgba(242,189,106,.24);border-radius:8px;background:#f2bd6a14;color:var(--text-soft)}.online-notice strong{color:var(--accent-gold)}.online-status-row{min-height:44px;padding:10px 12px;border:1px solid rgba(143,224,213,.16);border-radius:8px;background:#040e0d85;color:var(--text-soft)}.online-status{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:8px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.online-status--offline{background:#ff7e5f24;color:#ffb59e}.online-status--connecting{background:#f2bd6a24;color:var(--accent-gold)}.online-status--connected{background:#83d5ab24;color:var(--accent-green)}.online-field{display:grid;gap:8px}.online-field span,.online-card__head span{color:var(--accent-gold);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.online-field input{width:100%;min-height:52px;border:1px solid var(--stroke);border-radius:8px;padding:0 14px;background:#040e0db8;color:var(--text-main);font:inherit}.online-field input:focus{outline:2px solid rgba(143,224,213,.34);outline-offset:2px}.online-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.online-actions--compact{justify-content:flex-end;gap:8px}.online-score{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px 10px;align-items:baseline;padding:12px;border:1px solid rgba(248,224,177,.1);border-radius:8px;background:#f5d9a50f}.online-score strong{color:var(--accent-gold);font-family:Impact,Haettenschweiler,sans-serif;font-size:32px;letter-spacing:.03em}.online-score span{color:var(--text-soft)}.online-card__head,.rating-list li{justify-content:space-between;align-items:center}.online-card__head small{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.rating-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.rating-list li{min-height:44px;padding:10px 12px;border:1px solid rgba(248,224,177,.1);border-radius:8px;background:#f5d9a512}.online-list,.online-mini-list{display:grid;gap:10px;min-width:0}.online-mini-list{padding-top:4px}.online-mini-list>strong{color:var(--accent-gold);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.online-user-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:48px;padding:10px 12px;border:1px solid rgba(143,224,213,.12);border-radius:8px;background:#040e0d6b}.online-user-row.is-muted{opacity:.58}.online-user-row strong,.online-user-row span{display:block;min-width:0}.online-user-row strong{overflow-wrap:anywhere;color:var(--text-main)}.online-user-row span{color:var(--text-dim);font-size:12px}.online-pill{display:inline-flex;justify-content:center;min-width:64px;padding:5px 8px;border:1px solid rgba(248,224,177,.12);border-radius:8px;color:var(--text-dim);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.online-empty{margin:0;color:var(--text-dim)}.modal-button--small{min-height:34px;padding:8px 10px;font-size:16px}.rating-list strong{color:var(--accent-green)}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mode-card{display:grid;gap:10px;padding:14px;border-radius:22px;border:1px solid rgba(248,224,177,.1);background:linear-gradient(180deg,#12201cf5,#091110fa),radial-gradient(circle at top right,rgba(143,224,213,.14),transparent 26%);color:var(--text-main);text-align:left}.mode-card.is-selected{border-color:#83d5ab9e;background:linear-gradient(180deg,#183a2df5,#0a1412fa),radial-gradient(circle at top right,rgba(131,213,171,.18),transparent 30%)}.mode-card__top,.mode-card__meta{display:flex;justify-content:space-between;gap:10px;align-items:center}.mode-card__name,.mode-card__title,.choice-title,.hud-name,.hud-score,.hud-banner{font-family:Impact,Haettenschweiler,sans-serif;letter-spacing:.04em}.mode-card__name{color:var(--accent-gold);font-size:14px;text-transform:uppercase}.mode-card__badge{padding:5px 9px;border-radius:999px;background:#f2bd6a1f;color:var(--accent-gold);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.mode-card__title{font-size:28px}.mode-card__copy{font-size:14px;line-height:1.4}.mode-card__meta{color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.mode-card__meta strong{color:var(--text-main);font-size:20px}.menu-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.98fr);gap:clamp(16px,2vw,24px);align-content:start;align-items:start;min-height:0}.runner-setup{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.74fr);gap:clamp(16px,2vw,24px);align-items:stretch}.runner-setup__copy,.runner-setup__panel{display:grid;gap:16px;padding:18px;border:1px solid var(--stroke);border-radius:8px;background:var(--bg-panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.runner-setup__copy{align-content:center}.runner-setup__copy h2{margin:0;font-family:Impact,Haettenschweiler,sans-serif;font-size:clamp(42px,7vw,86px);letter-spacing:.04em;line-height:.92}.runner-setup__copy p,.runner-setup__panel p{margin:0;color:var(--text-soft);line-height:1.55}.runner-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.runner-rules div,.runner-best{display:grid;gap:6px;padding:12px;border:1px solid rgba(248,224,177,.12);border-radius:8px;background:#0718168a}.runner-rules strong,.runner-best strong{color:var(--accent-gold);font-family:Impact,Haettenschweiler,sans-serif;font-size:24px;letter-spacing:.04em}.runner-rules span,.runner-best span{color:var(--text-dim);font-size:13px;line-height:1.35}.runner-best{grid-template-columns:1fr auto;align-items:center}.selection-column{display:grid;gap:18px;min-height:0}.selection-block,.preview-card,.matchup-card,.modal-card{background:var(--bg-panel)}.selection-block,.preview-card,.matchup-card,.online-screen,.online-card,.side-detail-drawer{padding:18px}.card-grid,.arena-list,.banner-rack{display:grid;gap:12px}.card-grid--duelists{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.arena-list{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr))}.choice-card{display:grid;gap:10px;min-width:0;padding:14px;border-radius:24px;border:1px solid rgba(248,224,177,.1);background:linear-gradient(180deg,#14221ef5,#0a1210fa),radial-gradient(circle at top right,rgba(143,224,213,.14),transparent 28%);color:var(--text-main);text-align:left}.choice-card--arena{grid-template-columns:minmax(104px,132px) minmax(0,1fr);grid-template-areas:"visual headline" "visual meta" "visual copy" "visual tags";align-items:start}.choice-card:hover,.choice-card:focus-visible,.mode-card:hover,.mode-card:focus-visible,.utility-button:hover,.utility-button:focus-visible,.start-button:hover,.start-button:focus-visible,.modal-button:hover,.modal-button:focus-visible{transform:translateY(-2px);border-color:var(--stroke-strong)}.choice-card:hover .choice-visual,.choice-card:focus-visible .choice-visual{transform:translateY(-3px) scale(1.01)}.choice-card.is-selected{border-color:#f2bd6aad;background:linear-gradient(180deg,#4c3817f5,#19120dfa),radial-gradient(circle at top right,rgba(242,189,106,.18),transparent 30%)}.choice-card.is-enemy.is-selected{border-color:#f47f63b3;background:linear-gradient(180deg,#501d17f5,#1b0e0efa),radial-gradient(circle at top right,rgba(244,127,99,.18),transparent 30%)}.choice-card.is-arena.is-selected{border-color:#83d5ab9e;background:linear-gradient(180deg,#1c3c31f5,#0c1211fa),radial-gradient(circle at top right,rgba(131,213,171,.18),transparent 30%)}.choice-visual{min-height:142px;transition:transform .18s ease}.choice-visual--arena{min-height:112px;grid-area:visual}.choice-card--arena .choice-headline{grid-area:headline;display:grid;grid-template-columns:1fr;gap:6px;justify-items:start}.choice-card--arena .choice-title{font-size:24px}.choice-card--arena .choice-meta{grid-area:meta}.choice-card--arena .choice-copy{grid-area:copy;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.choice-card--arena .tag-row{grid-area:tags}.choice-card--arena .choice-badge{justify-self:start;max-width:100%;min-height:28px;padding:5px 9px;white-space:normal;line-height:1.05;text-align:center}.choice-headline{display:flex;justify-content:space-between;align-items:start;gap:10px;min-width:0}.choice-title{min-width:0;font-size:26px;line-height:.95;overflow-wrap:anywhere}.choice-meta{color:var(--accent-gold);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.choice-badge{color:var(--accent-cyan);background:#8fe0d51f}.choice-badge--danger{color:#ffc08a;background:#f47f631a}.tag-row--compact{gap:8px}.tag-pill{font-size:11px;color:var(--text-soft);letter-spacing:.06em;text-transform:uppercase}.matchup-card,.preview-card,.portrait-banner{display:grid;gap:14px}.matchup-card{background:linear-gradient(180deg,#121f1cfa,#090f0ffa),radial-gradient(circle at top left,rgba(242,189,106,.12),transparent 28%)}.matchup-card__meta,.preview-card__header{display:flex;justify-content:space-between;align-items:start;gap:14px}.matchup-card__top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center}.matchup-card__versus{font-family:Impact,Haettenschweiler,sans-serif;font-size:44px;letter-spacing:.06em;color:var(--accent-gold);text-align:center}.matchup-card__body{display:grid;grid-template-columns:minmax(164px,.9fr) minmax(0,1fr);gap:14px;align-items:start}.matchup-card__copy{display:grid;gap:10px}.matchup-copy__mode{color:var(--text-dim)}.preview-card h3,.matchup-card h3,.portrait-banner h3{font-size:clamp(30px,3.2vw,38px);letter-spacing:.03em}.preview-pill{color:var(--accent-green);background:#83d5ab1f}.preview-pill--danger{color:#ffc6b6;background:#f47f631f}.feature-stage{min-height:190px}.feature-stage--arena{min-height:210px}.banner-rack{grid-template-columns:repeat(2,minmax(0,1fr))}.portrait-banner{padding:16px;border-radius:26px;border:1px solid rgba(248,224,177,.1);background:var(--bg-panel-strong)}.portrait-banner--enemy{background:linear-gradient(180deg,#281412f0,#0d0b0cf5),radial-gradient(circle at top right,rgba(244,127,99,.12),transparent 28%)}.portrait-banner--player{background:linear-gradient(180deg,#14221cf0,#0a1110f5),radial-gradient(circle at top right,rgba(143,224,213,.12),transparent 28%)}.portrait-banner__art{min-height:156px}.portrait-banner__copy{display:grid;gap:8px}.stat-grid,.detail-lines{display:grid;gap:10px}.stat-card,.detail-line,.ability-list li{display:grid;gap:8px;padding:12px 14px;border-radius:16px;background:#f5d9a50f}.stat-card__top,.detail-line{display:flex;justify-content:space-between;gap:12px;align-items:center}.stat-card__top{color:var(--text-soft);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.stat-card__top strong,.detail-line strong{color:var(--accent-gold);font-family:Impact,Haettenschweiler,sans-serif;font-size:18px;letter-spacing:.03em;line-height:1;overflow-wrap:anywhere;text-align:right}.stat-card__bar,.hud-bar{position:relative;overflow:hidden;border-radius:999px;background:#f5d9a51f}.stat-card__bar{height:10px}.stat-card__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#7de7d1,#f1bb68)}.detail-line span{color:var(--text-dim);font-size:13px}.detail-list,.ability-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.detail-list li{position:relative;padding-left:18px;color:var(--text-soft);line-height:1.4}.detail-list li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--accent-gold);box-shadow:0 0 0 4px #f2bd6a1f}.ability-list strong{color:var(--accent-gold)}.start-button,.modal-button{border:0;border-radius:8px;padding:15px 20px;font-family:Impact,Haettenschweiler,sans-serif;font-size:26px;letter-spacing:.03em;text-transform:uppercase}.start-button,.modal-button--primary{background:linear-gradient(180deg,#f2bb66,#c97a33),linear-gradient(180deg,#fff1bb,#d98f3d);color:#1f130d;box-shadow:0 18px 38px #c97a3357}.start-button:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.58;box-shadow:none}.modal-button{background:#f5d9a51a;color:var(--text-main);border:1px solid var(--stroke)}.ui-hud{display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:clamp(10px,1.8vw,18px);opacity:0;transition:opacity .18s ease}.ui-hud.is-visible{opacity:1}.hud-top{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);gap:clamp(10px,1.6vw,18px);align-items:start}.hud-panel,.hud-center,.ability-strip,.modal-card{pointer-events:auto}.hud-panel,.hud-center{display:grid;gap:10px;padding:clamp(10px,1.4vw,16px);border-radius:20px;border:1px solid var(--stroke);background:#071613bd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-panel__header{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.hud-name{font-size:24px}.hud-bar{height:14px}.hud-bar--super{height:10px}.hud-bar__fill{height:100%;border-radius:inherit}.hud-bar__fill--hp{background:var(--hp-green)}.hud-bar__fill--hp.enemy{background:linear-gradient(90deg,#f47d60,#f9c98a)}.hud-bar__fill--super{background:var(--super-gold)}.hud-bar__fill--super.enemy{background:linear-gradient(90deg,#b45f34,#f1bb68)}.hud-center{justify-items:center;min-width:min(240px,100%)}.hud-chip,.hud-timer{color:var(--accent-gold)}.hud-score{font-size:clamp(32px,4vw,44px)}.hud-banner{min-height:28px;font-size:clamp(20px,2.4vw,28px);text-align:center}.hud-banner[data-tone=victory]{color:var(--accent-gold)}.hud-banner[data-tone=danger]{color:var(--accent-red)}.hud-bottom{display:flex;justify-content:center}.ability-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;max-width:980px;width:100%}.ability-card{display:grid;gap:10px;padding:clamp(10px,1.3vw,14px);border-radius:18px;border:1px solid var(--stroke);background:#081814d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ability-card__top{display:flex;justify-content:space-between;gap:10px;align-items:center}.ability-card__key{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:5px 8px;border-radius:10px;background:#f5d9a51f;color:var(--accent-gold);font-family:Impact,Haettenschweiler,sans-serif;letter-spacing:.08em}.runner-hud{display:grid;grid-template-columns:minmax(220px,.78fr) minmax(180px,.48fr) minmax(360px,1fr);gap:10px;align-items:stretch;width:min(1120px,100%);align-self:center;pointer-events:auto}.runner-hud__main,.runner-hud__beat,.runner-hud__stats{border:1px solid var(--stroke);border-radius:8px;background:#071613a8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.runner-hud__main{display:grid;gap:4px;padding:10px 12px}.runner-hud__kicker,.runner-hud__ability,.runner-hud__beat span,.runner-hud__stats span{color:var(--text-dim);font-size:12px;line-height:1.2;text-transform:uppercase;letter-spacing:.08em}.runner-hud__score{color:var(--accent-gold);font-family:Impact,Haettenschweiler,sans-serif;font-size:clamp(34px,4vw,52px);letter-spacing:.04em;line-height:.95}.runner-hud__beat{display:grid;align-content:center;gap:8px;padding:10px 12px}.runner-beat-bar{height:10px;overflow:hidden;border-radius:999px;background:#f8e0b11f}.runner-beat-bar__fill{width:100%;height:100%;transform-origin:left center;border-radius:inherit;background:linear-gradient(90deg,var(--accent-green),var(--accent-gold))}.runner-hud__stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;overflow:hidden}.runner-hud__stats div{display:grid;gap:2px;place-items:center;min-width:0;padding:9px 8px;background:#ffffff06}.runner-hud__stats strong{font-family:Impact,Haettenschweiler,sans-serif;font-size:24px;letter-spacing:.04em}.runner-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.runner-result-grid div{display:grid;gap:4px;padding:12px;border:1px solid var(--stroke);border-radius:8px;background:#07181694}.runner-result-grid strong{color:var(--accent-gold);font-family:Impact,Haettenschweiler,sans-serif;font-size:28px;letter-spacing:.04em}.runner-result-grid span{color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.ability-card__status{color:var(--text-soft);font-size:13px}.ability-card__status[data-ready=true]{color:var(--accent-green)}.ability-card__title{font-size:clamp(18px,2vw,22px);font-family:Impact,Haettenschweiler,sans-serif;letter-spacing:.03em}.ability-card__copy{color:var(--text-dim);font-size:13px;line-height:1.35}.ui-modal{display:grid;place-items:center;background:#040c0a70;opacity:0;transition:opacity .18s ease}.ui-modal.is-visible{opacity:1}.modal-card{display:grid;gap:12px;width:min(520px,calc(100vw - 32px));padding:26px}.modal-actions{display:flex;gap:12px;flex-wrap:wrap}.touch-controls{position:absolute;inset:0;z-index:4;display:none;pointer-events:none;opacity:0;transition:opacity .18s ease}.touch-controls.is-visible{opacity:.48}.touch-controls.is-visible.is-awake,.touch-controls.is-awake .touch-joystick,.touch-controls.is-awake .touch-buttons,.touch-controls.is-awake .touch-joystick__knob{opacity:1}.touch-joystick,.touch-buttons{position:absolute;pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:none}.touch-joystick{left:max(18px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));display:grid;gap:8px;justify-items:center;color:#f7edd9b8;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.touch-joystick__ring{position:relative;display:grid;place-items:center;width:132px;height:132px;border-radius:50%;border:1px solid rgba(248,224,177,.18);background:radial-gradient(circle at center,rgba(143,224,213,.18),transparent 36%),#071613a3;box-shadow:inset 0 0 0 12px #f6d68e0d,0 18px 42px #00000057;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.touch-joystick__knob{width:58px;height:58px;border-radius:50%;border:1px solid rgba(248,224,177,.28);background:linear-gradient(180deg,#f2bd6ae6,#83d5abc7),#f7edd92e;box-shadow:0 10px 24px #00000047;transition:transform 60ms linear}.touch-joystick.is-active .touch-joystick__ring{border-color:#8fe0d580}.touch-buttons{right:max(14px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,62px);grid-template-areas:". super ." "special heavy dash" ". basic .";gap:8px;align-items:center;justify-items:center}.touch-button{display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(248,224,177,.18);border-radius:50%;background:linear-gradient(180deg,#1a342cc7,#071211d6),#071613b8;color:var(--text-main);box-shadow:0 14px 34px #00000057;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.touch-button strong{font-family:Impact,Haettenschweiler,sans-serif;font-size:17px;letter-spacing:.03em;line-height:1}.touch-button span{color:var(--accent-gold);font-size:9px;line-height:1}.touch-button.is-active{transform:translateY(2px) scale(.96);border-color:#f2bd6a9e;background:linear-gradient(180deg,#f2bd6adb,#c97a33db),#071613b8;color:#1f130d}.touch-button--basic{grid-area:basic}.touch-button--heavy{grid-area:heavy}.touch-button--special{grid-area:special}.touch-button--super{grid-area:super;width:68px;height:68px}.touch-button--dash{grid-area:dash}@keyframes bannerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes waveDrift{0%{transform:translate(0) translateY(0)}50%{transform:translate(-6%) translateY(6px)}to{transform:translate(-12%) translateY(0)}}@keyframes splashPulse{0%,to{transform:scale(.96);opacity:.18}50%{transform:scale(1.08);opacity:.42}}@keyframes logDrift{0%{transform:translate(0)}50%{transform:translate(18px)}to{transform:translate(0)}}@media(max-width:1320px){.hero-panel__grid{grid-template-columns:minmax(220px,.9fr) minmax(280px,1fr) minmax(220px,.9fr)}.mode-grid,.menu-grid,.runner-setup,.runner-rules{grid-template-columns:1fr}}@media(max-width:980px){.hero-panel__grid{grid-template-columns:1fr}.hero-banner{min-height:170px}.banner-rack{grid-template-columns:1fr}.choice-card--arena{grid-template-columns:1fr;grid-template-areas:"visual" "headline" "meta" "copy" "tags"}.matchup-card__body,.hud-top,.runner-hud{grid-template-columns:1fr}.runner-hud__stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.menu-shell{padding:14px;gap:14px}.hero-panel,.mode-strip,.online-screen,.online-card,.side-detail-drawer,.selection-block,.preview-card,.matchup-card,.runner-setup__copy,.runner-setup__panel{padding:16px}.hero-panel{gap:14px}.hero-panel h1{font-size:clamp(48px,13vw,72px)}.section-heading{font-size:24px}.choice-title{font-size:22px}.audio-cluster,.online-screen__top,.online-grid,.hero-toolbar,.play-mode-switch,.preview-card__header,.matchup-card__meta,.detail-line{display:grid;grid-template-columns:1fr}.volume-control{grid-template-columns:1fr}.start-button--hero{order:-1;width:100%}.audio-cluster{order:-1}.matchup-card__top{grid-template-columns:1fr}.matchup-card__versus{font-size:32px}.ability-strip{grid-template-columns:1fr}.banner-rack,.selection-column--side .preview-card:not(.preview-card--danger){display:none}}@media(max-width:1180px),(max-height:760px){.ui-hud{gap:8px;padding:8px}.hud-top{grid-template-columns:minmax(180px,1fr) minmax(150px,auto) minmax(180px,1fr);gap:8px}.hud-panel,.hud-center{gap:6px;padding:8px 10px;border-radius:12px;background:#071613a3}.hud-name{font-size:18px;line-height:1}.hud-value,.hud-round,.hud-chip,.hud-timer{font-size:11px}.hud-score{font-size:28px;line-height:.92}.hud-banner{min-height:22px;font-size:18px}.hud-chip,.hud-timer{min-height:24px;padding:5px 8px}.hud-bar{height:10px}.hud-bar--super{height:6px}.ability-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:780px}.runner-hud{grid-template-columns:minmax(180px,.7fr) minmax(160px,.5fr) minmax(320px,1fr)}.runner-hud__main,.runner-hud__beat{padding:8px 10px}.runner-hud__score{font-size:34px}.runner-hud__stats strong{font-size:20px}.ability-card{gap:6px;padding:8px 9px}.ability-card__key{min-width:28px;padding:4px 6px}.ability-card__title{font-size:17px;line-height:1}.ability-card__copy{display:none}}@media(pointer:coarse),(max-width:980px){.touch-controls.is-visible{display:block}.ui-hud{gap:6px;padding:max(6px,env(safe-area-inset-top)) 6px 6px}.hud-top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:5px}.hud-panel,.hud-center{gap:4px;padding:6px 7px;border-radius:10px;background:#0716138f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-panel__header{gap:6px;align-items:center}.hud-name{font-size:15px;line-height:1}.hud-value,.hud-round,.hud-chip{font-size:10px}.hud-value{white-space:nowrap}.hud-score{font-size:24px;line-height:.9}.hud-banner,.hud-round{display:none}.hud-chip,.hud-timer{min-height:22px;padding:4px 7px;font-size:10px}.hud-center{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;min-width:104px;max-width:126px}.hud-bar{height:8px}.hud-bar--super{height:5px}.hud-bottom{display:none}.runner-hud{grid-template-columns:minmax(108px,1fr) minmax(92px,.8fr);gap:5px;width:min(520px,100%)}.runner-hud__main,.runner-hud__beat,.runner-hud__stats{background:#0716138a}.runner-hud__main,.runner-hud__beat{padding:6px 7px}.runner-hud__score{font-size:28px}.runner-hud__ability{display:none}.runner-hud__stats{grid-column:1 / -1;grid-template-columns:repeat(5,minmax(0,1fr))}.runner-hud__stats div{padding:5px 4px}.runner-hud__stats strong{font-size:17px}.runner-hud__stats span,.runner-hud__kicker,.runner-hud__beat span{font-size:8px}.touch-joystick{left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));gap:5px;font-size:9px;opacity:.82}.touch-joystick__ring{width:104px;height:104px;background:radial-gradient(circle at center,rgba(143,224,213,.14),transparent 38%),#07161361;box-shadow:inset 0 0 0 10px #f6d68e0a,0 14px 32px #00000042}.touch-joystick__knob{width:44px;height:44px;opacity:.88}.touch-buttons{right:max(10px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));grid-template-columns:repeat(3,52px);gap:5px;opacity:.86}.touch-button{width:52px;height:52px;border-color:#f8e0b124;background:linear-gradient(180deg,#1a342c85,#07121194),#07161375;box-shadow:0 10px 26px #0000003d}.touch-button strong{font-size:15px}.touch-button span{font-size:8px}.touch-button--super{width:56px;height:56px}}@media(pointer:coarse)and (orientation:portrait),(max-width:640px){.touch-controls:before{content:"Поверните телефон горизонтально";position:absolute;left:18px;right:18px;top:178px;padding:8px 10px;border:1px solid rgba(248,224,177,.18);border-radius:12px;background:#071613b8;color:var(--accent-gold);text-align:center;font-family:Impact,Haettenschweiler,sans-serif;font-size:16px;letter-spacing:.03em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.touch-joystick__ring{width:96px;height:96px}.touch-joystick__knob{width:40px;height:40px}.touch-buttons{grid-template-columns:repeat(3,48px);gap:5px}.touch-button{width:48px;height:48px}.touch-button--super{width:52px;height:52px}}@media(max-height:880px){.hero-banner{min-height:160px}.feature-stage{min-height:164px}.feature-stage--arena{min-height:180px}}@media(max-height:720px){.hero-controls span,.choice-copy,.mode-card__copy,.ability-card__copy,.detail-list li{font-size:12px}}@media(prefers-reduced-motion:reduce){.hero-banner,.menu-backdrop__wave,.menu-backdrop__splash,.menu-backdrop__log,.choice-card,.mode-card,.utility-button,.start-button,.modal-button{animation:none;transition:none}}