:root{font-family:Segoe UI,Arial,sans-serif;color:#23322e;background:#f5f3ec;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--muted: #7d847b;--line: #dedfd5;--mint: #8de0c1;--coral: #f4a58f;--gold: #eac77b}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.52}button:focus-visible,a:focus-visible{outline:3px solid #4c947a;outline-offset:4px}[hidden]{display:none!important}.studio-shell{max-width:1400px;margin:0 auto;padding:0 64px}.masthead{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:9px;font-weight:750;letter-spacing:-.7px;font-size:21px;text-decoration:none;color:inherit}.brand-icon{font-size:30px;line-height:1}.edition,.eyebrow,.section-heading,.board-topline,.board-bottomline,.puzzle-footer,.page-footer{font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:1.25px;font-weight:500}.edition{display:flex;align-items:center;gap:10px;color:#58665a}.edition-number{color:#94988e;margin-left:24px}.live-dot{display:inline-block;width:6px;height:6px;background:#67967c;border-radius:50%;vertical-align:middle}.layout{display:grid;grid-template-columns:254px minmax(0,1fr);gap:62px;padding:32px 0 35px}.eyebrow{color:var(--muted);font-size:9px;letter-spacing:1.8px}h1{font-size:80px;line-height:.96;font-weight:800;letter-spacing:-5.5px;margin:22px 0 24px;position:relative}h1>span:not(.title-spark){color:#548570}.title-spark{font-size:57px;color:#c0a166;margin-left:17px;display:inline-block;vertical-align:6px;font-weight:400}.intro{color:#7b8378;font-size:14px;line-height:1.8;margin:0 0 39px}.section-heading{display:flex;justify-content:space-between;color:#889080;font-size:9px;padding-bottom:13px}.level-list{display:flex;flex-direction:column;gap:5px}.level-button{display:flex;align-items:center;gap:13px;border:1px solid transparent;background:transparent;border-radius:8px;min-height:43px;padding:10px 12px;color:#7a8178;text-align:left;font-size:12px}.nav-number{font:10px Consolas,monospace;opacity:.7}.level-check{margin-left:auto;opacity:0}.level-button:hover{background:#eeeee5}.level-button[aria-current=step]{background:#e5ebe0;color:#315342;border-color:#d1dccb;font-weight:650}.level-button[aria-current=step] .level-check,.level-button.completed .level-check{opacity:1}.level-button.completed .level-check{color:#548570}.how-to{margin-top:29px;border-top:1px solid var(--line);padding-top:22px}.how-to p{display:flex;gap:11px;font-size:11px;line-height:1.8;color:#868b82;margin:15px 0}.how-to strong{color:#566151;font-weight:600}.instruction-symbol{width:26px;height:26px;flex-shrink:0;border-radius:6px;display:grid;place-items:center}.instruction-symbol svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.gold{color:#a88c49;background:#eee7d4}.mint{color:#578b73;background:#e3eae0}.coral{color:#c08169;background:#f0e3d8}.sidebar-foot{font-size:10px;color:#92988c;margin-top:29px}.puzzle{min-width:0}.puzzle-heading{display:flex;gap:17px;align-items:center;margin-bottom:25px;min-height:67px}.level-number{font-size:39px;letter-spacing:-2px;color:#c4c9b9;font-weight:300;padding-right:15px;border-right:1px solid var(--line)}h2{font-size:24px;font-weight:650;margin:5px 0;letter-spacing:-.7px}.puzzle-heading p{margin:0;color:#90958a;font-size:11px}.puzzle-tag{margin-left:auto;text-align:right;color:#9c9e90;font:8px/1.9 Consolas,monospace;letter-spacing:1px}.puzzle-tag strong{font-weight:400;letter-spacing:0}.board-card{border-radius:14px;background:#101b27;color:#82949c;box-shadow:0 9px 20px #24352812;overflow:hidden;border:1px solid #28343e}.board-topline,.board-bottomline{padding:20px 23px 0;display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1.15px}.board-topline .live-dot{background:#8de0c1;width:5px;height:5px;margin-right:6px}.board-stage{position:relative;width:100%;max-width:min(100%,calc(clamp(300px,100dvh - 340px,560px)/.8));margin:0 auto;aspect-ratio:900 / 720}#game,.board-overlay{position:absolute;inset:0}#game canvas{display:block}.board-overlay{pointer-events:none}.junction-control{pointer-events:auto;position:absolute;border:0;border-radius:10px;background:transparent;padding:0;touch-action:manipulation;transform:translate(-50%,-50%)}.junction-control:hover:not(:disabled){background:#eac77b12;box-shadow:0 0 0 1px #eac77b50}.junction-control:focus-visible{outline:3px solid #fff0c5;outline-offset:0}.junction-control:active:not(:disabled){background:#eac77b30}.junction-control:disabled{opacity:1}.failure-marker{position:absolute;border:2px dashed var(--coral);border-radius:12px;pointer-events:none;background:#f4a58f0a}.loading{position:absolute;inset:0;display:grid;place-items:center;font:13px Consolas,monospace;background:#101b27}.board-bottomline{padding:0 23px 20px;font-size:7px;align-items:center;letter-spacing:.8px}.signal-legend{display:flex;gap:16px;align-items:center}.signal-legend>span{display:flex;align-items:center;gap:6px}.signal-dot,.signal-diamond{width:6px;height:6px;display:inline-block;background:var(--mint);border-radius:50%}.signal-diamond{border-radius:0;background:var(--coral);transform:rotate(45deg)}.exit-key{color:#627884}.controls{display:flex;align-items:center;gap:10px;margin-top:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:7px;min-height:45px;font-size:12px;padding:0 17px;font-weight:600;white-space:nowrap;transition:background .12s}.primary{background:#315543;color:#f7f7ee;min-width:187px}.primary:hover:not(:disabled){background:#234b36}.secondary{background:transparent;border-color:#daddcf;color:#6c7968}.secondary:hover{background:#e9ece2}kbd{font:8px Consolas,monospace;letter-spacing:.5px;border:1px solid #ffffff26;border-radius:3px;padding:3px 4px;opacity:.55;margin-left:8px}.secondary kbd{border-color:#89978250}.secondary>span{font-size:20px;line-height:1;font-weight:400}.control-spacer{flex:1}.utility{padding:0 11px;background:transparent;color:#64725f;gap:7px;font-size:14px}.utility span{font-size:11px;font-weight:400}.utility:hover,.utility[aria-pressed=true],.utility[aria-expanded=true]{background:#e7eade}.status{display:flex;gap:13px;align-items:center;min-height:76px;margin-top:19px;padding:15px 17px;background:#edeee6;border:1px solid #e1e4d7;border-radius:8px}.status-icon{width:23px;height:23px;border:1px solid #c4ccba;border-radius:50%;display:grid;place-items:center;color:#819374;flex-shrink:0;font-size:14px}.status strong{color:#617357;font-size:12px;font-weight:600}.status p{margin:5px 0 0;color:#8c9483;font-size:11px;line-height:1.55}.status[data-state=failure]{border-color:#e2c6b8;background:#f1e8df}.status[data-state=failure] strong,.status[data-state=failure] .status-icon{color:#9d664e}.status[data-state=success]{border-color:#bfd4b7;background:#e4eddc}.status[data-state=success] strong{color:#406d43}.hint-text{padding:12px 17px;font-size:12px;line-height:1.7;border-left:2px solid #c9ac6c;color:#8b7a53;background:#efebdf}.puzzle-footer{color:#9ca28f;display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:8px;letter-spacing:1px}.footer-dot{margin:0 11px;color:#b5bbad}.text-button{border:0;background:transparent;color:#919c85;padding:10px 0 10px 10px;font-size:10px;text-decoration:underline;text-decoration-color:#b9c2aa;text-underline-offset:3px}.page-footer{border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;color:#969e8e;font-size:8px;letter-spacing:1.5px}.running-dot{width:7px;height:7px;border-radius:50%;background:var(--mint)}@media(min-width:1500px){.layout{gap:80px}}@media(max-width:1150px){.studio-shell{padding:0 32px}.layout{grid-template-columns:208px minmax(0,1fr);gap:35px}h1{font-size:70px}.title-spark{margin-left:8px;font-size:43px}.puzzle-tag{display:none}.button{padding:0 13px}.primary{min-width:150px}kbd{display:none}}@media(max-width:760px){.studio-shell{padding:0 18px}.masthead{height:68px}.wordmark{font-size:17px}.edition{font-size:8px;letter-spacing:.6px}.edition-number{display:none}.layout{display:flex;flex-direction:column;gap:24px;padding:24px 0}.sidebar>.eyebrow,.intro,.section-heading,.how-to,.sidebar-foot{display:none}h1{font-size:43px;letter-spacing:-2.5px;margin:0 0 21px;line-height:1}h1 br{display:none}h1>span:not(.title-spark){margin-left:8px}.title-spark{font-size:33px;vertical-align:2px}.level-list{flex-direction:row;gap:7px}.level-button{padding:10px 0;min-height:44px;flex:1;justify-content:center;border-color:#dfe3d6;border-radius:7px}.level-button>span:nth-child(2){display:none}.nav-number{font-size:12px}.level-check{display:none}.level-button.completed .nav-number:after{content:"·";padding-left:4px;color:#548570}.puzzle-heading{gap:12px;margin-bottom:18px}.level-number{font-size:32px;padding-right:12px}h2{font-size:22px}.puzzle-heading p{font-size:10px;line-height:1.6}.board-topline{padding:16px 14px 0;font-size:7px}.board-stage{max-width:none}.board-bottomline{padding:0 14px 16px;font-size:6px}.signal-legend{gap:10px}.exit-key{display:none!important}.controls{gap:7px;flex-wrap:wrap}.button{padding:0 12px;min-height:46px}.primary{min-width:0;flex:1}.secondary{gap:6px}.utility{padding:0 7px;gap:4px}.utility span{font-size:10px}.control-spacer{display:none}.status{padding:13px}.page-footer{font-size:7px;letter-spacing:.5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}@media(pointer:coarse){.junction-control{min-width:36px;min-height:36px}}