/* Toekyn's indie developer surface; existing app layout remains independent. */
.indie-site{--ink:#f0ede4;--muted:#a8aaa0;--paper:#111210;--line:#34372f;--orange:#ff9357;--blue:#ff9357;--mint:#d1e8a7;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}
.indie-site .topbar{max-width:1340px;min-height:88px;margin:20px auto 0;padding:18px 30px;border:1px solid var(--line);background:#191b17;position:relative;z-index:2}.indie-site .brand{font-size:1.65rem}.indie-site .mark{color:#171712;border-radius:3px;clip-path:polygon(10% 0,90% 0,90% 10%,100% 10%,100% 90%,90% 90%,90% 100%,10% 100%,10% 90%,0 90%,0 10%,10% 10%)}.indie-site .wordtag{font:10px ui-monospace,Menlo,monospace;color:var(--muted);letter-spacing:.06em}.indie-site .topbar nav{gap:28px}.indie-site .topbar nav>a:not(.button){font:11px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em}.indie-site .button{background:var(--orange);border:1px solid var(--orange);color:#161711;border-radius:3px;font-size:13px;letter-spacing:.015em;padding:17px 23px;box-shadow:3px 3px 0 #6e3e27;transform:none}.indie-site .button:hover:not(:disabled){background:#ffad7c;transform:none}.indie-site .button.secondary{background:#23251f;color:#eeece4;border-color:#45483c;box-shadow:3px 3px 0 #060705}.indie-site .button.small{font-size:11px;padding:13px 16px;box-shadow:none}.indie-site a:focus-visible,.indie-site button:focus-visible,.indie-site video:focus-visible,.indie-site summary:focus-visible{outline:2px solid #f5c398;outline-offset:5px}.indie-site .text-link{font-size:13px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid #656858;padding:4px 0 8px;text-align:left}.indie-site p{color:var(--muted)}.indie-site .eyebrow{font:10px/1.7 ui-monospace,Menlo,monospace;letter-spacing:.14em;color:#c4c8b9}.indie-site .status-dot{background:#cde6a6;box-shadow:none;width:6px;height:6px;border-radius:0}.indie-site main:not(.console){max-width:1320px;padding:0 4%}.indie-site .game-hero{position:relative;text-align:center;padding:102px 4% 58px;background-image:radial-gradient(#5d675329 .8px,transparent .8px);background-size:24px 24px}.game-hero .eyebrow{justify-content:center;margin:0 0 27px}.game-hero h1{font-size:clamp(44px,5.8vw,83px);letter-spacing:-.06em;line-height:1.06;margin:0 auto 30px;max-width:1000px;font-weight:700}.game-hero h1 span{color:#d5e8b7}.game-hero .hero-description{font-size:16px;line-height:1.75;margin:0 auto;max-width:680px;color:#c6c9bd}.hero-description>span{font-size:13px;color:#888d7d}.hero-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:30px 0 22px}.indie-site .preview-line{font:9px/1.8 ui-monospace,Menlo,monospace;letter-spacing:.08em;color:#979e8b;margin:0}.preview-line span{color:var(--orange);margin:0 10px}.pixel-orbit{position:absolute;font-family:monospace;color:var(--orange);pointer-events:none}.orbit-a{font-size:37px;left:4%;top:32%}.orbit-b{font-size:32px;right:2%;top:44%;color:#d5e8b7}
.product-stage{max-width:1000px;margin:0 auto 50px;border:1px solid #4d5443;padding:8px;background:#20231c;box-shadow:0 28px 70px #0006;position:relative}.product-stage:before,.product-stage:after{content:"";width:10px;height:10px;position:absolute;top:-5px;background:#d5e8b7}.product-stage:before{left:-5px}.product-stage:after{right:-5px}.stage-chrome{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:13px 15px;font:9px/1.5 ui-monospace,Menlo,monospace;letter-spacing:.07em;color:#bbc1af;background:#25291f;min-height:42px}.stage-chrome h2{font:inherit;letter-spacing:inherit;margin:0;flex:1;color:#dce0d3}.window-lights{display:flex;gap:5px}.window-lights i{width:5px;height:5px;background:#656f57}.window-lights i:first-child{background:#ef9d6d}.indie-site video{display:block;width:100%;aspect-ratio:1280/900;background:#111510;object-fit:contain}.stage-foot{padding:17px 15px 13px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:11px;line-height:1.6;color:#a7ad9a}.stage-foot b{color:#e0e3d7;font-weight:400;display:block}.stage-foot a{color:#e5e7df;white-space:nowrap;text-decoration:none}.video-transcript{font-size:11px;color:#a7ad9a;padding:0 15px 10px;border:0}.video-transcript summary{cursor:pointer;padding:7px 0;text-decoration:underline;text-underline-offset:3px}.video-transcript p{margin:8px 0;line-height:1.8}.developer-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:10px ui-monospace,Menlo,monospace;color:#777e6c}.developer-strip b{font:13px "DM Sans",sans-serif;color:#d5d9cb;font-weight:400}.developer-strip .strip-end{color:#9ea58f}
.build-section{padding:105px 0 90px}.section-intro h2,.recovery-story h2,.code-section h2,.world-section h2,.roadmap-section h2{font-size:clamp(32px,4vw,53px);font-weight:700;letter-spacing:-.05em;line-height:1.13;margin:0 0 22px}.section-intro h2 span,.recovery-story h2 span,.code-section h2 span,.world-section h2 span,.roadmap-section h2 span{color:#8c9580}.section-intro>p:last-child{max-width:570px;font-size:14px;line-height:1.8}.loop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.loop-grid article{padding:28px 30px 26px 0}.loop-grid article+article{padding-left:30px;border-left:1px solid var(--line)}.step-label{font:9px ui-monospace,Menlo,monospace;color:#989f8b;letter-spacing:.08em}.pixel-symbol{font:35px ui-monospace,Menlo,monospace;color:#d2e6b0;margin:33px 0 24px;line-height:1}.loop-grid h3{font-size:20px;line-height:1.3;letter-spacing:-.035em;margin:0 0 16px}.loop-grid p{font-size:13px;line-height:1.8;margin:0;max-width:290px}.recovery-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:center;padding:35px 0 105px}.recovery-copy>p{font-size:14px;line-height:1.8}.recovery-copy .small-note{font-size:11px;margin:24px 0 0;max-width:320px}.mini-stage{border:1px solid #424939;background:#1c2017;padding:6px;transform:rotate(1deg)}.mini-stage .stage-chrome{font-size:8px;padding:10px}.mini-stage video{width:100%}.mini-stage .video-transcript{font-size:10px}
.code-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:70px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.code-section>div>p{font-size:14px;line-height:1.8;max-width:420px}.code-window{border:1px solid #454d3b;background:#161a12}.code-window pre{background:transparent;border-radius:0;color:#d7e4c8;font-size:11px;line-height:1.8;padding:25px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.code-window>p{font:9px ui-monospace,Menlo,monospace;color:#8b947e;padding:0 25px 22px;margin:0}.code-comment{color:#758467}.code-key{color:#f5b184}.world-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center;padding:100px 0}.world-section p{font-size:14px;line-height:1.8}.world-section .namespace{border-top:1px solid var(--line);padding-top:22px}.world-section .namespace small{font:9px ui-monospace,Menlo,monospace;color:#8b947e}.world-section .namespace b{display:inline-block;font-size:17px;margin:12px 22px 0 0}.world-section .namespace em{font-size:10px;color:#9ea690}.world-art{min-height:400px;position:relative;display:flex;justify-content:center;flex-direction:column;overflow:hidden;padding:36px;background:#d8e8bb;color:#1e2a19;border:1px solid #e5efcf;box-shadow:7px 7px 0 #252e1e}.field-lines{position:absolute;inset:20px;border:1px solid #7a946d66;background:repeating-linear-gradient(0deg,transparent,transparent 48px,#7a946d44 49px,transparent 50px);transform:rotate(-6deg) scale(1.2)}.world-number{position:absolute;top:30px;font:10px ui-monospace,Menlo,monospace;letter-spacing:.08em}.world-word{position:relative;font-size:clamp(30px,4vw,60px);font-weight:700;letter-spacing:-.07em;line-height:.98;z-index:1}.orange-pixel{font-size:34px;color:#ef834b;position:absolute;right:0;top:-36px}.world-caption{position:absolute;bottom:30px;left:36px;right:36px;font:8px/1.8 ui-monospace,Menlo,monospace;letter-spacing:.06em}.roadmap-section{padding:65px 0 95px;border-top:1px solid var(--line)}.build-log{padding:0;margin:48px 0 0;list-style:none;border-top:1px solid var(--line)}.build-log li{display:grid;grid-template-columns:155px 1fr 35px;align-items:start;gap:28px;padding:28px 8px;border-bottom:1px solid var(--line)}.log-state{font:8px/1.5 ui-monospace,Menlo,monospace;border:1px solid #4e5547;padding:7px 9px;justify-self:start;white-space:nowrap;color:#9ca58e;margin-top:3px}.log-state.ready{color:#c5e79d;border-color:#486036;background:#1e2b17}.log-state.next{color:#ffc29e;border-color:#6c4932;background:#2c2119}.build-log h3{font-size:20px;margin:0 0 10px}.build-log p{font-size:12px;margin:0;max-width:630px}.build-log li>span:last-child{font:10px ui-monospace,Menlo,monospace;color:#737c66;padding-top:10px;text-align:right}.game-endcap{position:relative;text-align:center;padding:70px 30px;background:#1b2116;border:1px solid #3a4630;margin:0 0 70px;overflow:hidden}.game-endcap .eyebrow{justify-content:center}.game-endcap h2{font-size:clamp(40px,5.5vw,70px);line-height:1.05;letter-spacing:-.06em}.game-endcap h2 span{color:#c6e4a0}.game-endcap p:last-child{font-size:11px;margin:24px 0 0}.end-star{position:absolute;top:40px;right:8%;font-size:40px;color:var(--orange)}.indie-site footer{border-color:var(--line);font-size:11px;padding-top:30px}.indie-site footer p,.indie-site footer small{color:#929b83}.indie-site footer a{color:#c5cbb9}.motion-setting{max-width:1220px;margin:0 auto;padding:0 4% 25px;text-align:right}.motion-setting button{font:10px ui-monospace,Menlo,monospace;background:transparent;border:1px solid #404936;padding:9px 12px;color:#adb79e;border-radius:2px}.indie-site .docs{padding-top:70px!important;padding-bottom:80px!important}.indie-site .docs h1{color:#e8eddf}.indie-site .docs h2{color:#d2ddbF}.indie-site .docs .notice,.indie-site .docs .callout{background:#282a20;border:1px solid #4b503d;color:#dce1ce}.indie-site .docs pre{background:#1a2115;border:1px solid #435036}.indie-site .docs .feature-grid article{border-color:#38432e}.indie-site .docs a{color:#f2b68f}.indie-site .skip{background:#eef0e7;color:#171c11}
@media(min-width:1600px){.indie-site .game-hero{padding-top:110px}.indie-site .topbar{margin-top:30px}}
@media(max-width:1100px){.indie-site .topbar{margin:16px 4% 0;padding:15px 22px;min-height:75px}.indie-site .game-hero{padding-top:80px}.game-hero h1{font-size:65px}.product-stage{max-width:880px}.indie-site .topbar nav{gap:19px}.build-section{padding-top:80px}.world-art{min-height:350px}.recovery-story{gap:5%}.recovery-story h2{font-size:38px}}
@media(max-width:800px){.indie-site .topbar{padding:13px 16px;margin:12px 4% 0}.indie-site .topbar nav>a:not(.button){display:none}.game-hero h1{font-size:clamp(39px,8.5vw,65px)}.indie-site .game-hero{padding:65px 0 40px}.game-hero .eyebrow{font-size:8px}.game-hero .hero-description{font-size:14px}.pixel-orbit{display:none}.developer-strip{flex-wrap:wrap;justify-content:center;font-size:8px;gap:12px}.developer-strip b{font-size:11px}.developer-strip .strip-end{display:none}.build-section{padding:65px 0 55px}.loop-grid article{padding:25px 20px 25px 0}.loop-grid article+article{padding-left:20px}.loop-grid h3{font-size:18px}.loop-grid p{font-size:12px}.recovery-story{grid-template-columns:1fr;gap:32px;padding:20px 0 65px}.recovery-copy{max-width:540px}.recovery-copy .small-note{max-width:none}.mini-stage{max-width:620px;transform:none}.code-section{gap:35px;grid-template-columns:1fr;padding:55px 0}.world-section{grid-template-columns:1fr;gap:44px;padding:65px 0}.world-art{min-height:330px;max-width:620px;width:100%}.world-word{font-size:65px}.roadmap-section{padding:50px 0 60px}.game-endcap{padding:55px 20px}.end-star{font-size:25px;right:5%;top:20px}.game-endcap .eyebrow{font-size:8px}.stage-foot{font-size:10px;padding:13px 10px;gap:15px}}
@media(max-width:540px){.indie-site main:not(.console){padding:0 5%}.indie-site .topbar .brand{font-size:1.4rem}.indie-site .topbar .button{font-size:10px;padding:12px}.game-hero h1{font-size:44px;letter-spacing:-.06em;line-height:1.08}.game-hero .hero-description{font-size:13px;line-height:1.8}.hero-description br{display:none}.hero-description>span{display:block;font-size:11px;margin-top:7px}.hero-actions{gap:12px;margin-top:25px}.indie-site .hero-actions .button{font-size:11px;padding:14px 16px;gap:14px}.indie-site .preview-line{font-size:7px;letter-spacing:0}.preview-line span{margin:0 5px}.product-stage{padding:4px;margin-bottom:30px}.stage-chrome{padding:10px 8px;font-size:7px;gap:9px;min-height:35px}.stage-chrome h2{font-size:7px}.window-lights{gap:3px}.window-lights i{width:4px;height:4px}.stage-foot{align-items:flex-start;flex-direction:column;gap:8px;font-size:10px}.video-transcript{font-size:10px;padding:0 10px 8px}.developer-strip{gap:10px;padding:23px 0}.developer-strip>span:first-child{flex-basis:100%;text-align:center}.loop-grid{grid-template-columns:1fr;margin-top:30px}.loop-grid article,.loop-grid article+article{padding:25px 0;border-left:0}.loop-grid article+article{border-top:1px solid var(--line)}.pixel-symbol{float:right;margin:8px 0;font-size:30px}.loop-grid h3{margin-top:20px;font-size:23px}.loop-grid p{max-width:none;font-size:13px}.section-intro h2,.recovery-story h2,.code-section h2,.world-section h2,.roadmap-section h2{font-size:34px}.section-intro>p:last-child,.recovery-copy>p,.code-section>div>p,.world-section p{font-size:13px}.world-art{min-height:280px;padding:28px}.world-word{font-size:51px}.world-caption{left:28px;right:28px;font-size:7px}.world-section .namespace b{font-size:15px}.world-section .namespace em{font-size:9px}.build-log li{grid-template-columns:1fr 20px;gap:15px;padding:24px 2px}.build-log .log-state{grid-column:1}.build-log li>div{grid-row:2;grid-column:1}.build-log li>span:last-child{grid-column:2;grid-row:1}.build-log h3{font-size:19px}.build-log p{font-size:12px}.code-window pre{padding:17px;font-size:10px}.code-window>p{font-size:8px;padding:0 17px 18px}.game-endcap h2{font-size:45px}.indie-site footer{padding:30px 5%;grid-template-columns:1fr}.indie-site .docs h1{font-size:40px}.indie-site .docs{padding-top:45px!important}.indie-site .docs pre{font-size:10px}}
@media(prefers-reduced-motion:reduce){.indie-site *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}