:root{color-scheme:dark;--paper:#f2e5ca;--muted:#a59b95;--gold:#e1b760;--ink:#14121a;--rule:#3a333b;font-family:Arial,Helvetica,sans-serif;background:#100f14;color:var(--paper)}*{box-sizing:border-box}body{margin:0}button,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--rule);background:transparent;padding:10px 14px;transition:background .15s,border-color .15s}button:hover{background:#2c2630;border-color:#897b73}button:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.45;cursor:wait}select{background:#211c25;border:1px solid var(--rule);padding:11px 30px 11px 12px;max-width:270px}kbd{font:11px Consolas,monospace;border:1px solid #524951;border-bottom-width:2px;border-radius:3px;padding:3px 5px;margin-right:3px;color:#d8cec6}#game{max-width:1440px;margin:auto;padding:0 32px}.masthead{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}.wordmark{font:32px Georgia,serif;letter-spacing:-1.4px}.wordmark i{color:var(--gold);font-weight:normal}.wordmark span{font:10px Consolas,monospace;letter-spacing:2.4px;margin-left:26px;color:var(--muted)}nav{display:flex;gap:8px}nav button{font-size:12px;border-color:transparent}#fullscreenButton{font-size:23px;padding:4px 10px}.arena-wrap{position:relative;margin-top:18px;background:#171521;overflow:hidden;border:1px solid #4a3b3d}#arena{width:100%;height:auto;display:block;image-rendering:pixelated;outline-offset:-3px;touch-action:none}.match-hud{position:absolute;top:5%;left:4%;width:92%;display:grid;grid-template-columns:1fr 130px 1fr;pointer-events:none}.fighter-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;text-shadow:0 2px 6px #000}.fighter-label strong{font:24px Georgia,serif;letter-spacing:1px}.fighter-label span{font-size:18px;color:var(--gold);letter-spacing:4px}.health-track{height:15px;background:#211c29;border:1px solid #c8ac7b;padding:2px}.health-track div{height:100%;background:var(--fighter-color,var(--gold));transition:width .12s}.right .health-track{transform:scaleX(-1)}.right .fighter-label{flex-direction:row-reverse}.minor-bars{display:flex;gap:5px;margin-top:5px}.minor-bars>span{display:block;width:65%;height:4px;background:#332a37}.minor-bars .guard{width:35%}.minor-bars i{display:block;height:100%;background:#d3d1be;width:100%}.minor-bars .guard i{background:#8398a4}.right .minor-bars{flex-direction:row-reverse}.right .minor-bars i{float:right}.meter{position:relative;height:18px;margin-top:7px;width:48%;background:#181622;border:1px solid #544332}.meter i{display:block;width:60%;height:100%;opacity:.45;background:var(--fighter-color,var(--gold));transition:width .2s}.meter span{position:absolute;inset:0;display:flex;align-items:center;padding-left:6px;letter-spacing:1px;font:9px Consolas,monospace;color:#f4eadc}.meter.ready{border-color:var(--fighter-color,var(--gold))}.meter.ready span{color:#fff}.right .meter{margin-left:auto}.round-clock{text-align:center;text-shadow:0 2px 6px #000}.round-clock>span,.round-clock small{display:block;font:9px Consolas,monospace;letter-spacing:2px}.round-clock strong{font:52px Georgia,serif;display:block;line-height:1.15}.round-clock small{color:var(--gold);font-size:8px;margin-top:5px}.arena-bottom{position:absolute;bottom:16px;left:3%;right:3%;display:flex;align-items:center;justify-content:space-between}.arena-bottom>span{font:9px Consolas,monospace;letter-spacing:2px;color:#aca092}.arena-bottom button{font-size:10px;padding:4px 8px;border:0;color:#d0c5b9}.arena-bottom kbd{font-size:9px}.loading{position:absolute;inset:0;background:#16131e;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;font:26px Georgia,serif;z-index:8}.loading span{font:12px Consolas,monospace;color:var(--gold)}.result{position:absolute;inset:0;background:#111019da;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;z-index:4;padding:28px}.result[hidden]{display:none}.result>p:first-child{font:11px Consolas,monospace;color:var(--gold);letter-spacing:3px}.result h1{font:60px Georgia,serif;margin:4px 0 10px}.result p{color:#b9aca4;max-width:480px;line-height:1.5}.result>div{display:flex;gap:10px;margin-top:14px}.primary{background:var(--gold);color:#20181c;border-color:var(--gold);font-weight:bold}.primary:hover{background:#f0ce88;border-color:#f0ce88}.primary span{margin-left:16px}.bench{margin-top:21px}.bench-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.select-side{display:flex;gap:4px;align-items:center}.small-label{font:10px Consolas,monospace;letter-spacing:2px;color:var(--muted)}.select-side>span{margin-right:12px}.select-side button{font-size:12px;border-color:transparent;padding:9px 10px}.select-side .selected{color:var(--gold);border-bottom-color:var(--gold)}.match-options{display:flex;gap:10px;font-size:12px}.roster{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.roster button{padding:0;height:104px;position:relative;overflow:hidden;background:#1d1923;border-color:#3a303a;text-align:left}.roster canvas{position:absolute;height:150px;width:165px;max-width:none;left:50%;transform:translateX(-47%);top:-10px;image-rendering:pixelated;transition:transform .18s}.roster button:hover canvas{transform:translateX(-47%) translateY(-3px)}.roster .name{position:absolute;bottom:0;left:0;width:100%;padding:20px 8px 8px;font:13px Georgia,serif;background:linear-gradient(transparent,#16121cee 50%)}.roster button.selected{border-color:var(--artist);box-shadow:inset 0 0 0 1px var(--artist)}.roster .marker{position:absolute;right:6px;top:6px;color:var(--paper);background:#17121dd9;font:9px Consolas,monospace;padding:4px}.fighter-notes{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:67px;border-bottom:1px solid var(--rule);padding:12px 0}.fighter-notes>div:first-child{display:flex;flex-direction:column;gap:6px}.fighter-notes strong{font:18px Georgia,serif}.fighter-notes span{font-size:11px;color:var(--muted)}.move-names{display:flex;gap:23px}.move-names>div{display:flex;flex-direction:column;gap:5px}.move-names b{font-size:11px;font-weight:normal}.move-names small{font:9px Consolas,monospace;color:var(--gold);letter-spacing:1px}footer{display:flex;justify-content:space-between;gap:12px;padding:15px 0 20px;color:var(--muted);font-size:10px}#controlLegend{display:flex;flex-wrap:wrap;gap:14px}.footer-note{white-space:nowrap}.touch-controls{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{background:#211c25;color:var(--paper);border:1px solid #79614b;max-width:600px;width:calc(100% - 30px);padding:38px;line-height:1.6}dialog::backdrop{background:#09080bd9}dialog h2{font:32px Georgia,serif}dialog p,dialog dl{font-size:13px;color:#c5bbb1}dialog dl{display:grid;grid-template-columns:1fr 1.4fr;gap:9px 18px}dialog dt{color:var(--gold)}dialog dd{margin:0}.close-dialog{position:absolute;top:8px;right:8px;font-size:24px;border:0}.credit{border-top:1px solid var(--rule);padding-top:15px;font-size:11px!important}
@media(min-width:1400px){#game{max-width:1370px}.arena-wrap{max-height:620px}}
@media(max-width:1050px){#game{padding:0 18px}.wordmark span{display:none}.masthead{height:65px}.roster button{height:90px}.roster canvas{height:130px;width:143px}.fighter-label strong{font-size:20px}.match-hud{grid-template-columns:1fr 90px 1fr}.move-names{gap:12px}.meter{width:65%}.meter span{font-size:8px}}
@media(max-width:700px){#game{padding:0 10px}.masthead{height:58px}.wordmark{font-size:25px}.masthead nav{gap:0}.masthead nav button{font-size:10px;padding:7px}#fullscreenButton{display:none}.arena-wrap{margin-top:10px}.match-hud{top:5%;grid-template-columns:1fr 64px 1fr}.fighter-label{margin-bottom:4px}.fighter-label strong{font-size:12px}.fighter-label span{font-size:10px;letter-spacing:1px}.health-track{height:9px;padding:1px}.minor-bars{margin-top:3px;gap:2px}.minor-bars>span{height:2px}.meter{height:9px;margin-top:4px;width:75%}.meter span{font-size:5px;letter-spacing:0;padding-left:3px}.round-clock strong{font-size:28px}.round-clock>span{font-size:6px;letter-spacing:1px}.round-clock small{font-size:5px;letter-spacing:1px;margin-top:2px}.arena-bottom{bottom:5px}.arena-bottom>span{font-size:5px;letter-spacing:1px}.arena-bottom button{font-size:9px}.arena-bottom kbd{display:none}.bench{margin-top:14px}.bench-top{align-items:stretch;flex-direction:column;gap:10px}.select-side>span{font-size:9px}.select-side button{font-size:11px}.match-options{justify-content:space-between}.match-options select{flex:1;min-width:0;max-width:none;font-size:11px}.primary{font-size:11px;padding:10px}.primary span{margin-left:5px}.roster{grid-template-columns:repeat(4,1fr);gap:6px}.roster button{height:92px}.roster .name{font-size:12px}.fighter-notes{align-items:flex-start;flex-direction:column;gap:13px;padding-bottom:16px}.move-names{width:100%;justify-content:space-between;gap:8px}.move-names b{font-size:10px}.move-names small{font-size:8px}footer{font-size:9px;flex-direction:column}#controlLegend{gap:9px;line-height:1.8}.result h1{font-size:32px}.result p{font-size:11px;margin:6px 0}.result>p:first-child{font-size:8px}.result>div{margin-top:8px}.result{padding:12px}.result button{font-size:10px;padding:8px}.touch-controls{display:flex;justify-content:space-between;gap:8px;padding-top:12px}.touch-controls>div{display:flex;gap:5px}.touch-controls button{font-size:10px;min-width:40px;min-height:44px;padding:7px;touch-action:none;user-select:none;-webkit-user-select:none}.touch-controls .touch-special{color:var(--gold);border-color:#a68a59}.touch-controls button.pressed{background:#746045}dialog{padding:25px}dialog h2{font-size:27px}}
@media(pointer:coarse) and (min-width:701px){.touch-controls{display:flex;justify-content:space-between;margin-top:12px}.touch-controls button{touch-action:none;min-height:50px;margin-right:6px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}