*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:#000;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}canvas{display:block;touch-action:none}.touch-stick{position:fixed;left:0;top:0;width:128px;height:128px;margin:-64px 0 0 -64px;border-radius:50%;pointer-events:none;opacity:0;z-index:20;transition:opacity .12s ease;will-change:opacity}.touch-stick.is-active{opacity:1}.touch-stick-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none}.touch-stick-ring--outer{background:radial-gradient(circle at 50% 50%,#16110d47 36%,#120e0bb8 58%,#0c0a08e0);border:1.5px solid rgba(196,152,82,.42);box-shadow:0 10px 28px #00000061,inset 0 1px #fff6ea24,inset 0 -8px 18px #00000047}.touch-stick-ring--outer:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;border:1px dashed rgba(196,152,82,.28)}.touch-stick-ring--inner{top:22px;right:22px;bottom:22px;left:22px;border:1px solid rgba(255,246,234,.1);background:radial-gradient(circle at 50% 42%,#281e168c,#080605c7);box-shadow:inset 0 0 0 1px #c498521f,inset 0 6px 14px #00000059}.touch-stick-cross{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.touch-stick-cross:before,.touch-stick-cross:after{content:"";position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent 0%,rgba(196,152,82,.18) 18%,rgba(196,152,82,.45) 50%,rgba(196,152,82,.18) 82%,transparent 100%);transform:translate(-50%,-50%)}.touch-stick-cross:before{width:72%;height:1px}.touch-stick-cross:after{width:1px;height:72%;background:linear-gradient(180deg,transparent 0%,rgba(196,152,82,.18) 18%,rgba(196,152,82,.45) 50%,rgba(196,152,82,.18) 82%,transparent 100%)}.touch-stick-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;border:1.5px solid rgba(232,196,128,.55);background:radial-gradient(circle at 32% 28%,#fff6eab8,#c49852f2 38%,#6e4a24fa 72%,#2a1c10);box-shadow:0 6px 14px #00000073,0 0 0 3px #120e0b59,inset 0 1px #fff6ea73,inset 0 -4px 8px #00000059;will-change:transform}.touch-stick-knob span{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;border:1px solid rgba(255,246,234,.18);background:radial-gradient(circle at 40% 35%,rgba(255,246,234,.22),transparent 65%);box-shadow:inset 0 0 0 1px #50341859}.hud-panel{position:fixed;top:13px;border-radius:9px;border:1px solid rgba(255,246,234,.16);background:linear-gradient(155deg,#18120e6b,#0c0a0847);box-shadow:0 8px 24px #00000038,inset 0 1px #fff6ea1a;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);pointer-events:none;-webkit-user-select:none;user-select:none}#level{left:13px;display:flex;flex-direction:column;gap:1px;min-width:64px;padding:7px 12px 6px 10px;border-left:2px solid rgba(184,135,74,.72)}#level .level-label{font-family:Helvetica Neue,Helvetica,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:9px;font-weight:600;line-height:1;letter-spacing:.17em;text-transform:uppercase;color:#fff6ea94}#level-number{font-family:Helvetica Neue,Helvetica,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:20px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:#fff6eaf5;text-shadow:0 1px 8px rgba(0,0,0,.35)}#minimap{right:13px;padding:4px;pointer-events:auto;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;transition:transform .18s cubic-bezier(.2,.9,.3,1.1),box-shadow .18s ease;transform-origin:top right}#minimap.is-revealed{box-shadow:0 14px 36px #0000006b,inset 0 1px #fff6ea1f;border-color:#c498526b}#minimap-canvas{display:block;width:84px;height:84px;transition:width .18s ease,height .18s ease;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;pointer-events:none}#minimap.is-revealed #minimap-canvas{width:280px;height:280px}#victory-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;opacity:1;pointer-events:none;z-index:100}@media (max-aspect-ratio: 3/4){.hud-panel{top:calc(10px + env(safe-area-inset-top,0px))}#level{left:calc(10px + env(safe-area-inset-left,0px));min-width:56px;padding:6px 10px 5px 8px}#level-number{font-size:17px}#minimap{right:calc(10px + env(safe-area-inset-right,0px));padding:3px}#minimap-canvas{width:68px;height:68px}#minimap.is-revealed #minimap-canvas{width:min(280px,calc(100vw - 28px));height:min(280px,calc(100vw - 28px))}}