@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#173d3a;background:#8aafbf;font-synthesis:none;--ink:#173d3a;--cream:#fff6de;--orange:#e7a055;--line:rgba(23,61,58,.24)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;border:0;-webkit-tap-highlight-color:transparent;touch-action:none}button:focus-visible{outline:3px solid #e27640;outline-offset:5px}button:disabled{cursor:default}button[hidden]{display:none}#app{position:relative;isolation:isolate}#game{position:absolute;inset:0}#game canvas{display:block}.hud{position:absolute;top:max(27px,env(safe-area-inset-top));left:max(34px,env(safe-area-inset-left));right:max(34px,env(safe-area-inset-right));display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;z-index:5}.wordmark{font-family:Barlow Condensed,Impact,sans-serif;font-weight:900;font-size:46px;line-height:.79;letter-spacing:-1px;transform:rotate(-5deg);filter:drop-shadow(2px 3px 0 #fff0cd)}.wordmark>span,.wordmark strong{display:block}.wordmark>span{color:#b25b35}.wordmark strong{font-size:51px;color:#173d3a}.music-mark{font-size:27px;margin-left:3px;display:inline-block;transform:rotate(14deg)}.journey{text-align:center;min-width:235px;margin-top:2px;text-shadow:0 1px 0 #d5e2d9}.eyebrow{font-family:Barlow Condensed,sans-serif;font-size:14px;letter-spacing:2.4px;font-weight:700}.eyebrow span{opacity:.4;margin:0 7px}#location{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:29px;margin-top:3px}.route{height:4px;border-radius:5px;background:#527e7b40;position:relative;margin:10px 8px 4px}.route:before,.route i{content:"";position:absolute;top:-3px;height:10px;width:10px;border:2px solid #527e7b;border-radius:50%;background:#bdd0ca}.route:before{left:-5px}.route i{right:-5px}.route>span{display:block;height:100%;background:#ba6137;width:0}.route-labels{display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1.8px}.status{width:225px}.status-top{display:flex;align-items:center;justify-content:flex-end;gap:10px}#hearts{color:#b7573e;letter-spacing:4px;font-size:23px;white-space:nowrap;text-shadow:1px 2px #ffedd7}.icon-button{pointer-events:auto;background:#fff5dfaa;border:1px solid #ffffff70;width:34px;height:34px;border-radius:50%;box-shadow:0 2px #31524b20;font-size:20px;display:grid;place-items:center}.note-meter{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:10px;font-size:12px;font-weight:600}.note-symbol{font-size:25px;color:#9d572f}.note-meter b{font-size:21px}.meter-track{width:80px;height:7px;border-radius:8px;background:#244e4830;overflow:hidden}.meter-track i{display:block;width:0;height:100%;background:#bc673c;transition:width .16s}.controls{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:max(32px,env(safe-area-inset-left));right:max(32px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:flex-end;z-index:6;pointer-events:none}.controls button{pointer-events:auto;user-select:none;-webkit-user-select:none;background:#fff5dfc9;border:2px solid #fffae390;box-shadow:0 5px #28403935,0 9px 20px #10272015;transition:transform .08s,background .1s}.controls button:active,.controls button.held{transform:translateY(4px);background:#fff7e9;box-shadow:0 1px #28403935}.direction-pad,.action-pad{display:flex;gap:12px;align-items:flex-end}.direction-pad button{width:68px;height:66px;border-radius:19px;font-size:42px;line-height:1}.action-pad button{border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.jump-button{height:88px;width:88px;font-size:45px;line-height:.95}.controls small{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:11px;letter-spacing:1.2px;margin-top:4px}.bomb-button{height:67px;width:67px;opacity:.75}.bomb-button>span{font-size:28px;line-height:.9}.bomb-button.ready{opacity:1;background:#f5c177;animation:ready 1.8s ease-in-out infinite}.keyboard-hint{display:flex;gap:19px;padding-bottom:12px;color:#fff5de;text-shadow:0 1px 4px #1b382e;font-size:12px}.keyboard-hint b{font-family:Barlow Condensed,sans-serif;font-size:11px;letter-spacing:1px;margin-left:5px}.overlay{position:absolute;inset:0;z-index:7;display:flex;align-items:center;padding:105px 8% 90px;pointer-events:none;background:linear-gradient(90deg,#183c3020,transparent 70%)}.overlay.hidden{display:none}.intro-card{pointer-events:auto;background:#fff6e5f5;width:395px;padding:31px 32px 23px;border:1px solid #fffcf1;border-radius:3px 16px 5px 15px;box-shadow:7px 9px #153c3020,0 14px 35px #1a392d20;transform:rotate(-1deg);position:relative}.intro-card:before{content:"";position:absolute;width:91px;height:24px;background:#f0d8a69c;border:1px solid #e3c89a4a;top:-12px;left:40%;transform:rotate(5deg)}.intro-card .eyebrow{font-size:11px;letter-spacing:1.6px;color:#8b603c}h1{font-family:Barlow Condensed,Impact,sans-serif;font-size:51px;line-height:.98;letter-spacing:-.5px;margin:18px 0 16px;font-weight:800}h1 em{font-style:normal;color:#ae5c36}p{font-size:14px;line-height:1.65;margin:0;color:#4b6055}.how-to{display:flex;flex-direction:column;gap:8px;margin:20px 0;font-size:12px}.how-to span{display:flex;gap:10px;align-items:center}.how-to b{width:22px;color:#9b5b35;font-size:20px;text-align:center}.primary-button{width:100%;padding:15px 17px;background:#244c42;color:#fff5df;border-radius:4px;box-shadow:0 3px #143229;font-family:Barlow Condensed,sans-serif;font-size:17px;letter-spacing:.8px;font-weight:700;text-align:left;display:flex;justify-content:space-between;align-items:center}.primary-button:hover{background:#376452}.primary-button span{font-size:24px;line-height:1}.intro-foot{font-family:Barlow Condensed,sans-serif;text-align:center;font-size:10px;letter-spacing:.8px;margin-top:16px;color:#6d7564}.intro-foot span{padding:0 5px}.text-button{display:block;background:none;text-decoration:underline;text-underline-offset:4px;font-size:12px;margin:16px auto 0}.level-stamp{position:absolute;right:9%;top:23%;width:135px;height:135px;border:2px dashed #28554860;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(12deg);color:#315b4da0;background:#f0ebc828}.level-stamp strong{font-family:Barlow Condensed,sans-serif;font-size:62px;line-height:1}.level-stamp span{font-size:9px;font-weight:700;letter-spacing:1.4px}.toast{position:absolute;top:143px;left:50%;transform:translate(-50%,-8px);z-index:8;max-width:90%;background:#fff7e7ed;box-shadow:0 3px #1b3c3820;padding:11px 19px;font-size:13px;font-weight:600;border-radius:4px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;text-align:center}.toast.visible{opacity:1;transform:translate(-50%)}.ticket{display:none;position:absolute;top:189px;left:50%;transform:translate(-50%);font-size:12px;background:#e5a96be8;color:#273e31;padding:9px 16px;border-radius:4px;z-index:5}.ticket.visible{display:block}.rotate-hint{display:none}.loading{position:absolute;inset:0;z-index:20;background:#9ebdbe;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.loading-note{font-size:70px;animation:ready 1s infinite}.loading strong{font-family:Barlow Condensed,sans-serif;font-size:22px;letter-spacing:2px}.loading.hidden{display:none}@keyframes ready{50%{transform:translateY(-4px);filter:brightness(1.09)}}@media(max-height:650px){.hud{top:15px;left:23px;right:23px}.wordmark{font-size:31px}.wordmark strong{font-size:35px}.music-mark{font-size:18px}.journey .eyebrow{font-size:11px}#location{font-size:23px}.route{margin-top:6px}.overlay{padding:76px 7% 58px}.intro-card{width:360px;padding:23px 26px 18px}h1{font-size:38px;margin:12px 0}.intro-card p{font-size:12px}.how-to{margin:12px 0;gap:4px}.how-to span{font-size:11px}.intro-foot{margin-top:11px}.controls{bottom:15px;left:23px;right:23px}.direction-pad button{width:58px;height:54px;font-size:34px}.jump-button{width:70px;height:70px;font-size:36px}.bomb-button{width:57px;height:57px}.keyboard-hint{font-size:10px;gap:13px}.toast{top:113px}.ticket{top:153px}}@media(max-width:700px){.hud{left:17px;right:17px;top:19px}.wordmark{font-size:29px}.wordmark strong{font-size:32px}.music-mark{font-size:16px}.journey{min-width:140px}.journey .eyebrow{font-size:10px;letter-spacing:1px}#location{font-size:21px}.status{width:125px}.status-top{gap:5px}#hearts{font-size:15px;letter-spacing:1px}.icon-button{width:27px;height:27px;font-size:15px}.note-meter{gap:5px;margin-top:4px}.meter-track{width:45px}.note-meter b{font-size:18px}.route-labels{font-size:7px}.keyboard-hint{display:none}.controls{left:18px;right:18px;bottom:23px}.overlay{justify-content:center;padding:105px 20px 110px}.intro-card{max-width:360px;width:100%;padding:28px}.level-stamp{display:none}.toast{top:120px;font-size:12px}.ticket{top:168px;width:85%;text-align:center}.direction-pad{gap:9px}.direction-pad button{width:60px;height:60px}.action-pad{gap:12px}.jump-button{width:78px;height:78px}.bomb-button{width:60px;height:60px}}@media(orientation:portrait)and (max-width:700px){.rotate-hint{display:block;position:absolute;bottom:120px;left:0;right:0;text-align:center;font-size:10px;color:#fff5de;text-shadow:0 1px 3px #12362b;pointer-events:none}h1{font-size:44px}.intro-foot{font-size:9px}.status{width:100px}.meter-track{display:none}.journey{min-width:125px}.route-labels{letter-spacing:1px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none;transition:none}.bomb-button.ready{filter:brightness(1.08)}}@media(max-height:480px)and (min-width:700px){.overlay{padding:62px 7% 38px}.intro-card{width:390px;padding:17px 24px}.intro-card .eyebrow{font-size:9px}h1{font-size:29px;margin:10px 0}.intro-card p{font-size:11px;line-height:1.5}.how-to{flex-direction:row;gap:10px;margin:12px 0}.how-to span{font-size:9px;gap:4px;flex:1;line-height:1.25}.how-to b{font-size:18px;min-width:16px}.primary-button{padding:11px 15px;font-size:15px}.intro-foot{display:none}.level-stamp{top:31%;width:105px;height:105px}.level-stamp strong{font-size:48px}}@media(orientation:portrait)and (max-width:700px){.status-top{padding-top:23px}.status-top #hearts{position:absolute;right:0;top:0;font-size:15px;letter-spacing:2px}.note-meter{margin-top:5px}.journey{margin-left:5px}.journey .eyebrow{font-size:9px}}.overlay:not(.hidden)~.controls{visibility:hidden}@media(min-height:651px)and (max-height:800px)and (min-width:701px){.intro-card{padding:25px 30px 21px}h1{font-size:44px;margin:14px 0}.how-to{margin:15px 0;gap:6px}.intro-foot{margin-top:13px}}.bomb-title{position:absolute;left:50%;top:38%;z-index:7;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transform:translate(-50%,-50%) rotate(-7deg);font-size:clamp(66px,10vw,132px);line-height:.8;letter-spacing:-2px;text-align:center;filter:drop-shadow(4px 6px 0 #173d3a) drop-shadow(-2px -2px 0 #173d3a);text-shadow:1px 1px 0 #173d3a}.bomb-title>span{color:#f1ad63}.bomb-title strong{font-size:inherit;color:#fff1ce;margin-top:8px}@media(max-height:480px){.bomb-title{top:40%;font-size:clamp(58px,14vh,82px)}}