@font-face{font-family:Witch;src:url('assets/fonts/BowlbyOneSC-Regular.ttf')}@font-face{font-family:Rounded;src:url('assets/fonts/VagRounded.ttf')}@font-face{font-family:Condensed;src:url('assets/fonts/RobotoCondensed-Bold.ttf')}
:root{color-scheme:dark;font-family:Rounded,Arial,sans-serif;background:#0b071b;color:#fff4d3;font-synthesis:none;--gold:#ffd665;--purple:#381852;--muted:#bfb1d4}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:clip}body{background:radial-gradient(ellipse at 50% 45%,#34205a 0,#160e2d 45%,#080614 100%);overscroll-behavior:none;-webkit-user-select:none;user-select:none}button,input{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent;cursor:pointer}button:focus-visible,input:focus-visible{outline:4px solid #72f6e5;outline-offset:3px}button:disabled{cursor:default}#viewport{position:fixed;inset:0;overflow:clip;width:100%;height:100%;height:100dvh}#game-shell{width:1280px;height:720px;position:absolute;left:50%;top:50%;margin-left:-640px;margin-top:-360px;transform-origin:center;background:#21143e;overflow:hidden;isolation:isolate;box-shadow:0 0 120px #0008;touch-action:none}#art-backdrop{position:absolute;inset:0;background:#21143e url('assets/art/landscape-bg.webp') center/cover no-repeat;z-index:0}#game-canvas,#magic-canvas{position:absolute;inset:0;width:1280px;height:720px}#game-canvas{z-index:1;display:none}#magic-canvas{z-index:2;pointer-events:none;mix-blend-mode:screen}#screen{position:absolute;inset:0;z-index:3;pointer-events:none}#screen>*{pointer-events:auto}.screen{position:absolute;inset:0;animation:screen-in .22s ease-out}.splash{cursor:pointer;background:linear-gradient(90deg,#140a2d22,transparent 55%)}.title-art{position:absolute;left:65px;top:12px;width:535px;height:322px;object-fit:contain;filter:drop-shadow(0 8px 0 #130b2788)}.splash-prompt{position:absolute;left:70px;top:447px;width:520px;height:130px;background:none;border:0;padding:0;animation:breathe 1.8s ease-in-out infinite}.splash-prompt img{width:100%;height:100%;object-fit:contain}.mapi-logo{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);width:114px;height:75px;object-fit:contain;filter:drop-shadow(0 4px 5px #0a041b99)}.menu{background:linear-gradient(90deg,#160a2944,transparent 70%)}.menu .title-art{left:92px;top:0;width:480px;height:254px}.wallet{position:absolute;right:32px;top:25px;display:flex;align-items:center;gap:8px;font-family:Witch;font-size:27px;color:var(--gold);text-shadow:0 3px 0 #200a32}.wallet img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 3px 0 #28113b)}.chapter-pill{position:absolute;left:29px;top:28px;font-family:Witch;font-size:20px;display:flex;align-items:center;gap:7px;color:#f4d7ff}.chapter-pill img{width:32px;height:32px;object-fit:contain}.menu-actions{position:absolute;left:70px;top:249px;width:536px;display:grid;grid-template-columns:1fr 1fr;gap:0 12px;align-items:center}.art-button{border:0;background:none;padding:0;display:block;position:relative;min-width:0;transition:transform .13s,filter .13s;filter:drop-shadow(0 5px 1px #09031670);height:103px;touch-action:manipulation}.art-button img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.art-button:hover{transform:translateY(-3px);filter:drop-shadow(0 8px 4px #09031699) brightness(1.07)}.art-button:active{transform:translateY(3px) scale(.97);filter:drop-shadow(0 1px 1px #09031688)}.art-button:disabled{filter:grayscale(.8) brightness(.55);opacity:.65}.art-button.primary{grid-column:1/-1;height:121px;margin:0 80px 3px}.art-button.full{width:315px;height:104px;margin:0 auto}.menu-record{display:flex;justify-content:center;align-items:center;gap:9px;font-family:Witch;font-size:26px;color:#ffe8a0;text-shadow:0 3px 0 #271239}.menu-record img{width:42px;height:42px;object-fit:contain}.menu .mapi-logo{bottom:10px;height:57px;width:98px}.eyebrow{text-transform:uppercase;font-family:Condensed;letter-spacing:3px;font-size:16px;color:#c5aedc}.inner-screen{padding:22px 34px;background:linear-gradient(#100821ed,#24143bea 55%,#100821f5)}.page-heading{position:relative;height:130px;text-align:center}.back-button{position:absolute;left:-8px;top:3px;width:142px;height:68px;z-index:2}.inner-wallet{position:absolute;right:5px;top:10px;font-family:Witch;font-size:23px;display:flex;align-items:center;gap:6px;color:#ffdc7b}.inner-wallet img{width:35px;height:35px;object-fit:contain}.page-heading .painted-heading{height:116px;margin:-7px auto 0;width:300px}.painted-heading img{height:100%;width:100%;object-fit:contain}.page-heading .eyebrow{font-size:15px;letter-spacing:3px;margin-top:-2px}.scroll-area{height:536px;overflow-y:auto;overflow-x:hidden;padding:5px 4px 16px;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#8b55be #211037}.world-blocks{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.world-card{padding:14px;border:28px solid transparent;border-image:url('assets/ui/panel.webp') 155 fill / 28px / 0 stretch;min-width:0}.world-preview{position:relative;height:104px;border-radius:12px;overflow:hidden;background-size:cover;background-position:center}.world-preview>img{position:absolute;right:9px;top:3px;height:99px;width:99px;object-fit:contain}.world-preview>span{position:absolute;left:12px;top:14px;font-family:Witch;font-size:46px;text-shadow:0 4px 0 #2b153d}.world-card h2{text-align:center;font-family:Condensed;font-size:17px;letter-spacing:1px;color:#d1b2e9;margin:12px -8px 16px}.level-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px 12px}.level-tile{position:relative;height:80px;min-width:0;border:3px solid #9564bb;border-radius:15px;background:#43265f;box-shadow:0 4px 0 #13091f,inset 0 2px 0 #be8bdf44;text-align:left;overflow:hidden;padding:3px 9px}.level-number{font-family:Witch;font-size:29px;text-shadow:0 3px 0 #27113d}.route-stars{position:absolute;left:3px;right:3px;bottom:5px;display:flex;justify-content:center;gap:0}.route-stars img{width:23px;height:23px;object-fit:contain}.star-off{filter:grayscale(1) brightness(.4);opacity:.7}.level-tile .lock{position:absolute;width:21px;height:25px;object-fit:contain;right:5px;top:6px;opacity:.8}.level-tile.locked{filter:saturate(.35) brightness(.62)}.level-tile.current{border-color:#ffcf62;box-shadow:0 4px 0 #13091f,0 0 16px #f7ba3d55}.feature-card{border:32px solid transparent;border-image:url('assets/ui/panel.webp') 155 fill / 32px / 0 stretch;background:none;padding:12px 16px;position:relative;min-width:0}.feature-card h2{font-family:Witch;font-weight:400;color:#ffe19b;font-size:22px;line-height:1.3;margin:0 0 8px}.feature-card p{font-size:19px;line-height:1.35;color:#d8c7ec;margin:3px 0}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.collection-card{display:flex;flex-direction:column;align-items:center;text-align:center;height:464px;padding:0 6px 10px}.collection-card>div{width:100%}.skin-preview{width:195px;height:222px;object-fit:contain;filter:drop-shadow(0 7px 5px #150722)}.collection-card h2{font-size:20px;min-height:51px;margin:6px -3px}.collection-card .small-label{font-family:Condensed;font-size:15px;color:#9776b4;letter-spacing:4px;height:12px}.choose-skin{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:76px;margin-top:5px;border:0;background:none;font-family:Witch;font-size:24px;color:#ffda6d}.choose-skin>img{width:34px;height:34px;object-fit:contain}.choose-skin>.equip-art{width:100%;height:100%;object-fit:contain}.choose-skin.selected{opacity:1}.trophy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 18px}.trophy-card{height:238px;padding:5px 8px;display:flex;flex-direction:column;align-items:center;text-align:center;border-width:26px;border-image-width:26px}.trophy-card>img{width:76px;height:66px;object-fit:contain;margin-bottom:7px}.trophy-card.locked>img{filter:grayscale(1);opacity:.35}.trophy-card h2{font-size:17px;margin-bottom:5px}.trophy-card p{font-size:17px;line-height:1.3;min-height:43px}.trophy-status{font-family:Witch;font-size:14px;letter-spacing:4px;color:#ffdc77;margin-top:2px}.trophy-card.locked .trophy-status{color:#896b9e}.settings-grid{display:grid;grid-template-columns:490px 1fr;gap:25px}.settings-card{height:478px;padding:4px 12px 6px}.setting-row{margin:0 0 15px}.setting-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:Witch;font-size:23px;margin-bottom:1px}.setting-label>span{color:#ffd56b;font-family:Condensed;letter-spacing:2px}.volume-art{width:136px;height:70px;object-fit:contain}.setting-row input[type=range]{width:100%;height:22px;accent-color:#b6fa9c;cursor:pointer}.divider{height:2px;background:#8c57a555;margin:14px 0}.toggle-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 0}.toggle-row .setting-label{margin:0}.toggle-art{width:202px;height:84px;object-fit:contain}.setting-row input[type=checkbox]{appearance:none;width:74px;height:39px;border:3px solid #8f63af;border-radius:25px;background:#1b0e2e;position:relative;cursor:pointer;flex:0 0 auto}.setting-row input[type=checkbox]::after{content:'';position:absolute;left:4px;top:4px;width:25px;height:25px;border-radius:50%;background:#a68bb7;transition:transform .18s,background .18s}.setting-row input:checked{background:#285c4d;border-color:#76d6ad}.setting-row input:checked::after{transform:translateX(34px);background:#bdffd6}.setting-row input:disabled{opacity:.3}.how-card{height:478px;padding:0 4px}.how-label{width:225px;height:116px;object-fit:contain;display:block;margin:0 auto}.tutorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.tutorial-card{width:100%;height:137px;object-fit:contain}.keyboard-legend{font-family:Condensed;font-size:16px!important;letter-spacing:2px;text-align:center;margin:17px 0 0!important;color:#ccb9df}.small-copy{font-size:17px;line-height:1.5;color:#bda5d2;text-align:center}.hud{position:absolute;inset:0;pointer-events:none!important}.hud-top{height:103px;background:linear-gradient(#150b30db,#160a3033,transparent);padding:18px 25px;display:flex;align-items:flex-start;gap:47px}.hud-box{display:flex;align-items:center;gap:7px;min-width:143px}.hud-box img{height:43px;width:43px;object-fit:contain}.hud-value{font-family:Witch;font-size:27px;color:#ffe49a;text-shadow:0 3px 0 #25113e}.hud-pause{position:absolute;right:20px;top:17px;width:108px;height:54px;pointer-events:auto}.hud-wallet{position:absolute;right:153px;top:20px;display:flex;align-items:center;gap:6px;font-family:Witch;font-size:24px;color:#ffe08a}.hud-wallet img{width:39px;height:39px;object-fit:contain}.fuel-wrap{position:absolute;top:21px;left:500px;width:350px;display:flex;gap:10px;align-items:center}.fuel-wrap>img{width:31px;height:39px;object-fit:contain}.fuel-track{height:19px;border:3px solid #c29bda;border-radius:12px;background:#190e2e;flex:1;overflow:hidden;box-shadow:0 3px 0 #10081c}.fuel-fill{height:100%;width:100%;background:linear-gradient(#d0ff8f,#73cf89);border-radius:8px;transition:width .16s linear}.fuel-fill.low{background:linear-gradient(#ffd35d,#f07056)}.fuel-label{font-family:Condensed;font-size:18px;width:42px;text-align:right;color:#e5d8ef}.game-caption{position:absolute;top:72px;left:0;right:0;text-align:center;font-family:Condensed;font-size:15px;letter-spacing:2px;color:#bda6da;text-shadow:0 2px 4px #16082b}.combo{position:absolute;left:440px;right:440px;top:112px;text-align:center;font-family:Witch;color:#ffe389;font-size:21px;text-shadow:0 3px 0 #482047}.flight-guide{position:absolute;left:520px;top:435px;height:150px;width:240px;opacity:.9;transition:opacity .6s}.guide-art{width:100%;height:100%;object-fit:contain}.hud-bottom{position:absolute;bottom:15px;left:265px;right:265px;display:flex;justify-content:space-between;align-items:center;font-family:Condensed;letter-spacing:2px;font-size:17px;color:#cdbbdd;text-shadow:0 2px 4px #160824}.lives{font-size:24px;letter-spacing:6px;color:#ed9bc7}.touch-controls{position:absolute;bottom:16px;left:22px;right:22px;display:flex;gap:13px;justify-content:flex-start;pointer-events:none}.flight-control{width:98px;height:91px;padding:0;border:0;background:none;pointer-events:auto;touch-action:none;transition:transform .1s,filter .1s;filter:drop-shadow(0 4px 1px #15071f)}.flight-control img{width:100%;height:100%;object-fit:contain;pointer-events:none}.flight-control.held{transform:translateY(4px) scale(.94);filter:brightness(1.3)}.control-boost{margin-left:auto}.result{background:linear-gradient(110deg,#130925ed,#2c1646ec);display:grid;grid-template-columns:360px 1fr 282px;align-items:center;gap:34px;padding:24px 40px;text-align:center}.result-left{display:flex;align-items:center;flex-direction:column}.result .eyebrow{margin-top:8px}.painted-result{height:162px;width:355px;margin:0}.painted-result img{height:100%;width:100%;object-fit:contain}.result-witch{width:238px;height:260px;object-fit:contain;filter:drop-shadow(0 10px 8px #130821)}.result-stars{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}.result-stars img{width:64px;height:64px;object-fit:contain}.result-stars img:nth-child(2){width:83px;height:83px;margin-top:-18px}.result-center{padding-bottom:10px}.result-score{font-family:Witch;font-size:64px;line-height:1.1;color:#fff4cf;margin-bottom:8px}.result-label{font-family:Condensed;font-size:16px;letter-spacing:4px;color:#bc9ed5}.result-stats{display:flex;gap:29px;justify-content:center;margin:40px 0 27px}.result-stats>div{display:flex;align-items:center;flex-direction:column;gap:8px}.result-stats img{width:51px;height:51px;object-fit:contain}.result-stats b{font-family:Witch;font-size:23px;color:#e5d4f8;white-space:nowrap}.reward{display:flex;align-items:center;justify-content:center;gap:11px;font-family:Witch;font-size:39px;color:#ffdb68;margin:0 0 24px}.reward img{width:57px;height:57px;object-fit:contain}.result p{font-size:20px;line-height:1.4;color:#d3bbdf}.result-actions{display:flex;flex-direction:column;gap:14px}.result-actions .art-button,.result-actions .primary{height:113px;width:100%;margin:0}.modal-shade{position:absolute;inset:0;z-index:5;background:#0b041bce;backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;animation:screen-in .2s}.modal{width:840px;border:44px solid transparent;border-image:url('assets/ui/panel.webp') 155 fill / 44px / 0 stretch;text-align:center;padding:10px 22px 12px;max-height:692px;overflow:auto;position:relative}.modal .how-label{height:108px;width:220px}.modal .tutorial-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:10px -2px}.modal .tutorial-card{height:154px}.modal .keyboard-legend{margin:20px 0 12px!important;font-size:18px!important}.modal .art-button.full{height:91px;width:270px}.modal .art-button[data-action=tutorial-back]{position:absolute;width:115px;height:56px;left:7px;top:1px}.pause-heading{width:270px;height:129px;object-fit:contain;margin-top:-8px}.modal:has(.pause-heading){width:630px;padding:2px 27px 8px}.modal .setting-row{margin:0 0 8px;text-align:left}.modal .setting-label{font-size:19px}.modal .volume-art{width:105px;height:50px}.modal .setting-row input[type=range]{height:19px}.modal .divider{margin:9px 0}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-grid .art-button{height:87px}#modal-layer{position:absolute;inset:0;z-index:8;pointer-events:none}#modal-layer>*{pointer-events:auto}#toast{position:absolute;z-index:12;top:111px;left:50%;transform:translate(-50%,-15px);border:2px solid #d1a1ef;background:#32134ef2;color:#fff1b3;box-shadow:0 5px 0 #11061f;border-radius:16px;padding:12px 23px;max-width:750px;white-space:nowrap;font-size:20px;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}#coin-layer{position:absolute;inset:0;z-index:10;pointer-events:none}.flying-coin{position:absolute;width:33px;height:33px;object-fit:contain;filter:drop-shadow(0 0 8px #ffe85c);animation:wallet-flight .8s cubic-bezier(.2,.6,.35,1) forwards}.playing #art-backdrop{opacity:0}.playing #game-canvas{display:block}.paused #magic-canvas{opacity:.3}.reduce-motion *{animation-duration:.01s!important;transition-duration:.01s!important}
@keyframes screen-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{50%{transform:scale(1.035);filter:brightness(1.25)}}@keyframes wallet-flight{0%{transform:translate(0,0) rotate(0);opacity:0}15%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(300deg) scale(.45);opacity:0}}
.splash-loading{display:none;position:absolute;left:262px;top:577px;gap:12px;pointer-events:none}.splash-loading img{width:34px;height:34px;object-fit:contain;animation:breathe .8s ease-in-out infinite}.splash-loading img:nth-child(2){animation-delay:.2s}.splash-loading img:nth-child(3){animation-delay:.4s}.splash-starting .splash-loading{display:flex}.splash-starting .splash-prompt{opacity:.55;animation:none;pointer-events:none}
.skin-preview.moon,.skin-preview.ember,.skin-preview.jade{filter:drop-shadow(0 7px 5px #150722)}.trophy-card>.trophy-badge{width:100%;height:152px;object-fit:contain;margin:0}.trophy-progress{font-family:Witch;font-size:19px;color:#e0c4f0;margin-top:8px}.trophy-card.locked>.trophy-badge{filter:grayscale(.85) brightness(.7);opacity:.65}
.modal:not(:has(.pause-heading)){width:1050px}.modal .tutorial-card{height:214px}.modal .how-label{height:96px}.modal:not(:has(.pause-heading)) .keyboard-legend{margin:13px 0 10px!important}

#story-stage{position:absolute;inset:0;z-index:1;display:none;overflow:hidden;background:#1b0c31;pointer-events:none}.story-mode #story-stage{display:block}.story-picture-layer{position:absolute;inset:0;opacity:0;transform-origin:center;will-change:transform,opacity;transition:opacity 1.1s ease-in-out}.story-picture-layer>img{display:block;width:1280px;height:720px;object-fit:cover}.story-vignette{position:absolute;inset:0;z-index:4;background:linear-gradient(#10042130,transparent 20%,transparent 73%,#10042170),radial-gradient(ellipse at center,transparent 55%,#10042144);pointer-events:none}.story-controls{animation:none;pointer-events:none!important}.story-controls button{pointer-events:auto}.story-title{position:absolute;left:17px;top:7px;width:231px;height:132px;object-fit:contain;filter:drop-shadow(0 4px 4px #10041e99);pointer-events:none}.story-skip{position:absolute;right:22px;top:14px;width:137px;height:71px}.story-footer{position:absolute;left:22px;right:22px;bottom:13px;height:77px;display:flex;justify-content:space-between;align-items:center;gap:20px}.story-back,.story-next{width:155px;height:77px}.story-chapters{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:168px;display:flex;justify-content:center;gap:6px;flex-wrap:wrap;filter:drop-shadow(0 2px 3px #180c2d)}.story-chapter{border:0;padding:0;background:none;width:40px;height:40px;filter:saturate(.25) brightness(.65);transition:transform .2s,filter .2s}.story-chapter>img{width:100%;height:100%;object-fit:contain;pointer-events:none}.story-chapter.active{filter:brightness(1.1);transform:scale(1.2)}.story-count{font-family:Condensed;font-size:16px;line-height:19px;text-align:center;width:100%;color:#fff1c8;text-shadow:0 2px 2px #190722}.story-timeline{width:100%;height:4px;border-radius:4px;background:#1a0b36b3;overflow:hidden}.story-timeline>div{height:100%;width:0;background:#ffd76c;box-shadow:0 0 8px #ffd76c;border-radius:4px}.story-resume{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#1309259c;backdrop-filter:blur(4px);pointer-events:auto}.story-resume>.art-button{width:285px;height:130px}.story-is-paused .story-resume{display:flex}.story-is-paused .story-skip{z-index:2}.story-gallery-title{height:120px;width:260px;object-fit:contain;display:block;margin:0 auto}.story-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:31px;margin:8px 28px 0}.story-gallery-card{height:460px;border:5px solid #ab77cd;border-radius:26px;padding:0;background:linear-gradient(#4b286b,#26113f);box-shadow:0 8px 0 #10071c;overflow:hidden;position:relative;transition:transform .16s,border-color .16s}.story-gallery-card:hover{transform:translateY(-5px);border-color:#ffdb76}.story-thumbnail{display:block;width:100%;height:301px;object-fit:cover}.story-card-title{display:block;width:300px;height:153px;object-fit:contain;margin:-1px auto 0;filter:drop-shadow(0 3px 0 #1b0a2d)}.reduce-motion .story-picture-layer{will-change:opacity}.reduce-motion .story-chapter.active{transform:none}