:root{color-scheme:dark;font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 20% 20%,#12203f,#05070f 65%);touch-action:none}#app{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden}canvas{border:2px solid #49f6ff;border-radius:14px;box-shadow:0 0 40px #34c7ff59;max-width:100vw;max-height:100vh;image-rendering:pixelated}#app.mobile-mode{place-items:stretch}#app.mobile-mode canvas{width:100vw!important;height:100dvh!important;border-radius:0;border:none;box-shadow:none}#touch-ui{position:absolute;inset:0;pointer-events:none;padding:env(safe-area-inset-top,0px) 14px env(safe-area-inset-bottom,0px) 14px;display:flex;flex-direction:column;justify-content:space-between}#touch-ui.hidden{display:none}#touch-ui [hidden]{display:none!important}.touch-top,.touch-bottom,.touch-shop{display:flex;gap:8px;pointer-events:none}.touch-top{margin-top:6px;justify-content:space-between}.touch-bottom{margin-bottom:10px;justify-content:space-between;align-items:flex-end}.touch-side{display:flex;gap:8px}.touch-shop{align-self:center;margin-bottom:112px}.touch-action-cluster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;pointer-events:none}.touch-action-cluster .touch-btn:nth-child(1){grid-column:1;grid-row:1}.touch-action-cluster .touch-btn:nth-child(2){grid-column:1;grid-row:2}.touch-action-cluster .touch-btn:nth-child(3){grid-column:2;grid-row:2}.touch-move-pad{pointer-events:auto;width:132px;height:132px;border-radius:999px;border:2px solid rgba(107,242,255,.42);background:radial-gradient(circle at 50% 50%,#51c4ff29,#050c188c 70%),#060c1866;box-shadow:0 8px 30px #00000059;position:relative}.touch-move-pad.active{border-color:#6bf2ffd1}.touch-move-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;border-radius:999px;border:2px solid rgba(185,248,255,.92);background:linear-gradient(155deg,#7cecffdb,#1b70a7db);transform:translate(-50%,-50%);transition:transform 70ms linear}.touch-btn{pointer-events:auto;min-width:66px;min-height:66px;border:2px solid rgba(107,242,255,.82);border-radius:999px;background:linear-gradient(160deg,#0a1828e0,#0c1321b8);color:#dcf9ff;font-weight:700;font-size:14px;letter-spacing:.3px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;box-shadow:0 8px 24px #00000059}.touch-btn.active{background:linear-gradient(160deg,#2788bef2,#145078e6)}.touch-btn:disabled{opacity:.45}.touch-btn.wide{min-width:104px;min-height:54px;border-radius:16px}.touch-btn-primary{border-color:#ffca82f2;background:linear-gradient(165deg,#53320ff0,#311b07db)}@media(max-width:800px){.touch-btn{min-width:68px;min-height:68px;font-size:13px}.touch-btn.wide{min-width:106px;min-height:52px}.touch-move-pad{width:124px;height:124px}.touch-move-knob{width:54px;height:54px}#touch-ui{padding:calc(env(safe-area-inset-top,0px) + 6px) 10px calc(env(safe-area-inset-bottom,0px) + 8px) 10px}.touch-bottom{margin-bottom:4px}.touch-shop{margin-bottom:106px}}