.descent-hud{padding:10px 22px 9px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;font-size:8px;letter-spacing:1.3px;color:#e8c794;background:linear-gradient(90deg,#27152e,#120d20);border-bottom:1px solid #a7764844}.descent-hud span+span{color:#bba5d5}.descent-hud progress{width:100%;height:4px;border:0;border-radius:3px;appearance:none;background:#49354e}.descent-hud progress::-webkit-progress-bar{background:#49354e;border-radius:3px}.descent-hud progress::-webkit-progress-value{background:linear-gradient(90deg,#af8aff,#ffd081);border-radius:3px}.descent-hud progress::-moz-progress-bar{background:#eac286}.dragon-stage{scroll-margin-top:12px}.canvas-wrap canvas{aspect-ratio:5/6}.music-preview{border:1px solid #a57e4d;border-radius:5px;background:#35223b;padding:6px 9px;color:#ffe3a4;font-size:10px}.score-stage{scroll-margin-top:12px}@media(max-width:620px){.descent-hud{padding:9px 12px;font-size:6px;letter-spacing:.8px}.dragon-stage{scroll-margin-top:5px}}
.canvas-wrap{width:min(100%,calc((100svh - 340px)*.833333));margin-inline:auto}
.descent-hud button{border:1px solid #aa865b66;border-radius:4px;background:#3e2945;color:#ffe0a7;padding:1px 7px;font-size:9px;letter-spacing:.3px}