@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;--gold:#ffd65a;--blue:#51c7ff}*{box-sizing:border-box}body{margin:0;background:#080d19;color:#f9f5e9;font-family:'Barlow Condensed',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:700 16px 'Barlow Condensed',sans-serif;cursor:pointer;color:inherit;background:#1a273d;border:1px solid #51647b;padding:12px 18px;border-radius:5px}button:hover{background:#293d59}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--gold);outline-offset:3px}header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid #263148}header a{font-weight:800;color:var(--gold);text-decoration:none;font-size:22px}header span{font:12px 'DM Mono',monospace;color:#8496af;letter-spacing:2px}header button{padding:8px 14px}main{max-width:1280px;margin:auto;padding:20px 28px}.mast{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mast p{font:12px 'DM Mono',monospace;letter-spacing:2px;color:#97aac4;margin:0 0 5px}h1{font-size:clamp(30px,4vw,54px);line-height:1;margin:0;font-weight:900;font-style:italic;letter-spacing:-1px}em{color:var(--gold);font-style:inherit}.cabinet{border:1px solid #45506a;border-top:4px solid var(--gold);background:#101a2b;box-shadow:0 18px 70px #0008;border-radius:6px;overflow:hidden}.hud{display:grid;grid-template-columns:1fr 96px 1fr;gap:20px;padding:18px 22px;background:linear-gradient(100deg,#112f48,#11182a 45%,#3b202b)}.fighter>div{display:flex;justify-content:space-between;font-size:22px;font-weight:800;letter-spacing:1px}.fighter span{font:16px 'DM Mono',monospace}.fighter small{display:block;font:12px 'DM Mono',monospace;letter-spacing:1px;color:var(--blue);margin-top:7px}.enemy small{text-align:right;color:#f9b5aa}meter{width:100%;height:20px;display:block;margin-top:5px}meter::-webkit-meter-bar{background:#090f1c;border:0;border-radius:2px}meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#25a7dd,#8ef3ff);border-radius:2px}.enemy meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#ffbd72,#ff5353)}meter::-moz-meter-bar{background:#56cfee}.round{text-align:center}.round strong{font-size:42px;line-height:1}.round small{font:11px 'DM Mono',monospace;display:block;margin-top:5px;white-space:nowrap;color:#b7c4d6}.arena{position:relative;background:#071629;aspect-ratio:1100/580}canvas{width:100%;height:100%;display:block}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:linear-gradient(90deg,#07111aea,#07111a99,#07111aea);padding:20px}.overlay[hidden]{display:none}.overlay>p:first-child{color:var(--blue);font:12px 'DM Mono',monospace;letter-spacing:2px;margin:0 0 10px}.overlay h2{font-size:clamp(40px,7vw,90px);font-style:italic;font-weight:900;line-height:.95;margin:0}.overlay p{font-size:20px;line-height:1.35;color:#ccd7e5}.overlay button{font-size:22px;background:var(--gold);color:#171811;border:0;padding:14px 42px;box-shadow:0 5px 0 #a67a22}.overlay button:disabled{opacity:.5;cursor:wait}.overlay small{font:12px 'DM Mono',monospace;margin-top:20px;color:#9fb2c9}#announcement{position:absolute;top:22%;left:0;right:0;text-align:center;pointer-events:none;font-size:clamp(25px,5vw,60px);font-style:italic;font-weight:900;color:var(--gold);text-shadow:3px 4px #000}.touch{display:flex;justify-content:space-between;padding:12px 18px;background:#101827;gap:12px;touch-action:none;user-select:none}.touch>div{display:flex;gap:8px}.touch button{min-width:54px;min-height:48px;touch-action:none}.touch button.active{background:#426c99;transform:translateY(2px)}.touch .special{color:#111;background:var(--gold);border-color:var(--gold)}footer{display:flex;justify-content:space-between;gap:28px;padding:18px 0;color:#92a5bf;font-size:16px}footer b{color:var(--gold);margin-right:12px}footer span:last-child{max-width:340px} @media(max-width:650px){header{padding:12px 14px}header span{display:none}main{padding:16px 10px}.mast p{font-size:10px;letter-spacing:1px}.mast button{padding:8px}.hud{gap:8px;padding:12px 10px;grid-template-columns:1fr 62px 1fr}.fighter>div{font-size:17px;letter-spacing:0}.fighter span{font-size:12px}.fighter small{font-size:9px;letter-spacing:0}.round strong{font-size:32px}.round small{font-size:9px}.arena{aspect-ratio:1.4}.overlay h2{font-size:42px}.overlay p{font-size:16px;margin:10px 0}.overlay>p:first-child{font-size:9px}.overlay small{display:none}.overlay button{font-size:19px;padding:10px 30px}.touch{padding:10px 6px;gap:5px}.touch>div{gap:4px}.touch button{min-width:36px;padding:8px;font-size:13px;min-height:50px}footer{flex-direction:column;gap:8px;font-size:14px}}