/* Reference artwork stays separate from live scores and real input targets. */
.reference-hud{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.street-brand{left:1%;top:1%;width:17%;height:13%;pointer-events:auto;cursor:pointer;z-index:6}
.street-brand img,.street-brand span{visibility:hidden}
.scoreboard{inset:0;transform:none;width:100%;height:100%;padding:0;min-width:0;border:0;background:none;box-shadow:none;z-index:4}
.side,.middle{display:contents;background:none;border:0}
.side>span,.middle>span:first-child{display:none}
.score{position:absolute;top:2.2%;left:39.4%;width:6.7%;text-align:center;font:900 clamp(22px,4.1vw,66px)/1 Impact,Bahnschrift,sans-serif;letter-spacing:1px;color:#f5f5ee;text-shadow:2px 3px 2px #000}
.cpu .score{left:53.8%}
.clock{position:absolute;top:4.5%;left:46.6%;width:7%;font:900 clamp(18px,3.2vw,48px)/1 Impact,Bahnschrift,sans-serif;color:#ee772b;text-align:center}
.controls{inset:0;width:100%;height:100%;z-index:5;display:block;padding:0}
.joystick{position:absolute;left:2.5%;top:64%;width:15%;height:26%;background:none;border:0;box-shadow:none;opacity:1}
.joystick:before{display:none}.knob{opacity:0;pointer-events:none}.joystick:active .knob{opacity:.5}
.buttons{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.action{position:absolute;width:8.8%;height:15.6%;padding:0;min-width:0;background:none!important;border:0;box-shadow:none;color:transparent;font-size:0;pointer-events:auto;outline-offset:0}
.action:before,.action small{display:none}
.action:active,.action.pressed{background:#ffffff25!important;box-shadow:inset 0 0 0 4px #fff6;transform:scale(.96)}
.shoot{left:84%;top:53.4%}.steal{left:77.5%;top:64%}.jump{left:90.5%;top:64%}.dash{left:84%;top:74.5%}
.top{top:1.5%;right:1%;width:9.2%;height:6%;z-index:7}
.tools{position:relative;display:flex;width:100%;height:100%;gap:10%}
#pause,#sound{width:45%;height:100%;padding:0;background:none;border:0;box-shadow:none;font-size:0}
.game-menu{position:absolute;right:0;top:100%;width:140px}
.game-menu summary{display:none}.game-menu>div{top:5px}
.status{bottom:2%;max-width:47%;font-size:clamp(9px,1vw,13px);opacity:.85;z-index:4}
.streak-meter{bottom:3.1%;right:1.5%;border:0;background:none;box-shadow:none;padding:0;transform:skew(-8deg);gap:3px;z-index:4;pointer-events:none}
.streak-meter>span{display:none}.streak-meter i{width:clamp(13px,1.8vw,27px);height:clamp(8px,1.2vw,17px);background:none;border:0}.streak-meter i.lit{background:#f89332a0}
.overlay{z-index:9}
@media(orientation:portrait){.wrap{width:100vw}.arena,body.training .arena{margin-bottom:0!important;overflow:hidden}.street-brand{top:1%}.top{top:1.5%}.score{font-size:4.1vw}.clock{font-size:3.2vw}.controls{inset:0}.streak-meter{bottom:3.1%}.joystick{width:15%;height:26%}.buttons{width:100%;height:100%}.action{min-width:32px;min-height:32px}#practiceBar{top:15%;left:22%;width:56%;padding:4px}#practiceBar label{font-size:8px}#practiceBar select,#practiceBar button{font-size:8px;padding:3px}}