/* Touch controls, visual icon system and project guide. */
#experience{min-height:0}.ui-icon{display:block;width:22px;height:22px;flex-shrink:0;pointer-events:none}.quick-actions{position:absolute;top:128px;left:30px;display:flex;gap:6px;background:#24251fdc;padding:5px;border:1px solid #f2e4c62e;border-radius:17px;box-shadow:0 6px 24px #0002;backdrop-filter:blur(12px);z-index:5}.tool-button{width:78px;min-height:66px;border:1px solid transparent;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;padding:8px 4px;color:#f0e6d5}.tool-button .ui-icon{color:#e3c696}.tool-button span{font-size:11px;line-height:1.6;white-space:nowrap}.tool-button:hover,.tool-button[aria-expanded=true]{border-color:#dab77d66;background:#dab77d16}.view-controls{border-radius:15px;backdrop-filter:blur(12px)}.view-controls button{min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:10px}.view-controls .ui-icon{width:21px;height:21px}.movement button{display:grid;place-items:center}.movement .ui-icon{width:23px;height:23px}.joystick{display:none}.location span{font-size:14px}.footer-note{font-size:12px}
.project-guide{width:min(540px,calc(100vw - 32px));height:min(750px,calc(100dvh - 48px))}.guide-tabs{display:flex;gap:6px;margin:14px 22px 0;padding:4px;border:1px solid #ffffff14;border-radius:13px;background:#191b1550;flex-shrink:0}.guide-tabs button{flex:1;min-height:44px;border:0;border-radius:9px;background:transparent;color:#c6bdab;font-size:14px}.guide-tabs button[aria-pressed=true]{color:#f7e8c8;background:#dab77d1d;box-shadow:inset 0 0 0 1px #dab77d3b}.guide-body{padding-top:14px}.guide-intro{color:#c9c0af;font-size:14px!important;line-height:1.8!important;margin:0 0 20px}.process-list,.usage-list{list-style:none;padding:0;margin:0}.process-list li{display:flex;gap:13px;position:relative;padding-bottom:23px}.process-list li:not(:last-child)::before{content:'';position:absolute;right:17px;top:39px;bottom:5px;width:1px;background:#dab77d2a}.step-number{width:35px;height:35px;display:grid;place-items:center;border:1px solid #dab77d40;border-radius:50%;color:#e0c18c;font-size:12px;font-variant-numeric:tabular-nums;direction:ltr;background:#dab77d0c;flex-shrink:0}.process-list h3,.usage-list h3{font-size:15px;font-weight:650;line-height:1.8;margin:2px 0 5px;color:#f5e8ce}.process-list p,.usage-list p{font-size:14px;line-height:1.95;color:#cfc7b8;margin:0}.usage-list li{display:flex;gap:13px;padding:0 0 22px}.usage-list .ui-icon{color:#dfc18b;margin-top:5px;width:25px;height:25px}.guide-note{font-size:12px!important;line-height:1.9!important;color:#b3ae9f;border-top:1px solid #ffffff13;padding-top:16px;margin:3px 0 0}.guide-note a{display:inline-block;color:#e3c28b;text-underline-offset:4px;padding:8px 0;min-height:44px}.guide-body [hidden]{display:none!important}
@media(max-width:900px),(pointer:coarse){
 .masthead{padding:calc(env(safe-area-inset-top) + 17px) 18px 32px;gap:8px}.brand{gap:9px}.brand img{width:27px;height:34px}.brand h1{font-size:17px;line-height:1.6}.brand p{font-size:12px;line-height:1.8;margin-top:2px}.brand p span{display:block;margin:0}
 #minimap,.movement,.move-hint,.footer-note{display:none!important}.location{top:calc(env(safe-area-inset-top) + 116px);right:18px;max-width:245px}.location small{font-size:12px}.location span{font-size:14px}
 .quick-actions{top:auto;left:auto;right:18px;bottom:calc(env(safe-area-inset-bottom) + 125px);gap:4px;padding:4px;border-radius:17px;background:#24251fdb}.tool-button{width:69px;min-height:63px;padding:7px 3px;gap:5px}.tool-button .ui-icon{width:23px;height:23px}.tool-button span{font-size:11px}
 .view-controls{bottom:calc(env(safe-area-inset-bottom) + 17px);width:calc(100% - 30px);max-width:410px;justify-content:center;padding:5px;border-radius:17px;background:#24251fef}.view-controls button{flex:1;min-width:0;min-height:61px;flex-direction:column;gap:4px;padding:7px 5px;font-size:12px;line-height:1.6;border-radius:12px}.view-controls .ui-icon{width:21px;height:21px}
 .ready .joystick{display:block;position:absolute;left:23px;bottom:calc(env(safe-area-inset-bottom) + 117px);width:88px;height:88px;border-radius:50%;border:1px solid #fff7;background:#333b2224;box-shadow:inset 0 0 0 12px #ffffff09;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;z-index:5}.joystick-knob{position:absolute;width:34px;height:34px;left:26px;top:26px;border-radius:50%;border:1px solid #fffd;background:#f5e7c34a;box-shadow:0 2px 9px #0002;pointer-events:none}.joystick.active{border-color:#edd9a9;background:#262b2440}.joystick.active .joystick-knob{background:#ead19e85}.joystick span{position:absolute;bottom:-28px;left:0;width:100%;text-align:center;font-size:11px;text-shadow:0 1px 4px #000;pointer-events:none}.overview .joystick{display:none!important}
 #toast{top:170px;max-width:88%;width:max-content;font-size:12px;text-align:center;border-radius:10px}.loading-panel{padding:22px}.loading-panel h2{font-size:26px}.project-guide{height:min(730px,calc(91dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)));width:calc(100vw - 24px)}.guide-tabs{margin:12px 18px 0}.process-list li{gap:11px;padding-bottom:22px}.process-list p,.usage-list p{font-size:14px;line-height:1.95}.guide-intro{font-size:13px!important}
}
@media(max-width:350px){.brand h1{font-size:15px}.brand p{font-size:11px}.tool-button{width:62px}.quick-actions{right:15px}.view-controls button{font-size:11px}.sheet-title-icon{display:none}.sheet-header h2{font-size:19px}.light-presets button{gap:4px;font-size:12px}.light-setting label{font-size:14px}.project-guide .sheet-header .eyebrow{font-size:10px}}
@media(max-height:520px) and (min-width:620px) and (max-width:1000px){.masthead{padding-top:10px}.brand h1{font-size:15px}.brand p span{display:inline;margin-inline-start:8px}.location{top:78px}.quick-actions{bottom:20px;right:18px}.tool-button{width:59px;min-height:57px}.tool-button span{font-size:10px}.ready .joystick{bottom:28px;left:24px;width:78px;height:78px}.joystick-knob{left:21px;top:21px}.joystick span{display:none}.view-controls{width:310px;bottom:14px}.view-controls button{min-height:55px;font-size:11px}.project-guide{height:calc(100dvh - 20px);margin:auto}.guide-tabs{margin-top:8px}#toast{top:108px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}