@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#17392e;--paper:#f6f4ec;--muted:#748078;--amber:#e2af57;--mint:#72b5a4;--violet:#b09bcb}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible{outline:3px solid #cc8539;outline-offset:3px}header{height:88px;border-bottom:1px solid #dce0d5;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font:700 15px 'Space Grotesk',sans-serif;letter-spacing:1px}.brand>span:last-child{font-weight:400;margin-left:-4px}.brand-mark{background:var(--ink);color:var(--paper);border-radius:9px;font-size:26px;padding:2px 8px;margin-right:7px}.header-right{display:flex;gap:25px;align-items:center}.edition,.eyebrow,.section-label,.floor-label,.floor-legend,footer{font:600 10px 'Space Grotesk',sans-serif;letter-spacing:1.7px}.edition{color:var(--muted)}.icon-button{border:1px solid #ced5c9;border-radius:50%;background:transparent;width:31px;height:31px;color:var(--ink)}main{max-width:1190px;padding:44px 28px 0;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;margin:0 0 40px}.eyebrow{margin:0 0 15px;color:#68816e;font-size:10px}.live-dot{display:inline-block;width:6px;height:6px;background:#77a56b;border-radius:50%;margin-right:8px}h1{font:500 66px/1.02 'Space Grotesk',sans-serif;letter-spacing:-3.8px;margin:0 0 18px}h1 em{font-family:Georgia,serif;font-weight:400;color:#68836b}p.lede{font-size:14px;color:#788075;line-height:1.6;margin:0}.progress-box{width:168px;border-left:1px solid #d7ddcf;padding-left:28px;align-self:flex-end;margin-bottom:8px}.progress-box>span{font:500 30px 'Space Grotesk',sans-serif;letter-spacing:-1px}.progress-box small{display:block;font-size:9px;letter-spacing:1.6px;margin:9px 0 17px;color:#7c867b}.progress-track{height:3px;background:#dfe3d7}.progress-track i{display:block;height:100%;background:#77906a;transition:width .3s}.workspace{display:grid;grid-template-columns:240px 1fr;gap:34px}.section-label{display:flex;justify-content:space-between;padding:18px 0 20px;color:#7a8778}.section-label span{color:#a0aa99}.levels{display:grid;gap:4px}.level-button{width:100%;border:0;background:transparent;display:flex;align-items:center;text-align:left;border-radius:7px;color:#7a8578;padding:12px 11px;gap:13px;font-size:12px;min-height:43px}.level-button.active{background:#e4e9dc;color:var(--ink);box-shadow:inset 3px 0 #82956f}.level-button:hover{background:#e9ede2}.level-button .num{font:500 11px 'Space Grotesk';color:#8b9983}.level-button.active .num{color:#526b4c}.level-button .medals{margin-left:auto;font-size:11px;letter-spacing:-2px;color:#a17a37}.aside-note{border-top:1px solid #dbe1d2;display:flex;gap:12px;margin-top:20px;padding:20px 10px;color:#8c977f;font-size:11px;line-height:1.6}.aside-note>span{font-size:22px}.aside-note p{margin:0}.game-panel{border:1px solid #d9dfd2;background:#fdfcf8;border-radius:16px;padding:27px 30px;box-shadow:0 8px 40px #203a2005}.level-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.level-heading .eyebrow{font-size:9px;margin-bottom:6px}h2{font:500 25px 'Space Grotesk';letter-spacing:-.8px;margin:0}.status-pill{font:600 9px 'Space Grotesk';letter-spacing:1px;background:#edf0e7;color:#7d8b6f;border-radius:20px;padding:8px 11px;white-space:nowrap}.brief{font-size:12px;color:#828a7e;margin:10px 0 22px}.floor-wrap{border-radius:10px;background:#183a30;padding:17px 23px 15px;box-shadow:inset 0 0 0 1px #0d2f27}.floor-label{display:flex;justify-content:space-between;color:#7a9688;font-size:8px;margin-bottom:14px}.board{display:grid;gap:5px;max-width:450px;margin:auto;position:relative;isolation:isolate}.cell{aspect-ratio:1;position:relative;border:1px solid #3b5546;background:#244538;border-radius:6px;color:#728c76;display:flex;align-items:center;justify-content:center;padding:0;min-width:0;transition:background .15s;touch-action:manipulation;font-family:'Space Grotesk',sans-serif}.cell:not(.fixed):hover{background:#365c46}.cell.empty:after{content:'+';font-size:14px;color:#476652}.cell.belt{background:#3e5745;border-color:#61745a;color:#c2c9a7;font-size:26px;box-shadow:inset 0 -4px #2d4738}.cell.belt:before{content:'';position:absolute;inset:4px;border:1px dashed #72836760;border-radius:3px}.cell.block{border-color:#213e33;background:repeating-linear-gradient(135deg,#1c342a,#1c342a 4px,#233d31 4px,#233d31 6px);color:#405044;cursor:default}.cell.source,.cell.target{background:color-mix(in srgb,var(--color) 15%,#1e3d31);border:2px solid var(--color);color:var(--color);cursor:default}.machine-symbol{font-size:23px}.cell.source:after{content:attr(data-arrow);position:absolute;right:3px;bottom:0;font-size:14px}.cell.target{border-style:dashed}.cell.target:before{content:'';position:absolute;inset:5px;border:1px solid var(--color);border-radius:50%;opacity:.4}.cell.lit{background:#667a4a;box-shadow:0 0 12px #eac87770}.cell.error{border:2px solid #ed9a81;background:#5d3e30}.parcel{position:absolute;width:24%;height:24%;border-radius:3px;background:var(--color);box-shadow:0 2px 5px #0008;z-index:3;transform:rotate(15deg);pointer-events:none;animation:pulse .45s infinite alternate}@keyframes pulse{to{transform:rotate(-10deg) scale(1.13)}}.floor-legend{display:flex;justify-content:center;gap:23px;margin-top:15px;font-size:7px;letter-spacing:1px;color:#9aac95}.floor-legend span{display:flex;gap:6px;align-items:center}.floor-legend i{font-style:normal;font-size:14px}.tool-row{display:flex;justify-content:space-between;gap:12px;margin:20px 0 10px;flex-wrap:wrap}.directions{display:flex;gap:4px}.directions button{border:1px solid #dce2d4;border-radius:5px;background:#f3f4ed;color:#7c8a70;width:35px;height:33px;font-size:20px}.directions button.selected{background:var(--ink);color:#e7dfbb;border-color:var(--ink)}.secondary-tools{display:flex;gap:4px}.secondary-tools button,#replay{border:1px solid #dce2d4;background:transparent;color:#77856b;border-radius:5px;padding:7px 10px;font-size:11px}.instruction{font-size:10px;color:#909788;margin-bottom:20px}.run-row{border-top:1px solid #e5e8df;padding-top:19px;display:flex;justify-content:space-between;align-items:center;gap:8px}.run-row strong{display:block;font:500 14px 'Space Grotesk'}.run-row div>span{font-size:10px;color:#8a9581;display:block;margin-top:4px}.primary{border:0;background:var(--ink);color:#f0f0d9;padding:14px 18px;border-radius:7px;font-size:12px;font-weight:600}.primary:hover{background:#2d5541}.primary>span{margin-left:23px;font-size:10px}.feedback{margin-top:15px;font-size:11px;line-height:1.5;color:#7e8b73;min-height:33px}.feedback.failure{color:#a2593f}.feedback.success{color:#3b7453}footer{display:flex;justify-content:space-between;border-top:1px solid #dce2d4;margin-top:38px;padding:22px 0 25px;font-size:8px;color:#8e9985;gap:15px}footer span:last-child{font-family:'DM Sans';letter-spacing:0}dialog{border:1px solid #d9dfd2;border-radius:18px;background:var(--paper);color:var(--ink);padding:34px;max-width:470px;width:calc(100% - 36px);box-shadow:0 20px 100px #0005}dialog::backdrop{background:#10291fd0;backdrop-filter:blur(5px)}dialog li,dialog p{font-size:13px;line-height:1.7}dialog ol{padding-left:20px}dialog li{padding-left:5px;margin:16px 0}.close{position:absolute;top:10px;right:12px;background:none;border:0;font-size:25px;color:var(--ink)}.muted{color:#7d8976;font-size:11px!important}.big-stars{font-size:38px;color:#bb913f;letter-spacing:9px;margin:12px 0 20px}.win-actions{display:flex;gap:12px;justify-content:space-between;margin-top:25px}#winDialog{text-align:center}#winDialog .eyebrow{margin:0}#winText{color:#7b8770}
@media(min-width:1450px){main{padding-top:55px}}@media(max-width:800px){header{padding:0 22px;height:70px}.edition{display:none}main{padding:30px 18px 0}.intro{margin-bottom:25px}h1{font-size:49px;letter-spacing:-2.7px}.workspace{grid-template-columns:1fr;gap:16px}.levels{grid-template-columns:repeat(6,1fr);gap:5px}.level-button{justify-content:center;padding:9px 0;gap:2px;flex-direction:column}.level-button .level-name{display:none}.level-button .medals{margin:0;min-height:12px}.section-label{padding:0 0 10px}.aside-note{display:none}.game-panel{padding:22px}.progress-box{width:125px;padding-left:18px}.progress-box>span{font-size:24px}.progress-box small{font-size:8px}.floor-wrap{padding:15px}.board{gap:4px}.cell.belt{font-size:25px}footer{margin-top:24px}}@media(max-width:420px){header{padding:0 16px}.brand{font-size:12px;gap:6px}.intro .eyebrow{font-size:8px}.lede{font-size:12px!important}.game-panel{padding:16px}.floor-wrap{padding:12px}.floor-legend{gap:10px;letter-spacing:.6px}.tool-row{gap:8px}.secondary-tools button{padding:7px}.directions button{width:32px}.secondary-tools button span{display:none}.brief{line-height:1.6}.primary{padding:13px}.machine-symbol{font-size:18px}h2{font-size:23px}.status-pill{font-size:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}