:root{--ink:#f7f0db;--night:#09080f;--panel:#171420;--acid:#d8ff45;--ko:#ff3d5a;--cyan:#22d9d2;--muted:#a8a1b2}*{box-sizing:border-box}html{background:var(--night);scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--night);color:var(--ink);font-family:"Courier New",monospace}button,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100svh;position:relative;overflow:hidden;background:radial-gradient(circle at 10% 12%,#452066 0 1px,transparent 2px),radial-gradient(circle at 92% 28%,#1a6573 0 1px,transparent 2px),linear-gradient(135deg,#0d0b14 0 50%,#110d1b 50% 100%);background-size:26px 26px,34px 34px,auto}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.16;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 3px 5px);mix-blend-mode:multiply}.topbar{height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(18px,4vw,64px);border-bottom:3px solid var(--ink);box-shadow:0 4px 0 var(--ko);position:relative;z-index:3;background:#09080fe6}.brand{display:inline-flex;width:max-content;align-items:center;color:var(--ink);text-decoration:none;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(1.7rem,4vw,2.45rem);letter-spacing:-.04em;transform:skew(-7deg);text-shadow:3px 3px 0 #000}.ko-mark{color:var(--acid);display:inline-block;padding:0 .09em;margin:0 .035em;letter-spacing:.04em;font-style:normal;text-shadow:2px 0 0 var(--ko),0 2px 0 #000;animation:ko-glitch 4s steps(1) infinite}.ko-word b{color:var(--ko)}.insert{color:var(--acid);font-weight:900;font-size:.78rem;letter-spacing:.12em;animation:blink 1.4s steps(2) infinite}.sound-btn{justify-self:end;border:2px solid #5b5368;background:transparent;color:var(--muted);padding:8px 10px;font-size:.72rem;font-weight:900;box-shadow:3px 3px 0 #000}.arena-intro{width:min(1080px,calc(100% - 36px));margin:0 auto;padding:clamp(56px,8vw,96px) 0 70px;position:relative;z-index:2}.arena-intro:before{content:"VS";position:absolute;right:-3vw;top:0;color:transparent;-webkit-text-stroke:2px #2b2536;font-family:Impact,sans-serif;font-size:clamp(12rem,35vw,30rem);line-height:.9;transform:rotate(-8deg);z-index:-1}.round-label{display:inline-block;background:var(--cyan);color:#071011;padding:7px 12px;font-weight:900;font-size:.82rem;letter-spacing:.08em;transform:skew(-7deg);box-shadow:5px 5px 0 var(--ko)}h1{margin:25px 0 15px;max-width:950px;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(3.35rem,9.5vw,8rem);line-height:.83;letter-spacing:-.025em;font-style:italic;text-transform:uppercase;text-shadow:6px 6px 0 #000}h1>span{color:var(--ko);-webkit-text-stroke:1px var(--ink)}.intro-copy{max-width:680px;margin:0 0 38px;color:#cbc3d3;font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;font-weight:700}.creator-card{background:var(--panel);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ko),-7px -7px 0 #342b45;padding:clamp(18px,4vw,34px);position:relative}.creator-card:after{content:"";position:absolute;inset:7px;border:1px dashed #4f465b;pointer-events:none}.creator-head,.creator-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px}.creator-head>div{display:flex;align-items:center;gap:14px}.step-no{display:grid;place-items:center;width:48px;height:48px;background:var(--acid);color:#0d1010;font-family:Impact,sans-serif;font-size:1.5rem;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}h2{margin:0;font-family:Impact,"Arial Black",sans-serif;font-style:italic;font-size:clamp(1.35rem,4vw,2.3rem);letter-spacing:.02em}.counter{font-family:Impact,sans-serif;color:var(--cyan);font-size:1.7rem}label{position:relative;z-index:1;display:block;margin:24px 0 8px;color:var(--muted);font-size:.82rem;font-weight:900;text-transform:uppercase}textarea{position:relative;z-index:1;display:block;width:100%;min-height:178px;resize:vertical;border:3px solid #70657b;outline:0;background:#0a0910;color:var(--ink);padding:18px;font-size:1rem;line-height:1.7;box-shadow:inset 5px 5px 0 #000}textarea:focus{border-color:var(--acid);box-shadow:inset 5px 5px 0 #000,0 0 0 3px #d8ff4530}.creator-foot{margin-top:18px;color:var(--muted);font-size:.8rem;font-weight:700}.creator-foot button{border:3px solid #08080c;background:var(--acid);color:#090c09;padding:14px 18px;font-weight:1000;box-shadow:5px 5px 0 var(--ko);text-transform:uppercase;transform:skew(-4deg)}.creator-foot button:hover:not(:disabled){transform:translate(3px,3px) skew(-4deg);box-shadow:2px 2px 0 var(--ko)}.creator-foot button:disabled{opacity:.35;cursor:not-allowed}.demo-strip{border-block:3px solid var(--ink);background:var(--acid);color:#0b0c0a;transform:rotate(-1deg) scale(1.02);overflow:hidden;padding:11px 0;box-shadow:0 6px 0 var(--ko)}.marquee-track{width:max-content;display:flex;gap:10px;animation:marquee 28s linear infinite}.marquee-track:hover{animation-play-state:paused}.marquee-track button{border:0;border-right:3px solid #111;background:transparent;padding:4px 25px;font-weight:1000;white-space:nowrap;text-transform:uppercase}.marquee-track button span{margin-right:10px;background:#111;color:var(--acid);padding:4px 7px}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes blink{50%{opacity:.55}}@keyframes ko-glitch{0%,94%,100%{transform:translate(0)}95%{transform:translate(2px,-1px);color:var(--cyan)}97%{transform:translate(-2px,1px)}}@media(max-width:680px){.topbar{height:64px;grid-template-columns:1fr auto}.insert{display:none}.arena-intro{padding-top:46px}h1{font-size:clamp(3.3rem,17vw,5.2rem)}.creator-head>div{align-items:flex-start}.step-no{width:40px;height:40px;flex:0 0 40px}.counter{font-size:1.2rem}.creator-foot{align-items:stretch;flex-direction:column}.creator-foot button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}

/* Complete arcade experience */
.bare{border:0;background:transparent;padding:0}.title-input{position:relative;z-index:1;width:100%;border:3px solid #70657b;background:#0a0910;color:var(--ink);padding:14px 16px;font-size:1rem;outline:0}.title-input:focus{border-color:var(--cyan)}.resume-banner{display:block;margin:0 0 28px;border:2px solid var(--cyan);background:#102b30;color:var(--cyan);padding:12px 16px;font-weight:900;box-shadow:5px 5px 0 #000}.demo-zone{padding:14px 0 56px}.eyebrow{color:var(--acid);font-size:.76rem;font-weight:900;letter-spacing:.18em;text-align:center;text-transform:uppercase}.demo-zone>.eyebrow{margin-bottom:24px}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;width:min(1080px,calc(100% - 36px));margin:0 auto;padding:34px 0 44px;color:#716a79;font-size:.72rem;font-weight:900}footer nav{display:flex;gap:20px;flex-wrap:wrap}footer button,footer a{border:0;background:none;color:inherit;text-decoration:none;font:inherit;cursor:pointer}.fight-card-screen,.result-screen,.info-screen{width:min(1080px,calc(100% - 36px));margin:0 auto;padding:clamp(52px,7vw,82px) 0 70px;position:relative}.fight-card-screen>.eyebrow{text-align:left}.fight-title{font-size:clamp(6rem,18vw,14rem);margin:0;line-height:.65}.fight-title span{color:var(--ko);-webkit-text-stroke:2px var(--ink)}.match-meta{display:flex;align-items:center;gap:16px;margin:34px 0 24px;font-weight:900;color:var(--cyan);text-transform:uppercase}.match-meta i{height:2px;background:#51485e;flex:1}.fighter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.fighter-chip{display:flex;align-items:center;gap:12px;border:2px solid #4d4656;background:#15121d;padding:13px;min-width:0}.fighter-chip b{color:var(--ko);font-family:Impact,sans-serif;font-size:1.35rem}.fighter-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:900}.mode-select{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}.mode-card{position:relative;text-align:left;border:3px solid #5b5365;background:#100e17;color:var(--ink);padding:20px;box-shadow:6px 6px 0 #000}.mode-card.active{border-color:var(--acid);box-shadow:6px 6px 0 var(--ko)}.mode-card>span{position:absolute;right:12px;top:8px;color:#383141;font-family:Impact,sans-serif;font-size:3rem}.mode-card>b{display:block;position:relative;font-family:Impact,sans-serif;font-size:1.65rem;font-style:italic}.mode-card small{display:block;position:relative;color:var(--muted);margin-top:8px;line-height:1.5}.group-toggle{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;border:2px dashed #5b5365;padding:16px;margin:0}.group-toggle input{width:22px;height:22px;accent-color:var(--ko);grid-row:1/3}.group-toggle span{color:var(--ink);font-weight:900}.group-toggle small{color:var(--muted);text-transform:none}.action-row{display:flex;justify-content:space-between;gap:14px;margin-top:28px}.action-row.wrap{justify-content:center;flex-wrap:wrap}.primary,.secondary,.new-fight{border:3px solid #08080c;padding:14px 18px;font-weight:1000;text-transform:uppercase}.primary{background:var(--acid);color:#080b08;box-shadow:5px 5px 0 var(--ko)}.secondary{border-color:#716779;background:#14111c;color:var(--ink);box-shadow:4px 4px 0 #000}.huge{font-family:Impact,sans-serif;font-size:2rem;font-style:italic;padding:15px 34px}.compact{min-height:100svh}.battle-screen{min-height:calc(100svh - 74px);display:flex;flex-direction:column;position:relative}.hud{display:grid;grid-template-columns:auto minmax(120px,600px) auto;justify-content:center;align-items:center;gap:12px;padding:24px 18px 8px;font-weight:900;color:var(--acid)}.health{height:17px;border:3px solid var(--ink);background:#2b2432;transform:skew(-12deg);box-shadow:4px 4px 0 #000}.health i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--acid));transition:width .25s steps(5)}.battle-title{text-align:center;font-size:.82rem;font-weight:900;color:var(--muted);text-transform:uppercase;padding:10px}.versus-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:430px;overflow:hidden}.fighter{position:relative;border:0;color:var(--ink);padding:60px clamp(20px,6vw,90px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.fighter:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent 0 18px,#ffffff08 18px 21px)}.fighter-a{align-items:flex-start;text-align:left;background:linear-gradient(135deg,#9c1737,#2a0d25);clip-path:polygon(0 0,100% 0,86% 100%,0 100%);padding-right:13vw}.fighter-b{align-items:flex-end;text-align:right;background:linear-gradient(225deg,#087d83,#092d45);clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);padding-left:13vw}.fighter:hover,.fighter:focus-visible{filter:brightness(1.25)}.fighter strong{position:relative;font-family:Impact,"Arial Black",sans-serif;font-style:italic;font-size:clamp(3.2rem,8vw,8rem);line-height:.88;text-transform:uppercase;text-shadow:6px 6px 0 #000;max-width:100%;overflow-wrap:anywhere}.fighter small,.player-tag{position:relative;font-weight:900}.player-tag{color:var(--acid);margin-bottom:22px}.fighter small{margin-top:24px;color:#ffffffa8}.versus{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);pointer-events:none;text-align:center}.versus span{display:block;font-family:Impact,sans-serif;font-style:italic;font-size:clamp(6rem,14vw,12rem);line-height:.72;color:var(--acid);-webkit-text-stroke:4px #09080f;text-shadow:8px 8px 0 var(--ko)}.versus i{display:inline-block;background:var(--ink);color:#0a0910;padding:4px 12px;font-weight:900}.battle-controls{display:flex;justify-content:center;gap:10px;padding:18px;flex-wrap:wrap}.battle-controls button{border:2px solid #554c60;background:#17131e;color:var(--ink);padding:10px 13px;font-size:.75rem;font-weight:900}.battle-controls button:disabled{opacity:.25}.key-help{text-align:center;color:#716a79;font-size:.7rem;margin:0 0 20px}.key-help kbd{border:1px solid #716a79;padding:2px 5px;color:var(--ink)}.result-screen{text-align:center;overflow:hidden}.victory-rays{position:absolute;left:50%;top:330px;width:1100px;height:1100px;transform:translate(-50%,-50%);z-index:-1;opacity:.23;background:repeating-conic-gradient(var(--ko) 0 8deg,transparent 8deg 16deg);animation:spin 30s linear infinite}.ko-burst{margin:0 auto -12px;color:var(--ko);font-family:Impact,sans-serif;font-style:italic;font-size:clamp(7rem,23vw,15rem);line-height:.8;-webkit-text-stroke:3px var(--ink);text-shadow:10px 10px 0 #000;transform:rotate(-6deg)}.victory-label{color:var(--acid);font-weight:900;letter-spacing:.18em}.champion{margin:15px auto;font-size:clamp(4rem,12vw,10rem);overflow-wrap:anywhere}.result-title{color:var(--cyan);font-weight:900;text-transform:uppercase}.result-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;margin-top:40px;text-align:left}.result-grid article,.compat-card{border:3px solid #5b5365;background:#121019e8;padding:22px;box-shadow:6px 6px 0 #000}.card-kicker{display:block;color:var(--acid);font-weight:900;font-size:.75rem;letter-spacing:.12em;margin-bottom:18px}.path-list p{display:grid;grid-template-columns:32px 1fr auto 1fr;align-items:center;gap:9px;margin:7px 0;padding-bottom:7px;border-bottom:1px dashed #453d4b;font-size:.78rem}.path-list b{color:var(--ko)}.path-list i{color:var(--acid);font-weight:900}.path-list del{color:#7c7484}.stat-time{display:block;font-family:Impact,sans-serif;font-style:italic;font-size:5rem;color:var(--ko);line-height:.9}.stat-time.cyan{color:var(--cyan)}.stat-time small{font-size:1.5rem}.result-grid article>p{line-height:1.5}.result-grid article>small{color:var(--muted);line-height:1.5}.podium{list-style:none;padding:0;margin:0}.podium li{display:flex;align-items:center;gap:12px;border-bottom:1px dashed #453d4b;padding:8px 0}.podium li b{display:grid;place-items:center;width:28px;height:28px;background:var(--acid);color:#09080f}.compat-card{margin:35px auto 0;max-width:640px;border-color:var(--cyan);text-align:center}.compat-card>span{color:var(--cyan);font-weight:900;letter-spacing:.12em}.compat-card>strong{display:block;font-family:Impact,sans-serif;font-size:5rem;color:var(--acid)}.compat-card p{margin:.2em 0 1em}.compat-card small{color:var(--muted)}.share-zone{margin-top:32px;padding-top:12px}.qr-card{display:inline-block;margin-top:24px;background:var(--ink);color:#0a0910;padding:18px;border:6px solid var(--acid);box-shadow:8px 8px 0 var(--ko)}.qr-card img{display:block;max-width:min(260px,70vw);height:auto}.qr-card p{max-width:270px;font-size:.75rem;font-weight:900}.qr-fallback{display:grid;place-items:center;width:220px;height:220px;background:repeating-conic-gradient(#000 0 25%,#fff 0 50%) 0/22px 22px;font-size:3rem;font-weight:900;color:var(--ko)}.new-fight{margin-top:35px;background:transparent;border-color:var(--ink);color:var(--ink)}.toast{position:fixed;z-index:50;left:50%;bottom:25px;transform:translateX(-50%) skew(-5deg);background:var(--acid);color:#09080f;border:3px solid #09080f;box-shadow:6px 6px 0 var(--ko);padding:13px 20px;font-weight:900}.info-screen>.secondary{margin-bottom:35px}.info-screen>.eyebrow{text-align:left}.info-screen h1{font-size:clamp(4rem,10vw,8rem)}.prose{max-width:750px;font-size:1rem;line-height:1.75}.prose h2{margin-top:35px;color:var(--cyan)}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:40px}.how-grid article{border:3px solid #51495a;background:#14111d;padding:24px;box-shadow:7px 7px 0 var(--ko)}.how-grid article>b{font-family:Impact,sans-serif;font-size:4rem;color:#332b3c}.how-grid p{line-height:1.6;color:var(--muted)}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}

@media(max-width:760px){footer{align-items:flex-start;flex-direction:column}.fighter-grid,.mode-select,.result-grid,.how-grid{grid-template-columns:1fr}.fight-title{font-size:8rem}.match-meta{align-items:flex-start;flex-direction:column}.match-meta i{width:100%}.action-row{flex-direction:column}.versus-stage{grid-template-columns:1fr;min-height:620px}.fighter{min-height:310px;align-items:center;text-align:center;padding:60px 28px!important}.fighter-a,.fighter-b{clip-path:none}.fighter-a{background:linear-gradient(155deg,#9c1737 0 85%,#08070c 85%)}.fighter-b{background:linear-gradient(335deg,#087d83 0 85%,#08070c 85%)}.fighter strong{font-size:clamp(3rem,14vw,5rem)}.versus span{font-size:7rem}.battle-controls{padding-inline:10px}.path-list p{grid-template-columns:25px 1fr auto 1fr}.result-screen{padding-top:45px}.ko-burst{font-size:9rem}.champion{font-size:clamp(3.5rem,17vw,6rem)}}