.tutorial-entry{margin-top:19px;padding:9px 15px;border:1px solid #ffb6d7;color:#fff2de;font-size:12px;font-weight:800;background:#67124bb0;transform:skew(-5deg)}
.tutorial-entry:hover{background:#6de8e1;color:#29203e}
.band-list{display:flex;flex-direction:column;gap:5px;max-width:230px;margin-top:13px;text-align:right}
.band-list>span{font-size:10px;color:#d9bfdc}.band-list small{display:block;font-size:8px;color:#c8b4d1}
.band-list>span[data-active="true"]{color:#ffe078}.band-list>span[data-active="true"] small{color:#6de8e1}
.loot-button{position:absolute;z-index:21;bottom:24px;right:170px;padding:9px 12px;background:#ffe078;color:#29203e;font-weight:900;font-size:11px;border:1px solid #fff2de}
.chest-reward{position:absolute;z-index:25;right:19px;bottom:86px;width:330px;max-height:62dvh;overflow:auto;background:#241a38e0;border:1px solid #ffe078a0;padding:13px;color:#fff2de;backdrop-filter:blur(4px);touch-action:pan-y}
.chest-reward h2{font-size:16px}.chest-reward .shop-heading p{font-size:10px}
.reward-options{display:grid;gap:8px;margin-top:12px}.reward-card{padding:10px;background:#ffffff08;border:1px solid #ffffff25}
.reward-card>strong{font-size:13px;color:#ffe078}.reward-card p{font-size:10px;line-height:1.6;margin:5px 0 8px;color:#ead9e6}
.reward-card button{font-size:11px;padding:7px 10px;border:1px solid #6de8e17a;background:#6de8e116;display:inline-block;margin:3px 4px 0 0;color:#6de8e1}
.reward-card button:hover{background:#6de8e1;color:#29203e}.reward-supply{display:block;text-align:center;width:100%;margin-top:10px;padding:7px;color:#ffbfdc;font-size:11px;border-top:1px solid #ffffff30}
.tutorial-hud{position:absolute;z-index:17;left:50%;top:105px;transform:translateX(-50%);width:min(440px,50vw);padding:12px 16px;background:#251a3cdc;border:1px solid #6de8e188;color:#fff2de;pointer-events:none}
.tutorial-hud strong{font-size:14px;color:#ffe078}.tutorial-hud p{font-size:11px;line-height:1.6;margin:7px 0}.tutorial-hud small{font-size:10px;color:#6de8e1}
body:has(#tutorial-hud:not([hidden])) .stage-banner{display:none}
.tutorial-hud[data-step="6"]{top:185px}
.tutorial-result .poster-left>.eyebrow{font-size:clamp(26px,3.3vw,46px);white-space:normal}
.tutorial-result .result-score{font-size:clamp(30px,4vw,58px)}
.tutorial-result .result-judges p{color:#7d315d}.tutorial-result .result-judges b{color:#ac286f;font-size:18px}
.tutorial-result #result-artist,.tutorial-result #result-boss{color:#7e4165}
@media(max-width:800px){
 .tutorial-entry{font-size:10px;margin-top:16px;padding:8px 11px}
 .band-list{gap:3px;max-width:145px;margin-top:10px}.band-list>span{font-size:8px}.band-list small{font-size:7px}
 .loot-button{right:93px;bottom:24px;padding:8px 9px;font-size:9px}
 .chest-reward{right:12px;bottom:77px;width:min(280px,calc(100vw - 24px));max-height:55dvh;padding:10px}
 .chest-reward h2{font-size:13px}.reward-card{padding:8px}.reward-card>strong{font-size:11px}.reward-card p{font-size:9px}.reward-card button{min-height:34px;font-size:10px}
 .tutorial-hud{top:194px;width:calc(100vw - 40px);padding:10px 12px}.tutorial-hud strong{font-size:12px}.tutorial-hud p{font-size:10px}
 .tutorial-hud[data-step="6"]{top:150px}
 .build-sidebar{bottom:100px}
}