*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;overflow:hidden;background:#12062e;color:#fff;font-family:"Arial Black","Arial Rounded MT Bold","Trebuchet MS",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-weight:900;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none}canvas#game{position:fixed;left:0;top:0;width:100%;height:100%;display:block;touch-action:none}.hidden{display:none!important}.screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:5}.btn,.hud-block b,.logo span,.map-title,.txt-outline,h2{text-shadow:-2px -2px 0 #1a0833,2px -2px 0 #1a0833,-2px 2px 0 #1a0833,2px 2px 0 #1a0833,0 4px 0 #1a0833}.title-wrap{display:flex;flex-direction:column;align-items:center;gap:min(2vh,16px);padding:12px;max-width:640px;width:100%}.logo{display:flex;flex-direction:column;align-items:center;line-height:.9;letter-spacing:2px;transform:rotate(-4deg)}.logo span{display:block;font-size:clamp(44px,12vmin,110px);background:linear-gradient(180deg,#fff65c 0,#ffb31a 45%,#ff4f8b 55%,#ff2ed1 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:3px #1a0833;filter:drop-shadow(0 6px 0 #1a0833) drop-shadow(0 0 18px rgba(255,80,220,.6));text-shadow:none}.logo .l2{background:linear-gradient(180deg,#b5fbff 0,#27d9ff 45%,#3b6bff 55%,#9b3bff 100%);-webkit-background-clip:text;background-clip:text;margin-left:.6em}#mascot{width:min(42vmin,240px);height:auto;aspect-ratio:240/200}.menu-col{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.menu-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.btn{font:inherit;font-size:clamp(15px,2.6vmin,22px);color:#fff;border:4px solid #1a0833;border-radius:18px;padding:.55em 1.1em;cursor:pointer;box-shadow:0 6px 0 #1a0833,inset 0 -6px 0 rgba(0,0,0,.25),inset 0 4px 0 rgba(255,255,255,.35);transition:transform .08s;min-width:9em;letter-spacing:.5px}.btn:hover{transform:translateY(-2px) scale(1.03)}.btn:active{transform:translateY(4px);box-shadow:0 2px 0 #1a0833,inset 0 -3px 0 rgba(0,0,0,.25)}.btn-big{font-size:clamp(22px,4.6vmin,36px);min-width:8em;padding:.45em 1.4em}.btn-small{font-size:clamp(13px,2.2vmin,17px);min-width:0;padding:.4em .9em}.btn-yellow{background:linear-gradient(180deg,#fff45c,#ffb000)}.btn-cyan{background:linear-gradient(180deg,#5cf6ff,#1a8cff)}.btn-pink{background:linear-gradient(180deg,#ff8ae2,#ff2e9a)}.btn-purple{background:linear-gradient(180deg,#b88aff,#6b2eff)}.btn-red{background:linear-gradient(180deg,#ff8a8a,#e0203a)}.btn-reward{background:linear-gradient(180deg,#ffb86b,#ff6a00);font-size:clamp(14px,2.4vmin,19px);min-width:0}.btn-toggle{background:linear-gradient(180deg,#6effa8,#16b35a)}.btn-toggle.off{background:linear-gradient(180deg,#9a93b3,#4f4668)}.icon-btn{font:inherit;width:48px;height:48px;border-radius:14px;border:4px solid #1a0833;background:linear-gradient(180deg,#b88aff,#6b2eff);color:#fff;font-size:18px;cursor:pointer;box-shadow:0 5px 0 #1a0833;flex:none}#hud{position:fixed;z-index:4;display:flex;gap:8px;pointer-events:none}#hud>*{pointer-events:auto}.hud-block{background:linear-gradient(180deg,rgba(60,20,120,.92),rgba(30,8,70,.92));border:4px solid #1a0833;border-radius:16px;box-shadow:0 5px 0 #1a0833,0 0 16px rgba(255,60,220,.35);padding:6px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.hud-block span{font-size:clamp(10px,1.7vmin,14px);color:#ffd6ff;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.hud-block b{font-size:clamp(18px,3.6vmin,32px);color:#fff65c;white-space:nowrap}.hud-moves b{color:#5cf6ff}.hud-moves.warn b{color:#ff5c7a;animation:pulse .6s infinite alternate}@keyframes pulse{to{transform:scale(1.15)}}#hud-goal{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.goal-item{display:flex;align-items:center;gap:2px;font-size:clamp(14px,2.6vmin,22px)}.goal-item img{width:clamp(22px,4.2vmin,36px);height:clamp(22px,4.2vmin,36px)}.goal-item.done{color:#6effa8}.goal-text{font-size:clamp(13px,2.4vmin,20px);color:#fff}.starbar{position:relative;width:100%;min-width:90px;height:12px;background:#1a0833;border-radius:8px;margin-top:4px}#starbar-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:8px;background:linear-gradient(90deg,#ff2ed1,#fff65c)}.sb-star{position:absolute;top:-8px;font-style:normal;font-size:18px;color:#4f4668;transform:translateX(-50%);-webkit-text-stroke:1.5px #1a0833}.sb-star.on{color:#fff65c}body.portrait #hud{flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:center}body.portrait .hud-level{display:none}body.portrait .hud-block{flex:1 1 0}body.portrait .hud-goal{flex:1.4 1 0}body.landscape #hud{flex-direction:column;align-items:stretch}body.landscape #btn-pause{align-self:flex-start}#screen-map{flex-direction:column;justify-content:flex-start}.map-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:linear-gradient(180deg,rgba(18,6,46,.95),rgba(18,6,46,0));z-index:2}.map-title{font-size:clamp(18px,3.8vmin,32px);color:#5cf6ff}.map-stars{font-size:clamp(16px,3vmin,26px);color:#fff65c;text-shadow:0 3px 0 #1a0833}#map-scroll{flex:1;width:100%;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;-webkit-overflow-scrolling:touch}#map-path{position:relative;max-width:560px;margin:0 auto;padding:20px 0 60px}.sector{text-align:center;margin:26px 0 8px;font-size:clamp(15px,2.8vmin,22px);color:#ff8ae2;text-shadow:0 3px 0 #1a0833;letter-spacing:1px}.node-row{display:flex;height:96px;align-items:center}.lvl-node{position:relative;z-index:1;width:74px;height:74px;border-radius:50%;border:5px solid #1a0833;font:inherit;font-size:26px;color:#fff;cursor:pointer;box-shadow:0 6px 0 #1a0833,inset -8px -10px 0 rgba(0,0,0,.25),inset 6px 6px 0 rgba(255,255,255,.35);text-shadow:-2px -2px 0 #1a0833,2px -2px 0 #1a0833,-2px 2px 0 #1a0833,2px 2px 0 #1a0833}.lvl-node.locked{background:#4f4668!important;color:#9a93b3;cursor:default}.lvl-node.current{animation:bob 1s infinite alternate ease-in-out}@keyframes bob{to{transform:translateY(-6px) scale(1.06)}}.lvl-stars{position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);font-size:21px;white-space:nowrap;letter-spacing:-1px;-webkit-text-stroke:1px #1a0833;text-shadow:none}.lvl-stars .on{color:#fff65c}.lvl-stars .off{color:#4f4668}#modal-bg{position:fixed;inset:0;background:rgba(10,2,30,.6);z-index:9}.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;width:min(92vw,440px);max-height:92vh;overflow:auto;background:linear-gradient(180deg,#3d1591,#1f0752);border:5px solid #1a0833;border-radius:26px;padding:18px 18px 22px;text-align:center;box-shadow:0 8px 0 #1a0833,0 0 0 4px #ff4fd8,0 0 40px rgba(255,79,216,.55);animation:pop .25s cubic-bezier(.3,1.6,.6,1)}.modal-wide{width:min(94vw,620px)}@keyframes pop{from{transform:translate(-50%,-50%) scale(.6);opacity:0}}.modal h2{font-size:clamp(24px,5vmin,40px);color:#fff65c;margin-bottom:10px}.modal-buttons{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:14px}.toggles{display:flex;gap:8px}.result-line{font-size:clamp(16px,3vmin,22px);margin:6px 0;color:#ffd6ff}.result-line b{color:#fff}.result-line.small{font-size:clamp(13px,2.4vmin,17px)}.big-stars{font-size:clamp(46px,11vmin,80px);letter-spacing:4px}.big-stars i{font-style:normal;color:#4f4668;-webkit-text-stroke:3px #1a0833;display:inline-block}.big-stars i.on{color:#fff65c;animation:starpop .45s cubic-bezier(.3,1.8,.6,1) both;filter:drop-shadow(0 0 12px #ffb000)}.big-stars i:nth-child(2){transform:translateY(-12px)}@keyframes starpop{from{transform:scale(0) rotate(-90deg)}}.modal-stars{font-size:28px;color:#4f4668;-webkit-text-stroke:2px #1a0833}.modal-stars .on{color:#fff65c}.goal-desc{font-size:clamp(16px,3vmin,21px);color:#fff;display:flex;flex-direction:column;align-items:center;gap:8px;line-height:1.3}.goal-desc .goal-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.goal-desc img{width:40px;height:40px;vertical-align:middle}.howto{text-align:left;display:flex;flex-direction:column;gap:10px;font-size:clamp(13px,2.4vmin,17px);line-height:1.35;color:#ffe9ff}.howto .row{display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.2);border-radius:14px;padding:6px 10px}.howto img{width:44px;height:44px;flex:none}.howto b{color:#fff65c}.gem-strip{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.gem-strip img{width:40px;height:40px}#toast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:8;font-size:clamp(20px,4.5vmin,34px);color:#fff65c;background:rgba(26,8,51,.85);border:4px solid #1a0833;border-radius:18px;padding:12px 20px;text-align:center;pointer-events:none;box-shadow:0 0 0 3px #5cf6ff,0 0 30px rgba(92,246,255,.5);animation:pop .25s cubic-bezier(.3,1.6,.6,1);white-space:nowrap}.map-trail{position:absolute;left:0;top:0;pointer-events:none;z-index:0;overflow:visible}.map-trail polyline{fill:none;stroke:rgba(255,255,255,.35);stroke-width:6;stroke-dasharray:2 14;stroke-linecap:round}body.portrait .hud-block{padding:4px 6px;border-radius:14px}body.portrait .starbar{min-width:0}body.portrait .sb-star{font-size:14px;top:-6px}body.portrait #btn-pause{align-self:center}.btn-orange{background:linear-gradient(180deg,#ffc36b,#ff7a1a)}.btn-green{background:linear-gradient(180deg,#6effa8,#16b35a)}.dust-ico{color:#bff8ff;text-shadow:0 0 8px #5cf6ff}.dust-pill{font:inherit;display:inline-flex;align-items:center;gap:4px;background:rgba(26,8,51,.85);border:3px solid #1a0833;border-radius:999px;padding:4px 12px;font-size:clamp(14px,2.6vmin,20px);color:#fff;box-shadow:0 0 0 2px #5cf6ff,0 3px 0 #1a0833}.dust-btn{cursor:pointer}.map-right{display:flex;align-items:center;gap:10px}.spacer{width:80px}.panel-screen{flex-direction:column;justify-content:flex-start}.tabs{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding:0 10px 8px}.tab{font:inherit;font-size:clamp(13px,2.4vmin,18px);color:#ffd6ff;background:rgba(40,14,90,.9);border:3px solid #1a0833;border-radius:14px;padding:.4em .9em;cursor:pointer;box-shadow:0 4px 0 #1a0833}.tab.on{background:linear-gradient(180deg,#ff8ae2,#ff2e9a);color:#fff;text-shadow:0 2px 0 #1a0833}.panel-scroll{flex:1;width:100%;max-width:640px;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;padding:4px 12px 30px;-webkit-overflow-scrolling:touch}.panel-note{text-align:center;color:#ffd6ff;font-size:clamp(13px,2.4vmin,17px);line-height:1.4;margin:14px 6px}.panel-note b{color:#bff8ff}#shop-list{display:flex;flex-direction:column;gap:10px}.shop-card{display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,rgba(60,20,120,.92),rgba(30,8,70,.92));border:4px solid #1a0833;border-radius:18px;padding:8px 12px;box-shadow:0 5px 0 #1a0833}.shop-icon{position:relative;width:64px;height:64px;flex:none;display:flex;align-items:center;justify-content:center}.shop-icon img{width:60px;height:60px}.shop-emoji{font-size:38px;line-height:1}.shop-icon .skin-prev{width:72px;height:60px}.shop-badge{position:absolute;right:-6px;bottom:-4px;font-style:normal;font-size:14px;background:#ff2e9a;border:2px solid #1a0833;border-radius:999px;min-width:24px;padding:1px 5px;text-align:center}.theme-swatch{width:58px;height:58px;border-radius:14px;border:3px solid #1a0833}.shop-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left}.shop-text b{font-size:clamp(15px,2.8vmin,20px);color:#fff65c}.shop-text span{font-size:clamp(12px,2.1vmin,15px);color:#ffe9ff;font-weight:700;font-family:"Trebuchet MS",system-ui,sans-serif}.shop-card .btn{flex:none;min-width:6.2em}.rank-me{text-align:center;color:#ffd6ff;font-size:clamp(13px,2.4vmin,17px);display:flex;gap:8px;align-items:center;justify-content:center;padding:2px 10px 8px}.rank-me b{color:#fff65c}#rank-list{display:flex;flex-direction:column;gap:6px}.rank-row{display:flex;align-items:center;gap:10px;background:rgba(40,14,90,.9);border:3px solid #1a0833;border-radius:14px;padding:6px 12px;font-size:clamp(14px,2.6vmin,19px)}.rank-row .rk{width:2em;text-align:center;color:#bff8ff}.rank-row .rn{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:"Trebuchet MS",system-ui,sans-serif}.rank-row .rx{color:#fff65c;font-size:.85em}.rank-row .rs{color:#fff65c}.rank-row.top1{box-shadow:0 0 0 3px gold}.rank-row.top2{box-shadow:0 0 0 3px #d8e4ff}.rank-row.top3{box-shadow:0 0 0 3px #e0915a}.rank-row.me{background:linear-gradient(90deg,#ff2e9a,#6b2eff)}.rank-box{margin:8px auto 0;font-size:clamp(14px,2.6vmin,18px);color:#bff8ff;line-height:1.35}.rank-box b{color:#fff65c}.dust-line{color:#bff8ff}.modal-mascot{width:120px;height:100px;display:block;margin:2px auto -6px}#modal-name input{font:inherit;font-size:22px;width:100%;margin-top:10px;padding:10px 14px;border-radius:14px;border:4px solid #1a0833;background:#fff;color:#1a0833;text-align:center;-webkit-user-select:text;user-select:text;touch-action:manipulation}.name-error{min-height:1.3em;color:#ff8a8a;font-size:15px;margin-top:6px}#hud-boosters{position:fixed;z-index:4;display:flex;gap:10px;justify-content:center}.boost-btn{font:inherit;position:relative;width:56px;height:56px;border-radius:16px;border:4px solid #1a0833;background:linear-gradient(180deg,#ffc36b,#ff7a1a);color:#fff;font-size:24px;cursor:pointer;box-shadow:0 5px 0 #1a0833,inset 0 -5px 0 rgba(0,0,0,.2);display:inline-flex;align-items:center;justify-content:center;text-shadow:0 2px 0 #1a0833;flex:none}.boost-btn i{position:absolute;right:-8px;top:-8px;font-style:normal;font-size:13px;background:#ff2e9a;border:2px solid #1a0833;border-radius:999px;min-width:22px;padding:1px 4px}.boost-btn.empty{filter:grayscale(.85);opacity:.75}.boost-btn.on{background:linear-gradient(180deg,#6effa8,#16b35a);box-shadow:0 0 0 3px #fff65c,0 5px 0 #1a0833;transform:scale(1.06)}.boost-btn img{width:40px;height:40px}.start-boosters{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;flex-wrap:wrap}.sb-label{font-size:clamp(13px,2.4vmin,17px);color:#ffd6ff}.goal-notes{font-size:clamp(12px,2.2vmin,15px);color:#bff8ff;font-family:"Trebuchet MS",system-ui,sans-serif;font-weight:700}@media (max-height:560px) and (orientation:landscape){.title-wrap{flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:900px;gap:8px 24px}.logo span{font-size:clamp(34px,11vh,64px)}#mascot{width:min(30vh,160px)}.menu-col{width:auto;gap:8px}.btn-big{font-size:clamp(20px,6vh,30px)}.modal{max-height:96vh;padding:12px 14px 14px}.modal-mascot{display:none}}body.ad-playing::after{content:'';position:fixed;inset:0;z-index:1000}