.ld-app{--ld-ink:#3a1410;--ld-red:#d8261c;--ld-deep:#7a1410;--ld-gold:#ffd23a;--ld-cream:#fff6e6;--ld-night:rgba(24,14,40,0.74);--play-accent:#d8261c;--play-ink:#3a1410;--play-paper:#fff6e6;overflow:hidden;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100dvh;background:#140f2c;color:#fff}.ld-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.ld-app:not([data-phase=play]) :is(.ld-head,.ld-stats,.ld-combo,.ld-controls,.ld-keys,.ld-hint,.ld-count,.ld-grade){display:none}.ld-app:is([data-phase=menu],[data-phase=result],[data-phase=loading]) .ld-toast{display:none}.ld-head{position:absolute;z-index:4;left:0;right:0;top:calc(env(safe-area-inset-top, 0px) + 10px);display:grid;grid-template-columns:44px 1fr 44px;align-items:center;grid-gap:8px;gap:8px;padding:0 12px;pointer-events:none}.ld-head>*{pointer-events:auto}.ld-icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:var(--ld-night);color:#fff;border:2px solid rgba(255,255,255,.8);box-shadow:0 3px 0 rgba(0,0,0,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ld-icon-btn .off,.ld-icon-btn[aria-pressed=true] .on{display:none}.ld-icon-btn[aria-pressed=true] .off{display:inline}.ld-pill{justify-self:center;display:inline-flex;align-items:center;gap:12px;height:44px;padding:0 8px 0 18px;border-radius:22px;background:var(--ld-night);border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 0 rgba(0,0,0,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}.ld-pill span{font:800 17px/1 Playful,sans-serif;letter-spacing:.3px;white-space:nowrap}.ld-pill b{font:800 18px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--ld-cream);color:var(--ld-ink);border-radius:14px;padding:6px 10px;min-width:52px;text-align:center}.ld-pill b.low{background:#ff4a2c;color:#fff;animation:ld-pulse 1s infinite}@keyframes ld-pulse{50%{transform:scale(1.1)}}.ld-stats{position:absolute;z-index:4;left:50%;top:calc(env(safe-area-inset-top, 0px) + 62px);transform:translateX(-50%);display:flex;gap:6px;pointer-events:none}.ld-stat{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:76px;padding:6px 10px 7px;border-radius:14px;background:var(--ld-night);border:2px solid rgba(255,255,255,.6);box-shadow:0 3px 0 rgba(0,0,0,.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ld-stat span{font:800 9px/1 Playful,sans-serif;letter-spacing:1.2px;opacity:.75}.ld-stat b{font:800 19px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ld-gold)}.ld-lives{display:flex;gap:4px;height:19px;align-items:center}.ld-lives u{width:17px;height:15px;border-radius:8px 8px 6px 6px;background:var(--ld-red);border:2px solid var(--ld-gold);box-shadow:inset 0 -3px 0 rgba(0,0,0,.25);transition:transform .3s,opacity .3s}.ld-lives u.lost{background:#4a4058;border-color:#8a7f96;opacity:.55;transform:scale(.8) rotate(-12deg)}.ld-combo{position:absolute;z-index:4;right:14px;top:calc(env(safe-area-inset-top, 0px) + 122px);pointer-events:none;font:800 26px/1 Playful,sans-serif;color:var(--ld-gold);-webkit-text-stroke:5px var(--ld-deep);paint-order:stroke fill;opacity:0;transform:scale(.6);transition:opacity .2s,transform .3s cubic-bezier(.3,1.8,.5,1)}.ld-combo.show{opacity:1;transform:scale(1) rotate(-6deg)}.ld-count{position:absolute;z-index:6;left:50%;top:34%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;font:800 96px/1 Playful,sans-serif;color:#fff;-webkit-text-stroke:10px var(--ld-red);paint-order:stroke fill;text-shadow:0 8px 0 var(--ld-deep)}.ld-count.pop{animation:ld-count .6s ease-out}@keyframes ld-count{0%{opacity:0;transform:translate(-50%,-50%) scale(1.6)}25%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.ld-toast{position:absolute;z-index:7;left:50%;top:24%;transform:translate(-50%,10px) scale(.9);opacity:0;pointer-events:none;font:800 26px/1.1 Playful,sans-serif;color:#fff;text-align:center;white-space:nowrap;-webkit-text-stroke:6px var(--ld-deep);paint-order:stroke fill;text-shadow:0 4px 0 var(--ld-deep);transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}.ld-toast.show{opacity:1;transform:translate(-50%)}.ld-toast.good{color:#fff4b8}.ld-toast.bad{color:#ffe1d8;-webkit-text-stroke-color:#4a0a10;text-shadow:0 4px 0 #4a0a10}.ld-grade{position:absolute;z-index:6;left:50%;top:31%;transform:translateX(-50%) scale(.6);opacity:0;pointer-events:none;font:800 22px/1 Playful,sans-serif;white-space:nowrap;color:#fff;-webkit-text-stroke:5px #2a1a40;paint-order:stroke fill;transition:opacity .15s,transform .25s cubic-bezier(.3,1.8,.5,1)}.ld-grade.show{opacity:1;transform:translateX(-50%) scale(1)}.ld-grade.perfect{color:#9dffb4}.ld-grade.good{color:#fff08a}.ld-grade.wobble{color:#ffb36a}.ld-hint{position:absolute;z-index:5;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 142px);transform:translateX(-50%);margin:0;padding:8px 14px;border-radius:14px;background:var(--ld-night);border:2px solid rgba(255,255,255,.6);font:700 14px/1.25 Playful,sans-serif;text-align:center;width:max-content;max-width:calc(100% - 40px);opacity:0;transition:opacity .3s;pointer-events:none}.ld-hint.show{opacity:1}.ld-controls{position:absolute;z-index:5;left:0;right:0;bottom:calc(env(safe-area-inset-bottom, 0px) + 16px);display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:0 14px;pointer-events:none;transition:opacity .25s}.ld-controls>*{pointer-events:auto}.ld-controls.off .ld-pad{opacity:.55}.ld-pad{position:relative;flex:none;width:104px;height:104px;border-radius:50%;border:3px solid #fff;padding:0;cursor:pointer;touch-action:none;background:radial-gradient(circle at 50% 30%,#ff5a3a,#b3201a 72%);color:#fff;box-shadow:inset 0 3px 0 rgba(255,255,255,.35),0 7px 0 #5a0d10,0 12px 24px rgba(0,0,0,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:transform .08s,box-shadow .08s,background .08s}.ld-pad span{font:800 14px/1 Playful,sans-serif;letter-spacing:1px}.ld-pad.down{transform:translateY(6px) scale(.97);background:radial-gradient(circle at 50% 30%,#ffe27a,#ff9a1a 72%);color:var(--ld-ink);box-shadow:inset 0 3px 0 rgba(255,255,255,.5),0 1px 0 #7a3a00,0 0 26px rgba(255,210,58,.75)}.ld-meter{flex:1 1;min-width:0;max-width:220px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 10px 9px;margin-bottom:4px;border-radius:18px;background:var(--ld-night);border:2px solid rgba(255,255,255,.7);pointer-events:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ld-beat{position:relative;width:40px;height:40px;margin-top:-30px;border-radius:50%;display:grid;place-items:center;background:#2a1a40;border:3px solid #fff;color:#ffd99a;transition:transform .06s,background .06s}.ld-beat.on{transform:scale(1.12);background:var(--ld-red);color:#fff}.ld-beat-ring{position:absolute;inset:-4px;border-radius:50%;border:3px solid var(--ld-gold);pointer-events:none}.ld-meter-label{font:800 13px/1 Playful,sans-serif;letter-spacing:.8px;white-space:nowrap;color:#fff}.ld-bar{position:relative;width:100%;height:10px;border-radius:6px;background:#3a2a52;overflow:visible}.ld-bar b{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:6px;background:linear-gradient(90deg,#ff7a2a,var(--ld-gold));box-shadow:0 0 10px rgba(255,190,60,.7)}.ld-bar i{position:absolute;top:-4px;bottom:-4px;width:4px;margin-left:-2px;border-radius:2px;background:#9dffb4;box-shadow:0 0 6px #9dffb4}.ld-meter.blind .ld-bar i{background:#fff;box-shadow:none;opacity:.8}.ld-pips{display:flex;justify-content:space-around;width:100%}.ld-pips u{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;text-decoration:none;font:800 12px/1 Playful,sans-serif;color:rgba(255,255,255,.55);border:2px solid rgba(255,255,255,.35);transition:background .1s,transform .15s}.ld-pips u.need{border-color:var(--ld-gold);color:var(--ld-gold);box-shadow:0 0 8px rgba(255,210,58,.6)}.ld-pips u.on{background:var(--ld-gold);color:var(--ld-ink);transform:scale(1.15)}.ld-keys{display:none}@media (hover:hover) and (pointer:fine){.ld-keys{display:block;position:absolute;z-index:5;left:50%;bottom:8px;transform:translateX(-50%);font:700 12px/1 Playful,sans-serif;color:rgba(255,255,255,.7);white-space:nowrap;pointer-events:none}}.playful-game .ld-menu,.playful-game .ld-results{background:linear-gradient(180deg,rgba(20,15,44,0) 28%,rgba(20,15,44,.65));backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:flex-start;padding:32vh 12px calc(env(safe-area-inset-bottom, 0px) + 12px)}.playful-game .ld-results{padding-top:40vh}.ld-card{width:min(440px,100%);margin:auto auto 0;flex:none;background:var(--ld-cream);color:var(--ld-ink);border:3px solid #fff;border-radius:28px;padding:14px 14px 16px;box-shadow:0 7px 0 #c0886a,0 20px 50px rgba(0,0,0,.45);text-align:center}.ld-kicker{display:inline-block;font:800 11px/1 Playful,sans-serif;letter-spacing:2px;color:#b31a12;background:#ffe2cc;border-radius:10px;padding:5px 10px}.ld-logo{margin:4px 0 8px;font:800 36px/.95 Playful,sans-serif;letter-spacing:1px;color:#fff6e6;-webkit-text-stroke:3px var(--ld-red);paint-order:stroke fill;text-shadow:0 5px 0 var(--ld-deep);transform:rotate(-2deg)}.ld-routes{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.ld-route{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 3px 6px;border-radius:16px;cursor:pointer;background:#2a1a40;border:2px solid #4a3a62;color:#fff;transition:transform .15s,border-color .15s}.ld-route svg{width:84px;height:40px}.ld-route strong{font:800 13px/1.05 Playful,sans-serif}.ld-route small{font-size:11px;color:var(--ld-gold);letter-spacing:1px}.ld-route small span{color:#5a4a72}.ld-route em{font:700 10px/1 Playful,sans-serif;font-style:normal;color:#c8b8dc}.ld-route.on{border-color:var(--ld-gold);background:#5a1a2a;transform:translateY(-2px);box-shadow:0 3px 0 var(--ld-gold),0 0 14px rgba(255,210,58,.45)}.ld-blurb{margin:8px 0 6px;font:700 13px/1.3 Playful,sans-serif;color:#6b3528;min-height:2.6em}.ld-rules{list-style:none;margin:0 0 10px;padding:0;text-align:left;display:grid;grid-gap:4px;gap:4px}.ld-rules li{display:flex;gap:6px;align-items:baseline;font:600 12.5px/1.3 Playful,sans-serif;color:#5a2c22}.ld-rules li span{flex:none;width:18px;text-align:center}.ld-rules li p{margin:0}.ld-rules b{color:var(--ld-red)}.playful-game .ld-card button.big{width:100%;background:var(--ld-red);color:#fff;border-color:var(--ld-deep);box-shadow:inset 0 3px 0 #ff8a6a,0 5px 0 var(--ld-deep);font-size:24px}.ld-best{margin:10px 0 0;font:700 12px/1.2 Playful,sans-serif;color:#8b5a4c}.ld-r-title{margin:6px 0 0;font:800 30px/1 Playful,sans-serif;color:var(--ld-red)}.ld-results.lost .ld-r-title{color:#5a3a8a}.ld-r-score{display:flex;align-items:baseline;justify-content:center;gap:6px}.ld-r-score b{font:800 52px/1 Playful,sans-serif;color:var(--ld-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ld-r-score span{font:800 16px/1 Playful,sans-serif;color:#a8806e}.ld-stars{display:flex;justify-content:center;gap:6px;margin:2px 0}.ld-stars i{width:30px;height:30px;background:#eadccd;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);transition:transform .3s cubic-bezier(.3,1.8,.5,1),background .2s}.ld-stars i.on{background:#ffbf2e;transform:scale(1.18) rotate(-6deg)}.ld-r-line{margin:6px 0 8px;font:700 13px/1.3 Playful,sans-serif;color:#6b3528}.ld-r-stats{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px}.ld-r-stats li{display:flex;flex-direction:column;gap:3px;padding:7px 2px;border-radius:12px;background:#fde8d6}.ld-r-stats b{font:800 18px/1 Playful,sans-serif;color:var(--ld-red);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ld-r-stats span{font:700 10px/1 Playful,sans-serif;color:#8b5a4c}.ld-r-best{margin:2px 0 10px;font:800 13px/1 Playful,sans-serif;color:#2f86c8;min-height:13px}.ld-r-row{display:flex;gap:10px;justify-content:center;align-items:center}.playful-game .ld-r-row .share-btn{margin-top:10px;padding:8px 14px;font-size:15px}.ld-link-btn{margin-top:10px;background:#f6e2d4;color:var(--ld-ink);border:2px solid #e8c7b0;border-radius:14px;padding:9px 14px;font:800 15px/1.2 Playful,sans-serif;cursor:pointer}.playful-game .ld-loading{background:radial-gradient(ellipse at 50% 40%,#4a1a3a,#140f2c)}@media (min-width:760px) and (min-aspect-ratio:1/1){.playful-game .ld-menu,.playful-game .ld-results{background:linear-gradient(90deg,rgba(20,15,44,0) 40%,rgba(20,15,44,.6));align-items:flex-end;justify-content:flex-start;padding:24px 6vw 24px 24px}.ld-card{margin:auto 0}.ld-logo{font-size:46px}.ld-controls{padding:0 32px;bottom:34px;justify-content:center;gap:28px}.ld-meter{max-width:260px}.ld-hint{bottom:160px}.ld-combo{right:30px}}@media (max-height:700px) and (max-width:759px){.playful-game .ld-menu,.playful-game .ld-results{padding-top:20vh}.ld-rules{display:none}}