html,body{touch-action:manipulation}@font-face{font-family:Round Mono;src:local("Courier New");font-display:swap}:root{font-family:Round Mono,Courier New,monospace;color:#e6dfc8;background:#171e22;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh}button{font:inherit}.game-shell{width:min(100% - 48px,960px);margin:0 auto;padding:30px 0 20px;container-type:inline-size;container-name:game}.page-header{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:20px;gap:20px}.eyebrow{display:block;font-size:10px;letter-spacing:.2em;color:#9b9e92;margin-bottom:8px}h1{font-family:Georgia,serif;font-size:31px;font-weight:400;letter-spacing:-.035em;margin:0;line-height:1}.build-note{color:#858d87;font-size:9px;letter-spacing:.09em;padding-bottom:3px}.build-note span{padding:0 10px;color:#4d5c5d}.header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}#how-to-play,#customize{white-space:nowrap;font-size:15px;font-weight:700;letter-spacing:.06em;padding:11px 18px;min-height:44px;border:2px solid #e0c460;background:#3a3620;color:#fff2c0;box-shadow:0 0 0 1px #e0c46033,0 4px 14px #0006}#how-to-play:hover,#customize:hover{background:#4d4726;border-color:#f2d774;color:#fffbe6}.site-footer{display:flex;align-items:center;justify-content:center;gap:18px;color:#7d8a82;font-size:11px;letter-spacing:.08em;padding:18px 16px 28px}.footer-link{color:#d6c494;font-size:12px;letter-spacing:.08em;text-decoration:underline;text-underline-offset:3px;padding:6px 8px;min-height:32px}.contact-dialog{width:min(380px,calc(100% - 32px))}.contact-link{display:inline-block;color:#f0e6cb;font-size:20px;font-weight:700;text-decoration:underline;text-underline-offset:4px;padding:6px 0 4px}.contact-link:hover{color:#ffe98a}.splash{position:fixed;inset:0;z-index:50;display:grid;place-items:center;align-content:center;gap:18px;padding:16px;background:#0d1216;cursor:pointer;transition:opacity .45s ease}.splash[data-leaving=true]{opacity:0;pointer-events:none}.splash[hidden]{display:none}.splash img{display:block;width:min(1100px,100%);height:auto;max-height:72vh;object-fit:contain;image-rendering:pixelated;border:2px solid #2c3a3c;box-shadow:0 20px 60px #000a}.splash-start{border:2px solid #e0c460;background:#3a3620;color:#fff2c0;font-family:monospace;font-size:clamp(14px,2.4vw,22px);letter-spacing:.2em;text-transform:uppercase;padding:12px 28px;animation:splash-blink 1.1s steps(2) infinite}.splash-hint{margin:0;color:#9aa69b;font-size:12px;letter-spacing:.08em;text-align:center}@keyframes splash-blink{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.splash-start{animation:none}.splash{transition:none}}.arena-wrap{position:relative;width:100%;aspect-ratio:4 / 3;background:#293637;overflow:hidden;border:1px solid #556060;box-shadow:0 14px 44px #0003;container-type:inline-size}#game{width:100%;height:100%}#game canvas{display:block;width:100%!important;height:100%!important;image-rendering:pixelated}.hud{position:absolute;top:0;left:0;width:100%;height:15.4%;display:grid;grid-template-columns:1fr 19% 1fr;align-items:start;padding:2.2% 3.4%;background:#111d27f5;border-bottom:2px solid #cad0b22b;pointer-events:none}.fighter-info{padding-top:.2%;min-width:0}.fighter-name{display:block;font-weight:700;font-size:clamp(9px,2.2cqw,21px);letter-spacing:.035em;margin-bottom:4%}.opponent-info{text-align:right}.health{height:clamp(6px,1.67cqw,16px);border:1px solid #dfdfbd;padding:2px;background:#15222a}.health span{display:block;height:100%;width:100%;background:#c05b48;box-shadow:inset 0 2px #e9976b44}.opponent-info .health span{background:#d1c59e;box-shadow:inset 0 2px #fcf0c455}.stamina{display:flex;gap:.3em;margin-top:2%;font-size:clamp(7px,1.8cqw,17px);line-height:1}.opponent-info .stamina{justify-content:flex-end}.stamina .heart{position:relative;color:#3a4a52}.stamina .heart:before{content:"♥";position:absolute;inset:0 auto 0 0;width:var(--fill, 100%);overflow:hidden;color:#e0664f}.stamina .heart:after{content:"♥"}.stamina[data-pulse=loss]{animation:stamina-loss .32s steps(4)}.stamina[data-pulse=gain]{animation:stamina-gain .36s ease-out}.stamina[data-gassed=true] .heart{color:#6d4f78;animation:stamina-gassed .5s steps(2) infinite}@keyframes stamina-loss{0%,to{transform:none;filter:none}25%{transform:translate(-3px);filter:brightness(2)}75%{transform:translate(3px)}}@keyframes stamina-gain{0%{transform:scale(1.25);filter:brightness(1.8)}to{transform:none;filter:none}}@keyframes stamina-gassed{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.stamina,.stamina .heart{animation:none!important}}.round-info{display:flex;align-items:center;flex-direction:column;line-height:1;gap:5px}#round-label{color:#b4baa9;font-weight:700;font-size:clamp(7px,1.3cqw,12px);letter-spacing:.09em}#timer{font-size:clamp(18px,4.4cqw,42px);font-weight:700;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.corner-label{position:absolute;bottom:2.8%;left:3.4%;font-size:clamp(6px,1.1cqw,10px);color:#e0e2c185;letter-spacing:.1em;pointer-events:none}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#202c30;z-index:5;font-size:20px;gap:16px}.loading span{font-size:12px;color:#a8b2a6}.loading[hidden]{display:none}.round-overlay{position:absolute;inset:0;background:#111d2790;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:3}.round-overlay[hidden]{display:none}#overlay-caption{font-size:11px;letter-spacing:.2em;color:#c1c5b3}#overlay-title{font-size:clamp(26px,6cqw,56px);letter-spacing:-.06em}#overlay-action{padding:12px 18px;color:#16232a;background:#e6dfc8;border:1px solid #e6dfc8;margin-top:5px}.game-footer{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:16px;border-bottom:1px solid #374245}.round-status{display:flex;align-items:center;gap:9px;font-size:11px;white-space:nowrap}.status-dot{width:6px;height:6px;background:#a8b78f;border-radius:50%;flex-shrink:0}.status-dot.paused{background:#c69863}.divider{color:#4d5c5d;padding:0 4px}.scope-note{color:#8d9891}nav{display:flex;gap:5px}button{cursor:pointer;color:#bec5b7;background:transparent;border:1px solid transparent;font-size:11px;padding:9px 10px;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:36px}button:hover{color:#eee9d5;background:#293638;border-color:#50605d}button:focus-visible{outline:2px solid #d6c494;outline-offset:3px}button:disabled{opacity:.4;cursor:wait}kbd{color:#94a193;font:inherit;font-size:9px;border:1px solid #50605d;padding:2px 4px}.prototype-note{font-family:Georgia,serif;color:#8d9891;font-size:13px;margin:18px 0 0}.combat-controls{display:grid;grid-template-columns:minmax(148px,.82fr) minmax(0,1.18fr);gap:10px;padding-top:12px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.direction-controls{display:grid;grid-template-columns:repeat(3,minmax(44px,1fr));grid-template-areas:". up ." "left down right";gap:6px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.direction-button{min-width:44px;min-height:44px;padding:8px;border:1px solid #52605c;background:#202a2c;color:#e6dfc8;font-size:21px;line-height:1;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.direction-button[data-direction=up]{grid-area:up}.direction-button[data-direction=down]{grid-area:down}.direction-button[data-direction=left]{grid-area:left}.direction-button[data-direction=right]{grid-area:right}.direction-button[data-held=true]{background:#4c5141;border-color:#c1b879;color:#f4ebcb}.punch-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.punch-button{min-height:46px;border:1px solid #52605c;background:#253030;justify-content:flex-start;padding:10px 15px;font-size:12px;color:#e6dfc8;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.punch-button kbd{font-size:12px;color:#e6dfc8;border-color:#758079;padding:3px 6px}.punch-direction{margin-left:auto;color:#a9b39c;font-size:20px}.punch-button[data-active=true]{background:#734b3c;border-color:#ca8d67}.punch-button:disabled{cursor:default}.special-button{grid-column:1 / -1;min-height:40px;border-color:#8a7a3c}.special-button:not(:disabled){background:#3a3620;border-color:#e0c460;color:#fff2c0;box-shadow:0 0 0 1px #e0c46055,0 0 12px #e0c46044}.special-button .star-count{margin-left:auto;letter-spacing:.15em;color:#e0c460}.meters{display:flex;align-items:center;gap:.6em}.star-meter{font-size:clamp(8px,1.9cqw,18px);line-height:1;color:#e0c460;letter-spacing:.12em;margin-top:2%;text-shadow:0 0 6px #e0c46088}.touch-instructions{display:none;margin:10px 0 0;color:#aeb5a4;font-size:10px;line-height:1.5}.audio-panel{border-bottom:1px solid #374245;padding:16px 0}.audio-panel[hidden]{display:none}.track-info{display:flex;justify-content:space-between;gap:16px;font-size:9px;color:#8d9891;margin-bottom:10px}.track-info strong{color:#d9cfad;font-size:11px;margin-left:9px;font-weight:400}.audio-mix{display:grid;grid-template-columns:1fr 1fr;gap:20px}.audio-channel{display:grid;grid-template-columns:88px minmax(40px,1fr) 30px;gap:10px;align-items:center}.audio-channel button{justify-content:flex-start;padding-left:0;white-space:nowrap}.audio-channel button[aria-pressed=false]{color:#87928b}.audio-channel label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.audio-channel input{width:100%;accent-color:#bf7359;cursor:pointer}.audio-channel output{font-size:10px;color:#aeb5a4;text-align:right}.help-dialog{width:min(560px,calc(100% - 32px));max-height:calc(100svh - 32px);margin:auto;padding:0;overflow-y:auto;color:#e6dfc8;background:#202c30;border:1px solid #758079;box-shadow:0 18px 60px #0006}.help-dialog::backdrop{background:#0b1216cc}.help-header{position:sticky;z-index:1;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px 17px;background:#202c30;border-bottom:1px solid #42514f}.help-header .eyebrow{margin-bottom:6px}.help-header h2{margin:0;font: 28px/1.1 Georgia,serif;letter-spacing:-.035em}#help-close,#customize-close{border-color:#50605d;min-height:40px}#help-close span,#customize-close span{font-size:20px;line-height:1}.help-body{padding:18px 24px 22px}.help-intro{margin:0 0 15px;font:16px/1.5 Georgia,serif;color:#d9dfcb}.help-controls{display:grid;grid-template-columns:minmax(120px,1fr) 1.5fr;margin:0;font-size:12px}.help-controls dt,.help-controls dd{margin:0;padding:8px 0;border-bottom:1px solid #344342}.help-controls dt{display:flex;align-items:center;color:#b5beb0}.help-controls dd{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.help-controls kbd{font-size:11px;color:#e6dfc8;white-space:nowrap}.help-controls dd>span{color:#9eaa9d;font-size:11px}.help-tip,.help-special p{font-size:12px;line-height:1.65}.help-tip{margin:16px 0;color:#b5beb0}.help-special{padding:13px 15px;background:#293637;border-left:3px solid #bf7359}.help-special h3{margin:0 0 7px;font-size:13px;color:#e7c29b}.help-special p{margin:0}.help-special strong{color:#b5d9b1}.help-footer{margin:17px 0 0;color:#9eaa9d;font-size:11px;line-height:1.6}.customize-dialog{width:min(700px,calc(100% - 32px))}.customize-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:start}.customize-preview{margin:0;padding:12px;background:#293637;border:1px solid #42514f}.customize-preview-frame{min-height:180px;display:grid;place-items:center}.customize-preview canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.customize-preview canvas[hidden],#customize-loading[hidden]{display:none}.customize-preview figcaption{border-top:1px solid #42514f;padding-top:10px;text-align:center;font-size:10px;letter-spacing:.12em;color:#c0c8b6}#customize-loading{color:#aeb9aa;font-size:12px;line-height:1.6;text-align:center}.palette-fields{display:grid;gap:18px}.palette-fields fieldset{min-width:0;margin:0;padding:0;border:0}.palette-fields legend{margin-bottom:8px;padding:0;font-size:11px;color:#c0c8b6}.palette-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.palette-swatch{position:relative;justify-content:flex-start;min-height:44px;padding:8px;gap:6px;border-color:#42514f;text-align:left}.palette-swatch[aria-pressed=true]{border-color:#d6c494;background:#35423e;color:#f0e6cb}.swatch-color{width:15px;height:15px;flex:0 0 auto;border:1px solid #eef0d755;border-radius:50%}.swatch-label{min-width:0;padding-right:3px;font-size:10px;line-height:1.25}.swatch-check{position:absolute;right:3px;top:2px;font-size:9px;line-height:1;opacity:0}.palette-swatch[aria-pressed=true] .swatch-check{opacity:1}.customize-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #42514f;margin-top:20px;padding-top:12px}#customize-status{margin:0;color:#aeb9aa;font-size:10px;line-height:1.6}#customize-reset{border-color:#50605d;flex-shrink:0}@media(max-width:580px){.customize-layout{grid-template-columns:1fr;gap:18px}.customize-preview{width:170px;justify-self:center}.customize-preview-frame{min-height:140px}}@media(max-width:420px){.help-header{padding:16px}.help-body{padding:15px 16px 18px}.help-controls{grid-template-columns:110px 1fr}.header-actions{flex-direction:column;align-items:stretch;gap:5px}.header-actions button{min-height:40px;padding:8px 12px;font-size:13px}.customize-footer{align-items:flex-start}}@container game (max-width: 580px){.audio-mix{grid-template-columns:1fr;gap:0}.track-info{flex-wrap:wrap;gap:6px}}@media(max-width:600px){.game-shell{width:calc(100% - 24px);padding-top:18px}.page-header{padding-bottom:12px}.build-note{display:none}.eyebrow{font-size:9px}h1{font-size:27px}.game-footer{gap:8px;min-height:60px}.scope-note,.divider{display:none}nav{gap:0}button{padding:10px 8px;min-height:44px}.hud{border-bottom-width:1px}.health{padding:1px}.round-info{gap:3px}.combat-controls{grid-template-columns:minmax(134px,1fr) minmax(0,1fr);gap:8px}.direction-controls{gap:4px}.punch-controls{grid-template-columns:1fr;gap:6px}.punch-button{min-height:44px;padding:8px 10px}.touch-instructions{display:block}.prototype-note{margin-top:12px}}@media(min-width:900px)and (max-height:920px){.game-shell{width:min(max(320px,calc((100svh - 260px) * 4 / 3)),960px);padding-top:20px}.game-footer{min-height:54px}.prototype-note{margin-top:13px}}@container game (max-width: 580px){.build-note,.scope-note,.divider{display:none}.fighter-name{margin-bottom:3%}.health{padding:1px}.round-info{gap:3px}.game-footer{gap:6px}nav{gap:0}button{min-height:44px;padding:8px}}@container game (max-width: 400px){.game-footer{flex-wrap:wrap;gap:0;padding-top:10px}.round-status{width:100%;justify-content:center}nav{width:100%;justify-content:space-between}.scope-note,.divider{display:inline}.combat-controls{grid-template-columns:minmax(132px,1fr) minmax(0,1fr);gap:6px}.direction-controls{gap:3px}.direction-button{font-size:19px}.punch-button{font-size:11px}.punch-direction{display:none}.punch-button kbd{font-size:10px}}