:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#050817;--ink-blue:#070d24;--navy:#0d1535;--panel:#0c112be6;--panel-strong:#070b1df7;--cream:#fff2d3;--muted:#b8b8cf;--copper:#c77731;--copper-bright:#ffbd59;--rose:#ff3f7f;--amber:#ff8127;--gold:#ffc928;--aqua:#25dcc8;--cobalt:#3478ff;--violet:#a842ff;--line:#ffbc5942;--factory-desktop:none;--factory-mobile:none;--factory-emblem:none;--crystal-rose:none;--crystal-amber:none;--crystal-gold:none;--crystal-aqua:none;--crystal-cobalt:none;--crystal-violet:none;--mechanism-residue:none;--mechanism-core:none;background:var(--ink);color:var(--cream);font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--ink);min-height:100%}body{background:#050817;min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}button{font:inherit}button:focus-visible,canvas:focus-visible{outline-offset:4px;outline:3px solid #5cf3e1}.factory-background,.factory-vignette,.factory-haze{pointer-events:none;position:fixed;inset:0}.factory-background{z-index:0;background-image:var(--factory-desktop);filter:saturate(.88)brightness(.66);background-position:50%;background-size:cover;transform:scale(1.015)}.factory-vignette{z-index:0;background:linear-gradient(#03051126,#030511b3),radial-gradient(circle at 50% 35%,#0000 0 18rem,#02040e6b 64rem)}.factory-haze{z-index:0;filter:blur(70px);opacity:.14;border-radius:50%;width:32rem;height:20rem;animation:13s ease-in-out infinite alternate float-haze;inset:auto}.factory-haze--one{background:#6137e8;top:14%;left:32%}.factory-haze--two{background:#d43b77;animation-delay:-6s;bottom:8%;right:12%}.app-shell{z-index:1;width:min(1260px,100% - 34px);padding:max(18px, env(safe-area-inset-top)) max(0px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(0px, env(safe-area-inset-left));margin:0 auto;position:relative}.masthead,.level-heading,.level-nav{justify-content:space-between;align-items:center;gap:18px;display:flex}.masthead{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#141739f0,#070b1cf0);border-radius:22px;min-height:86px;padding:10px 16px 10px 10px;box-shadow:inset 0 1px #fff1cb14,0 18px 50px #0000003d}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{background-image:var(--factory-emblem);filter:drop-shadow(0 6px 13px #0000007a);background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none;width:70px;height:70px}.eyebrow,.section-label{color:#d8ac72;letter-spacing:.2em;text-transform:uppercase;margin:0 0 5px;font-size:.65rem;font-weight:900}h1,h2,p{margin-top:0}h1,h2{text-wrap:balance;font-family:Georgia,Times New Roman,serif}h1{color:#fff0c7;letter-spacing:-.035em;text-shadow:0 2px #5b2b20,0 0 24px #ffb04729;margin-bottom:0;font-size:clamp(1.5rem,3vw,2.2rem)}h1 small{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;vertical-align:middle;font-family:Trebuchet MS,sans-serif;font-size:.58rem;font-weight:800}h2{color:#fff0d1;margin-bottom:4px;font-size:clamp(1.3rem,2.2vw,1.85rem)}.utility-actions{flex:none;gap:8px;display:flex}.button-abbr{display:none}.icon-button,.secondary-button,.primary-button{border:1px solid var(--line);min-height:46px;color:var(--cream);cursor:pointer;border-radius:12px;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.icon-button{color:#ffe5b6;background:linear-gradient(#2c264cf2,#0e122df2);min-width:104px;padding:0 15px;font-size:.8rem;font-weight:900;box-shadow:inset 0 1px #ffffff0d,0 5px 16px #0000003d}.icon-button[aria-pressed=true]{background:linear-gradient(#53314bfa,#211836fa);border-color:#ffbd599e}.icon-button:hover,.secondary-button:hover{border-color:#ffc269b3;transform:translateY(-1px)}.level-heading{min-height:96px;padding:16px 12px 10px}#level-kicker{color:#cbc8d9;margin-bottom:0;font-size:.92rem}.mobile-metrics{align-items:stretch;gap:8px;display:none}.mobile-metrics span{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:12px;min-width:78px;padding:8px 12px;box-shadow:inset 0 1px #ffffff0d}.mobile-metrics small,.metric-card span{color:#d3a96f;letter-spacing:.13em;text-transform:uppercase;font-size:.62rem;font-weight:900;display:block}.mobile-metrics strong{font-size:1.22rem}.game-layout{grid-template-columns:minmax(205px,242px) minmax(360px,720px) minmax(168px,195px);justify-content:center;align-items:center;gap:18px;display:grid}.side-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(160deg,#131739f0,#070a1cf0);border-radius:18px;flex-direction:column;align-self:stretch;gap:12px;padding:17px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 4px #04071459,0 24px 60px #0000004d}.side-panel:before{content:"";pointer-events:none;border:1px solid #ffb85014;border-radius:13px;position:absolute;inset:5px}.panel-heading{justify-content:space-between;align-items:center;display:flex}.panel-heading .section-label{margin-bottom:0}.status-lamp{background:#45f0d3;border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite status-pulse;box-shadow:0 0 13px #45f0d3c2}.objectives{gap:9px;display:grid}.objective-chip{background:#04071485;border:1px solid #ffbd5924;border-radius:12px;grid-template-columns:35px 1fr;align-items:center;gap:10px;min-height:60px;padding:9px 10px;display:grid;box-shadow:inset 0 1px #ffffff09}.objective-chip strong{font-size:.78rem;display:block}.objective-chip small{color:var(--muted);margin-top:2px;font-weight:900;display:block}.objective-chip.is-complete{background:#125b5a3d;border-color:#25dcc88c}.objective-chip.is-complete small{color:#8ff9e9}.objective-gem{filter:drop-shadow(0 4px 7px #0000008c);background-position:50%;background-repeat:no-repeat;background-size:contain;width:38px;height:38px}.objective--rose .objective-gem{background-image:var(--crystal-rose)}.objective--amber .objective-gem{background-image:var(--crystal-amber)}.objective--gold .objective-gem{background-image:var(--crystal-gold)}.objective--aqua .objective-gem{background-image:var(--crystal-aqua)}.objective--cobalt .objective-gem{background-image:var(--crystal-cobalt)}.objective--violet .objective-gem{background-image:var(--crystal-violet)}.objective--residue .objective-gem{background-image:var(--mechanism-residue)}.objective--route .objective-gem{background-image:var(--mechanism-core)}.tip-card{color:#e5dce6;background:#4a22394d;border:1px solid #ff81272b;border-radius:12px;align-items:flex-start;gap:10px;margin-top:auto;padding:12px;display:flex}.tip-card__index{color:var(--copper-bright);letter-spacing:.08em;flex:none;font-size:.7rem;font-weight:900}.tip-card p{margin:0;font-size:.73rem;line-height:1.45}.playfield-shell{aspect-ratio:1;isolation:isolate;background:linear-gradient(145deg,#9b572a,#2e1730 20%,#111634 52%,#67321f 82%,#d88735);border:2px solid #ffb246b3;border-radius:28px;justify-self:center;width:min(100%,720px,100svh - 290px);min-width:0;max-width:720px;padding:7px;position:relative;box-shadow:0 30px 100px #00000094,0 0 0 3px #050816e0,0 0 34px #7134f11f}.playfield-shell:after{content:"";z-index:1;pointer-events:none;border:1px solid #ffde9961;border-radius:22px;position:absolute;inset:4px}.playfield-glow{z-index:-1;filter:blur(65px);background:#6a31f03b;border-radius:50%;position:absolute;inset:11%}.frame-bolt{z-index:3;pointer-events:none;background:#7d421f;border:1px solid #f6b85f;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:inset 1px 1px #ffffff4d}.frame-bolt--tl{top:9px;left:9px}.frame-bolt--tr{top:9px;right:9px}.frame-bolt--bl{bottom:9px;left:9px}.frame-bolt--br{bottom:9px;right:9px}#game-canvas{background:var(--ink-blue);border-radius:20px;width:100%;height:100%;overflow:hidden}#game-canvas canvas{touch-action:none;border-radius:20px;display:block;width:100%!important;height:100%!important}.metric-card{background:#0306128c;border:1px solid #ffbd592e;border-radius:12px;padding:17px}.metric-card strong{color:var(--cream);margin-top:4px;font-family:Georgia,serif;font-size:1.55rem;display:block}.control-note{color:var(--muted);margin:auto 0 0;font-size:.71rem;line-height:1.55}.secondary-button,.primary-button{padding:0 17px;font-weight:900}.secondary-button{background:linear-gradient(#372750f0,#121431f0)}.secondary-button--wide{width:100%}.primary-button{color:#211022;background:linear-gradient(#ffd078,#d98635);border-color:#ffc96bcc;box-shadow:0 12px 28px #d7782d3d}.primary-button:hover{transform:translateY(-2px);box-shadow:0 15px 32px #dd823157}.pause-overlay,.result-overlay{z-index:5;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050817eb;border:1px solid #ffbd5957;border-radius:20px;place-content:center;justify-items:center;padding:30px;display:grid;position:absolute;inset:7px}.pause-overlay{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,visibility .18s}.is-paused .pause-overlay{opacity:1;visibility:visible;pointer-events:auto}.pause-overlay p,.result-overlay p{max-width:28rem;color:var(--muted);line-height:1.5}.result-overlay[hidden]{display:none}.result-overlay{animation:.28s cubic-bezier(.2,.8,.2,1) reveal}.result-overlay--won{background:radial-gradient(circle at 50% 37%,#2fddca33,#0000 18rem),#050817f0}.result-sigil{background-image:var(--factory-emblem);filter:drop-shadow(0 7px 16px #00000073);background-position:50%;background-repeat:no-repeat;background-size:contain;width:78px;height:78px;margin-bottom:16px}.result-overlay--won[data-grade="1"] .result-sigil{background-image:var(--seal-bronze)}.result-overlay--won[data-grade="2"] .result-sigil{background-image:var(--seal-silver)}.result-overlay--won[data-grade="3"] .result-sigil{background-image:var(--seal-gold)}.is-low-moves #moves-value,.is-low-moves [data-mirror=moves]{color:#ff9d6c;text-shadow:0 0 18px #ff685099}.is-low-moves .status-lamp{background:#ff765c;animation:.9s ease-in-out infinite pressure-pulse;box-shadow:0 0 16px #ff5744e6}@keyframes pressure-pulse{50%{opacity:.48;transform:scale(.72)}}.reduce-motion.is-low-moves .status-lamp{animation:none}.result-actions{gap:10px;margin-top:8px;display:flex}.level-nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#111534f0,#070a1cf0);border-radius:17px;margin-top:15px;padding:12px 16px;box-shadow:inset 0 1px #ffffff0a,0 14px 35px #0000003d}.level-nav p{margin-bottom:3px}.level-rail{overscroll-behavior-inline:contain;scrollbar-width:thin;gap:8px;display:flex;overflow-x:auto}.level-pip{min-width:61px;min-height:50px;color:var(--cream);cursor:pointer;background:#0306127a;border:1px solid #ffbd5924;border-radius:11px;padding:6px 8px}.level-pip span,.level-pip small{display:block}.level-pip span{font-family:Georgia,serif;font-size:1.05rem}.level-pip small{color:var(--muted);letter-spacing:.04em;margin-top:1px;font-size:.55rem}.level-pip.is-current{background:linear-gradient(#5d2c53d1,#2a1839e6);border-color:#ffbe56d6;box-shadow:inset 0 0 0 1px #ffbe5629,0 0 16px #ff81271f}.level-pip:disabled{cursor:not-allowed;opacity:.35}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.character-callout{z-index:9;bottom:max(10px, env(safe-area-inset-bottom));opacity:0;visibility:hidden;pointer-events:none;grid-template-columns:190px minmax(250px,330px);align-items:end;width:min(536px,52vw);min-height:238px;padding:0;transition:opacity .18s,visibility 0s linear .36s;display:grid;position:fixed;left:max(4px,50vw - 640px)}.character-callout[hidden]{display:none}.character-callout.is-visible{opacity:1;visibility:visible;transition-delay:0s}.character-callout:before{content:"";z-index:-1;filter:blur(5px);opacity:0;background:radial-gradient(at 46% 60%,#050819f0 0 26%,#482ba66b 48%,#140c3000 76%);border-radius:50%;width:254px;height:252px;transition:opacity .26s .11s,transform .42s cubic-bezier(.18,.89,.25,1.2) 90ms;position:absolute;bottom:-8px;left:-12px;transform:scale(.7)}.character-callout.is-visible:before{opacity:1;transform:scale(1)}.character-callout__portrait-wrap{opacity:0;transform-origin:0 100%;background:0 0;border:0;align-self:end;height:238px;transition:opacity .18s,transform .42s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:translate(-120px,12px)scale(.92);-webkit-mask-image:linear-gradient(#000 0% 66%,#0000 100%);mask-image:linear-gradient(#000 0% 66%,#0000 100%)}.character-callout.is-visible .character-callout__portrait-wrap{opacity:1;transform:translate(0,0)scale(1)}.character-callout__portrait{object-fit:cover;object-position:center 16%;filter:saturate(1.05)contrast(1.05)drop-shadow(10px 15px 18px #00000094);transform-origin:50% 20%;width:100%;height:100%;transform:scale(1.48)}.character-callout[data-character=mara] .character-callout__portrait{object-fit:cover;object-position:center top;transform-origin:50% 12%;transform:scale(1.32)}.character-callout[data-character=kipper] .character-callout__portrait{transform-origin:50% 30%;transform:scale(1.36)}.character-callout__copy{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;pointer-events:auto;background:linear-gradient(110deg,#100e2bfc,#070a1cf7);border:1px solid #ffc3638a;border-left:3px solid #d89942;border-radius:4px 17px 17px 4px;min-width:0;margin:0 0 24px -22px;padding:13px 42px 14px 20px;transition:opacity .18s 80ms,transform .34s cubic-bezier(.2,.9,.2,1) 70ms;position:relative;overflow:hidden;transform:translate(-44px);box-shadow:inset 0 1px #ffffff0d,0 16px 38px #00000075,0 0 22px #5b3aca29}.character-callout__copy:after{content:"";pointer-events:none;border:1px solid #ffc8701a;border-radius:1px 12px 12px 1px;position:absolute;inset:4px}.character-callout.is-visible .character-callout__copy{opacity:1;transform:translate(0,0)}.character-callout__copy .section-label{color:#d7a96e;margin-bottom:3px;font-size:.57rem}.character-callout__copy strong{color:#fff0c7;margin-bottom:5px;font-family:Georgia,serif;font-size:1.18rem;display:block}.character-callout__copy p:last-child{color:#dfdae6;margin:0;font-size:.78rem;line-height:1.45}.character-callout__close{z-index:2;color:#ffe4b3;cursor:pointer;background:#050818b8;border:1px solid #ffbd593d;border-radius:50%;width:27px;height:27px;padding:0;position:absolute;top:9px;right:9px}@keyframes float-haze{to{transform:translate(18px,-12px)scale(1.08)}}@keyframes status-pulse{50%{opacity:.42;transform:scale(.78)}}@keyframes reveal{0%{opacity:0;transform:scale(.96)}}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (width<=1040px){.app-shell{width:min(780px,100% - 24px)}.game-layout{grid-template-columns:1fr;gap:11px}.side-panel--objective{order:-1;padding:12px}.side-panel--status{display:none}.objectives{grid-template-columns:repeat(3,minmax(0,1fr))}.objective-chip{grid-template-columns:27px 1fr;min-height:54px;padding:8px}.objective-gem{width:28px;height:28px}.tip-card{display:none}.mobile-metrics{display:flex}}@media (width<=620px){.factory-background{background-image:var(--factory-mobile);filter:saturate(.8)brightness(.47);background-position:top}.factory-vignette{background:linear-gradient(#03051126,#0305118a 24%,#030511bd)}.factory-haze{opacity:.08}.app-shell{width:100%;padding:max(8px, env(safe-area-inset-top)) max(9px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(9px, env(safe-area-inset-left))}.masthead{border-radius:16px;min-height:68px;padding:6px 7px}.brand-mark{width:45px;height:45px}.brand-lockup{gap:6px}.brand-lockup>div{min-width:0}h1{white-space:nowrap;font-size:.96rem;line-height:1.02}h1 small,.masthead .eyebrow{display:none}.utility-actions{gap:3px}.icon-button{min-width:38px;min-height:40px;padding:0 5px;font-size:.6rem}#pause-button{min-width:48px}.button-word{display:none}.button-abbr{display:inline}.level-heading{gap:7px;min-height:88px;padding:11px 4px 7px}.section-label{font-size:.56rem}#level-kicker{max-width:12rem;font-size:.72rem;line-height:1.3}.mobile-metrics{gap:4px}.mobile-metrics span{min-width:59px;padding:6px}.mobile-metrics strong{font-size:1rem}.side-panel--objective{border-radius:14px}.panel-heading{display:none}.objectives{grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:6px}.objective-chip{border-radius:10px}.objective-chip strong{font-size:.67rem}.objective-chip small{font-size:.62rem}.playfield-shell{border-radius:20px;padding:5px}.playfield-shell:after{border-radius:16px;inset:3px}#game-canvas,#game-canvas canvas,.pause-overlay,.result-overlay{border-radius:14px}.pause-overlay,.result-overlay{inset:5px}.frame-bolt{width:6px;height:6px}.frame-bolt--tl{top:6px;left:6px}.frame-bolt--tr{top:6px;right:6px}.frame-bolt--bl{bottom:6px;left:6px}.frame-bolt--br{bottom:6px;right:6px}.level-nav{border-radius:14px;align-items:flex-end;margin-top:9px;padding:8px}.level-nav__label{display:none}.level-rail{scroll-snap-type:inline proximity;gap:4px;width:100%;padding-bottom:2px}.level-pip{scroll-snap-align:start;border-radius:9px;flex:0 0 46px;min-width:46px;min-height:45px}.result-overlay{padding:18px}.result-sigil{width:62px;height:62px;margin-bottom:9px}.character-callout{bottom:max(3px, env(safe-area-inset-bottom));grid-template-columns:128px minmax(0,1fr);width:100vw;min-height:172px;left:0}.character-callout:before{width:178px;height:188px;bottom:-10px;left:-18px}.character-callout__portrait-wrap{height:172px;-webkit-mask-image:linear-gradient(#000 0% 70%,#0000 100%);mask-image:linear-gradient(#000 0% 70%,#0000 100%)}.character-callout__portrait{transform:scale(1.42)}.character-callout[data-character=mara] .character-callout__portrait{transform:scale(1.48)}.character-callout[data-character=kipper] .character-callout__portrait{transform:scale(1.3)}.character-callout__copy{border-radius:3px 13px 13px 3px;margin:0 8px 12px -19px;padding:11px 35px 12px 15px}.character-callout__copy strong{margin-bottom:3px;font-size:.98rem}.character-callout__copy p:last-child{font-size:.68rem;line-height:1.35}.character-callout__close{width:25px;height:25px;top:6px;right:6px}}@media (width<=385px){.brand-mark{width:41px;height:41px}h1{font-size:.88rem}.icon-button{min-width:35px;padding:0 4px}#pause-button{min-width:45px}.level-heading h2{font-size:1.18rem}}@media (height<=720px) and (orientation:landscape){.app-shell{width:min(1080px,100% - 20px);padding-top:7px}.masthead{min-height:63px;padding-block:5px}.brand-mark{width:52px;height:52px}.level-heading{min-height:60px;padding:6px 5px}.level-heading #level-kicker,.masthead .eyebrow{display:none}.game-layout{grid-template-columns:minmax(170px,220px) minmax(300px,min(70vh,610px)) minmax(150px,190px);justify-content:center}.level-nav{margin-top:7px;padding:7px 11px}}