.touch-device{--toolbar:calc(52px + env(safe-area-inset-top));--dock:calc(168px + env(safe-area-inset-bottom));--rail:0px}.touch-device #game{left:max(var(--rail), env(safe-area-inset-left));right:max(var(--rail), env(safe-area-inset-right));top:var(--toolbar);bottom:var(--dock);width:auto;height:auto;position:fixed}.touch-device[data-screen=title] #game{visibility:hidden}#touch,#mobile-menu{color:#fff3a0;font:10px/1.6 "Press Start 2P",monospace}#touch{pointer-events:none;z-index:10;position:fixed;inset:0}#touch button,#mobile-menu button{color:#fff3a0;min-width:44px;min-height:44px;font:inherit;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:#203b2c;border:2px solid #b9c98d;border-radius:10px}#touch button:focus-visible,#touch .thumbstick:focus-visible,#mobile-menu button:focus-visible{outline-offset:3px;outline:3px solid #fff}#touch button:hover,#mobile-menu button:hover{background:#355b3b}#touch button:active,#touch .btn.on,#mobile-menu button:active{background:#65752d}#touch [hidden],#mobile-menu [hidden]{display:none!important}.touch-toolbar{top:env(safe-area-inset-top);pointer-events:auto;padding:4px max(8px, env(safe-area-inset-right)) 4px max(8px, env(safe-area-inset-left));justify-content:center;gap:8px;display:flex;position:absolute;left:0;right:0}.touch-toolbar button{padding:0 12px}[data-screen=title] .touch-toolbar [data-action=pause],[data-screen=title] .touch-toolbar [data-action=menu],[data-screen=title] #touch .pad,[data-screen=title] .rotate-hint{display:none}#touch .pad{bottom:calc(8px + env(safe-area-inset-bottom));pointer-events:auto;width:140px;height:140px;position:absolute}#touch .thumbstick{left:max(8px, env(safe-area-inset-left));box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;background:radial-gradient(circle,#14281e 0 34%,#203b2c 35% 70%);border:2px solid #b9c98d;border-radius:50%;box-shadow:inset 0 3px 10px #08150d99,0 3px #08150d}#touch .thumbstick.active{cursor:grabbing}#touch .stick-feedback{background:conic-gradient(from var(--stick-angle,0deg), #ffd23f 0deg 60deg, transparent 60deg);opacity:0;border-radius:50%;position:absolute;inset:-2px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}#touch .active .stick-feedback{opacity:1}#touch .stick-arrow{text-align:center;color:#9aaf7d;width:20px;height:20px;font:15px/20px monospace;position:absolute}#touch .stick-arrow.on{color:#fff3a0;text-shadow:0 0 8px #ffd23f88}#touch .stick-arrow.left{top:58px;left:7px}#touch .stick-arrow.right{top:58px;right:7px}#touch .stick-arrow.up{top:7px;left:58px}#touch .stick-arrow.down{bottom:7px;left:58px}#touch .stick-cap{box-sizing:border-box;width:46px;height:46px;transform:translate(var(--stick-x,0px), var(--stick-y,0px));pointer-events:none;background:radial-gradient(circle at 40% 30%,#64834a,#355b3b 75%);border:2px solid #b9c98d;border-radius:50%;position:absolute;top:calc(50% - 23px);left:calc(50% - 23px);box-shadow:0 4px #08150d,inset 0 2px #fff2}#touch .active .stick-cap{border-color:#fff3a0}#touch .stick-cap:after{content:"";border:1px solid #b9c98d99;border-radius:50%;position:absolute;inset:15px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#touch .actions{right:max(8px, env(safe-area-inset-right))}#touch .btn{border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}#touch .jump{color:#152519;background:#ffd23f;border-color:#ffd23f;width:72px;height:72px;bottom:0;right:0;box-shadow:0 4px #7d651d}#touch .jump:hover{background:#ffe985}#touch .jump.on,#touch .jump:active{background:#e8b92a;box-shadow:0 1px #7d651d}#touch .slime{color:#c8ffb0;border-color:#8fe06a;width:60px;height:60px;font-size:9px;top:0;left:0}.rotate-hint{left:0;right:0;top:calc(var(--toolbar) + 4px);text-align:center;color:#cfe8c0;font:12px/1.5 monospace;position:absolute}#touch dialog{inset:auto;left:var(--viewport-center-x,50%);top:var(--viewport-center-y,50%);transform:translate(-50%, -50%) scale(var(--viewport-inverse-scale,1));pointer-events:auto;width:min(320px, calc(var(--viewport-width,100vw) - 64px));max-height:calc(var(--viewport-height,100dvh) - 64px);color:#fff3a0;text-align:center;font:inherit;background:#14281e;border:2px solid #b9c98d;border-radius:14px;margin:0;padding:20px;position:fixed;overflow-y:auto}#touch dialog::backdrop{background:#08150ddd}#touch dialog h2{margin:0 0 20px;font-size:18px}#touch dialog p{color:#e8f4d8;font:16px/1.5 monospace}#touch .pause-actions{gap:10px;margin-bottom:10px;display:grid}#touch dialog button{width:100%;padding:10px}#mobile-menu{inset:var(--toolbar) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);z-index:5;box-sizing:border-box;text-align:center;touch-action:pan-y;background:radial-gradient(at top,#2a4c34,#0f1a14 80%);padding:16px;position:fixed;overflow-y:auto}#mobile-menu header h1{color:#ffd23f;text-shadow:3px 4px #2a1d12;margin:8px 0;font-size:36px}#mobile-menu header p{color:#e8f4d8;margin:0 0 24px;font-size:9px}#mobile-menu .menu-content{gap:24px;max-width:640px;margin:auto;display:grid}#mobile-menu .character-preview{object-fit:contain;width:80px;height:60px;image-rendering:pixelated;margin-bottom:12px}#mobile-menu .character-picker{grid-template-columns:48px 1fr 48px;align-items:center;gap:8px;display:grid}#mobile-menu .character-picker button{font-size:20px}#mobile-menu .character-picker strong{color:#fff;font-size:16px}#mobile-menu .character-info{color:#e8f4d8;min-height:36px;margin:12px 0 0;font:14px/1.5 monospace}#mobile-menu .level-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}#mobile-menu button:disabled{color:#a7b5a0;cursor:not-allowed;background:#192c21;border-color:#49624b}#mobile-menu button[aria-pressed=true]{color:#ffd23f;background:#3a5329;border-color:#ffd23f}#mobile-menu .level-name{color:#e8f4d8;margin:12px 0;font:15px/1.5 monospace}#mobile-menu .start-game{color:#152519;background:#ffd23f;border-color:#ffd23f;width:100%;min-height:52px}#mobile-menu .start-game:hover{background:#ffe985}#mobile-menu footer{color:#cfe8c0;max-width:520px;margin:24px auto 0;font:13px/1.6 monospace}@media (orientation:landscape) and (width>=560px){.touch-device{--rail:calc(148px + max(env(safe-area-inset-left), env(safe-area-inset-right)));--dock:env(safe-area-inset-bottom)}#touch .pad{top:50%;bottom:auto;transform:translateY(-50%)}.rotate-hint{display:none}#mobile-menu{padding:8px 20px}#mobile-menu header h1{margin:0;font-size:26px}#mobile-menu header p{margin:0 0 12px;font-size:8px}#mobile-menu .menu-content{grid-template-columns:1fr 1fr;gap:28px}#mobile-menu footer{margin-top:12px;font-size:12px}}