/* DOM HUD only. Native Godot speed/status labels still require the current native source. */
html:not([data-kart-display-mode="test"]) :is(#scopeBadge,#circuit,#reset,#rivalStatus,#note,#freezeText,#controllerStatus,#status,#audioHint,#itemHint,#itemKey,#itemKey2){display:none!important}
html:not([data-kart-display-mode="test"]) header{background:none;pointer-events:none;justify-content:flex-end}
html:not([data-kart-display-mode="test"]) header>*{pointer-events:auto}
html:not([data-kart-display-mode="test"]) header :is(h1,#audioSettingsEntry,#performanceEntry,#freeCameraEntry){display:none!important}
html:not([data-kart-display-mode="test"]) #menuButton{font-size:0;width:42px;height:42px;padding:4px}
html:not([data-kart-display-mode="test"]) #menuButton::after{content:'☰';font-size:24px;line-height:1}
html:not([data-kart-display-mode="test"]) #freezeHint{background:none;padding:0}
html:not([data-kart-display-mode="test"]) #minimap{left:clamp(28px,5vw,100px);top:86px}
html:not([data-kart-display-mode="test"]) #raceRank{right:clamp(40px,7vw,150px);top:96px}
html:not([data-kart-display-mode="test"]) #itemPanel{right:96px;bottom:max(16px,env(safe-area-inset-bottom));width:212px;grid-template-columns:106px 98px;gap:8px}
html:not([data-kart-display-mode="test"]) #item{width:106px;min-height:104px}
html:not([data-kart-display-mode="test"]) #itemNext{height:102px}
html:not([data-kart-display-mode="test"]) #itemIcon{width:52px;height:52px}
html:not([data-kart-display-mode="test"]) #itemName{font-size:12px}
html:not([data-kart-display-mode="test"]) #itemUse{font-size:0}
html:not([data-kart-display-mode="test"]) #itemUse::after{content:'使う';font-size:14px}
html:not([data-kart-display-mode="test"]) #controls{left:12px;right:12px;display:grid;grid-template-columns:56px 56px 1fr 70px;grid-template-areas:'left right . jump' 'throttle throttle . brake';gap:8px}
html:not([data-kart-display-mode="test"]) #controls .spacer{display:none}
html:not([data-kart-display-mode="test"]) #controls [data-hold="left"]{grid-area:left}
html:not([data-kart-display-mode="test"]) #controls [data-hold="right"]{grid-area:right}
html:not([data-kart-display-mode="test"]) #controls [data-hold="throttle"]{grid-area:throttle}
html:not([data-kart-display-mode="test"]) #controls [data-hold="brake"]{grid-area:brake}
html:not([data-kart-display-mode="test"]) #controls #jump{grid-area:jump}
html:not([data-kart-display-mode="test"]) #controls button{min-width:0;width:100%;height:52px;font-size:13px;padding:6px}
@media(max-width:620px){html:not([data-kart-display-mode="test"]) #minimap{left:22px;top:62px;width:122px;height:105px}html:not([data-kart-display-mode="test"]) #raceRank{right:30px;top:68px}html:not([data-kart-display-mode="test"]) #itemPanel{width:164px;grid-template-columns:82px 74px;right:92px}html:not([data-kart-display-mode="test"]) #item{width:82px;min-height:88px}html:not([data-kart-display-mode="test"]) #itemNext{height:86px}html:not([data-kart-display-mode="test"]) #itemIcon,html:not([data-kart-display-mode="test"]) #itemIcon2{width:42px;height:42px}}