.welcome-cat{font-size:56px;line-height:1;margin-bottom:14px}.welcome-steps{display:flex;gap:8px;margin:22px 0}.welcome-steps span{flex:1;border:1px solid #685579;border-radius:9px;padding:12px;font-size:12px;line-height:1.5;background:#30263f}.welcome-steps b{display:block;color:var(--lime);font-size:18px}.welcome-copy{max-width:38em}.welcome-actions{display:flex;gap:12px;flex-wrap:wrap}.welcome-actions button{min-height:44px}.guide-banner{position:absolute;left:16px;right:16px;top:65px;border:1px solid var(--lime);border-radius:10px;background:#242434f5;padding:12px 16px;z-index:5;display:flex;gap:12px;align-items:center;font-size:12px;box-shadow:0 4px 20px #0b0b2566}.guide-banner strong{color:var(--lime)}.guide-banner button{margin-left:auto;min-width:44px;min-height:44px;border:0;border-radius:5px;background:#433752}.mobile-bar,.drawer-close{display:none}.drawer-shade{position:fixed;inset:0;border:0;background:#08061599;z-index:11}.caption-box{overflow-wrap:anywhere}.welcome-note{font-size:11px;color:var(--muted)}
@media(max-width:960px){.story-panel.open{z-index:12;top:12px;bottom:78px;max-height:none}.drawer-close{display:block;flex:none;align-self:stretch;background:#30263f;border:0;border-bottom:1px solid #645372;min-height:48px;color:var(--text);font-size:14px;text-align:right;padding:10px 16px}.mobile-bar{display:flex;flex:none;height:58px;padding:6px 10px;gap:8px;background:#171422;border-top:1px solid #4c3b5b}.mobile-bar button{flex:1;min-height:44px;border:1px solid #655376;border-radius:7px;background:#332940;color:#eee5f6;font-size:13px}.mobile-bar .mobile-panel{position:static;display:block}.mobile-bar #mobileBuild{display:none}.mobile-bar button[aria-expanded=true]{background:var(--lavender);color:#251b30}.story-bottom{flex-wrap:wrap;gap:8px}.story-bottom button{min-height:44px;font-size:13px}.story-bottom>span{font-size:9px}.story-scroll{padding:18px}.fields label,#inspector p{font-size:14px}select,input[type=text]{min-height:44px;font-size:16px}.button{min-height:44px}.back{min-height:44px}.moment-button>strong{font-size:11px}.dare-card p{font-size:12px}.dare-card>button{min-height:44px}footer{display:none}}
@media(max-width:600px){.workspace{grid-template-columns:minmax(0,1fr)}.build-panel{display:none;position:fixed;left:10px;right:10px;top:12px;bottom:78px;z-index:12;border:1px solid #6f597c;border-radius:10px;box-shadow:0 10px 60px #09071188}.build-panel.open{display:flex}.story-panel{left:10px;right:10px;width:auto;border-radius:10px}.mobile-bar #mobileBuild{display:block;background:var(--lime);color:#26301c}.topbar{gap:10px}.tagline{display:none}.top-right .button{font-size:12px;min-height:44px}.top-right .icon-button{display:block;min-width:44px;min-height:44px}.scorebar{height:78px;grid-template-columns:1.1fr 1fr 1fr;gap:10px}.tower-identity>button{font-size:15px;max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:44px}.metric>strong{font-size:20px}.metric>span,.eyebrow{font-size:9px}.world-controls{left:8px;right:8px;gap:7px;bottom:9px}.speed-controls button,.camera-controls button{width:44px;height:44px;font-size:14px}.camera-controls{flex:1}.camera-controls>span{font-size:10px}#clock{font-size:9px}.world-name{bottom:139px}.world-top{top:10px}.glass{min-height:44px;font-size:11px}.guide-banner{top:62px;left:10px;right:10px;font-size:12px;padding:9px 12px}.build-hint{bottom:169px}.panel-title{padding:12px 16px}.panel-title h2{font-size:23px}.panel-title .eyebrow{font-size:9px}.build-tabs{padding:0 16px 8px}.build-tabs button{font-size:13px;min-height:44px}.catalog{padding:0 12px 10px}.room-card{flex-wrap:nowrap;gap:12px;padding:12px;min-height:78px}.room-icon{width:42px;height:44px;font-size:26px}.room-info strong{font-size:14px}.room-info small{font-size:11px}.room-info .tag{font-size:9px}.room-card .price{position:static;font-size:12px}.build-bottom{padding:12px 16px}.build-bottom>.button>span:first-child{font-size:14px}.build-bottom>.button small{font-size:12px}.build-bottom>div{margin-top:4px}.build-bottom>div>button{font-size:13px;min-height:44px}.build-bottom>div>span{font-size:12px}dialog h2{font-size:30px}dialog p,dialog li{font-size:14px}.studio-layout{grid-template-columns:1fr}.studio-preview{width:115px;justify-self:center}.studio-options .button{font-size:13px}.welcome-steps{gap:6px}.welcome-steps span{font-size:11px;padding:10px 8px}.welcome-cat{font-size:44px}.welcome-actions{flex-direction:column}.welcome-actions .button{width:100%}#toast{bottom:76px}.guide-banner~.moment-banner{top:130px}}
@media(max-height:540px) and (max-width:960px){.scorebar{height:62px}.topbar{height:54px}.mobile-bar{height:54px}.guide-banner{top:10px}.world-name{display:none}.world-top{display:none}}
@media(max-width:600px){.scorebar{height:88px}.tower-identity>.eyebrow{font-size:0;letter-spacing:1px}.tower-identity>.eyebrow:after{content:"YOUR TOWER";font-size:9px}.tower-identity>button{margin-top:0}}