:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.game-hud[data-v-b9f4c2fb]{position:fixed;top:0;left:0;right:0;pointer-events:none;z-index:1000;padding:20px}.character-panel[data-v-b9f4c2fb]{display:flex;gap:10px;background:#000000b3;border:2px solid #d4af37;border-radius:10px;padding:10px;width:fit-content;box-shadow:0 4px 8px #00000080}.character-portrait[data-v-b9f4c2fb]{width:60px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #d4af37;border-radius:5px;display:flex;align-items:center;justify-content:center}.portrait-image[data-v-b9f4c2fb]{color:#fff;font-weight:700;font-size:16px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.character-stats[data-v-b9f4c2fb]{display:flex;flex-direction:column;gap:5px;min-width:200px}.stat-name[data-v-b9f4c2fb]{color:#d4af37;font-weight:700;font-size:14px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.stat-bar[data-v-b9f4c2fb]{position:relative;height:20px}.bar-bg[data-v-b9f4c2fb]{width:100%;height:100%;background:#333;border:1px solid #666;border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.bar-fill[data-v-b9f4c2fb]{height:100%;transition:width .3s ease;box-shadow:inset 0 2px 8px #ffffff4d}.hp-fill[data-v-b9f4c2fb]{background:linear-gradient(to bottom,#f44,#c00)}.mp-fill[data-v-b9f4c2fb]{background:linear-gradient(to bottom,#44f,#00c)}.exp-fill[data-v-b9f4c2fb]{background:linear-gradient(to bottom,#ff4,#cc0)}.bar-text[data-v-b9f4c2fb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:11px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.9);pointer-events:none}.quick-slots[data-v-b9f4c2fb]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:5px;background:#000000b3;border:2px solid #d4af37;border-radius:10px;padding:10px;box-shadow:0 4px 8px #00000080}.quick-slot[data-v-b9f4c2fb]{position:relative;width:50px;height:50px;background:linear-gradient(135deg,#2c3e50,#34495e);border:2px solid #555;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer}.quick-slot[data-v-b9f4c2fb]:hover{border-color:#d4af37;transform:translateY(-2px);box-shadow:0 4px 8px #d4af3780}.quick-slot.on-cooldown[data-v-b9f4c2fb]{opacity:.5}.slot-icon[data-v-b9f4c2fb]{font-size:24px}.slot-key[data-v-b9f4c2fb]{position:absolute;bottom:2px;right:4px;color:#fff;font-size:10px;font-weight:700;background:#000000b3;padding:2px 4px;border-radius:3px}.cooldown-overlay[data-v-b9f4c2fb]{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;border-radius:5px}.touch-controls[data-v-c657fb29]{position:fixed;bottom:0;left:0;right:0;height:200px;pointer-events:none;z-index:2000}.dpad-container[data-v-c657fb29]{position:absolute;left:30px;bottom:50px;width:180px;height:180px;pointer-events:all}.dpad-btn[data-v-c657fb29]{position:absolute;width:60px;height:60px;font-size:26px;display:flex;align-items:center;justify-content:center}.dpad-up[data-v-c657fb29]{top:0;left:60px}.dpad-down[data-v-c657fb29]{bottom:0;left:60px}.dpad-left[data-v-c657fb29]{left:0;top:60px}.dpad-right[data-v-c657fb29]{right:0;top:60px}.action-container[data-v-c657fb29]{position:absolute;right:30px;bottom:80px;width:200px;height:80px;display:flex;flex-direction:row;gap:20px;align-items:center;justify-content:flex-end;pointer-events:all}.action-btn[data-v-c657fb29]{width:75px;height:75px;font-size:15px;font-weight:700;flex-shrink:0}.attack-btn[data-v-c657fb29]{background:#ff646466;border-color:#ff6464cc}.attack-btn[data-v-c657fb29]:active{background:#ff6464b3}.jump-btn[data-v-c657fb29]{background:#64c86466;border-color:#64c864cc}.jump-btn[data-v-c657fb29]:active{background:#64c864b3}.touch-btn[data-v-c657fb29]{background:#ffffff4d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.5);border-radius:50%;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:all .1s ease;box-shadow:0 4px 12px #0000004d}.touch-btn[data-v-c657fb29]:active{background:#ffffff80;transform:scale(.95);box-shadow:0 2px 6px #0006}@media(min-width:1024px)and (pointer:fine){.touch-controls[data-v-c657fb29]{opacity:.6}}@media(hover:none)and (pointer:coarse){.touch-controls[data-v-c657fb29]{opacity:1}}.game-view[data-v-bce7c079]{width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;margin:0;padding:0}canvas[data-v-bce7c079]{display:block;width:100%;height:100%;object-fit:contain;background:linear-gradient(to bottom,#87ceeb,#e0f6ff,#98d8e8);image-rendering:pixelated;image-rendering:crisp-edges}[data-v-bce7c079] body{margin:0;padding:0;overflow:hidden}.game-over-overlay[data-v-bce7c079]{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn-bce7c079 .3s ease-out}@keyframes fadeIn-bce7c079{0%{opacity:0}to{opacity:1}}.game-over-dialog[data-v-bce7c079]{background:linear-gradient(135deg,#2c1810,#1a0f08);border:3px solid #d4af37;border-radius:20px;padding:50px 60px;text-align:center;box-shadow:0 10px 40px #000c,inset 0 0 20px #d4af371a;animation:slideIn-bce7c079 .4s ease-out;max-width:400px}@keyframes slideIn-bce7c079{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.game-over-title[data-v-bce7c079]{font-size:48px;font-weight:700;color:#f44;margin:0 0 20px;text-shadow:0 0 10px rgba(255,68,68,.5),0 4px 8px rgba(0,0,0,.8);font-family:Arial Black,sans-serif}.game-over-stats[data-v-bce7c079]{font-size:20px;color:#d4af37;margin:20px 0 30px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.restart-btn[data-v-bce7c079]{background:linear-gradient(135deg,#ff6b6b,#f44);border:2px solid #ff8888;border-radius:12px;color:#fff;font-size:20px;font-weight:700;padding:15px 40px;cursor:pointer;transition:all .2s ease;text-shadow:0 2px 4px rgba(0,0,0,.5);box-shadow:0 4px 12px #f446,inset 0 1px #fff3}.restart-btn[data-v-bce7c079]:hover{background:linear-gradient(135deg,#f88,#f55);transform:translateY(-2px);box-shadow:0 6px 16px #f449,inset 0 1px #fff3}.restart-btn[data-v-bce7c079]:active{transform:translateY(0);box-shadow:0 2px 8px #f446,inset 0 1px #ffffff1a}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;overflow:hidden;width:100%;height:100%;position:fixed}body{font-family:Arial,sans-serif;touch-action:none;-webkit-user-select:none;user-select:none}#app{width:100vw;height:100vh;overflow:hidden}