*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{width:100%;height:100%;overflow:hidden;background:#0d0a1a;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;touch-action:none;overscroll-behavior:none}#game{display:block;width:100%;height:100%;touch-action:none}.hidden{display:none!important}#hud{position:fixed;top:env(safe-area-inset-top,0);left:0;right:0;padding:14px 18px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:10}#hearts{font-size:clamp(22px,5vw,34px);text-shadow:0 2px 6px rgba(0,0,0,.6);background:#0a061e80;padding:6px 14px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:4px}#spell-bar{display:flex;gap:6px;align-items:center}.spell-item{display:flex;align-items:center;gap:5px;background:#140e3299;border:2px solid rgba(160,120,255,.35);border-radius:10px;padding:4px 10px;font-size:clamp(12px,2.2vw,16px);color:#aaa;opacity:.6;transition:opacity .15s,border-color .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.spell-item.active{border-color:#c8a228;color:gold;opacity:1}.spell-key{font-size:.75em;background:#ffffff26;border-radius:4px;padding:1px 4px;font-weight:700}.spell-emoji{font-size:1.1em}.spell-label{font-weight:700;white-space:nowrap}#enemy-counter{position:fixed;top:calc(env(safe-area-inset-top,0) + 64px);left:50%;transform:translate(-50%);font-size:clamp(15px,3.5vw,22px);font-weight:700;color:#ff8080;background:#3c0a0aa6;border:2px solid #c03030;padding:6px 20px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;z-index:10;pointer-events:none}#quest-bar{position:fixed;bottom:calc(env(safe-area-inset-bottom,0) + 180px);left:50%;transform:translate(-50%);max-width:min(480px,90vw);background:#140e32b3;border:1px solid rgba(200,162,40,.45);border-radius:12px;padding:8px 20px;text-align:center;pointer-events:none;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#quest-text{font-size:clamp(13px,2.8vw,18px);color:#d4c2ff}#talk-prompt{position:fixed;bottom:calc(env(safe-area-inset-bottom,0) + 225px);left:50%;transform:translate(-50%);font-size:clamp(14px,3vw,19px);color:#fff;background:#140e32cc;border:2px solid #a87cff;padding:8px 22px;border-radius:999px;pointer-events:none;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}#dialog{position:fixed;bottom:calc(env(safe-area-inset-bottom,0) + 20px);left:50%;transform:translate(-50%);width:min(640px,92vw);background:linear-gradient(160deg,#1a1230,#0e0820);border:2px solid #c8a228;border-radius:16px;padding:16px 20px 12px;z-index:15;box-shadow:0 6px 30px #5a28c866;cursor:pointer}#dialog-speaker{font-size:clamp(14px,2.8vw,18px);font-weight:700;color:gold;margin-bottom:6px}#dialog-text{font-size:clamp(15px,3vw,20px);color:#e8e0ff;line-height:1.5;min-height:2.5em}#dialog-hint{margin-top:10px;font-size:clamp(11px,2.2vw,14px);color:#7058a0;text-align:right}#banner{position:fixed;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:radial-gradient(circle at 50% 40%,#321464e6,#080416f7);color:#fff;z-index:30}#banner.show{display:flex}#banner h1{font-size:clamp(36px,8vw,72px);color:gold;text-shadow:0 4px 0 #7a5000,0 8px 24px rgba(0,0,0,.5);margin-bottom:14px}#banner p{font-size:clamp(15px,3vw,21px);max-width:600px;margin-bottom:12px;line-height:1.55;color:#ccc4e8}.controls-hint{opacity:.8;font-size:clamp(12px,2.3vw,16px)!important}#banner button{margin-top:20px;font-size:clamp(18px,3.5vw,26px);font-weight:700;font-family:inherit;color:#1a0a3a;background:linear-gradient(#d4aaff,#9055e0);border:none;border-radius:999px;padding:14px 44px;cursor:pointer;box-shadow:0 6px #4a1880,0 10px 24px #00000080;transition:transform .08s ease}#banner button:active{transform:translateY(4px);box-shadow:0 2px #4a1880}#touch-controls{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:12}#joystick{position:absolute;left:calc(28px + env(safe-area-inset-left,0));bottom:calc(38px + env(safe-area-inset-bottom,0));width:140px;height:140px;border-radius:50%;background:#ffffff1a;border:3px solid rgba(200,160,255,.4);pointer-events:auto;touch-action:none}#joystick-thumb{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:#c8a0ff8c;box-shadow:0 2px 10px #0006}#right-btns{position:absolute;right:calc(30px + env(safe-area-inset-right,0));bottom:calc(32px + env(safe-area-inset-bottom,0));display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:auto}.touch-btn{width:110px;height:110px;border-radius:50%;font-family:inherit;font-size:22px;font-weight:700;border:4px solid rgba(255,255,255,.5);cursor:pointer;touch-action:none;box-shadow:0 5px #0006}.touch-btn:active{transform:translateY(4px);box-shadow:0 1px #0006}#spell-cast-row{display:flex;gap:8px;justify-content:center;pointer-events:auto}.spell-cast-btn{width:76px;height:76px;border-radius:50%;font-size:28px;font-family:inherit;background:#5028a0bf;border:3px solid #a87cff;color:#fff;cursor:pointer;touch-action:none;box-shadow:0 4px #0006,0 0 10px #a064ff66;pointer-events:auto}.spell-cast-btn:active{transform:translateY(3px);box-shadow:0 1px #0006}#jump-btn{color:#0a2040;background:radial-gradient(circle at 40% 35%,#b6f0ff,#4fb8e0);border-color:#b4f0ffb3;box-shadow:0 5px #1a6080}#talk-btn{position:absolute;bottom:calc(200px + env(safe-area-inset-bottom,0));left:50%;transform:translate(-50%);width:90px;height:90px;border-radius:50%;font-size:32px;background:#5028a0bf;border:3px solid #a87cff;pointer-events:auto;touch-action:none}@media (max-width: 820px) and (max-height: 460px){#joystick{width:108px;height:108px;bottom:calc(14px + env(safe-area-inset-bottom,0));left:calc(16px + env(safe-area-inset-left,0))}#joystick-thumb{width:50px;height:50px;margin:-25px 0 0 -25px}.touch-btn{width:86px;height:86px;font-size:18px}.spell-cast-btn{width:58px;height:58px;font-size:20px}#right-btns{bottom:calc(14px + env(safe-area-inset-bottom,0));right:calc(16px + env(safe-area-inset-right,0));gap:6px}#quest-bar{bottom:calc(env(safe-area-inset-bottom,0) + 140px)}#talk-prompt{bottom:calc(env(safe-area-inset-bottom,0) + 165px)}}@media (max-width: 480px) and (orientation: portrait){#joystick{width:118px;height:118px}.touch-btn{width:96px;height:96px}.spell-cast-btn{width:60px;height:60px;font-size:22px}#spell-cast-row{gap:4px}}@media (max-width: 380px) and (orientation: portrait){#spell-cast-row{flex-wrap:wrap;width:130px;justify-content:center}.spell-cast-btn{width:58px;height:58px}}