#demo.fight-demo{padding:0;background:#07121c;color:#f2f6f7;overflow:hidden}.fight-root{background:#0b1621;color:white;font-family:inherit}.fight-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;border-bottom:1px solid #ffffff14}.fight-wordmark{letter-spacing:5px;font-size:17px;font-weight:850}.fight-wordmark small{display:block;color:#77dccd;font-size:9px;letter-spacing:3px;margin-top:5px}.fight-settings{display:flex;gap:8px;align-items:center}.fight-root button{background:#1b3041!important;border:1px solid #ffffff26!important;font-size:12px!important;padding:9px 13px!important;border-radius:6px!important;color:#fff!important}.fight-root button:hover{background:#2b475a!important}.fight-root button[aria-pressed=true]{border-color:#75f6d2!important;color:#9df5db!important}.fight-stage{position:relative;isolation:isolate;aspect-ratio:16/9;min-height:240px;background:#06101c}.fight-stage canvas{width:100%;height:100%;display:block;outline:0;touch-action:none}.fight-stage canvas:focus-visible{box-shadow:inset 0 0 0 3px #76e7d0}.fight-hud{position:absolute;top:20px;left:25px;right:25px;display:grid;grid-template-columns:1fr 78px 1fr;gap:20px;pointer-events:none;text-shadow:0 2px 8px #000}.fighter-name{display:flex;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:2px;margin-bottom:9px}.fighter-name small{color:#a4bccb;letter-spacing:0;font-size:10px}.fight-health{height:15px;border:1px solid #ffffff59;transform:skew(-12deg);background:#101c2bd9;overflow:hidden;box-shadow:0 3px 18px #0007}.fight-health>i{display:block;height:100%;background:linear-gradient(90deg,#4bdac0,#cdf7ef);width:100%;transition:width .12s}.fight-health.cpu>i{background:linear-gradient(90deg,#ffbd69,#fff0cd);margin-left:auto}.fight-energy{height:4px;background:#0008;margin-top:7px}.fight-energy>i{display:block;width:100%;height:100%;background:#b6c9db;transition:width .15s}.fight-energy.cpu>i{margin-left:auto}.fight-round-pips{display:flex;gap:6px;margin-top:8px}.fight-round-pips span{width:8px;height:8px;border:1px solid #dae5eb;transform:rotate(45deg)}.fight-round-pips span.won{background:#fff;box-shadow:0 0 8px #b7eada}.fight-right .fight-round-pips{justify-content:end}.fight-clock{text-align:center;color:white;font-size:31px;font-weight:850;line-height:1}.fight-clock small{display:block;color:#c9d6e0;font-size:9px;letter-spacing:2px;margin-top:8px}.fight-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:linear-gradient(180deg,#07101c75,#07121ce8);backdrop-filter:blur(2px)}.fight-overlay[hidden]{display:none}.fight-overlay .fight-kicker{color:#91e3d0;font-size:11px;letter-spacing:4px;margin:0!important}.fight-overlay h2{font-size:clamp(30px,5vw,62px)!important;font-weight:850;letter-spacing:-2px;margin:16px 0!important;line-height:1!important;color:white!important}.fight-overlay p{max-width:460px;font-size:13px;color:#c7d6e0;line-height:1.7!important;margin:10px 0!important}.fight-overlay .fight-main-button{font-size:14px!important;letter-spacing:2px;padding:15px 32px!important;background:#85e8ce!important;border-color:#85e8ce!important;color:#08251e!important;font-weight:800;margin-top:17px}.fight-root label.fight-difficulty{display:flex!important;align-items:center;justify-content:center;gap:12px;color:#bbceda;font-size:12px!important;margin:12px 0!important}.fight-root select{padding:8px 13px!important;border:1px solid #61717e!important;background:#102232!important;color:white!important;width:auto!important;font-size:12px!important}.fight-controls{padding:18px 24px;background:linear-gradient(135deg,#102535,#0a1723);border-top:1px solid #ffffff1c}.fight-help{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#a6bbca;margin-bottom:13px}.fight-help strong{color:#edf3f6}.fight-touch{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.fight-pad,.fight-attacks{display:flex;gap:6px;flex-wrap:wrap}.fight-touch button{min-height:43px;min-width:44px;touch-action:none;user-select:none;-webkit-user-select:none}.fight-touch .power{background:#255246!important;border-color:#7cdcbd70!important}.fight-status{font-size:12px!important;min-height:22px;color:#9cd9cd!important;margin:12px 0 0!important}.fight-root .fight-intro-note{color:#91aaba;font-size:10px;margin:0}.fight-stage .fight-banner{position:absolute;top:32%;left:0;right:0;pointer-events:none;text-align:center;font-size:clamp(22px,5vw,50px);font-weight:850;letter-spacing:7px;text-shadow:0 4px 22px #000;color:#fff}.fight-fullscreen:fullscreen{display:flex;align-items:center;justify-content:center;background:#050c13}.fight-fullscreen:fullscreen .fight-root{width:min(100%,1300px)}@media(max-width:650px){.fight-topline{padding:14px 12px}.fight-wordmark{font-size:12px;letter-spacing:2px}.fight-wordmark small{font-size:7px;letter-spacing:1px}.fight-settings{gap:4px}.fight-settings button{padding:8px!important;font-size:10px!important}.fight-hud{top:12px;left:12px;right:12px;gap:10px;grid-template-columns:1fr 48px 1fr}.fighter-name{font-size:9px;letter-spacing:1px;margin-bottom:6px}.fighter-name small{font-size:8px}.fight-health{height:10px}.fight-clock{font-size:22px}.fight-clock small{font-size:7px;letter-spacing:0}.fight-overlay{padding:12px}.fight-overlay h2{margin:10px 0!important;letter-spacing:-1px}.fight-overlay p{font-size:11px;max-width:300px;margin:6px 0!important}.fight-overlay .fight-kicker{font-size:8px}.fight-overlay .fight-main-button{margin-top:8px;padding:11px 20px!important;font-size:12px!important}.fight-root label.fight-difficulty{margin:6px 0!important}.fight-root select{padding:5px 8px!important}.fight-controls{padding:14px 12px}.fight-help{display:block;font-size:10px;line-height:1.8}.fight-touch{gap:10px}.fight-pad,.fight-attacks{gap:5px}.fight-touch button{font-size:10px!important;padding:10px!important}.fight-stage{aspect-ratio:16/10;min-height:260px}.fight-round-pips{margin-top:5px}.fight-stage .fight-banner{letter-spacing:3px}}

.fight-root label.fight-difficulty[hidden]{display:none!important}
.fight-root:fullscreen{height:100dvh;display:flex;flex-direction:column;overflow:auto}.fight-root:fullscreen .fight-topline,.fight-root:fullscreen .fight-controls{flex-shrink:0}.fight-root:fullscreen .fight-stage{flex:1;min-height:240px;aspect-ratio:auto}.fight-root:fullscreen canvas{object-fit:contain}.fight-root:fullscreen .fight-controls{padding:12px 24px}.fight-root:fullscreen .fight-help{margin-bottom:8px}

.fight-menu-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:12px}.fight-overlay .fight-menu-actions .fight-main-button{margin:0}.fight-root #fight-practice[hidden],.fight-coach[hidden]{display:none!important}.fight-coach{position:absolute;top:102px;left:25px;right:25px;max-width:630px;margin:auto;background:#0a1825e8;border:1px solid #8bdcca70;backdrop-filter:blur(5px);padding:12px 16px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#d6f5e9}.fight-coach button{white-space:nowrap;font-size:10px!important;padding:8px!important}.fight-coach strong{line-height:1.5}@media(max-width:650px){.fight-coach{top:77px;left:10px;right:10px;padding:8px;font-size:10px;gap:6px}.fight-coach button{padding:6px!important;font-size:9px!important}.fight-menu-actions{gap:8px;margin-top:8px}.fight-menu-actions #fight-practice{font-size:10px!important;padding:10px!important}}