/* KING OF BOXER — cabinet artwork. All measurements use the 720 × 1280 stage. */
:root{--gold:#ffe433;--cyan:#40eaff;--muted:#b0cff5;--arcade-cut:polygon(12px 0,calc(100% - 12px) 0,calc(100% - 12px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 4px) calc(100% - 12px),calc(100% - 4px) calc(100% - 4px),calc(100% - 12px) calc(100% - 4px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 12px),0 calc(100% - 12px),0 12px,4px 12px,4px 4px,12px 4px)}
.ui-crown,.ui-shield,.ui-glove{display:inline-block;flex:none;background:center/contain no-repeat;width:34px;height:34px}
.ui-crown{background-image:url('assets/ui/icon-crown.svg')}.ui-shield{background-image:url('assets/ui/icon-shield.svg')}.ui-glove{background-image:url('assets/ui/icon-glove.svg')}.impact-glove{background-image:url('assets/ui/icon-impact.svg')}
.chunky,.pixel-action,.control,.super-button,.panel,.rival-card,.stat,.toggle,.play-prompt,.small-button{border:16px solid transparent;border-image:url('assets/ui/frame-blue.svg') 24 fill / 16px stretch;background:none;border-radius:0;clip-path:none;box-shadow:0 5px 0 #000b;text-shadow:2px 3px #00123a;transition:transform .06s,filter .08s}
.chunky.gold,.pixel-action,.play-prompt,.small-button{border-image-source:url('assets/ui/frame-gold.svg');color:#211337;text-shadow:1px 2px #fff38b}
.chunky.blue{border-image-source:url('assets/ui/frame-blue.svg')}.chunky.navy{border-image-source:url('assets/ui/frame-navy.svg')}.chunky.red{border-image-source:url('assets/ui/frame-red.svg')}
.chunky:hover,.pixel-action:hover{filter:brightness(1.1)}.chunky:active,.pixel-action:active,.control:active,.control.held{transform:translateY(3px);border-width:16px;box-shadow:0 2px #000b;filter:brightness(1.15)}
button:focus-visible{outline:4px solid #fff6a1;outline-offset:-11px}button:disabled{cursor:default}.control:disabled,.super-button:disabled{opacity:.42;filter:grayscale(.6)}
/* Top scoreboard: two corners, a bulb-framed timer and six individual count lamps. */
#hud{position:absolute;inset:0;pointer-events:none}#hud button{pointer-events:auto}
.fight-top{top:0;left:0;right:0;height:51px;padding:0 51px 0 21px;border:9px solid transparent;border-image:url('assets/ui/frame-blue.svg') 24 fill / 9px stretch;font:13px Pixel;color:#ffe43c;gap:8px}
#fight-tag{white-space:nowrap;letter-spacing:-.6px}.fight-motto{font:12px Russo;color:#50eeff;white-space:nowrap;margin-left:auto;letter-spacing:.4px}
.fight-top button{position:absolute;right:7px;top:2px;width:34px;height:32px;min-height:0;padding:0;border:6px solid transparent;border-image:url('assets/ui/frame-gold.svg') 24 fill / 6px stretch;background:none;clip-path:none;color:#221854;font:14px Pixel;box-shadow:none}
.scoreboard{top:55px;left:4px;right:4px;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);gap:4px;align-items:start}
.fighter-info{height:121px;margin-top:9px;padding:1px 5px;border:12px solid transparent;border-image:url('assets/ui/frame-ruby.svg') 24 fill / 12px stretch;position:relative}
.fighter-info>b{font:26px/32px Russo;margin:0 0 5px;letter-spacing:.3px;text-shadow:2px 3px #250320;white-space:nowrap;overflow:hidden}
.you-label{display:flex!important;gap:10px;align-items:center}.you-label .ui-crown{width:32px;height:29px}
.enemy-info{border-image-source:url('assets/ui/frame-blue.svg')}.enemy-info>b{font-size:22px;letter-spacing:0;line-height:32px;text-shadow:2px 3px #001946}
.health{height:33px;border:3px solid #ffef77;outline:2px solid #10092c;box-shadow:inset 0 3px #030724,0 3px #1a0329;background:#110936;padding:3px;border-radius:2px;overflow:hidden}
.health i{background:linear-gradient(#ff7595 0 17%,#ff174d 17% 70%,#d10037 70%);box-shadow:inset 0 -2px #ff365f}.enemy-info .health i{background:linear-gradient(#a3fcff 0 17%,#00ddf5 17% 70%,#008fee 70%);box-shadow:inset 0 -2px #2beaff}
.fighter-info>span{font:21px/25px Russo;color:white;margin:5px 0 0;min-height:0;gap:6px;text-shadow:2px 2px #210623}.enemy-info>span{text-shadow:2px 2px #001945}
.clock{height:172px;position:relative;border:13px solid #ff263d;clip-path:var(--arcade-cut);background:linear-gradient(#061750,#041140);box-shadow:inset 0 0 0 4px #17e4ff;text-align:center;padding:10px 0 0;z-index:1;outline:none}
.clock::before{content:'';position:absolute;inset:0;pointer-events:none;border:2px solid #ffd631;box-shadow:inset 0 0 0 2px #0068ed}
.clock label{display:block;font:17px Pixel;color:#8af3ff;margin:0 0 7px;text-shadow:2px 2px #001130}
.clock strong{font:39px/1.2 Pixel;color:#ffef67;letter-spacing:-2px;text-shadow:3px 4px #080923}
.clock span{margin:9px 0 0;padding:7px 0 0;border-top:2px solid #1952af;font:12px Pixel;color:#83f6ff;line-height:20px}.clock span::before,.clock span::after{content:'★';color:#ffe638;font:19px Russo;margin:0 6px}
.clock-lights{position:absolute;inset:-11px;pointer-events:none;background:radial-gradient(circle,#fffcd5 0 3px,#ffe62b 3px 5px,#ffa312 5px 6px,transparent 7px) 0 0/22px 12px repeat-x,radial-gradient(circle,#fffcd5 0 3px,#ffe62b 3px 5px,#ffa312 5px 6px,transparent 7px) 0 100%/22px 12px repeat-x,radial-gradient(circle,#fffcd5 0 3px,#ffe62b 3px 5px,transparent 6px) 0 0/11px 24px repeat-y,radial-gradient(circle,#fffcd5 0 3px,#ffe62b 3px 5px,transparent 6px) 100% 0/11px 24px repeat-y}
.score-line{top:190px;left:7px;right:7px;height:39px;display:grid;grid-template-columns:171px 79px 190px 79px 171px;gap:4px;font:17px Russo;align-items:center;color:#3beaff}
.score-plaque{border:8px solid transparent;border-image:url('assets/ui/frame-navy.svg') 24 fill / 8px stretch;height:38px;display:flex;align-items:center;justify-content:center;white-space:nowrap;text-shadow:1px 2px #000c}.score-line b{font:14px Pixel;color:#ffe63c;margin-left:7px}.score-line #counter-count{grid-column:5;font:15px Pixel;letter-spacing:-1px}
.down-lamps{display:flex;justify-content:center;gap:4px;height:27px;align-items:center}#e-downs{grid-column:4}.down-lamps i{width:23px;height:25px;background:linear-gradient(#fff09a 0 16%,#ffcf20 16% 72%,#ec8400 72%);border:3px solid #a95400;outline:none;clip-path:polygon(6px 0,17px 0,23px 6px,23px 19px,17px 25px,6px 25px,0 19px,0 6px);font:21px/19px Russo;color:#ffecba;text-align:center;font-style:normal}.down-lamps i.lost{background:#511833;border-color:#fa4161;color:#ff7b8d}
#hud::after{content:'';position:absolute;top:233px;left:0;right:0;height:4px;background:#ff3753;box-shadow:0 -3px #ffd641,0 3px #080954}
.fight-cue{position:absolute;top:243px;left:49px;right:49px;height:43px;display:flex;align-items:center;justify-content:center;gap:10px;border:8px solid transparent;border-image:url('assets/ui/frame-navy.svg') 24 fill / 8px stretch;text-shadow:1px 2px #000;color:#fff;white-space:nowrap}
.fight-cue b{font:17px Russo;color:#ffe748}.fight-cue>span{font:13px Pixel;color:#6ce9ff;letter-spacing:-.4px}.cue-icon{width:23px;height:23px;background:url('assets/ui/icon-star.svg') center/contain no-repeat}.cue-track{position:absolute;bottom:-2px;left:17px;right:17px;height:3px;background:#09132e}.cue-track i{display:block;height:100%;background:#88f9ff;width:0}
.fight-cue[data-tone='danger']{border-image-source:url('assets/ui/frame-red.svg')}.fight-cue[data-tone='danger']>span{color:#ff777e}.fight-cue[data-tone='open'],.fight-cue[data-tone='counter']{border-image-source:url('assets/ui/frame-blue.svg')}.fight-cue[data-tone='open'] b,.fight-cue[data-tone='counter'] b{color:#fff}.fight-cue[data-tone='danger'] .cue-icon{background-image:url('assets/ui/icon-shield.svg')}
/* Bottom deck: separate fill tracks and large, illustrated action buttons. */
#controls{height:302px;padding:9px 13px 0;background:repeating-conic-gradient(#ffca13 0% 25%,#074cdb 0% 50%) 0 0/14px 14px;border-top:5px solid #ff2b45;box-shadow:0 -3px #ffe448}
.meters{height:69px;grid-template-columns:1fr 1fr;gap:7px;align-items:stretch}
.stamina-meter,.super-button{position:relative;margin:0;min-width:0;height:69px;padding:2px 13px;border:11px solid transparent;border-image:url('assets/ui/frame-navy.svg') 24 fill / 11px stretch;box-shadow:none;clip-path:none;border-radius:0;background:none;overflow:visible;display:block;text-align:left}
.meters label,.super-button span#super-label{display:block;font:21px/23px Russo;color:white;text-shadow:2px 2px #00123e;letter-spacing:.4px;margin:0 0 5px;white-space:nowrap}
.super-button span#super-label{font-size:19px}.stamina-track,.power-track{position:absolute;left:9px;right:60px;bottom:1px;height:22px;display:block;padding:3px;background:#03172e;border:2px solid #2bffc1;box-shadow:0 0 0 2px #00193d;border-radius:2px;overflow:hidden}
.stamina-track i{background:linear-gradient(#8bffe0 0 20%,#16f8ab 20% 80%,#00b987 80%);height:100%}.stamina-meter>b{position:absolute;right:0;bottom:2px;font:18px Russo;color:#4affb9;text-shadow:2px 2px #001227}
.super-button .power-track{position:absolute;border-color:#ffe947;right:57px;z-index:0;line-height:0;font-size:0}.super-button #power{position:static;display:block;height:100%;opacity:1;background:repeating-linear-gradient(90deg,transparent 0 33px,#df8d06 33px 35px),linear-gradient(#fff598 0 20%,#ffdf18 20% 80%,#efae00 80%);transition:width .08s linear}
.super-button small{position:absolute;right:-1px;bottom:1px;padding:0;background:none;border-radius:0;font:18px Russo;color:#ffe849;white-space:nowrap;text-shadow:2px 2px #001227;line-height:23px}.super-button.charged,.super-button.charging{background:none;border-image-source:url('assets/ui/frame-gold.svg');box-shadow:none;animation:none}.super-button.charged span#super-label,.super-button.charging span#super-label{color:#291327;text-shadow:1px 1px #fff49e}.super-button.charged small{font:10px/21px Pixel;color:#fff6ac;background:#061440;padding:0 4px;bottom:1px;right:-2px}.super-button.charged .power-track{right:112px}.super-button.charging #power{background:#fffbe0;opacity:1}.super-button:active{filter:brightness(1.2)}
.control-grid{height:173px;grid-template-columns:1fr 1fr;gap:7px;margin:5px 0 0}
.defence{display:flex;flex-direction:column;justify-content:start;gap:3px;padding:0 4px 3px;border:11px solid transparent;border-image:url('assets/ui/frame-navy.svg') 24 fill / 11px stretch;background:none}
.control.block{width:230px;min-height:37px;height:37px;padding:0 7px;border:7px solid transparent;border-image:url('assets/ui/frame-blue.svg') 24 fill / 7px stretch;display:flex;flex-direction:row;gap:9px;box-shadow:none;clip-path:none;font:21px Russo;flex-shrink:0}
.block .ui-shield{width:27px;height:27px}.control.block small{font:10px Pixel;margin:0}.defence>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%;height:108px}
.control.dodge{height:108px;min-height:0;border:12px solid transparent;border-image:url('assets/ui/frame-blue.svg') 24 fill / 12px stretch;background:none;box-shadow:none;gap:3px;clip-path:none;padding:1px 0 0;justify-content:center}
.pixel-arrow{width:39px;height:29px;background:#fff;clip-path:polygon(0 30%,53% 30%,53% 0,65% 0,65% 15%,82% 15%,82% 30%,100% 30%,100% 70%,82% 70%,82% 85%,65% 85%,65% 100%,53% 100%,53% 70%,0 70%)}
.control.dodge small{font:11px Pixel;margin:1px 0 0;color:#fff}.control.dodge b{font:12px Russo;color:#bff5ff;margin-top:4px;white-space:nowrap;letter-spacing:.3px}
.attack{display:grid;grid-template-columns:1fr 1fr;gap:7px;align-items:stretch}
.attack .control{height:173px;width:100%;min-width:0;border:16px solid transparent;border-image:url('assets/ui/frame-red.svg') 24 fill / 16px stretch;border-radius:0;background:none;box-shadow:0 4px #071340;clip-path:none;font:34px Russo;color:#fff;padding:3px 0 6px;gap:7px;letter-spacing:1px;text-shadow:2px 3px #870028}
.attack .cross{border-image-source:url('assets/ui/frame-gold.svg');color:#29142b;text-shadow:1px 2px #ffe977}.attack .ui-glove{height:41px;width:43px}.attack small{font:15px Pixel;margin:0;color:#fff}.attack .cross small{color:#39201b}.attack .control>span{line-height:1.05}.recovery-mode .attack .control{font:21px Russo}.control.recover-next{filter:brightness(1.12);outline:3px solid #74ffde;outline-offset:-7px;box-shadow:none}
.control.held,.control:active{border-image-source:url('assets/ui/frame-gold.svg')}.control.block.held{border-width:7px;color:#231b4b}.control.dodge:active,.control.dodge.held{border-width:12px}
.controls-note{height:36px;margin:6px -5px 0;display:flex;justify-content:center;align-items:center;border:8px solid transparent;border-image:url('assets/ui/frame-navy.svg') 24 fill / 8px stretch;font:11px Pixel;letter-spacing:-.6px;color:#6aeaff;white-space:nowrap}.controls-note::before,.controls-note::after{content:'';display:block;flex:none;width:25px;height:23px;background:url('assets/ui/icon-crown.svg') center/contain;margin:0 17px}.recovery-mode .controls-note{font-size:10px;color:#85ffd0}
/* Menu and all overlays use the same cabinet frames and illustrated icons. */
.menu-screen{background:radial-gradient(ellipse at 50% 39%,#0a46b685,#051139e6 70%),linear-gradient(#031b62,#020b2a)}
.menu-screen::before{content:'';position:absolute;inset:13px;pointer-events:none;border:8px solid transparent;border-image:url('assets/ui/frame-blue.svg') 24 / 8px stretch}
.menu-top{top:30px;left:33px;right:33px}.menu-top>.tiny{color:#58eaff;background:#071951;padding:13px;border-bottom:3px solid #006bff}.wallet{border:9px solid transparent;border-image:url('assets/ui/frame-navy.svg') 24 fill / 9px stretch;background:none;border-radius:0;padding:2px 13px;font-size:25px}
.wordmark{top:105px;transform:none}.wordmark>span{font:47px Pixel;letter-spacing:-2px;-webkit-text-stroke:0;color:#fff06e;text-shadow:0 4px #f99c05,0 8px #973e0c,4px 11px #010727}.wordmark>b{font:57px Pixel;letter-spacing:4px;color:#fff9d3;background:none;border:13px solid transparent;border-image:url('assets/ui/frame-red.svg') 24 fill / 13px stretch;box-shadow:none;padding:11px 19px 7px;margin-top:13px;text-shadow:3px 4px #790026}
.circuit-tag{top:294px;left:66px;right:66px;border:10px solid transparent;border-image:url('assets/ui/frame-navy.svg') 24 fill / 10px stretch;padding:7px 11px;font:17px Pixel;color:#ffe94a;align-items:center}.circuit-tag span{color:#78ecff;font-size:13px}
.menu-rival{top:366px;height:407px}.rival-note{color:#a4e6ff;font-size:11px}.menu-rival canvas{height:333px;width:350px;margin:4px auto 0;object-fit:contain}
.nameplate{bottom:0;left:106px;right:106px;transform:none;border:12px solid transparent;border-image:url('assets/ui/frame-blue.svg') 24 fill / 12px stretch;background:none;box-shadow:none;padding:5px 8px}.nameplate span{font:28px Russo;color:white;text-shadow:2px 3px #002653;letter-spacing:1px}.nameplate small{font:10px/1.7 Pixel;color:#6ceaff}
.menu-buttons{top:796px;left:48px;right:48px;gap:13px}.menu-buttons .chunky{min-height:90px;font:24px Pixel;padding:8px 20px;letter-spacing:0}.menu-buttons #play{height:112px;font:36px Pixel;padding-left:54px}.menu-buttons .two-col{gap:13px}.menu-buttons .two-col .chunky{min-height:91px;font:18px Russo;padding-left:41px;letter-spacing:1px}.menu-buttons .btn-sub{font:10px Pixel;margin-top:9px;letter-spacing:1px}.menu-buttons .btn-icon{display:none}
.menu-buttons .chunky::before{content:'';position:absolute;left:16px;top:50%;transform:translateY(-50%);width:46px;height:46px;background:center/contain no-repeat}.menu-buttons #play::before{width:65px;height:65px;left:27px;background-image:url('assets/ui/icon-glove.svg')}.menu-buttons #collection::before{background-image:url('assets/ui/icon-roster.svg')}.menu-buttons #trophies::before{background-image:url('assets/ui/icon-trophy.svg');width:35px;left:10px}.menu-buttons #settings::before{background-image:url('assets/ui/icon-settings.svg');width:34px;left:10px}
.menu-foot{bottom:36px;left:48px;right:48px}.menu-foot .tiny{color:#54c6e8;font-size:8px}.text-button{font:18px Russo;color:#75e4ff;text-decoration:none;background:#041b54;border:2px solid #1464ba;padding:9px 15px;box-shadow:inset 0 2px #168bf140}.text-button:hover{color:#fff5a1;border-color:#e9ba2d}
.overlay{padding:34px;background:#000928d9;backdrop-filter:none}.panel{border-width:17px;border-image:url('assets/ui/frame-panel.svg') 24 fill / 17px stretch;background:none;box-shadow:0 8px #000a;padding:26px 23px;max-height:1186px;scrollbar-color:#19beff #031240;border-radius:0;text-align:center;scroll-padding:20px}
.panel .eyebrow{font:12px/1.8 Pixel;color:#56e8ff;letter-spacing:1px}.panel h1{font:32px/1.5 Pixel;letter-spacing:-1px;color:#ffe74d;text-shadow:2px 3px #ba6c02,3px 6px #00113e;margin:15px 0 21px;overflow-wrap:break-word}.panel h2{color:#ffe443}.panel p{color:#c2e7ff;font:22px/1.5 Russo}.panel .chunky{font:24px Russo;margin-top:14px;min-height:81px;letter-spacing:1px}.panel .chunky.gold{font-size:27px}.panel .two-col .chunky{font-size:21px}.panel .fine{color:#93bde8!important;font-size:18px!important}.hint-list>div{background:#031641;border-left:4px solid #00aaff;box-shadow:inset 0 2px #124286;font-size:22px}.hint-list small{font-size:19px;color:#b4d2ef;line-height:1.45}.kbd{color:#ffed69}
.setting{padding:20px 0;border-bottom:2px solid #1765bc;font:23px Russo;gap:12px}.toggle{border-width:9px;border-image:url('assets/ui/frame-blue.svg') 24 fill / 9px stretch;min-width:110px;padding:9px 8px;color:#87fff0;background:none;font:18px Pixel}.toggle.off{border-image-source:url('assets/ui/frame-navy.svg');background:none;color:#879ecb}.stat{border-width:8px;border-image:url('assets/ui/frame-navy.svg') 24 fill / 8px stretch;background:none}.panel .stat b{font-size:31px;color:#fff05c}.panel .stat span{font:10px/1.65 Pixel;color:#9edefa}.versus{background:#03194e;border-color:#087ced;color:#87eafa}
.rival-card{border-width:10px;border-image:url('assets/ui/frame-blue.svg') 24 fill / 10px stretch;background:none;gap:9px;padding:8px 3px;min-height:263px}.rival-card b{color:#ffea62;font-size:18px}.rival-card small{color:#b8d5ed}.rival-card.locked{border-image-source:url('assets/ui/frame-navy.svg');background:none;box-shadow:0 4px #0009}.rival-card.locked img{filter:grayscale(1) brightness(.22)}.rival-card.locked b{color:#8b9fc9}.rival-card.locked .tiny{color:#718aad}.rival-card.locked small{color:#7286ab}.roster-heading{font-size:16px!important;line-height:1.5!important;color:#54e7ff!important}.trophy{border-bottom:2px solid #144f97}.trophy-icon{background:url('assets/ui/icon-trophy.svg') center/contain no-repeat;font-size:0;color:transparent;flex:none;width:47px;height:53px}.trophy small{color:#a7ccef;font-size:19px}.trophy.locked{opacity:.42}
.play-prompt{font:21px/1.7 Pixel;padding:15px 6px;min-height:80px;color:#fff8ce;text-shadow:2px 3px #06102d;border-image-source:url('assets/ui/frame-red.svg')}.splash-play{top:1008px}.splash-play .tiny{color:#88deff}.small-button{font:19px Russo;padding:8px 20px}
#down-ui,#victory-ui{padding:12px 14px;border:12px solid transparent;border-image:url('assets/ui/frame-panel.svg') 24 fill / 12px stretch;background:none;left:60px;right:60px}.pixel-action{min-height:90px;font:21px/1.4 Pixel;padding:11px 6px}.pixel-action small{font:10px/1.5 Pixel}.recover-meter{background:#021343;border:3px solid #56e6ff}.recover-meter i{background:linear-gradient(#fff47c,#ffc614)}#victory-ui{top:1015px}#victory-ui .pixel-action{min-height:78px;margin-bottom:8px}#victory-ui #show-stats{border:16px solid transparent;border-image:url('assets/ui/frame-blue.svg') 24 fill / 16px stretch;background:none;color:#fff;text-shadow:2px 2px #003062}
.outcome-heading{background:linear-gradient(#031039dd,#03103900);padding:15px 0}.outcome-heading h1{color:#ffec54;text-shadow:3px 4px #96440b,4px 7px #001033}.outcome-actions{left:100px;right:100px;gap:9px;bottom:25px}.outcome-actions .chunky{border:14px solid transparent;border-image:url('assets/ui/frame-blue.svg') 24 fill / 14px stretch;clip-path:none;font:22px Russo;min-height:69px;padding:5px 3px}.outcome-actions .chunky.gold{border-image-source:url('assets/ui/frame-gold.svg')}.outcome-actions #outcome-next:not([hidden])~#outcome-stats{border-image-source:url('assets/ui/frame-blue.svg');color:#fff;text-shadow:1px 2px #002350;background:none}.sound-caption{color:#b7e7ff}.ending-screen .pixel-action{font-size:19px;min-height:81px}.ending-screen .text-button{background:#04153be0;border-color:#0762b8;width:390px;left:165px;bottom:12px;font-size:11px;padding:10px}
.toast{border:11px solid transparent;border-image:url('assets/ui/frame-blue.svg') 24 fill / 11px stretch;background:none;color:#fff7a3;font:20px/1.5 Russo}.rating{color:#ffe435}.coin-icon{border-radius:0;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}
@media(prefers-reduced-motion:reduce){.chunky,.control{transition:none}}
/* Reserve room for three-digit counters and the ready-state keyboard prompt. */
.score-line #counter-count{font:21px Russo;letter-spacing:0}
.super-button.charged .power-track{right:70px}.super-button.charged small{font:17px/21px Russo;right:-1px;padding:0 3px}
.panel::before,.panel::after{content:'';position:absolute;top:14px;width:23px;height:23px;background:url('assets/ui/icon-star.svg') center/contain no-repeat;pointer-events:none}.panel::before{left:15px}.panel::after{right:15px}
#controls{height:303px}
.meters,.stamina-meter,.super-button{height:76px}.control-grid,.attack .control{height:166px}.defence>div,.control.dodge{height:101px}
.splash-play{top:590px;left:42px;right:42px}.splash-play .tiny{display:inline-block;background:#031440e8;padding:7px 12px;border-bottom:2px solid #079eff}

/* V1.0 — Prizefighters pass: declining maximum health, rival stamina and stun meters. */
.health{position:relative}
.health u{position:absolute;top:3px;bottom:3px;right:3px;width:0;background:repeating-linear-gradient(135deg,#2a0d2f 0 5px,#140623 5px 10px);box-shadow:inset 2px 0 #ff3d6a;transition:width .3s}
.enemy-info .health u{right:auto;left:3px;box-shadow:inset -2px 0 #28e7ff}
.mini-bars{display:inline-flex;flex-direction:column;gap:3px;margin:0 0 0 auto;width:74px}
.enemy-info .mini-bars{margin:0 auto 0 0}
.mini{display:block;height:8px;background:#07102a;border:1px solid #6d86b5;overflow:hidden}
.mini b{display:block;height:100%;width:0;transition:width .12s}
.mini.sta b{background:#35f2b0}.mini.stun b{background:linear-gradient(90deg,#ffd54a,#ff6a3d)}
.mini.stun.hot{border-color:#ffd54a;box-shadow:0 0 6px #ffc93c}
.super-button .pp{display:inline-block;margin-left:6px;letter-spacing:1px;color:#ffe849}
.super-button.charged .pp{color:#291327}
.cards{width:100%;border-collapse:collapse;margin:18px 0 6px;font:17px Russo;color:#dce9ff}
.cards th{font:10px Pixel;color:#6fdcff;padding:8px 4px;border-bottom:2px solid #34577a}
.cards td{padding:8px 4px;border-bottom:1px solid #243e5d}
.cards td.win{color:#ffe07a}.cards tfoot td{font-size:20px;color:#fff}
.decision{font:13px Pixel;color:#ffd96b;margin-top:10px}
.corner-tap{min-height:130px!important;font-size:34px!important}
.corner-meter{height:22px;background:#07152b;border:2px solid #7fffc6;margin:16px 0}.corner-meter i{display:block;height:100%;width:0;background:#56f0b2;transition:width .1s}

.outcome-actions .chunky.blue{color:#fff;text-shadow:1px 2px #002350;background:none}.outcome-actions .chunky.gold{color:#3a1d06;text-shadow:1px 1px #ffe9a0;background:none}

.outcome-screen>.celebration{position:absolute;inset:0;width:720px;height:1280px;pointer-events:none;z-index:2}.outcome-screen .outcome-heading,.outcome-screen .outcome-actions{z-index:3}
.menu-foot .menu-mapi{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);width:170px;height:auto;filter:drop-shadow(0 4px 6px #0009);pointer-events:none}
.ending-screen>.celebration{position:absolute;inset:0;width:720px;height:1280px;pointer-events:none;z-index:1}.ending-screen button{z-index:3}
.kbd-focus{outline:5px solid #ffe14a!important;outline-offset:4px!important;box-shadow:0 0 0 9px #ffe14a55,0 0 26px #ffe14a!important;filter:brightness(1.12)}
.panel{touch-action:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.panel>.panel-x{position:sticky;top:-6px;float:right;z-index:5;width:66px;height:66px;margin:-12px -10px -54px 0;padding:0;border:8px solid transparent;border-image:url('assets/ui/frame-red.svg') 24 fill / 8px stretch;background:none;color:#fff;font:30px/1 Russo,Arial,sans-serif;text-shadow:0 3px #0008;box-shadow:0 4px #000a}
.panel>.panel-x:active{transform:translateY(3px)}