/* Portrait canvas remains full width on phones; desktop retains a 9:18 stage. */
@media(max-width:600px){#game{width:100vw;max-width:none;height:100dvh;max-height:none}.shell{min-height:100dvh}.hud{top:max(9px,env(safe-area-inset-top))}}
.scene-caption{top:30%;}.idol{height:57%;bottom:14%}.scene-caption h1{font-size:clamp(16px,2.5vh,22px)}
.import-label{display:block;text-align:center;cursor:pointer}.import-label input{display:block;width:100%;margin-top:8px;font-size:12px}.reduce-motion *{animation:none!important;transition:none!important}
#overlay.mini-overlay{padding:0;backdrop-filter:none}.mini-help{text-align:center;font-size:11px;color:#c5a8d8}.mini-screen{padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.mini-screen canvas{display:block;flex-basis:0}
.dialogue{max-height:80%;overflow:auto}.skill-row>div:last-child{min-width:0}.skill-info{gap:6px}.panel{max-height:92%}.panel-body{scrollbar-width:thin}.skin-preview img{max-width:95%}
@media(max-height:650px){.scene-caption{top:29%}.scene-caption p{display:none}.left-rail,.right-rail{top:105px;gap:5px}.rail{width:41px;min-height:39px;font-size:20px}.gift{margin-top:6px}.scene-caption h1{font-size:15px}.hud .wallet strong{font-size:17px}.hud{left:9px;right:9px}.hud-top{gap:5px}.square{width:36px;height:36px}.utility{bottom:78px}.dialogue{margin-top:7%}.dialogue p{font-size:14px}}
.skill-icon svg{width:32px;height:32px}
