:root{--bg-page: #fff5f9;--bg-card: #ffffff;--bg-soft: #fff0f6;--text-primary: #2d2540;--text-muted: #8a7a96;--border: #f3d8e3;--accent-gold: #f59e0b;--accent-pink: #ff5d8f;--accent-danger: #c1185f}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-page);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;touch-action:manipulation}#app{display:flex;flex-direction:column;width:100vw;height:100vh;height:100dvh}.hud-logo{display:block;flex:0 0 auto;height:56px;width:auto;max-width:30vw;object-fit:contain;margin-right:4px}@media (max-width: 380px){.hud-logo{height:44px}}#logo-text{font-family:Lilita One,Bubblegum Sans,Fredoka,-apple-system,system-ui,sans-serif;font-weight:400;font-size:32px;letter-spacing:.01em;line-height:1;display:inline-flex;gap:.06em;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 3px 0 rgba(45,30,65,.18))}.logo-letter{display:inline-block;-webkit-text-stroke:2px #2d2540;paint-order:stroke fill;text-shadow:0 2px 0 rgba(45,30,65,.35);transform-origin:center bottom}.logo-c1{color:#ff5d8f}.logo-c2{color:#ff8a3b}.logo-c3{color:#ffd83b}.logo-c4{color:#5ee271}.logo-c5{color:#3ec5ff}.logo-c6{color:#a26bff}.logo-letter{animation:logo-bob 2.4s ease-in-out infinite}.logo-c2{animation-delay:.1s}.logo-c3{animation-delay:.2s}.logo-c4{animation-delay:.3s}.logo-c5{animation-delay:.4s}.logo-c6{animation-delay:.5s}@keyframes logo-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (max-width: 380px){#logo-text{font-size:26px}#logo-bar{height:56px}}#hud{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:8px 12px;background:#ff66c4;border-bottom:1px solid rgba(45,30,65,.18);font-size:14px;flex:0 0 auto;box-shadow:0 2px 6px #2d25401a;z-index:1}#hud .hud-row{flex:1 1 0;min-width:0}.hud-label{color:#2d1e41b8!important}.hud-value{color:#fff!important;text-shadow:0 2px 0 rgba(45,30,65,.35)}.hud-row{display:flex;flex-direction:column;align-items:center;gap:2px}.hud-label{color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.hud-value{font-weight:800;font-size:17px;color:var(--text-primary);font-variant-numeric:tabular-nums}.hud-sub{font-size:10px;font-weight:800;color:#fff;letter-spacing:.06em;text-transform:uppercase;margin-top:1px;text-shadow:0 1px 0 rgba(45,30,65,.35);transition:color .3s ease;display:inline-block;transform-origin:center}.hud-sub.pop{animation:hud-pop .6s ease;color:#fff7d6}@keyframes hud-pop{0%{transform:scale(.6);opacity:0}35%{transform:scale(1.25);opacity:1}70%{transform:scale(1)}to{transform:scale(1);color:#fff}}#game{flex:1 1 auto;width:100%;min-height:200px;display:block;background:#fff;touch-action:none;margin-bottom:calc(48px + env(safe-area-inset-bottom))}#panel{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;background:#ff66c4;border-top:1px solid rgba(45,30,65,.18);box-shadow:0 -8px 24px #2d1e4138;max-height:75vh;z-index:100;transform:translateY(0);transition:transform .25s ease;padding-bottom:env(safe-area-inset-bottom)}#panel.collapsed{transform:translateY(calc(100% - 48px - env(safe-area-inset-bottom)))}#panel-toggle{flex:0 0 auto;display:block;width:100%;padding:14px 12px;background:#ff66c4;color:#fff;border:none;border-top:1px solid rgba(45,30,65,.18);border-bottom:1px solid rgba(45,30,65,.18);font-family:inherit;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-align:center;text-shadow:0 2px 0 rgba(45,30,65,.3);box-shadow:0 -2px 6px #2d25401a;height:48px}#panel-toggle:active{background:#f24eb4}#panel-content{flex:1 1 auto;display:flex;flex-direction:column;gap:10px;padding:10px;background:#ff66c4;overflow-y:auto;-webkit-overflow-scrolling:touch}.panel-card{flex:0 0 auto;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 6px #2d1e411f,0 2px 4px #2d1e4114;border:2px solid rgba(45,30,65,.18)}.card-header{display:flex;align-items:center;gap:12px;padding:10px 14px;background:linear-gradient(180deg,var(--card-color, #ff5d8f) 0%,var(--card-color-darker, #cc3a6e) 100%);color:#fff;border-bottom:2px solid rgba(45,30,65,.2)}.card-icon{flex:0 0 auto;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;background:radial-gradient(circle at 32% 28%,#ffffffc7,#ffffff1a 60%,#0000002e);border:2px solid rgba(45,30,65,.4);box-shadow:0 3px #2d1e4140;text-shadow:0 1px 0 rgba(45,30,65,.3);color:#fff}.card-icon.ball-icon-bg{background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.78) 0%,var(--ball-color) 60%,rgba(0,0,0,.25) 100%)}.card-titles{flex:1 1 auto;display:flex;flex-direction:column;gap:1px;min-width:0}.card-title{font-family:Lilita One,system-ui,sans-serif;font-size:18px;letter-spacing:.02em;color:#fff;-webkit-text-stroke:1.5px rgba(45,30,65,.55);paint-order:stroke fill;text-shadow:0 2px 0 rgba(45,30,65,.3);line-height:1}.card-desc{font-size:11px;font-weight:700;color:#ffffffeb;text-shadow:0 1px 0 rgba(45,30,65,.3);margin-top:3px}.count-badge{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffeb;border:2px solid rgba(45,30,65,.4);border-radius:12px;padding:4px 10px;min-width:50px;box-shadow:0 3px #2d1e4133}.count-label{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#2d1e41a6;line-height:1}.count-num{font-family:Lilita One,system-ui,sans-serif;font-size:22px;color:#2d2540;line-height:1.05}.card-body{display:flex;flex-direction:column;gap:8px;padding:10px}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.candy-btn{display:flex;align-items:center;gap:10px;padding:9px 12px;background:linear-gradient(180deg,#fff,#f7eef9);color:#2d2540;border:2px solid rgba(45,30,65,.32);border-radius:12px;cursor:pointer;font-family:inherit;text-align:left;position:relative;box-shadow:0 4px #2d1e4138;transition:transform .05s,box-shadow .05s,background .1s;min-height:56px}.candy-btn:hover:not(:disabled){background:linear-gradient(180deg,#fff,#ffe6f4)}.candy-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #2d1e4138}.candy-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:0 2px #2d1e411a}.candy-btn-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:18px;line-height:1}.candy-btn-content{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}.candy-btn-title{font-family:Lilita One,system-ui,sans-serif;font-size:13px;letter-spacing:.02em;color:#2d2540;line-height:1.05}.candy-btn-detail{font-size:10px;font-weight:700;color:#2d1e41a6;letter-spacing:.02em}.candy-btn-cost{flex:0 0 auto;align-self:center;background:linear-gradient(180deg,#ffeaa3,#f5c451);color:#5b3a00;font-family:Lilita One,system-ui,sans-serif;font-size:13px;padding:4px 10px;border-radius:999px;border:1.5px solid rgba(45,30,65,.4);letter-spacing:.02em;white-space:nowrap}.candy-btn-cost.gold-cost{background:linear-gradient(180deg,#fff8e1,#ffe089);color:#5b3a00}.candy-btn.buy{background:linear-gradient(180deg,#92eaa1,#5ee271 55%,#3aaf4b);border-color:#2d1e4180}.candy-btn.buy .candy-btn-title{color:#fff;-webkit-text-stroke:1.5px rgba(45,30,65,.55);paint-order:stroke fill;text-shadow:0 2px 0 rgba(45,30,65,.3);font-size:14px}.candy-btn.buy .candy-btn-detail{color:#fffffff2;text-shadow:0 1px 0 rgba(45,30,65,.3)}.candy-btn.buy .candy-btn-icon{color:#fff;text-shadow:0 2px 0 rgba(45,30,65,.3)}.candy-btn.dmg{background:linear-gradient(180deg,#fff4ec,#ffe6d4)}.candy-btn.dmg:hover:not(:disabled){background:linear-gradient(180deg,#fff4ec,#ffd6b8)}.candy-btn.speed{background:linear-gradient(180deg,#ecf6ff,#d4ecff)}.candy-btn.speed:hover:not(:disabled){background:linear-gradient(180deg,#ecf6ff,#b8e0ff)}.candy-btn.click-cta{min-height:64px}.candy-btn.click-cta .candy-btn-title{font-size:16px}.candy-btn.ascend-cta{background:linear-gradient(180deg,#ffe7a3,#f5c451,#c5961c);min-height:70px;border-color:#2d1e418c}.candy-btn.ascend-cta .candy-btn-title{font-size:20px;color:#fff;-webkit-text-stroke:2px rgba(45,30,65,.55);paint-order:stroke fill;text-shadow:0 3px 0 rgba(45,30,65,.3);letter-spacing:.06em}.candy-btn.ascend-cta .candy-btn-detail{color:#5b3a00;font-weight:800;font-size:11px;text-shadow:none}.candy-btn.ascend-cta .candy-btn-icon{font-size:26px}.candy-btn.ascend-cta:disabled{background:linear-gradient(180deg,#fff8e1,#efe1b8)}.reset-btn{align-self:center;margin-top:8px;width:60%;max-width:220px;padding:10px 14px;background:linear-gradient(180deg,#ffd5dd,#ffb8c4);color:#c1185f;border:2px solid rgba(45,30,65,.4);border-radius:12px;cursor:pointer;font-family:inherit;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 3px #2d1e4138}.reset-btn:active{transform:translateY(2px);box-shadow:0 1px #2d1e4138}.hud-gold .hud-value{color:#fff7d6!important}#welcome-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d1e418c;display:flex;align-items:center;justify-content:center;z-index:9000;padding:24px}#welcome-modal[hidden]{display:none}.modal-card{background:#fff;border-radius:16px;padding:24px 22px;max-width:360px;width:100%;box-shadow:0 20px 50px #2d1e414d;text-align:center;border:1px solid var(--border)}.modal-card h2{font-size:22px;font-weight:800;color:var(--text-primary);margin-bottom:10px}.modal-card p{font-size:14px;color:var(--text-muted);margin-bottom:18px;line-height:1.4}#welcome-amount{color:var(--accent-gold);font-weight:800}#welcome-ok{width:100%;padding:12px;background:linear-gradient(180deg,#ffadc6,#ff5d8f);color:#fff;border:none;border-radius:12px;font-family:inherit;font-size:14px;font-weight:800;letter-spacing:.05em;cursor:pointer;text-transform:uppercase}#welcome-ok:active{transform:scale(.97)}#loading-splash{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#cdebff,#ffe1ec 55%,#ffd0e2);display:flex;align-items:center;justify-content:center;z-index:10000;transition:opacity .4s ease}#loading-splash.hidden{opacity:0;pointer-events:none}.splash-card{text-align:center;padding:24px 28px}.splash-title{font-weight:800;font-size:28px;color:var(--text-primary);letter-spacing:.02em;margin-bottom:8px}.splash-sub{color:var(--text-muted);font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.hud-iconbtn{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 8px;background:#ffffff2e;color:#fff;border:1px solid rgba(45,30,65,.25);border-radius:10px;font-family:inherit;cursor:pointer;text-shadow:0 2px 0 rgba(45,30,65,.3);transition:transform .05s,background .1s}.hud-iconbtn:active{transform:scale(.94);background:#ffffff52}.hud-iconbtn-icon{font-size:18px;line-height:1}.hud-iconbtn-label{font-size:10px;font-weight:800;letter-spacing:.05em}#map-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffd0e2,#cdebff,#d6f7e0);z-index:9500;display:flex;flex-direction:column}#map-overlay[hidden]{display:none}#map-header{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:8px 14px;background:#ff66c4;color:#fff;border-bottom:1px solid rgba(45,30,65,.18);box-shadow:0 2px 6px #2d25401a;z-index:1}#map-logo{flex:0 0 auto;height:60px;width:auto;max-width:30vw;object-fit:contain}#map-title{flex:1 1 auto;text-align:center;font-family:Lilita One,Bubblegum Sans,system-ui,sans-serif;font-size:24px;letter-spacing:.04em;color:#fff;-webkit-text-stroke:2px #2d2540;paint-order:stroke fill;text-shadow:0 3px 0 rgba(45,30,65,.3)}@media (max-width: 380px){#map-logo{height:46px}#map-title{font-size:18px}}#map-close{background:#ffffff38;color:#fff;border:1px solid rgba(45,30,65,.25);border-radius:50%;width:36px;height:36px;font-size:24px;font-weight:800;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}#map-scroll{flex:1 1 auto;position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch}#map-path{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:0}#map-content{position:relative;width:100%;z-index:1}.world-banner{position:absolute;left:50%;transform:translate(-50%);background:#ffffffd9;border:2px solid rgba(45,30,65,.25);border-radius:999px;padding:6px 18px;font-family:Lilita One,system-ui,sans-serif;font-size:16px;color:#2d2540;-webkit-text-stroke:1px #2d2540;paint-order:stroke fill;white-space:nowrap;box-shadow:0 3px 8px #2d1e412e;z-index:2}.map-node{position:absolute;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Lilita One,system-ui,sans-serif;font-size:22px;color:#fff;-webkit-text-stroke:1.5px #2d2540;paint-order:stroke fill;text-shadow:0 2px 0 rgba(45,30,65,.4);border:4px solid rgba(45,30,65,.5);box-shadow:0 4px #2d1e4140;-webkit-user-select:none;user-select:none;transition:transform .08s}.map-node:not(.locked):not(.boss){cursor:pointer}.map-node:not(.locked):not(.boss):active{transform:translate(-50%,-50%) scale(.94)}.map-node.locked{opacity:.55;filter:grayscale(.6)}.map-node.boss.defeated{filter:grayscale(.55);opacity:.85}.map-node.boss.defeated:before{content:"✕";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Lilita One,system-ui,sans-serif;font-size:60px;color:#2d1e41eb;-webkit-text-stroke:4px rgba(255,255,255,.85);paint-order:stroke fill;z-index:5;pointer-events:none}.map-node.boss.escaped{background:linear-gradient(180deg,#ffd5d5,#f1888c 70%,#b04a52);border-color:#b04a52;filter:grayscale(.35);opacity:.85}.map-node.boss.escaped:before{content:"💨";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:38px;z-index:5;pointer-events:none}.map-node-label.boss.defeated{background:linear-gradient(180deg,#e0e0e0,#a8a8a8);color:#2d2540;border-color:#2d1e4166}.map-node-label.boss.escaped{background:linear-gradient(180deg,#ffd5d5,#f1888c);color:#5b1010;border-color:#b04a52}.map-node.current{box-shadow:0 0 0 4px #ffffffe6,0 0 0 8px #ff66c4,0 6px #2d1e4140;animation:map-current-pulse 1.6s ease-in-out infinite}@keyframes map-current-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.map-node.c-0{background:linear-gradient(180deg,#ff8fb6,#ff5d8f 70%,#cc3a6e)}.map-node.c-1{background:linear-gradient(180deg,#ffb077,#ff8a3b 70%,#cc6a1a)}.map-node.c-2{background:linear-gradient(180deg,#ffe680,#ffd83b 70%,#d9b81d)}.map-node.c-3{background:linear-gradient(180deg,#92eaa1,#5ee271 70%,#3aaf4b)}.map-node.c-4{background:linear-gradient(180deg,#82d8ff,#3ec5ff 70%,#1f9bd6)}.map-node.c-5{background:linear-gradient(180deg,#c5a3ff,#a26bff 70%,#7d44d4)}.map-node.boss{width:86px;height:86px;border-color:#b8841a;box-shadow:0 0 0 3px #f5c451,0 6px #2d1e4140;background:linear-gradient(180deg,#ffe7a3,#f5c451 70%,#c5961c);font-size:24px}.map-node.boss .boss-icon{position:absolute;top:8px;right:8px;bottom:8px;left:8px;background-image:url(/assets/boss/boss1.png);background-size:contain;background-repeat:no-repeat;background-position:center;filter:brightness(0) invert(.15);opacity:.85;pointer-events:none}.map-node.boss .boss-num{position:relative;z-index:1;background:#ffffffd9;color:#2d2540;-webkit-text-stroke:0;border-radius:999px;padding:2px 10px;font-size:14px;text-shadow:none}.map-node-label{position:absolute;transform:translate(-50%);font-family:Lilita One,Bubblegum Sans,system-ui,sans-serif;font-size:11px;letter-spacing:.02em;color:#2d2540;background:#ffffffeb;padding:2px 8px;border-radius:999px;border:1.5px solid rgba(45,30,65,.3);box-shadow:0 2px #2d1e412e;white-space:nowrap;pointer-events:none;z-index:2;max-width:70vw;text-overflow:ellipsis;overflow:hidden}.map-node-label.locked{opacity:.55;filter:grayscale(.5)}.map-node-label.boss{background:linear-gradient(180deg,#ffe7a3,#f5c451);color:#5b3a00;border-color:#b8841a;font-size:12px;letter-spacing:.04em}.map-node-label.current{background:#fff;color:#c1185f;border-color:#ff66c4;box-shadow:0 2px #2d1e412e,0 0 0 3px #ff66c473}.milestone-marker{position:absolute;transform:translate(-50%,-50%);font-size:32px;z-index:1;pointer-events:none;filter:drop-shadow(0 2px 0 rgba(45,30,65,.3))}.map-node.has-chest:after,.map-node.has-gem:after{position:absolute;font-size:26px;top:-10px;right:-22px;filter:drop-shadow(0 2px 0 rgba(45,30,65,.3));pointer-events:none}.map-node.has-chest:after{content:"🎁"}.map-node.has-gem:after{content:"💎"}#error-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a0e10;color:#ffb4b4;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;white-space:pre-wrap;overflow:auto;z-index:9999;border-top:4px solid #ff4757}