:root{color-scheme:dark}
#gameWrap{background:#10070c}
.overlay{background:rgba(18,6,12,.78)}
.menuHero{background-color:#13090f}
.menuContent{background:linear-gradient(100deg,rgba(19,7,13,.08),rgba(25,7,14,.94) 35%,#17090f 100%)}
.bigTitle{color:#fff1db;text-shadow:0 4px 0 #3d1426,0 0 38px #8e293f66}
.bigTitle .sub{color:#f0c681}
.label,.credit strong,.stage-desc{color:#e7bf7d}
.btn{background:linear-gradient(120deg,#ffe0a2,#c59146);border-color:#e8c17d;color:#25101b;box-shadow:0 8px 28px #0005}
.btn.alt{color:#f8dfb1;background:#30131f;border-color:#91633d}
.panel,.hud-box{background:linear-gradient(135deg,#200d18ed,#10090ded);border-color:#b78c4f66}
.hp{background:linear-gradient(90deg,#b33854,#f07672)}
.boss-name{color:#f4d393}
.control-legend{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);padding:8px 18px;border:1px solid #d0a76844;border-radius:30px;background:#180c14cc;color:#edcf9d;font:600 11px system-ui;letter-spacing:.05em;pointer-events:none;white-space:nowrap}
body.touch .control-legend{display:none}
#game{outline:none}
#joystick,#joystick *{touch-action:none}
button:focus-visible{outline:3px solid #fff0ba;outline-offset:4px}
@media(max-width:700px){.menuContent{background:linear-gradient(0deg,#17090ff2,rgba(23,9,15,.85) 65%,rgba(23,9,15,.28))}.bigTitle{line-height:.99}.label{font-size:10px}.credit{font-size:9px}}

body:not(.playing) .control-legend{display:none}