*{box-sizing:border-box;margin:0;padding:0}:root{--font:"Arial Rounded MT Bold", "Trebuchet MS", "Apple SD Gothic Neo", sans-serif;--brown:#3d2b1f;--cream:#fff8e8;--orange:#ff7f1e;--green:#4cd964}html,body{width:100%;height:100dvh;font-family:var(--font);touch-action:none;-webkit-user-select:none;user-select:none;background:#6ec6ff;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{padding:calc(10px + env(safe-area-inset-top,0px)) calc(14px + env(safe-area-inset-right,0px)) 12px calc(14px + env(safe-area-inset-left,0px));pointer-events:none;z-index:10;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;top:0;left:0;right:0}.hud-left,.hud-right{flex-direction:column;gap:8px;display:flex}.hud-right{align-items:flex-end}.hud-chip{background:var(--cream);color:var(--brown);border:3px solid #3d2b1f40;border-radius:999px;align-items:center;gap:7px;width:fit-content;padding:5px 14px 5px 8px;font-size:19px;font-weight:700;display:flex;box-shadow:0 3px #00000026}.hud-chip img{object-fit:contain;width:26px;height:26px}.hud-emoji{font-size:20px}.hud-equip{font-size:14px}.hud-level{gap:9px;font-size:15px}.hud-xp{background:#3d2b1f2e;border-radius:999px;width:74px;height:10px;overflow:hidden}#hud-xp-fill{background:#57a6ff;border-radius:999px;width:0%;height:100%;transition:width .25s}.hud-hp{gap:8px;font-size:14px}.hud-hpbar{background:#3d2b1f2e;border-radius:999px;width:96px;height:12px;overflow:hidden}#hud-hp-fill{background:#4cd964;border-radius:999px;width:100%;height:100%}#hud-hp-text{min-width:30px}.hud-zone{color:#ffe08a;letter-spacing:1px;background:#3d2b1fa6;border-radius:999px;padding:7px 20px;font-size:16px;font-weight:700}#toast-container{z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:70px;left:50%;transform:translate(-50%)}.toast{background:var(--cream);color:var(--brown);opacity:0;border:3px solid #3d2b1f33;border-radius:16px;padding:8px 18px;font-size:16px;font-weight:700;transition:all .25s;transform:translateY(-8px)scale(.95);box-shadow:0 3px #0000001f}.toast.show{opacity:1;transform:translateY(0)scale(1)}.toast-reward{background:#ffe9a8;border-color:#e0a800}.toast-error{background:#ffd6d6;border-color:#d64545}#shop-panel{z-index:30;background:#28190a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shop-card{background:var(--cream);border:4px solid #d9a05b;border-radius:24px;flex-direction:column;width:min(440px,92vw);max-height:86vh;display:flex;overflow:hidden;box-shadow:0 8px #0003}.shop-header{position:relative}.shop-banner{object-fit:cover;width:100%;height:110px;display:block}.shop-close{background:var(--cream);width:36px;height:36px;color:var(--brown);cursor:pointer;border:3px solid #3d2b1f4d;border-radius:50%;font-size:16px;font-weight:700;position:absolute;top:10px;right:10px}.shop-tabs{gap:8px;padding:12px 14px 4px;display:flex}.shop-tab{font-family:var(--font);color:var(--brown);cursor:pointer;background:#f3e3c3;border:3px solid #0000;border-radius:14px;flex:1;padding:9px;font-size:16px;font-weight:700}.shop-tab.active{background:#ffd98a;border-color:#e0a800}.shop-list{flex-direction:column;gap:10px;padding:10px 14px 16px;display:flex;overflow-y:auto}.shop-item{background:#fff;border:3px solid #eadcc0;border-radius:18px;align-items:center;gap:12px;padding:10px 12px;display:flex}.shop-item.equipped{border-color:var(--green);background:#f0fff2}.shop-item-icon{object-fit:contain;background:#fffdf6;border-radius:12px;flex-shrink:0;width:52px;height:52px}.shop-item-icon-fallback{background:#fff3d6;justify-content:center;align-items:center;font-size:28px;display:flex}.shop-item-info{flex:1}.shop-item-name{color:var(--brown);font-size:16px;font-weight:700}.shop-item-effect{color:#8a6d4f;margin-top:2px;font-size:13px}.shop-btn{font-family:var(--font);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:16px;font-weight:700;display:flex;box-shadow:0 3px #0000002e}.shop-btn img{object-fit:contain;width:20px;height:20px}.shop-btn-buy{background:var(--orange);color:#fff}.shop-btn-buy:disabled{cursor:default;box-shadow:none;background:#ccbfae}.shop-btn-equip{color:#fff;background:#57a6ff}.shop-btn-sell{color:var(--brown);background:#f3e3c3;padding:7px 12px;font-size:13px}.shop-equipped-badge{color:var(--green);font-size:15px;font-weight:700}.shop-locked-badge{color:#a08a6e;font-size:14px;font-weight:700}.shop-item.locked{opacity:.55}.shop-item-action{align-items:center;gap:6px;display:flex}#home-btn{top:calc(60px + env(safe-area-inset-top,0px));background:var(--cream);color:var(--brown);font-family:var(--font);cursor:pointer;z-index:15;border:3px solid #3d2b1f40;border-radius:999px;padding:8px 20px;font-size:16px;font-weight:700;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 3px #00000026}#home-btn:active{box-shadow:none;transform:translate(-50%)translateY(2px)}#mute-btn{top:calc(100px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));background:var(--cream);cursor:pointer;z-index:11;border:3px solid #3d2b1f40;border-radius:50%;width:44px;height:44px;font-size:20px;position:fixed;box-shadow:0 3px #00000026}#stage-bar{bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--cream);z-index:15;border:3px solid #d9a05b;border-radius:999px;align-items:center;gap:10px;padding:7px 12px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px #00000026}#stage-bar button{width:40px;height:40px;color:var(--brown);cursor:pointer;background:#ffd98a;border:3px solid #3d2b1f40;border-radius:50%;font-size:16px;font-weight:700}#stage-bar button:disabled{opacity:.35;cursor:default}#stage-evolve{padding:0 16px;animation:1s ease-in-out infinite evolve-pulse;background:linear-gradient(#ffe08a,#ffb347)!important;border-radius:999px!important;width:auto!important}@keyframes evolve-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}#stage-label{text-align:center;color:var(--brown);flex-direction:column;min-width:190px;font-size:15px;line-height:1.25;display:flex}#stage-label small{color:#8a6d4f;font-size:12px}#shop-prompt{background:var(--cream);color:var(--brown);cursor:pointer;z-index:15;border:3px solid #d9a05b;border-radius:999px;padding:11px 22px;font-size:17px;font-weight:700;animation:1.2s ease-in-out infinite bounce;position:fixed;bottom:130px;left:50%;transform:translate(-50%);box-shadow:0 4px #00000026}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-6px)}}#touch-controls{pointer-events:none;z-index:12;position:fixed;inset:0}#joystick{left:calc(26px + env(safe-area-inset-left,0px));bottom:calc(30px + env(safe-area-inset-bottom,0px));pointer-events:auto;touch-action:none;background:#fff8e859;border:3px solid #fff8e899;border-radius:50%;width:130px;height:130px;position:absolute}#joystick-knob{background:#ffc828e6;border:3px solid #3d2b1f4d;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}#touch-buttons{right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(34px + env(safe-area-inset-bottom,0px));pointer-events:auto;gap:16px;display:flex;position:absolute}#touch-buttons button{touch-action:none;background:#fff8e8cc;border:3px solid #3d2b1f4d;border-radius:50%;width:76px;height:76px;font-size:32px;box-shadow:0 4px #0003}#touch-buttons button:active{box-shadow:none;transform:translateY(3px)}@media (width<=760px){#stage-bar{bottom:calc(140px + env(safe-area-inset-bottom,0px));gap:6px;padding:5px 8px}#stage-bar button{width:34px;height:34px;font-size:13px}#stage-label{min-width:128px;font-size:12.5px}#stage-label small{font-size:10.5px}#joystick{width:110px;height:110px}#joystick-knob{width:48px;height:48px;margin:-24px 0 0 -24px}#touch-buttons button{width:64px;height:64px;font-size:26px}#touch-buttons{gap:12px}#shop-prompt{bottom:calc(150px + env(safe-area-inset-bottom,0px));font-size:15px}.hud-chip{padding:4px 10px 4px 6px;font-size:15px}.hud-chip img{width:20px;height:20px}.hud-equip{font-size:11.5px}.hud-zone{padding:5px 14px;font-size:12px}.hud-hpbar{width:70px}.hud-xp{width:54px}#home-btn{top:calc(52px + env(safe-area-inset-top,0px));padding:7px 16px;font-size:14px}#mute-btn{width:38px;height:38px;font-size:17px}}