:root{
  --ink:#030303;
  --ink-2:#090909;
  --panel:#0c0c0c;
  --panel-2:#151515;
  --line:#ffe01b;
  --cream:#fff4cf;
  --muted:#c7bc98;
  --acid:#ffe01b;
  --acid-dark:#b89d00;
  --red:#ff1d23;
  --orange:#ff1d23;
  --cyan:#fff4cf;
  --purple:#ffe01b;
  --shadow:#000;
}

html,body{background:#030303}
body{color:var(--cream);image-rendering:pixelated}
.pixel-grid{background-color:#030303;background-image:repeating-conic-gradient(#161616 0 25%,transparent 0 50%);background-position:0 0;background-size:8px 8px;opacity:.48}
.scanlines{opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 2px,#fff 2px 3px);mix-blend-mode:soft-light}
::selection{background:var(--red);color:var(--cream)}

.topbar{height:72px;background:#030303f2;border-bottom:3px solid var(--acid);box-shadow:0 4px 0 #000;backdrop-filter:none}
.logo svg{fill:var(--acid);filter:none}.logo-mark{filter:contrast(1.08) saturate(1.08) drop-shadow(3px 3px 0 #5e0000)}.logo b{color:var(--cream);text-shadow:2px 2px 0 var(--red)}.logo i{color:var(--acid)}
.cabinet-status{color:var(--cream)}.cabinet-status i{background:var(--red);box-shadow:0 0 0 2px #000,0 0 0 4px var(--acid)}
.vault-stat,.sound-toggle,.wallet-toggle{border:2px solid var(--acid);background:#050505;box-shadow:4px 4px 0 #5e0000}.vault-stat strong,.sound-toggle span,.wallet-toggle span{color:var(--acid)}.sound-toggle:hover,.wallet-toggle:hover{border-color:var(--cream);background:var(--red);color:#fff}.wallet-toggle{cursor:pointer;padding:9px 11px;font:700 10px var(--display);letter-spacing:.04em}.wallet-toggle.connected{background:var(--acid);color:#000;box-shadow:4px 4px 0 var(--red)}.wallet-toggle.connected span{color:#000}

.hero-panel{min-height:760px;grid-template-columns:minmax(400px,.82fr) minmax(500px,1.18fr);gap:18px;padding:66px 0 82px;border:0;isolation:isolate}
.hero-panel:before{left:-40px;right:-40px;bottom:0;height:14px;border:0;background:repeating-linear-gradient(90deg,var(--acid) 0 22px,#030303 22px 34px)}
.hero-panel:after{content:"";position:absolute;inset:28px 0 42px;z-index:-2;pointer-events:none;background:linear-gradient(var(--acid),var(--acid)) left top/72px 6px no-repeat,linear-gradient(var(--acid),var(--acid)) left top/6px 72px no-repeat,linear-gradient(var(--acid),var(--acid)) right top/72px 6px no-repeat,linear-gradient(var(--acid),var(--acid)) right top/6px 72px no-repeat,linear-gradient(var(--acid),var(--acid)) left bottom/72px 6px no-repeat,linear-gradient(var(--acid),var(--acid)) left bottom/6px 72px no-repeat,linear-gradient(var(--acid),var(--acid)) right bottom/72px 6px no-repeat,linear-gradient(var(--acid),var(--acid)) right bottom/6px 72px no-repeat}
.hero-copy{padding:34px 0 60px 42px;z-index:3}.hero-copy:before{display:none}
.kicker{color:var(--acid);font-size:11px;margin-bottom:30px}.kicker span{background:var(--red);box-shadow:12px 0 0 var(--cream)}
.hero-panel h1{font-size:clamp(66px,8.1vw,118px);line-height:.82;color:var(--cream);text-shadow:5px 5px 0 #000,8px 8px 0 var(--red);-webkit-text-stroke:1px #000}
.hero-panel h1 em{color:var(--acid);-webkit-text-stroke:2px #000;text-shadow:5px 5px 0 #000,9px 9px 0 var(--red)}
.hero-sub{max-width:520px;color:var(--cream);font-size:clamp(14px,1.4vw,19px);line-height:1.4}.hero-sub:before{color:var(--red)}
.hero-cta{width:min(420px,100%);min-height:64px;margin-top:34px;display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 24px;border:4px solid var(--acid);background:var(--acid);color:#000;text-decoration:none;text-transform:uppercase;font:900 16px var(--display);box-shadow:0 7px 0 var(--red),7px 14px 0 #000;clip-path:polygon(12px 0,calc(100% - 12px) 0,calc(100% - 12px) 5px,100% 5px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px),0 8px,12px 8px);transition:transform .1s,filter .1s}.hero-cta:hover{filter:brightness(1.12);transform:translate(-2px,-2px)}.hero-cta:active{transform:translate(3px,6px)}.hero-cta b{font-size:13px}
.hero-art{position:relative;align-self:center;margin:0 35px 30px -36px;z-index:1}.hero-art:before{content:"";position:absolute;inset:-18px;z-index:-1;background:repeating-conic-gradient(var(--acid) 0 25%,transparent 0 50%);background-size:12px 12px;clip-path:polygon(0 0,26% 0,26% 5px,74% 5px,74% 0,100% 0,100% 26%,calc(100% - 5px) 26%,calc(100% - 5px) 74%,100% 74%,100% 100%,74% 100%,74% calc(100% - 5px),26% calc(100% - 5px),26% 100%,0 100%,0 74%,5px 74%,5px 26%,0 26%)}
.hero-art img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border:5px solid #000;outline:4px solid var(--acid);filter:contrast(1.12) saturate(1.08);image-rendering:pixelated}
.hero-art:after{content:"";position:absolute;inset:5px;pointer-events:none;background:repeating-conic-gradient(#000 0 25%,transparent 0 50%);background-size:6px 6px;opacity:.13;mix-blend-mode:multiply}
.hero-art figcaption{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;display:flex;justify-content:space-between;background:#000;border:3px solid var(--acid);padding:10px 12px;font:800 9px var(--display);letter-spacing:.12em}.hero-art figcaption b{color:var(--red)}
.ticker{left:42px;right:auto;bottom:50px;width:44%;color:var(--acid)}.ticker b{color:var(--red)}

.chain-strip{display:grid;grid-template-columns:1.25fr repeat(4,1fr);align-items:stretch;margin-top:34px;border:3px solid var(--acid);background:#050505;box-shadow:7px 7px 0 #5c0000}.chain-lead,.chain-stat{min-width:0;padding:16px 18px;border-right:2px solid #5d5200}.chain-stat:last-child{border-right:0}.chain-lead{display:flex;align-items:center;gap:12px;background:var(--acid);color:#000}.chain-lead small,.chain-stat small{display:block;font:750 7px var(--display);letter-spacing:.11em}.chain-lead strong,.chain-stat strong,.chain-stat a{display:block;margin-top:6px;font:850 12px var(--display);letter-spacing:-.02em}.chain-stat small{color:var(--muted)}.chain-stat a{color:var(--acid);text-decoration:none}.chain-stat a:hover{text-decoration:underline}.live-dot{flex:0 0 9px;width:9px;height:9px;background:var(--red);box-shadow:0 0 0 3px #000;animation:tracker-pulse 1.1s steps(2,end) infinite}

.screen-panel{background:#050505;border:4px solid var(--acid);box-shadow:8px 8px 0 #5c0000}.screen-panel:before,.screen-panel:after{width:18px;height:18px;border-width:5px}
.selection{padding:36px clamp(16px,2.8vw,38px) 38px;margin-top:72px}
.screen-step{background:var(--acid);color:#000;box-shadow:4px 4px 0 var(--red)}.screen-title p{color:var(--acid)}.screen-title h2{color:var(--cream);text-shadow:3px 3px 0 #640000}.screen-hint{color:var(--muted)!important}.screen-title.compact .screen-step{background:var(--red);color:#fff}
.roster{gap:16px}.fighter-card{background:#050505;border:3px solid var(--acid);box-shadow:5px 5px 0 #000}.fighter-card:hover{border-color:var(--cream);background:#111;box-shadow:6px 6px 0 var(--red)}.fighter-card[aria-pressed=true]{border-color:var(--cream);background:#120000;box-shadow:7px 7px 0 var(--red)}
.select-corners{border-color:var(--acid)}.pick-mark{background:#000;border-color:var(--acid);color:var(--acid)}.fighter-card[aria-pressed=true] .pick-mark{background:var(--red);border-color:var(--cream);color:#fff}
.portrait,.portrait-glitch,.portrait-oracle{border-color:var(--acid);background-color:#050505;background-image:repeating-conic-gradient(#191919 0 25%,transparent 0 50%);background-size:10px 10px}.portrait:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 52%,var(--acid) 0 4%,transparent 4.5%),repeating-conic-gradient(from 0deg at 50% 55%,transparent 0 6deg,#ffe01b22 6deg 12deg);opacity:.9}.portrait:after{background:repeating-conic-gradient(#090909 0 25%,#1b1b1b 0 50%);background-size:10px 10px}
.pixel-sprite svg,.target-avatar svg,.battle-portrait svg{filter:grayscale(1) contrast(1.7) sepia(1) saturate(7) hue-rotate(348deg) drop-shadow(8px 8px 0 #000)}
.fighter-copy strong{color:var(--cream);text-shadow:2px 2px 0 #700}.stat-line b{background:#000;border-color:var(--cream)}.stat-line u{background:var(--acid)}.ability{background:#000;border-left-color:var(--red)}.ability b{color:var(--acid)}
.ownership-action{display:block;margin:12px 16px 0;padding:11px 10px;background:var(--red);border:2px solid var(--cream);color:#fff;text-align:center;font:850 9px var(--display);letter-spacing:.05em;box-shadow:3px 3px 0 var(--acid)}.ownership-action.owned{background:var(--acid);border-color:#000;color:#000;box-shadow:3px 3px 0 var(--red)}.fighter-card.locked .portrait,.fighter-card.locked .fighter-copy,.fighter-card.locked .stat-line,.fighter-card.locked .ability{opacity:.58;filter:grayscale(1)}.fighter-card.locked .pick-mark{background:var(--red);color:#fff;border-color:var(--cream)}.fighter-card.locked .pick-mark:after{content:" // LOCKED"}.fighter-card.locked:hover .ownership-action{background:var(--acid);color:#000;border-color:#000}
.target-card{background:#050505;border-color:var(--acid);box-shadow:4px 4px 0 #000}.target-card:hover{border-color:var(--cream);box-shadow:5px 5px 0 var(--red)}.target-card[aria-pressed=true]{background:#190000;border-color:var(--cream);box-shadow:5px 5px 0 var(--red)}.target-avatar{background:repeating-conic-gradient(#111 0 25%,#050505 0 50%);background-size:8px 8px;border-color:var(--acid)}.target-number{color:var(--acid)}.target-copy small{color:var(--red)}.bag b,.bag i{color:var(--acid)}
.queue-bar{background:var(--acid);color:#000;border-color:#000;box-shadow:7px 7px 0 var(--red)}.queue-bar>div>span{color:#571000}.primary-action{background:#000;color:var(--acid);border-color:#000;box-shadow:4px 4px 0 var(--red)}.primary-action:not(:disabled):hover{background:var(--red);color:#fff;box-shadow:6px 6px 0 #000}.primary-action:disabled{background:#625b40;color:#1c1a12}.secondary-action{background:#000;border-color:var(--acid);box-shadow:4px 4px 0 var(--red)}

.arena{background:#030303}.round-pill{background:var(--red);box-shadow:3px 3px 0 var(--acid)}.arena h2{text-shadow:3px 3px 0 #710000}.pot{border-left-color:var(--acid)}.pot strong{color:var(--acid)}
.battle-stage{border-color:var(--acid);background:#030303}.battle-stage:before{background:#030303}.battle-stage:after{box-shadow:inset 0 0 0 4px var(--acid),inset 0 -7px 0 #000}
.city-layer{inset:7% 0 27%;background:repeating-linear-gradient(90deg,transparent 0 8%,#0b0b0b 8% 17%,transparent 17% 22%,#101010 22% 35%)}.city-layer:before{inset:5% 2% 0;background:repeating-conic-gradient(#ffe01b77 0 25%,transparent 0 50%);background-size:12px 12px;clip-path:polygon(0 38%,8% 38%,8% 15%,17% 15%,17% 47%,29% 47%,29% 5%,43% 5%,43% 30%,59% 30%,59% 0,70% 0,70% 41%,83% 41%,83% 17%,100% 17%,100% 100%,0 100%)}.city-layer i{background:#030303;border-top:3px solid var(--acid)}.city-layer span{background:var(--red);border-color:var(--acid);box-shadow:4px 4px 0 #000}.city-layer span:nth-of-type(2){background:var(--acid);color:#000}
.arena-floor{background-color:#050505;background-image:repeating-conic-gradient(#1c1c1c 0 25%,#050505 0 50%);background-size:22px 22px;transform:perspective(280px) rotateX(14deg)}
.combatant-meta span{color:var(--acid)}.health-track{background:#000;border-color:var(--cream);box-shadow:4px 4px 0 #000}.health-track i{background:var(--acid)}.enemy-health i{background:var(--red)}.special-track{border-color:var(--acid);background:#000}.special-track i{background:var(--acid)}
.intent{background:var(--acid);border-color:#000;box-shadow:4px 4px 0 var(--red)}.intent.danger{background:var(--red);color:#fff}.intent.guard{background:var(--cream)}
.versus small{background:var(--acid)}.versus span{background:var(--red);border-color:var(--acid);box-shadow:6px 6px 0 #000}
.combat-console{background:#030303;border-color:var(--acid);box-shadow:5px 5px 0 #5c0000}.battle-log-wrap{border-color:var(--acid)}.battle-log-wrap>span{color:var(--acid)}.battle-log{color:var(--muted)}.battle-log p{border-color:#4f4400}.battle-log .good{color:var(--acid)}.battle-log .bad{color:var(--red)}.battle-log .special{color:var(--cream)}
.moves button{background:#050505;border-color:var(--acid)}.moves button:hover:not(:disabled){background:var(--red);color:#fff}.moves button>span kbd{background:var(--acid);color:#000;box-shadow:2px 2px 0 var(--red)}.moves .special-move:not(:disabled){background:var(--acid);color:#000;box-shadow:inset 0 0 0 3px #000}.moves .special-move:not(:disabled):after{background:var(--red);color:#fff}
.impact-pixel:nth-of-type(2n){background:var(--red)}.impact-pixel:nth-of-type(3n){background:var(--acid)}

.result,.result.loss{background-color:#030303;background-image:repeating-conic-gradient(from 0deg at 50% 50%,#ffe01b25 0 5deg,transparent 5deg 10deg)}.result.loss{background-image:repeating-conic-gradient(from 0deg at 50% 50%,#ff1d2322 0 5deg,transparent 5deg 10deg)}.result-burst{background:repeating-conic-gradient(from 0deg,transparent 0 8deg,#ffe01b12 8deg 16deg)}.result-stamp{border-color:var(--acid);color:var(--acid);box-shadow:4px 4px 0 var(--red)}.result h2{text-shadow:5px 5px 0 #000,8px 8px 0 #700}.loot-count{background:#000;border-color:var(--acid)}.loot-count strong{color:var(--acid)}
.disclaimer{border-color:var(--acid)}
.game-toast{position:fixed;right:24px;bottom:24px;z-index:100;width:min(430px,calc(100% - 32px));padding:16px 18px;background:#050505;border:3px solid var(--acid);box-shadow:6px 6px 0 var(--red);color:var(--cream);font:750 11px/1.45 var(--display);text-transform:uppercase}.game-toast.good{background:var(--acid);color:#000;border-color:#000}.game-toast.bad{background:var(--red);color:#fff;border-color:var(--cream)}

@keyframes tracker-pulse{50%{background:#000;box-shadow:0 0 0 3px var(--red)}}

@media(max-width:1020px){
  .hero-panel{grid-template-columns:.85fr 1.15fr;min-height:650px}.hero-copy{padding-left:24px}.hero-art{margin-left:-28px;margin-right:24px}.ticker{left:24px}.chain-strip{grid-template-columns:1fr 1fr 1fr}.chain-lead{grid-column:1/2}.chain-stat{border-bottom:2px solid #5d5200}.chain-stat:nth-child(4),.chain-stat:nth-child(5){border-bottom:0}.chain-stat:nth-child(3){border-right:0}.ownership-action{grid-column:2;margin-bottom:0}.fighter-card .portrait{grid-row:1/5}
}
@media(max-width:760px){
  .topbar{border-bottom-width:2px}.wallet-toggle{padding:8px;font-size:8px}.hero-panel{grid-template-columns:1fr;min-height:auto;padding:50px 0 92px;gap:22px}.hero-panel:after{inset:20px 0 44px;background-size:48px 4px,4px 48px,48px 4px,4px 48px,48px 4px,4px 48px,48px 4px,4px 48px}.hero-copy{padding:34px 24px 0}.hero-panel h1{font-size:clamp(59px,18vw,88px)}.hero-cta{min-height:58px}.hero-art{width:calc(100% - 42px);margin:0 auto 24px}.hero-art figcaption{left:14px;right:14px;bottom:14px}.ticker{left:24px;right:24px;width:auto;bottom:55px}.chain-strip{grid-template-columns:1fr 1fr;margin-top:24px}.chain-lead{grid-column:1/-1}.chain-stat{padding:13px 12px}.chain-stat:nth-child(2),.chain-stat:nth-child(4){border-right:2px solid #5d5200}.chain-stat:nth-child(3),.chain-stat:nth-child(5){border-right:0}.chain-stat:nth-child(4){border-bottom:0}.screen-panel{border-width:3px;box-shadow:5px 5px 0 #5c0000}.portrait:before{background:repeating-conic-gradient(from 0deg at 50% 55%,transparent 0 6deg,#ffe01b24 6deg 12deg)}.game-toast{right:16px;bottom:16px}
}
@media(max-width:420px){
  .vault-stat{display:none}.top-stats{gap:6px}.wallet-toggle{max-width:112px;overflow:hidden;white-space:nowrap}.hero-copy{padding-left:18px;padding-right:18px}.hero-panel h1{font-size:17vw}.hero-sub{font-size:13px}.hero-art{width:calc(100% - 30px)}.hero-cta{font-size:13px}.ticker{left:18px;gap:13px;font-size:7px}.chain-stat strong,.chain-stat a{font-size:10px}.ownership-action{margin:8px 10px 10px;padding:8px 5px;font-size:7px}
}