@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-400.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-500.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/dm-sans-600.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dm-sans-700.ttf) format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/outfit-400.ttf) format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/outfit-500.ttf) format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/outfit-600.ttf) format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/outfit-700.ttf) format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/outfit-800.ttf) format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/outfit-900.ttf) format("truetype")}:root{--ink: #203546;--muted: #607786;--cream: #fff9ec;--red: #f25a48;--red-dark: #d84437;--cyan: #69d4cd;--gold: #eabd66;--control-scale: 1;font-family:DM Sans,Segoe UI,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#a4d9e8}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit;background:none;transition:transform .18s,background .18s,box-shadow .18s}button:active{transform:scale(.97)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #62d0d4;outline-offset:5px}button:disabled{cursor:default}a{color:inherit}svg{width:22px;height:22px;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Outfit,Trebuchet MS,sans-serif}h2{font-size:clamp(30px,3.4vw,48px);font-weight:600;letter-spacing:-1.6px;line-height:1.1}#game-canvas{width:100%;height:100%;display:block;position:fixed;inset:0;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none}#ui button,#ui a,#ui input,#ui select{pointer-events:auto}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;height:61px;border-radius:14px;font-weight:700;font-size:16px}.primary{background:var(--red);color:#fff9f0;box-shadow:0 7px #9e41331f,inset 0 1px #fff3}.primary:hover{background:var(--red-dark);transform:translateY(-2px);box-shadow:0 10px 25px #bf543432}.primary svg{fill:currentColor;stroke-width:1}.primary:has(svg:last-child){justify-content:center}.secondary{border:1px solid #fff8;background:#ffffff3b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink)}.secondary:hover{background:#fff9}.small{height:45px;font-size:13px;max-width:270px;border-radius:10px}.icon-button{width:42px;height:42px;border:1px solid #ffffff6b;border-radius:50%;display:grid;place-items:center;background:#ffffff28;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-button:hover{background:#ffffff65;transform:translateY(-2px)}.utilities{display:flex;gap:11px}.mini-brand{display:flex;align-items:center;gap:9px;font-family:Outfit,sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;text-decoration:none}.mini-brand i{display:block;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffaba0,#ef5344 40%,#b63031);box-shadow:0 3px 7px #953d3429}.mini-brand b{border:1px solid currentColor;padding:3px 4px;font-size:8px;letter-spacing:1px;border-radius:4px}.main-header{position:absolute;top:33px;left:4.6%;right:4.6%;display:flex;align-items:center;justify-content:space-between}.menu-ui:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#d5e9e92b,transparent 58%);pointer-events:none}.scene-menu:before{background:linear-gradient(90deg,#e9f2efc9,#e9f2ef9e 29%,#e9f2ef20 57%,transparent 72%)}.level-preview.scene-preview{background-size:cover;background-position:center}.menu-copy{position:absolute;top:18%;left:9%;width:330px}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:700;display:flex;align-items:center;gap:9px;line-height:1.5}.eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--red)}.menu-copy h1{font-size:clamp(65px,6.8vw,105px);font-weight:900;letter-spacing:-4.5px;line-height:.89;margin-top:23px;text-shadow:0 2px 0 #ffffff40;position:relative}.menu-copy h1 em{font-style:normal;color:var(--red)}.menu-copy h1 sup{position:relative;top:-20px;margin-left:15px;font-weight:500;font-size:19px;letter-spacing:-.5px;border:2px solid var(--ink);padding:5px 8px;border-radius:9px;text-shadow:none}.menu-copy>p{font-size:15px;line-height:1.65;color:#496575;margin:24px 0 27px}.menu-actions{display:flex;flex-direction:column;gap:12px}.menu-actions .primary{justify-content:space-between;padding:0 26px;flex-direction:row-reverse}.menu-actions .primary svg{width:18px}.menu-actions .secondary{justify-content:space-between;flex-direction:row-reverse;padding:0 26px;font-weight:600}.text-nav{display:flex;gap:23px;margin-top:27px}.text-nav button{font-size:11px;font-weight:600;border-bottom:1px solid #49657544;padding:0 0 5px}.text-nav button:hover{color:var(--red)}.journey-card{position:absolute;bottom:10.5%;right:5%;width:330px;background:#fff9ecde;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #fff8;padding:23px 25px;border-radius:18px;box-shadow:0 14px 40px #456f8420}.journey-top{display:flex;justify-content:space-between;align-items:center}.tiny-caps{font-size:9px;font-weight:700;letter-spacing:1.6px}.journey-top>span:last-child{font-size:19px;font-family:Outfit;font-weight:600}.journey-top small{font-size:11px;opacity:.5}.journey-bar{height:3px;background:#c3d4ce;margin:13px 0 19px;border-radius:4px;overflow:hidden}.journey-bar i{display:block;background:var(--red);height:100%;min-width:4px}.journey-worlds{display:flex;gap:17px}.journey-worlds>div{display:flex;align-items:center;gap:6px;flex:1}.world-symbol{font-family:Georgia,serif;font-size:25px;color:#589692;font-weight:400}.journey-worlds span{font-size:8px;font-weight:700;letter-spacing:1px;white-space:nowrap}.journey-worlds small{display:block;font-size:7px;font-weight:400;letter-spacing:0;color:#84938d;margin-top:5px}.menu-footer{position:absolute;bottom:28px;left:4.6%;right:4.6%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;font-weight:600;color:#526e7b}.menu-footer>span:first-child{display:flex;align-items:center;gap:8px}.live-dot{width:5px;height:5px;border-radius:50%;background:#4b928b;display:inline-block}.panel-ui{background:linear-gradient(140deg,#112837eb,#1f3849ed);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto!important;color:var(--cream);overflow-y:auto;padding:0 4.6% 30px}.panel-shell{max-width:1380px;margin:auto}.screen-header{display:flex;align-items:center;justify-content:space-between;height:108px;border-bottom:1px solid #ffffff18}.back{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;width:90px}.back svg{width:17px}.panel-ui .icon-button{border-color:#ffffff28;background:#ffffff08;color:#e6eee9}.level-heading{display:flex;align-items:end;justify-content:space-between;margin:43px 0 30px}.level-heading .eyebrow{color:#9cbcc0;margin-bottom:12px}.level-heading>p{font-size:11px;line-height:1.8;text-align:right;color:#a2bbc0}.gold{color:#f3cb7d}.world-tabs{display:flex;border-bottom:1px solid #ffffff22;gap:30px}.world-tabs button{padding:17px 0;font-size:10px;font-weight:700;letter-spacing:1.4px;color:#8ca5ae;border-bottom:2px solid transparent;margin-bottom:-1px}.world-tabs button.active{color:#fff4d9;border-color:var(--red)}.world-tabs button:hover{color:#fff}.world-caption{display:flex;justify-content:space-between;align-items:center;margin:24px 0 18px}.world-caption span{font:500 22px Outfit;letter-spacing:-.4px}.world-caption small{font-size:10px;color:#9eb5bd}.level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:stretch}.level-card{text-align:left;display:flex;flex-direction:column;min-width:0;padding:0;border:1px solid #ffffff24;background:#162b38;border-radius:18px;overflow:hidden;box-shadow:0 10px 24px #07162035;transition:transform .22s,border-color .22s,box-shadow .22s}.level-card:not(:disabled):hover,.level-card:focus-visible{transform:translateY(-5px);border-color:var(--preview-accent);box-shadow:0 16px 34px #07162070}.level-card.locked{opacity:1}.level-preview{aspect-ratio:4 / 5;height:auto;width:100%;background:linear-gradient(150deg,var(--preview-sky),var(--preview-accent));position:relative;overflow:hidden}.level-preview:before{content:"";position:absolute;inset:0;background:inherit;background-position:inherit;background-size:inherit;transition:transform .45s ease}.level-card:not(:disabled):hover .level-preview:before,.level-card:focus-visible .level-preview:before{transform:scale(1.04)}.cover-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#08182645 0%,transparent 32%,#08152238 48%,#081522e8 82%,#081522fa 100%)}.cover-top{position:absolute;inset:17px 17px auto;z-index:2;display:flex;align-items:start;justify-content:space-between;gap:6px}.level-number{font:500 36px/.95 Outfit,sans-serif;letter-spacing:-1.5px;color:#fff9ef;text-shadow:0 2px 8px #07152495}.level-number small{display:block;font:700 7px/1 DM Sans,sans-serif;letter-spacing:2px;margin-bottom:5px}.cover-badge{display:flex;align-items:center;gap:5px;font-size:8px;font-weight:600;letter-spacing:.2px;color:#fff7e8;background:#0d2334b8;border:1px solid #ffffff30;padding:6px 8px;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.cover-badge svg{width:11px;height:11px}.ready-badge{color:#fff4d8;font-size:7px;letter-spacing:.6px}.completed-badge{color:#baf3d4}.cover-copy{position:absolute;inset:auto 20px 22px;z-index:2;color:#fff8ee}.cover-world{display:block;color:var(--preview-accent);font-size:8px;font-weight:700;letter-spacing:1.8px;margin-bottom:9px}.cover-copy h3{font-size:clamp(18px,1.5vw,26px);line-height:1.08;font-weight:600;letter-spacing:-.4px;text-wrap:balance;overflow-wrap:anywhere;text-shadow:0 2px 9px #06142060}.cover-copy p{color:#d4dfe4;font-size:10px;line-height:1.5;margin-top:10px}.level-detail{padding:14px 18px 16px;border-top:2px solid var(--preview-accent);flex:1;background:linear-gradient(135deg,#1d3442,#152a38)}.level-rating{display:flex;justify-content:space-between;align-items:center;gap:8px}.level-stars{color:#e8c886;font-size:17px;letter-spacing:3px;line-height:1}.difficulty{font-size:8px;letter-spacing:2px;color:#acbfc8}.cover-action{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#eff4ef;font-size:11px;font-weight:500;margin-top:13px}.cover-action i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff4df;color:#203c4b}.cover-action svg{width:13px;height:13px}.locked .cover-action{color:#c1cdd3}.locked .cover-action i{background:#ffffff0a;color:#a9bcc5}.record{display:block;font-size:8px;line-height:1.5;color:#b2d7c6;margin-top:9px}.reduced-motion .level-preview:before{transition:none}.reduced-motion .level-card:hover,.reduced-motion .level-card:focus-visible,.reduced-motion .level-card:hover .level-preview:before,.reduced-motion .level-card:focus-visible .level-preview:before{transform:none}@media(prefers-reduced-motion:reduce){.level-card,.level-preview:before{transition:none}.level-card:hover,.level-card:focus-visible,.level-card:hover .level-preview:before,.level-card:focus-visible .level-preview:before{transform:none}}.panel-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff18;margin-top:30px;padding-top:22px;font-size:10px;color:#9eb7bd}.panel-foot>span{display:flex;align-items:center;gap:9px}.panel-foot svg{width:14px;height:14px}.settings-shell{max-width:1100px}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.settings-grid section{padding-right:22px;border-right:1px solid #ffffff18}.settings-grid section:last-child{border:0;padding:0}.settings-grid h3{font-size:16px;font-weight:500;margin:0 0 23px}.settings-grid .subheading{margin:27px 0 18px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px;min-height:26px;font-size:11px;color:#bcd0d3}.setting-row span{flex:1}.setting-row output{font-size:9px;color:#80c5c5;display:block;margin-top:4px}.setting-row select{border:1px solid #ffffff25;background:#1d3545;color:#f5ecd5;font:inherit;border-radius:6px;padding:7px 5px;max-width:135px;text-transform:capitalize}.setting-row input[type=range]{width:118px;height:4px;accent-color:#e4b888;cursor:pointer}.toggle{appearance:none;width:34px;height:19px;border-radius:20px;background:#486371;position:relative;cursor:pointer;transition:background .2s}.toggle:after{content:"";position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:#d7e1df;transition:transform .2s}.toggle:checked{background:#639e99}.toggle:checked:after{transform:translate(15px);background:#fff5df}.settings-grid .secondary{color:#e2eee7;border-color:#ffffff35;background:#ffffff08}.danger-button{color:#f5a08d;font-size:11px;border:1px solid #e98b703d;padding:11px 14px;border-radius:6px}.danger-button:hover{background:#e7674825}.setting-note{display:block;color:#85a2ab;font-size:9px;line-height:1.7;margin-top:13px}.help-shell{max-width:1050px}.help-shell>.eyebrow{margin-top:38px;margin-bottom:12px;color:#a8c6c7}.help-intro{font-size:13px;color:#acbec0;margin-top:12px}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 38px;margin:37px 0}.help-grid h3{font-size:16px;font-weight:500}.help-grid p{font-size:11px;line-height:1.9;color:#afc5ca}.key-row{display:flex;align-items:center;gap:7px;margin:18px 0 13px;font-size:10px;color:#afc5ca}.key-row svg{color:#e7c782}.key-row kbd{min-width:25px;text-align:center}kbd{font:500 9px DM Sans,sans-serif;background:#ffffff12;border:1px solid #ffffff25;box-shadow:0 2px #0002;border-radius:4px;padding:4px 6px;color:inherit;white-space:nowrap}.modal-ui{display:flex;align-items:center;justify-content:center;background:#152b3c99;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);padding:25px;color:var(--cream);pointer-events:auto!important;overflow-y:auto}.modal{width:520px;padding:43px 42px;text-align:center;background:linear-gradient(145deg,#243e4fed,#182d3fef);border:1px solid #ffffff28;border-radius:25px;box-shadow:0 30px 80px #112f5b33;animation:panelIn .35s ease-out;max-height:calc(100dvh - 40px);overflow-y:auto}.modal.compact{width:400px;padding:42px 34px}.modal .eyebrow{justify-content:center;font-size:8px;color:#b8cfcb;letter-spacing:1.7px;margin-bottom:15px}.modal h2{font-size:43px}.modal p{font-size:12px;color:#adbec2;line-height:1.85;margin:17px 0 28px}.modal .secondary{color:#e9ecdf;background:#ffffff07;border-color:#ffffff20;margin-top:11px}.modal-links{display:flex;justify-content:center;gap:23px;margin-top:26px}.modal-links button{font-size:10px;color:#b4c9cc}.text-button{font-size:11px;color:#adbec2;margin-top:24px}.modal .danger-button{margin-top:22px}.credit-orb{margin:0 auto 28px;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 30% 23%,#ffd0af,#f95341 35%,#a0252e);box-shadow:0 10px 20px #101f3366}.modal .muted{font-size:10px}.credit-link{display:block;font-size:10px;text-decoration:none;color:#87b9bc;margin-top:22px}.result-modal{width:520px;padding:32px 38px}.result-stars{font-size:48px;letter-spacing:12px;color:#f2cc7e;margin:5px 0 13px;text-shadow:0 2px 15px #e5ae5030}.result-modal h2{font-size:39px}.result-modal>p{margin:10px 0 23px;font-size:11px}.result-score{font:600 45px Outfit;color:#ffeed0;line-height:1}.result-score small{display:block;font:500 8px DM Sans;letter-spacing:2px;color:#a8bcbc;margin-top:10px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 12px;padding:24px 0;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;margin:25px 0;font-size:8px;letter-spacing:1px;color:#8eacb6}.result-grid b{display:block;font:500 20px Outfit;color:#e8e8d7;letter-spacing:0;margin-bottom:5px}.next-level{font-size:8px;letter-spacing:1.5px;color:#90adb3;margin:22px 0}.next-level b{display:block;font-size:12px;font-weight:500;letter-spacing:0;color:#e0e3d3;margin-top:8px}.master-unlock{font:500 13px Outfit;color:#f0c478;margin-bottom:23px}.master-unlock small{display:block;font:10px DM Sans;color:#96b4be;margin-top:10px;line-height:1.5}.game-ui{color:#fff8e7}.hud-top{display:flex;justify-content:space-between;position:absolute;left:35px;right:35px;top:27px;gap:20px}.hud-objective{background:linear-gradient(110deg,#183746aa,#15374d00);padding:15px 45px 14px 17px;border-left:2px solid #ff8c72;max-width:440px;border-radius:0 12px 12px 0}.hud-objective .tiny-caps{color:#ddeddb;font-size:8px;letter-spacing:1.7px}.hud-objective h3{font-size:21px;font-weight:600;margin:5px 0;letter-spacing:-.3px}.hud-objective p{font-size:10px;line-height:1.6;color:#e8edda;max-width:285px}.hud-stats{display:flex;align-items:center;gap:19px;background:#1c384da1;border:1px solid #ffffff2a;padding:8px 9px 8px 17px;border-radius:40px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);font-size:14px}.hud-stats>span{display:flex;align-items:center;gap:7px}.hud-stats b{font-weight:500}.hud-stats svg{width:17px;height:17px;color:#f5d185}.hud-stats>span:nth-child(2) svg{color:#8fdce6}.hud-stats small{font-size:11px;letter-spacing:1px;margin-left:5px}.hud-stats .icon-button{width:34px;height:34px;background:#fff1;border-color:#fff3;color:#fff9df}.hud-stats .icon-button svg{color:inherit}.score-line{text-align:right;font-size:8px;letter-spacing:1px;color:#38576b;margin:11px 15px}.score-line>span{font-size:14px;font-weight:700;letter-spacing:0}.score-line b{font-size:13px;color:#fff8dc;margin-left:6px}.route-progress{position:absolute;left:35px;right:35px;top:12px;height:2px;border-radius:4px;background:#16354e18;overflow:hidden}.route-progress i{display:block;height:100%;background:#f06449;transition:width .2s}#hearts{display:flex;align-items:center;gap:4px;margin-top:9px;font-size:16px;color:#ff927b}#hearts span{filter:drop-shadow(0 1px 1px #37334644)}#hearts .lost{color:#d5e3df45}#hearts b{font-size:8px;color:#7ce2d7;letter-spacing:1px;margin-left:10px}.desktop-hint{position:absolute;bottom:28px;left:35px;display:flex;gap:17px;font-size:9px;align-items:center;color:#3c5c6c;background:#e0eee455;padding:11px 14px;border-radius:9px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.desktop-hint span{display:flex;align-items:center;gap:5px}.desktop-hint kbd{background:#fff8;border-color:#fff8;font-size:8px}.boost-meter{position:absolute;right:36px;bottom:35px;width:110px;color:#294c60;font-size:8px;letter-spacing:1.3px}.boost-meter>span{display:flex;align-items:center;gap:6px;font-weight:700}.boost-meter svg{width:13px;height:13px}.boost-meter>div{height:3px;background:#456a8055;border-radius:3px;margin-top:8px;overflow:hidden}.boost-meter i{display:block;background:#f57854;height:100%}.boost-meter small{display:block;font-size:7px;color:#d6fffb;margin-top:8px;letter-spacing:.5px}.tutorial-hint{position:absolute;bottom:17%;left:50%;transform:translate(-50%);text-align:center;background:#203c4dad;border:1px solid #ffffff2a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:13px 24px;border-radius:12px;animation:panelIn .4s;color:#fff4da}.tutorial-hint[hidden]{display:none}.tutorial-hint b{font:500 15px Outfit;display:block}.tutorial-hint span{font-size:10px;color:#d6e1d7;display:block;margin-top:4px}#boss-hud{position:absolute;top:165px;left:50%;transform:translate(-50%);text-align:center;width:310px;background:#223748ae;padding:12px 18px;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#boss-hud[hidden]{display:none}#boss-name{font:500 15px Outfit}#boss-hud>div{height:5px;background:#10293b;margin:8px 0;border-radius:8px;overflow:hidden}#boss-hp{display:block;height:100%;background:#ff9876;transition:width .3s}#boss-state{font-size:7px;letter-spacing:1px;color:#e8d9b9}#boss-hud.vulnerable #boss-state{color:#86f0d8}#boss-hud.vulnerable #boss-hp{background:#86f0d8}.touch-controls{display:none}#debug-panel{position:absolute;left:25px;bottom:90px;white-space:pre;background:#0c203ac9;border-radius:8px;padding:15px;font-size:10px;color:#dcffe3;line-height:1.8}.intro-ui{background:linear-gradient(0deg,#203e51ba,transparent 85%);color:#fff9e6}.intro-copy{position:absolute;bottom:13%;left:9%;max-width:650px;animation:panelIn .5s}.intro-copy .eyebrow{color:#bce7df;margin-bottom:15px}.intro-copy h2{font-size:clamp(38px,5vw,68px);font-weight:600}.intro-copy p{font-size:14px;margin:13px 0 25px;color:#e4ecdf}.intro-tip{display:block;font-size:11px;color:#b7d5d7;margin-bottom:20px}.intro-copy button{max-width:170px}#toast{position:fixed;z-index:10;top:27%;left:50%;transform:translate(-50%,-10px);color:#fff8df;background:#24465ce8;border:1px solid #ffffff40;box-shadow:0 10px 20px #192d5b30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:13px 22px;font-size:12px;opacity:0;transition:opacity .25s,transform .25s;border-radius:12px;pointer-events:none;text-align:center;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%)}#damage-flash{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 150px #fc5c46a8;opacity:0}#damage-flash.active{animation:damage .4s ease-out}#boot{position:fixed;inset:0;z-index:20;background:#213a4d;color:#fff3d6;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .4s;pointer-events:none}#boot.finished{opacity:0}#boot p{font:600 18px Outfit;letter-spacing:3px;margin-top:30px}#boot p span{font-size:10px;border:1px solid #a8c4cc;padding:3px 5px;border-radius:3px}#boot small{font-size:8px;letter-spacing:3px;color:#90b5be;margin-top:15px}.boot-ball{width:53px;height:53px;border-radius:50%;background:radial-gradient(circle at 28% 22%,#ffe0b8,#f96d50 30%,#a8282e 93%);animation:bootBounce 1s infinite}.boot-track{width:160px;height:2px;background:#5b7a8a;margin-top:30px;overflow:hidden}.boot-track i{display:block;width:100%;height:100%;background:#ec9e79;transform-origin:left;animation:loading 1s ease-out}.high-contrast .hud-objective,.high-contrast .hud-stats,.high-contrast .desktop-hint,.high-contrast .boost-meter{background:#12273eee;color:#fff}.high-contrast .score-line{color:#152a3d;background:#fff9;display:inline-block;padding:5px;border-radius:4px}.reduced-motion *{animation:none!important;transition:none!important}@media(max-width:800px){.journey-card{display:none}}@media(max-height:520px)and (min-width:600px){.menu-copy{top:20%}.menu-copy h1{font-size:42px;margin-top:10px}.menu-copy>p{font-size:10px;line-height:1.5;margin:10px 0}.menu-actions .primary,.menu-actions .secondary{height:35px}.text-nav{margin-top:12px}}@keyframes panelIn{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes damage{0%{opacity:1}to{opacity:0}}@keyframes bootBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes loading{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(min-width:1500px){.menu-copy{top:20%;left:10%;width:355px}.journey-card{right:7%;bottom:12%}.main-header,.menu-footer{left:5%;right:5%}}@media(max-height:760px)and (min-width:801px){.menu-copy{top:18%;width:280px}.menu-copy h1{font-size:75px;margin-top:18px}.menu-copy>p{margin:20px 0}.menu-actions .primary,.menu-actions .secondary{height:48px}.text-nav{margin-top:22px}.journey-card{bottom:13%;width:310px}.screen-header{height:80px}.level-heading{margin-top:28px}.level-preview{height:auto;aspect-ratio:4 / 4.2}.level-detail p{margin-bottom:14px}.settings-grid{gap:25px}.modal{padding:30px}}@media(min-width:501px)and (max-width:1000px){.level-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.level-grid{gap:12px}.level-detail{padding:12px}.cover-top{inset:13px 13px auto}.cover-copy{inset:auto 15px 18px}.cover-copy h3{font-size:19px}.level-detail h3{font-size:14px}.level-meta{font-size:7px;letter-spacing:.5px}.preview-track{left:15px}.preview-ball{left:70px}.settings-grid{gap:20px}.settings-grid section{padding-right:15px}.setting-row{font-size:10px}.setting-row input[type=range]{width:90px}.journey-card{width:280px}.journey-worlds{gap:10px}.journey-card{padding:20px}.journey-worlds small{font-size:6px}.world-symbol{font-size:21px}}@media(max-width:800px){.main-header{top:22px;left:6%;right:6%}.mini-brand{font-size:9px;letter-spacing:1px}.utilities{gap:7px}.icon-button{width:35px;height:35px}.icon-button svg{width:17px}.menu-copy{top:21%;left:7%;width:280px}.menu-copy h1{font-size:76px}.menu-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.journey-card{right:6%;bottom:10%;width:240px}.journey-worlds small{display:none}.world-symbol{font-size:19px}.journey-worlds span{font-size:6px}.menu-footer>span:last-child{display:none}.world-tabs{gap:20px}.world-tabs button{font-size:8px;letter-spacing:.5px}.level-grid{grid-template-columns:repeat(3,1fr)}.level-preview{height:auto;aspect-ratio:4 / 5}.world-caption small{display:none}.settings-grid{grid-template-columns:repeat(2,1fr)}.settings-grid section:nth-child(2){border:0}.settings-grid section:last-child{grid-column:1/-1}.setting-row input[type=range]{width:130px}.help-grid{grid-template-columns:repeat(2,1fr);gap:25px}.panel-foot{gap:20px;font-size:8px}.screen-header .mini-brand{display:none}.hud-top{left:17px;right:17px;top:22px}.hud-objective{padding:12px 30px 12px 12px}.hud-objective h3{font-size:18px}.hud-objective p{font-size:8px;max-width:210px}.hud-stats{gap:11px;padding:6px 6px 6px 12px}.hud-stats small{font-size:9px}.hud-stats svg{width:14px}.score-line{font-size:7px}.route-progress{left:18px;right:18px;top:10px}.desktop-hint{gap:10px;left:18px;padding:9px;font-size:8px}.desktop-hint>span:last-child{display:none}.boost-meter{right:20px}.modal{width:450px}#boss-hud{top:143px}}@media(pointer:coarse){.touch-controls{display:block;pointer-events:none;position:absolute;inset:0}.desktop-hint{display:none}.joystick{position:absolute;left:calc(25px + env(safe-area-inset-left));bottom:calc(30px + env(safe-area-inset-bottom));width:calc(115px * var(--control-scale));height:calc(115px * var(--control-scale));border:1px solid #ffffff55;border-radius:50%;background:#234a6238;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;touch-action:none;display:grid;place-items:center;box-shadow:inset 0 0 20px #ffffff10}.joystick span{border:1px dashed #ffffff30;width:60%;height:60%;border-radius:50%}.joystick i{position:absolute;width:40%;height:40%;border-radius:50%;background:#eaf9ef6b;border:1px solid #fff9;box-shadow:0 5px 10px #213e5c22}.touch-actions{position:absolute;right:calc(25px + env(safe-area-inset-right));bottom:calc(32px + env(safe-area-inset-bottom));display:flex;gap:11px;align-items:flex-end}.touch-actions button{width:calc(59px * var(--control-scale));height:calc(59px * var(--control-scale));border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid #ffffff69;background:#25496344;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#faffec;touch-action:none;box-shadow:0 5px 12px #172b4c14}.touch-actions span{font-size:6px;font-weight:700;letter-spacing:1px}.touch-actions .jump-button{width:calc(78px * var(--control-scale));height:calc(78px * var(--control-scale));background:#ed776b95}.touch-actions button.pressed{transform:scale(.88);background:#ffb396bb}.touch-interact{position:absolute;bottom:120px;right:190px;width:34px;height:34px;border-radius:50%;border:1px solid #fff5;background:#25496388;color:#fff;font-size:12px;touch-action:none}.boost-meter{right:34px;bottom:142px;width:95px}.left-handed .joystick{left:auto;right:25px}.left-handed .touch-actions{right:auto;left:25px}.left-handed .boost-meter{right:auto;left:35px}.left-handed .touch-interact{right:auto;left:190px}.tutorial-hint{bottom:27%;max-width:300px;width:max-content}.game-ui{padding-bottom:env(safe-area-inset-bottom)}}@media(max-width:600px){.menu-copy{top:22%;left:8%;width:245px}.menu-copy h1{font-size:65px;letter-spacing:-3px}.menu-copy h1 sup{font-size:13px;top:-15px;margin-left:12px}.menu-copy>p{font-size:12px;margin:22px 0}.menu-actions .primary,.menu-actions .secondary{height:51px;font-size:13px}.journey-card{display:none}.text-nav{margin-top:22px;font-size:10px}.menu-footer{bottom:22px;left:8%}.main-header .mini-brand b{display:none}.main-header .mini-brand{font-size:8px}.main-header .utilities .icon-button:nth-child(2){display:none}.menu-ui:before{background:linear-gradient(90deg,#d3e6e994,transparent)}.panel-ui{padding:0 6% 25px}.screen-header{height:80px}.level-heading{margin:30px 0 23px}.level-heading>p{font-size:9px}.level-heading h2{font-size:31px}.level-heading .eyebrow{font-size:7px;letter-spacing:1px}.world-tabs{gap:14px;justify-content:space-between}.world-tabs button{font-size:7px;letter-spacing:.3px}.world-caption{margin-top:20px}.level-heading{flex-direction:column;align-items:flex-start;gap:12px}.level-heading>p{display:flex;gap:12px;text-align:left}.level-heading>p br{display:none}.world-caption span{font-size:20px}.level-grid{grid-template-columns:repeat(2,1fr);gap:13px}.level-preview{height:auto;aspect-ratio:4 / 5}.cover-top{inset:12px 12px auto}.level-number{font-size:29px}.cover-badge{font-size:7px;padding:5px 6px;gap:3px}.ready-badge{font-size:6px;letter-spacing:.3px}.cover-copy{inset:auto 12px 15px}.cover-copy h3{font-size:17px}.cover-copy p{font-size:9px;margin-top:7px}.cover-world{font-size:7px;letter-spacing:1px;margin-bottom:7px}.level-stars{font-size:16px;letter-spacing:2px}.difficulty{font-size:7px;letter-spacing:1px}.cover-action{font-size:10px}.level-detail h3{font-size:14px}.level-detail p{font-size:9px;margin-bottom:15px}.settings-grid{grid-template-columns:1fr;gap:30px}.settings-grid section{border:0;padding:0}.settings-grid section:last-child{grid-column:auto}.setting-row{font-size:12px;margin-bottom:20px}.setting-row input[type=range]{width:45%}.setting-row select{max-width:45%;padding:9px}.settings-grid .small{max-width:none}.help-grid{grid-template-columns:1fr;gap:25px}.help-grid p{font-size:12px}.panel-foot{align-items:center}.panel-foot>span:last-child{display:none}.panel-foot .primary{max-width:180px}.modal-ui{padding:18px}.modal,.modal.compact{padding:30px 24px;width:100%;border-radius:20px}.modal h2{font-size:34px}.modal .eyebrow{font-size:7px}.modal p{font-size:11px}.result-stars{font-size:39px}.result-score{font-size:36px}.result-grid{gap:20px 7px}.result-grid b{font-size:18px}.modal .primary{height:51px;font-size:13px}.hud-objective{max-width:55%;background:#234357ad;padding:10px 12px;border-radius:0 10px 10px 0}.hud-objective .tiny-caps{font-size:6px;letter-spacing:1px}.hud-objective h3{font-size:16px;line-height:1.1}.hud-objective p{display:none}.hud-stats{gap:10px;padding:7px 6px 7px 10px;font-size:12px}.hud-stats small{display:none}.score-line{margin-top:9px;color:#234559}#hearts{font-size:14px;margin-top:7px}#hearts b{font-size:6px}.hud-top{gap:10px}.hud-stats .icon-button{width:28px;height:28px}.tutorial-hint{padding:12px 17px;max-width:260px}.tutorial-hint b{font-size:13px}.tutorial-hint span{font-size:9px;line-height:1.6}.intro-copy{left:8%;bottom:17%;right:8%}.intro-copy h2{font-size:39px}.intro-copy p{font-size:12px}.intro-tip{font-size:10px;line-height:1.6}#boss-hud{width:230px;top:115px;padding:10px 14px}#boss-name{font-size:13px}#toast{font-size:10px;top:29%;width:max-content;max-width:90vw}.joystick{left:20px;bottom:30px;width:calc(100px * var(--control-scale));height:calc(100px * var(--control-scale))}.touch-actions{right:18px;gap:8px}.touch-actions button{width:calc(48px * var(--control-scale));height:calc(48px * var(--control-scale))}.touch-actions .jump-button{width:calc(67px * var(--control-scale));height:calc(67px * var(--control-scale))}.touch-actions svg{width:19px;height:19px}.touch-interact{right:166px;bottom:102px}.boost-meter{bottom:123px;right:24px}.desktop-hint{flex-wrap:wrap;max-width:65%;font-size:7px;bottom:20px}.desktop-hint>span:nth-child(4){display:none}.boost-meter{font-size:7px}}@media(max-width:800px)and (min-height:521px)and (max-height:700px){.menu-copy{top:18%;width:250px}.menu-copy h1{font-size:63px;letter-spacing:-3px;margin-top:16px}.menu-copy h1 sup{font-size:12px;top:-15px;margin-left:10px}.menu-copy>p{font-size:12px;margin:16px 0 20px}.menu-actions .primary,.menu-actions .secondary{height:45px;font-size:12px;border-radius:10px}.text-nav{margin-top:18px}.text-nav button{font-size:9px}.journey-card{bottom:13%;width:230px}.menu-footer{font-size:6px}}@media(max-height:520px)and (min-width:600px){.main-header{top:16px}.menu-copy{top:20%;left:7%;width:240px}.menu-copy h1{font-size:42px;line-height:.88;margin-top:10px;letter-spacing:-2px}.menu-copy h1 sup{font-size:12px;top:-10px;padding:3px 5px}.menu-copy>p{font-size:10px;line-height:1.5;margin:10px 0}.menu-copy .eyebrow{font-size:6px}.menu-actions{gap:7px}.menu-actions .primary,.menu-actions .secondary{height:35px;font-size:11px;border-radius:9px}.text-nav{margin-top:12px;gap:18px}.text-nav button{font-size:8px}.journey-card{bottom:13%;width:235px;padding:17px}.journey-top>span:last-child{font-size:15px}.journey-card .tiny-caps{font-size:7px}.menu-footer{bottom:15px;font-size:6px}.hud-objective{padding:10px 18px 9px 10px}.hud-objective h3{font-size:16px}.hud-objective p{display:none}.hud-top{top:18px}.hud-stats{padding:5px 7px 5px 13px;font-size:12px}.hud-stats .icon-button{width:28px;height:28px}#hearts{margin-top:4px;font-size:13px}.joystick{width:85px;height:85px;bottom:20px}.touch-actions{bottom:20px}.touch-actions button{width:47px;height:47px}.touch-actions .jump-button{width:62px;height:62px}.boost-meter{bottom:105px}.touch-interact{bottom:94px;right:165px}.tutorial-hint{bottom:16%;padding:9px 16px;max-width:270px}.tutorial-hint b{font-size:12px}.tutorial-hint span{font-size:8px}#boss-hud{top:105px}.intro-copy{bottom:14%;left:7%}.intro-copy h2{font-size:36px}.intro-copy p{margin:10px 0 14px;font-size:11px}.intro-tip{font-size:9px;margin-bottom:12px}.intro-copy .eyebrow{margin-bottom:9px}.intro-copy .primary{height:35px;max-width:130px}.screen-header{height:65px}.level-heading{margin-top:22px}.modal{max-height:calc(100dvh - 25px)}}@media(pointer:coarse){.touch-actions button{background:#274e6690;border-color:#fff9}.touch-actions .jump-button{background:#ed776bd6}}@media(max-width:380px){.level-preview{aspect-ratio:4 / 5.6}.cover-copy h3{font-size:16px}.cover-top{inset:10px 10px auto}}.game-ui{--move-size: clamp(44px, calc(62px * var(--control-scale)), 72px);--action-size: clamp(44px, calc(50px * var(--control-scale)), 56px);--jump-size: clamp(48px, calc(58px * var(--control-scale)), 64px);--pad-edge: clamp(14px, 2.5vw, 28px);--control-bottom: calc(20px + env(safe-area-inset-bottom)) ;--action-bottom: calc( var(--control-bottom) + var(--move-size) + var(--move-size) + 20px )}.game-ui .touch-controls{display:block;position:absolute;inset:0;pointer-events:none}.game-ui .desktop-hint{display:none}.movement-pad{position:absolute;display:flex;gap:8px;bottom:var(--control-bottom)}.lateral-pad{left:calc(var(--pad-edge) + env(safe-area-inset-left))}.forward-pad{right:calc(var(--pad-edge) + env(safe-area-inset-right));flex-direction:column}.movement-arrow{width:var(--move-size);height:var(--move-size);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:16px;border:1px solid #ffffff7a;background:linear-gradient(145deg,#34546fe0,#16364bd9);box-shadow:0 5px #0f283cb0,inset 0 1px #ffffff30,0 8px 16px #0d233330;color:#f3fbff;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.movement-arrow svg{width:29px;height:29px;stroke-width:2.7}.movement-arrow span{font-size:7px;font-weight:700;letter-spacing:.6px}.arrow-left svg{transform:rotate(180deg)}.arrow-forward svg{transform:rotate(-90deg)}.arrow-backward svg{transform:rotate(90deg)}.movement-arrow.pressed{transform:translateY(3px);background:#6cc7cbe8;color:#13354a;box-shadow:0 2px #153f51}.game-ui .touch-actions{display:flex;position:absolute;gap:8px;align-items:flex-end;right:calc(var(--pad-edge) + env(safe-area-inset-right));left:auto;bottom:var(--action-bottom)}.game-ui .touch-actions button{width:var(--action-size);height:var(--action-size);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid #ffffff65;border-radius:15px;background:#23465bd9;color:#f7f7ec;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 4px #0e2939a8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.game-ui .touch-actions button svg{width:21px;height:21px}.game-ui .touch-actions button span{font-size:6px;font-weight:700;letter-spacing:.8px}.game-ui .touch-actions .jump-button{width:var(--jump-size);height:var(--jump-size);background:#ed776bee}.game-ui .touch-actions button.pressed{transform:translateY(3px);background:#91d9d6;color:#153a49;box-shadow:0 1px #173448}.game-ui .touch-interact{position:absolute;left:calc(var(--pad-edge) + env(safe-area-inset-left));right:auto;bottom:calc(var(--control-bottom) + var(--move-size) + 12px);width:38px;height:38px;border:1px solid #ffffff66;border-radius:12px;background:#23465bd9;color:#fff8e8;font-size:12px;touch-action:none}.game-ui .boost-meter{left:auto;right:calc(var(--pad-edge) + env(safe-area-inset-right));bottom:calc(var(--action-bottom) + var(--jump-size) + 14px);width:94px}.game-ui .tutorial-hint{bottom:calc(var(--action-bottom) + var(--jump-size) + 44px);max-width:min(300px,78vw);width:max-content}.left-handed .game-ui .touch-actions,.left-handed .game-ui .boost-meter{right:auto;left:calc(var(--pad-edge) + env(safe-area-inset-left))}.high-contrast .movement-arrow,.high-contrast .game-ui .touch-actions button{border-color:#fff;background:#16344a}@media(max-height:500px){.game-ui{--move-size: clamp(44px, calc(52px * var(--control-scale)), 62px);--action-size: clamp(44px, calc(45px * var(--control-scale)), 52px);--jump-size: clamp(48px, calc(52px * var(--control-scale)), 60px)}.game-ui .tutorial-hint{bottom:calc(var(--action-bottom) + var(--jump-size) + 26px)}}@media(max-width:380px){.game-ui .tutorial-hint{top:130px;bottom:auto}}.menu-footer{bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:16px;padding:12px 18px;border:1px solid #fff8;border-radius:14px;background:#fff9ece0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink);font-size:11px;line-height:1.5;letter-spacing:0}.footer-brand{flex-shrink:0}.footer-brand>span{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.2px}.footer-brand small{display:block;margin-top:4px;font-size:10px;color:#526e7b}.policy-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 18px}.policy-links a{padding:6px 0;font-size:11px;font-weight:600;text-underline-offset:4px}.policy-links a:hover{color:var(--red-dark)}@media(max-width:800px),(max-height:520px){#ui.menu-ui{overflow-y:auto;pointer-events:auto}.menu-ui .menu-copy{position:relative;top:auto;left:auto;margin:clamp(90px,16vh,160px) 8% 0;width:min(280px,84%)}.menu-ui .journey-card{display:none}.menu-ui .menu-footer{position:relative;bottom:auto;left:auto;right:auto;margin:28px 8% max(20px,env(safe-area-inset-bottom));align-items:flex-start;flex-direction:column;gap:10px;padding:14px 16px}.policy-links{justify-content:flex-start;gap:4px 16px}}