#touch-ui[hidden],[hidden]{display:none!important}#touch-ui{font-family:Slime Jua,system-ui,sans-serif;color:#edf6d6}.touch-layout{display:block;place-content:normal;align-content:normal;overflow:hidden;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.touch-layout #game{width:100%;height:calc(100dvh - 196px);margin-top:44px;aspect-ratio:auto;overflow:hidden;position:relative}.touch-layout footer{display:none}.touch-status{position:fixed;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:95px;font-size:18px;line-height:1.4;white-space:pre-line;z-index:21;pointer-events:none}.touch-controls{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));height:126px;display:flex;align-items:center;justify-content:space-between;z-index:20;pointer-events:none}.touch-stick{width:120px;height:120px;border:2px solid #96c8a5;border-radius:50%;background:#234b42dc;box-shadow:inset 0 0 20px #9edbbb20;position:relative;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.touch-knob{position:absolute;width:52px;height:52px;left:32px;top:32px;border-radius:50%;background:#b5e3ac;border:3px solid #e5f4c7;box-shadow:0 4px #0c2927;pointer-events:none}.stick-caption{position:absolute;left:0;right:0;bottom:5px;text-align:center;font-size:14px;pointer-events:none}#touch-ui button{font:inherit;cursor:pointer;touch-action:manipulation;color:#edf6d6;border:2px solid #9ccba3;background:#345f50;border-radius:20px;box-shadow:0 4px #081f25;min-height:48px;padding:10px 16px;font-size:19px}#touch-ui button:active{background:#50856a;transform:translateY(2px)}#touch-ui .touch-dash{width:92px;height:92px;border-radius:50%;background:#58745a;color:#fff0c5;pointer-events:auto;touch-action:none;font-size:21px}#touch-ui button:disabled{opacity:.6}#touch-ui .touch-pause{position:fixed;top:max(8px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:22;font-size:16px;padding:8px;min-height:44px}.mobile-panel{position:fixed;inset:0;z-index:30;overflow-y:auto;overscroll-behavior:contain;background:#173b39;padding:max(22px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));font-size:18px;line-height:1.6;text-align:center;touch-action:pan-y}.mobile-panel h1{font-size:28px;line-height:1.3;color:#e7f2c6;margin:12px 0 24px}.mobile-copy{max-width:650px;margin:auto}.mobile-copy p{white-space:pre-line;margin:12px 0;overflow-wrap:anywhere}.mobile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:650px;margin:24px auto 10px}.mobile-actions button:first-child{grid-column:1/-1}@media(orientation:landscape){.touch-layout #game{height:calc(100dvh - 46px);margin-top:40px}.touch-controls{bottom:max(8px,env(safe-area-inset-bottom));height:110px;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right))}.touch-stick{width:104px;height:104px;background:#234b42a8}.touch-knob{left:24px;top:24px}.mobile-panel{padding-top:12px}.mobile-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(orientation:portrait){.touch-layout #game canvas{position:absolute;height:100%!important;width:auto!important;max-width:none;margin:0!important;top:0;left:50%;transform:translate(-50%)}}.mobile-mascot{width:64px;height:64px;margin:8px auto 20px;background-size:256px 64px;background-repeat:no-repeat;image-rendering:pixelated}.mobile-actions button{white-space:pre-line}