.app-shell.view-home{padding-bottom:0}.view-home header{max-width:70rem}.view-home .brand>span{display:none}.view-home .brand{justify-content:center;width:44px}.view-home main{max-width:70rem}.app-shell .home{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:0;max-width:46rem;min-height:calc(100svh - 5.5rem);margin:0 auto;padding:1.5rem 0 2.5rem;display:flex}.app-shell .home h1{letter-spacing:-.045em;word-spacing:.06em;overflow-wrap:normal;margin:0 0 1.25rem;font-size:clamp(3.75rem,1.75rem + 8vw,7.5rem);font-weight:800;line-height:1}.app-shell .home .intro{color:#dce5ce;margin:0;font-family:Bricolage,Arial,sans-serif;font-size:clamp(1.125rem,1rem + .4vw,1.375rem);line-height:1.4}.home-parts{background:#f4ead5;border-radius:8px;justify-content:center;align-items:center;gap:1.25rem;width:min(100%,23rem);margin:2rem 0;padding:.85rem 1.5rem .35rem;display:flex;box-shadow:0 4px #0b272e}.home-parts .part{flex:1 1 0;width:5.75rem;min-width:0;max-width:5.75rem}.home-parts .part-attributes{display:none}.home-menu{width:min(100%,23rem);padding-bottom:1.25rem;position:relative}.home-launch{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:.65rem;display:grid}.home-launch select{color:#f4ead5;background:#24464c;border:1px solid #718782;border-radius:6px;width:100%;min-width:0;min-height:3.5rem;padding:.75rem .6rem;font:600 1rem/1.4 Bricolage,Arial,sans-serif}.app-shell .home .home-launch button{border-radius:6px;min-height:3.5rem;padding:.75rem .65rem;font-size:1.125rem}.app-shell .home .home-resume{border-radius:6px;width:100%;min-height:3.5rem;margin-bottom:.75rem;font-size:1.125rem}.app-shell .home .home-new{color:#f4ead5;background:0 0;border-color:#718782}.app-shell .home .home-new:hover{background:#31565a}.app-shell .home .home-lesson{text-underline-offset:5px;margin:.85rem 0 0;font-size:1rem;font-weight:500;text-decoration-color:#718782}.home-pending{color:#dce5ce;width:100%;font-size:.875rem;line-height:1.4;position:absolute;bottom:-.15rem;left:0}.app-shell .home-disclosure{color:#b9cccc;margin:1.25rem 0 0;font-size:.875rem;line-height:1.5}@media (width<=700px){.app-shell.view-home header{padding:.75rem 1rem}.app-shell.view-home main{padding:0 1.5rem}.app-shell .home{min-height:calc(100svh - 4.25rem);padding:1.25rem 0 2rem}.home-parts{gap:.5rem;margin:1.75rem 0;padding:.75rem 1rem .25rem}}@media (width<=370px){.app-shell.view-home main{padding:0 1.25rem}.app-shell .home h1{font-size:3.5rem}}@media (prefers-reduced-motion:reduce){.app-shell .home button{transition:none}}:root{color:#26372f;font-synthesis:none;--ink:#26372f;--paper:#fffdf4;--line:#c9c8b9;--accent:#b95434;--muted:#536158;--green:#274e3d;background:#f3f0e6;font-family:Arial,Helvetica,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,select,input{touch-action:manipulation}button{border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--ink);cursor:pointer;border-radius:5px;padding:.7rem 1rem;font-weight:600;line-height:1.35}button:hover{border-color:var(--ink);background:#e8eadb}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #c15a33}button.primary{background:var(--green);border-color:var(--green);color:#fffdf4;padding:.85rem 1.6rem}button.primary:hover{background:#193c2c}.text-button{text-underline-offset:4px;background:0 0;border:0;padding:.5rem;text-decoration:underline}.eyebrow,.brand-sub,.machine-serial,.machine-crown,.prototype,.stock-number,footer{letter-spacing:.075em;font-family:Courier New,monospace}.eyebrow{margin:0 0 .65rem;font-size:.8rem;font-weight:700}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;max-width:1180px;margin:auto;padding:1.6rem 2rem;display:flex}.brand{color:var(--ink);letter-spacing:-.055em;align-items:center;gap:.75rem;font-size:1.4rem;font-weight:900;text-decoration:none;display:flex}.brand svg{flex-shrink:0;width:42px;height:42px}.brand-sub{letter-spacing:.16em;margin-top:.25rem;font-size:.7rem;display:block}nav{gap:.3rem;display:flex}nav button{background:0 0;border:0;font-weight:400}main{max-width:1120px;margin:auto;padding:0 2rem 4rem}.prototype{text-align:center;color:#6c512a;border-bottom:1px dashed var(--line);margin-bottom:2.4rem;padding:.7rem;font-size:.75rem}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.05em;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.2rem,5vw,4.2rem);font-weight:400;line-height:1.02}h2{letter-spacing:-.025em;margin-bottom:.8rem;font-family:Georgia,Times New Roman,serif;font-size:1.65rem;font-weight:400}h3{font-size:1rem}p{line-height:1.6}.home{grid-template-columns:1.1fr 1fr;align-items:center;gap:4rem;padding:3rem 0 4rem;display:grid}.home h1{overflow-wrap:break-word;margin:1.3rem 0 1.8rem;font-size:clamp(3.3rem,6.5vw,5.7rem)}.intro{color:var(--muted);margin-bottom:2rem;font-size:1.25rem;line-height:1.5}.start-row{flex-wrap:wrap;gap:.7rem;display:flex}.draft-picker{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.2rem}.draft-picker label{margin-right:.7rem;font-size:.85rem}.draft-picker select{border:1px solid var(--line);background:0 0;border-radius:4px;max-width:100%;padding:.65rem}.draft-picker p{color:var(--muted);margin:.8rem 0;font-size:.85rem}.home-machine{background:#dbe0cc;border:2px solid #697862;border-radius:65px 65px 10px 10px;padding:1.5rem 1.5rem 0;position:relative;transform:rotate(2deg);box-shadow:inset 5px 0 #ffffff40,inset -5px 0 #213b2612,0 14px 0 -7px #b0b49e}.machine-serial{text-align:center;margin-bottom:1.5rem;font-size:.7rem}.machine-crown{justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0 1rem;font-size:.75rem;font-weight:700;display:flex}.machine-crown i{background:linear-gradient(45deg,#b9c1ab 46%,#6a7562 48% 53%,#d6dcc8 55%);border:1px solid #677060;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:block}.hero-bays{grid-template-columns:1fr 1fr;gap:1rem;padding:.8rem 0 1.5rem;display:grid}.hero-bays>div{text-align:center;background:#f0f0e3;border:2px solid #6e7b69;border-radius:8px;box-shadow:inset 0 5px #34402b15}.hero-bays .part{width:100%;max-width:160px;height:auto}.machine-panel{color:#eff0dc;letter-spacing:.03em;background:#344c3e;justify-content:center;align-items:center;gap:.8rem;margin:0 -1.5rem;padding:.85rem 1.2rem;font-family:Courier New,monospace;font-size:.78rem;display:flex}.lamp{background:#d4b757;border-radius:50%;flex-shrink:0;width:9px;height:9px;box-shadow:0 0 0 3px #d4b7571c}.machine-mouth{background:#2e3b31;border-bottom:8px solid #7e8c73;border-radius:8px;place-items:center;width:65%;height:88px;margin:1.5rem auto;display:grid;box-shadow:inset 0 8px #1c2b21}.machine-mouth span{color:#dfe2cc;font-family:Georgia,serif;font-size:3rem}.machine-feet{justify-content:space-between;margin:0 1.5rem -13px;display:flex}.machine-feet i{background:#26372f;border-radius:0 0 5px 5px;width:40px;height:13px}.ticket{background:var(--paper);text-align:center;border-bottom:2px dashed #bcbbaa;margin:2.5rem -1rem -1.5rem;padding:1rem;font-size:.78rem;transform:rotate(-4deg);box-shadow:0 3px 6px #2c392a12}.shift-heading{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.3rem;display:flex}.shift-heading h1{margin:0;font-size:clamp(2rem,4vw,3.1rem)}.score-strip{flex-wrap:wrap;gap:1.3rem;font-size:.85rem;display:flex}.score-strip span{color:var(--muted);flex-direction:column;gap:.25rem;display:flex}.score-strip strong{color:var(--ink);font-family:Georgia,serif;font-size:1.6rem;font-weight:400}.status{background:#e5e9dc;border-left:3px solid #70836a;margin-bottom:1.6rem;padding:.85rem 1rem;font-size:.9rem;line-height:1.5}.status.assisted{background:#f0e1c3}.status span{font-size:.7rem;font-weight:700}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.section-heading h2{margin-bottom:.8rem;font-size:1.4rem}.section-heading>span{color:var(--muted);font-size:.8rem}.examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.example{border:1px solid var(--line);background:#fffdf4a6;border-radius:5px;min-width:0;padding:.5rem}.example-parts{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);justify-content:space-around;align-items:center;gap:.25rem;display:grid}.example-parts>div{text-align:center;flex-direction:column;flex:1;align-items:center;gap:.3rem;min-width:0;display:flex}.example-parts span{color:var(--muted);font-family:Courier New,monospace;font-size:.64rem}.example-parts b{color:#7f887b;font-size:.875rem;font-weight:400}.example .part{width:100%;height:auto;display:block}.example .text-button{width:100%;min-height:44px;font-size:.8rem;display:block}.part{vertical-align:middle;flex-direction:column;flex-shrink:0;align-items:stretch;width:100px;min-width:0;max-width:100%;height:auto;display:inline-flex}.part.small{width:80px;height:auto}.examples-section{margin-bottom:1.6rem}.workbench{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:2rem;display:grid}.machine{background:#dbe0cc;border:2px solid #7b8970;border-radius:24px 24px 8px 8px;padding:1.25rem 1.5rem;box-shadow:inset 3px 0 #ffffff50,inset -3px 0 #31402710,0 5px #b4bda6}.machine>.machine-panel{border-radius:4px;margin:0 0 1rem}.bay-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:1rem;min-width:0;display:grid}.bay{background:#f3f1e5;border:2px solid #8b967e;flex-flow:column wrap;justify-content:space-between;align-items:center;min-width:0;min-height:162px;padding:.8rem;display:flex;box-shadow:inset 0 4px #48503c13}.bay.ready{background:#fff9e7;border-style:dashed;border-color:#b95434}.bay-label{letter-spacing:.06em;font-family:Courier New,monospace;font-size:.75rem}.empty-bay{height:110px;color:var(--muted);place-items:center;font-size:.875rem;font-weight:400;display:grid}.workbench .bay:has(.empty-bay){justify-content:center}.workbench .bay:has(.empty-bay) .bay-label{font-size:1.5rem}.workbench .empty-bay{display:none}.bay .part{width:115px;height:auto}.bay-tools{justify-content:center;gap:1rem;padding:.5rem 0;display:flex}.bay-tools button{background:0 0;border:0;min-height:44px;padding:.4rem;font-size:.875rem}.output-row{justify-content:space-around;align-items:start;gap:1rem;padding:0 0 1rem;display:flex}.output,.target{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.output>.eyebrow,.target>.eyebrow{margin-bottom:.4rem;font-size:.8rem}.target{border-left:1px solid #b0baa4;padding-left:1rem}.output .part,.target .part{width:115px;height:auto}.target-caption{text-align:center;font-size:.8rem}.buffer{background:#f3f1e5;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;width:100%;max-width:10rem;padding:.4rem;display:flex}.empty-output{color:#677360;text-align:center;place-items:center;height:115px;font-size:.85rem;display:grid}.action-row{flex-wrap:wrap;gap:.7rem;display:flex}.action-row>button{flex:1}.deliver{border:1px solid #72846a}.stock-panel{padding:.3rem 0}.stock-panel .section-heading{display:block}.stock-panel .section-heading>span{margin-bottom:1rem;display:block}.stock{grid-template-columns:repeat(auto-fit,minmax(min(100%,6rem),1fr));gap:.6rem;display:grid}.stock:has(>.stock-card:nth-child(4):last-child){grid-template-columns:repeat(auto-fit,minmax(min(100%,max(6rem,50% - .3rem)),1fr))}.stock:has(>.stock-card:nth-child(6):last-child){grid-template-columns:repeat(auto-fit,minmax(min(100%,max(5rem,33.3333% - .4rem)),1fr))}.stock-card{background:var(--paper);flex-direction:column;align-items:center;gap:.3rem;min-width:0;padding:.7rem .2rem .5rem;display:flex;position:relative;box-shadow:0 2px #dfdfce}.stock-card .part{width:100%;max-width:110px;height:auto}.stock-number{color:var(--muted);align-self:flex-start;padding-left:.5rem;font-size:.8rem}.stock-pattern{overflow-wrap:normal;font-size:.72rem;font-weight:400}.selected{outline:3px solid var(--accent);outline-offset:1px;background:#fff4de}.stock-note{color:var(--muted);margin:.9rem 0;font-size:.8rem}.legends{border-top:1px solid var(--line);padding-top:.7rem}.legends p{margin:.4rem 0;font-size:.75rem;line-height:1.5}.legends strong{margin-right:.4rem;display:inline}.targets{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.targets h3{margin-bottom:.5rem;font-size:.8rem}.targets>div{gap:.8rem;display:flex}.targets>div>div{flex-direction:column;align-items:center;font-size:.7rem;display:flex}.notebook{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:2rem;margin-top:2.5rem;padding-top:1.8rem;display:grid}.notebook:has(>div:only-child){grid-template-columns:minmax(0,1fr)}.notebook label{margin-bottom:.6rem;font-size:1rem;display:block}textarea{border:1px solid var(--line);background:var(--paper);resize:vertical;width:100%;min-height:110px;color:var(--ink);border-radius:4px;padding:.8rem;line-height:1.5}.test-history{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.6rem;display:grid}.notebook>div>p{color:var(--muted);font-size:.85rem}.hint-panel{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding:1.5rem 0;display:flex}.hint-panel h3{margin-bottom:.4rem}.hint-panel p{max-width:32rem;margin-bottom:0;font-size:.85rem}.hint{background:#f0e5ca;border-left:3px solid #c39c43;flex-basis:100%;width:100%;padding:1rem}.reading{max-width:700px;margin:4rem auto}.reading h1{margin-bottom:2rem}.reading h2{margin-top:2rem}.results{flex-wrap:wrap;grid-template-columns:1fr 1.6fr;gap:3rem;margin-top:2rem;display:flex}.result-ticket{background:#fffdf5;border-top:6px solid #264d3b;border-bottom:3px dashed #bcbbaa;flex:18rem;align-self:start;padding:1.8rem;box-shadow:0 4px 10px #27382d10}.result-ticket h2{overflow-wrap:normal;font-size:2.2rem;line-height:1.3}.result-ticket>button{width:100%;margin:.5rem 0}.result-ticket p{font-size:.85rem}.rule-text{font-size:1.1rem}.explanation>.examples{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));margin:1.5rem 0 2rem}.recipe{border-top:1px solid var(--line);padding:1rem 0}.recipe-stock{flex-wrap:wrap;grid-template-columns:repeat(auto-fit,minmax(min(100%,5rem),1fr));gap:.6rem;display:grid}.recipe-stock>div{flex-direction:column;flex:60px;align-items:center;min-width:0;font-size:.85rem;display:flex}.recipe-step{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.recipe-step p{overflow-wrap:normal;flex:12rem;min-width:0;margin:0;font-size:.85rem}.training{background:#efe3c6;border:1px solid #cab783;margin-bottom:1rem;padding:1rem;line-height:1.5}.training p{margin:.5rem 0 0;font-size:.9rem}.error{background:#f7e2d4;border:1px solid #bc6441;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;line-height:1.5;display:flex}footer{border-top:1px solid var(--line);max-width:1180px;color:var(--muted);justify-content:space-between;gap:1rem;margin:auto;padding:1.8rem 2rem;font-size:.75rem;display:flex}.mobile-loader,.mobile-target{display:none}header,.shift-heading{flex-wrap:wrap}.results>*{min-width:0}.machine-crown span{overflow-wrap:anywhere}.mobile-loader{flex-wrap:wrap}.home-copy,.home-machine{min-width:0}.part>svg{aspect-ratio:100/82;flex:none;width:100%;height:auto;min-height:0;display:block}.part-attributes{color:var(--ink);justify-content:space-between;padding:0 .25rem;font-family:Courier New,monospace;font-weight:600;line-height:1.2;display:flex;font-size:.875rem!important}.part-attributes>span{font:inherit!important;color:inherit!important}.example-parts>div>span:first-child{font-size:.8rem}.machine-feedback{min-height:0;padding:.8rem 0 0;font-size:1rem;line-height:1.5}.machine-feedback:empty{display:none}.machine-feedback span{font-weight:700}.eyebrow,.machine-crown,.bay-label,.machine-panel,.stock-pattern,.stock-note,.legends p,.prototype{font-size:.875rem}.example-parts .part{width:100%;max-width:6.25rem;height:auto}.example-parts>div>span.part{font-size:inherit}.bay>*{min-width:0}.inventory{display:contents}.explanation{flex:1.6 26rem}.result-ticket .result-totals{overflow-wrap:normal;font-size:clamp(1rem,4vw,2rem);line-height:1.6}.result-totals>span{display:block}.hero-bays .part-attributes{margin:0;font-family:Courier New,monospace;font-size:.875rem;display:flex}.hero-bays .part-attributes>span{font:inherit;margin:0}.test-history .example .text-button{font-size:.8rem}nav button,.example .text-button,.test-history .example .text-button,.example-parts>div>span:first-child,.bay-label,.stock-number,.stock-pattern,.stock-note,.target-caption,.mobile-target .eyebrow,.machine-panel,.stock-panel .section-heading>span,.output>.eyebrow,.target>.eyebrow,.score-strip,.mobile-loader>span{font-size:.875rem}.hero-bays>div>span:first-child{margin-top:.7rem;font-family:Georgia,serif;font-size:1.4rem;display:block}.buffer>span:not(.part){padding:.1rem .5rem .5rem;font-size:.75rem}.output-row .part,.output-row .buffer .part{width:100px}.output-row .target>.part{margin-top:calc(.4rem + 1px)}.output-row.test-output{display:block}.latest-test{background:#f3f1e5;border:1px solid #a5b09b;border-radius:5px;width:100%;min-width:0;padding:.6rem}.latest-test>.eyebrow{text-align:center;margin-bottom:.6rem}.buffer .part{width:100%;max-width:7rem}.example-caption{color:var(--muted);margin:0 0 .65rem;font-size:.875rem;font-weight:600}.section-instructions{max-width:44rem;margin-bottom:1rem;font-size:1rem}.bench-heading{margin:1.75rem 0 1rem}.bench-heading h2{margin-bottom:.5rem}.bench-heading p{max-width:44rem;margin-bottom:0;font-size:1rem}.shift-content{flex-direction:column;display:flex}.shift-content>.examples-section{order:0}.shift-content>.first-order{order:1}.shift-content>.bench-heading{order:2}.shift-content>.workbench{order:3}.shift-content:not(.in-production)>.workbench{margin-top:1.5rem}.shift-content>.notebook{order:4}.shift-content>.hint-panel{order:5}.in-production>.bench-heading{order:0;margin-top:0}.in-production>.workbench{order:1;scroll-margin-top:1rem}.in-production>.examples-section{order:2;margin-top:2rem}.first-order{background:#fffdf4;border:1px solid #a5b09b;border-left:5px solid #274e3d;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem;display:flex}.first-order>.part{flex:0 0 min(100%,5rem);width:5rem}.first-order>div{flex:10rem;min-width:0}.first-order h2{margin-bottom:.4rem;font-size:1.25rem}.first-order p{margin-bottom:.4rem}.begin-order{justify-content:center;align-items:center;gap:.5rem;min-width:0;display:flex}.begin-order>.part{flex:0 0 2rem;width:2rem}.begin-order>span:last-child{min-width:0}.first-order .transition-note{color:var(--muted);margin:.65rem 0 0;font-size:.875rem}.next-action{background:#f3f1e5;border-left:3px solid #7b8970;margin:0 0 .8rem;padding:.7rem;font-size:1rem;line-height:1.5}.lesson{max-width:920px;margin:0 auto}.lesson-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1.5rem;display:flex}.lesson-heading h1{margin-bottom:0;font-size:clamp(2rem,5vw,3.2rem)}.lesson-explanation{grid-template-columns:1.2fr 1fr;align-items:center;gap:2rem;display:grid}.lesson-explanation h2{font-size:1.4rem}.lesson-explanation p{margin-bottom:.6rem}.lesson-disclosure{color:var(--muted);font-size:.875rem}.lesson-goal{background:#fffdf4;border:1px solid #a5b09b;align-items:center;gap:1.5rem;margin:1.25rem 0;padding:.75rem 1rem;display:flex}.lesson-goal>div{flex-direction:column;flex:0 0 100px;align-items:center;display:flex}.lesson-goal p{max-width:26rem;margin:0}.lesson-guide{color:#fffdf4;background:#274e3d;border-radius:5px 5px 0 0;padding:1rem;line-height:1.5}.lesson-workspace{background:#dbe0cc;border:1px solid #8b967e;grid-template-columns:1fr 1fr;gap:1.25rem;padding:1.25rem;display:grid}.lesson-workspace>div{min-width:0}.lesson-workspace h2{font-size:1.25rem}.lesson-stock{grid-template-columns:repeat(auto-fit,minmax(min(100%,5rem),1fr))}.lesson .bay{min-height:160px}.lesson .bay .part{width:100px}.lesson-cue{outline-offset:2px;outline:3px solid #b95434}.lesson-output{border:1px solid #8b967e;border-top:0;grid-template-columns:1fr 1fr;align-items:center;gap:1rem;padding:1rem;display:grid}.lesson-output>div:first-child{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.lesson-output p{margin:0}.lesson-comparison>div{flex-direction:column;flex:6rem;align-items:center;gap:.5rem;display:flex}.lesson-comparison .part{width:100px}.lesson-output .eyebrow{margin:0}.lesson-actions{flex-wrap:wrap;gap:.75rem;display:flex}.lesson-actions button{flex:7rem}.lesson-message{background:#e5e9dc;margin:.75rem 0;padding:1rem}.lesson-skip{margin:1rem 0;display:block}.lesson-finish{background:#e5e9dc;border-top:4px solid #274e3d;flex-wrap:wrap;align-items:start;gap:2rem;padding:2rem;display:flex}.lesson-finish>div{flex:16rem}.lesson-finish .text-button{margin-top:.6rem;display:block}@media (width<=600px){.lesson-heading{margin-bottom:1rem}.lesson-explanation{grid-template-columns:1fr;gap:.5rem}.lesson-goal{flex-wrap:wrap;gap:.75rem;padding:.75rem}.lesson-goal p{flex:10rem}.lesson-workspace{grid-template-columns:1fr;gap:1rem;padding:.75rem}.lesson-output{grid-template-columns:1fr}.lesson-finish{padding:1rem}.next-action{order:0;margin:0}.first-order{gap:.75rem;padding:.75rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=800px){header{padding:1rem 1.25rem}main{padding:0 1.25rem 3rem}.home{gap:2rem;padding:2rem 0}.home-machine{padding:1rem 1rem 0}.home-machine .machine-panel{margin:0 -1rem}.home h1{font-size:3.4rem}.workbench{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.machine{padding-left:1rem;padding-right:1rem}.bay-row{gap:.6rem}.results{gap:1.5rem}.explanation>.examples{grid-template-columns:1fr}.result-ticket{padding:1.2rem}footer{flex-wrap:wrap}.prototype{margin-bottom:1.5rem}}@media (width<=600px){header{padding:1rem}.brand{font-size:1.15rem}.brand svg{width:34px;height:34px}nav{gap:0}nav button{padding:.5rem;font-size:.875rem}main{padding:0 1rem 2rem}.prototype{letter-spacing:.05em}.home{grid-template-columns:1fr;gap:2.8rem;padding:.8rem 0 3rem}.home h1{margin-top:.9rem;font-size:clamp(2.4rem,11vw,3.6rem)}.home-copy .intro{font-size:1.05rem}.home-machine{width:100%;max-width:330px;margin:auto}.home .draft-picker{margin-top:1.4rem}.shift-heading{align-items:flex-start;gap:.7rem}.shift-heading h1{font-size:2rem}.score-strip{gap:.7rem}.score-strip strong{font-size:1.2rem}.examples{grid-template-columns:1fr;gap:.65rem}.example{padding:.5rem}.example .text-button{padding:.25rem}.examples-section{margin-bottom:1rem}.workbench{background:#dbe0cc;border:2px solid #7b8970;border-radius:20px 20px 8px 8px;flex-direction:column;align-items:stretch;gap:.65rem;padding:.75rem;display:flex}.machine,.stock-panel{display:contents}.machine-crown{order:0;padding:0 0 .35rem}.machine-crown span{overflow-wrap:normal}.bay-row{order:1}.bay{flex-flow:column;gap:.4rem;min-height:130px;padding:.5rem}.bay .part{width:90px}.bay-label{max-width:none}.empty-bay{height:auto;min-height:72px}.bay-tools{flex-wrap:wrap;order:2;gap:.5rem;padding:0}.stock-panel>.section-heading{order:3;margin:0}.stock-panel .section-heading h2{margin:.3rem 0}.stock-panel .section-heading>span{margin:0}.inventory{order:4;min-width:0;display:block}.inventory.work-stock{flex-wrap:wrap;align-items:flex-start;gap:.65rem;display:flex}.inventory.work-stock>.stock{flex:3 9rem}.inventory.work-stock>.stock:has(>.stock-card:nth-child(4):last-child){grid-template-columns:repeat(auto-fit,minmax(min(100%,max(5rem,50% - .3rem)),1fr))}.stock{grid-template-columns:repeat(auto-fit,minmax(min(100%,5rem),1fr));gap:.45rem}.stock-card{padding:.4rem .2rem}.stock-card .part{width:100%;max-width:95px}.inventory>.mobile-target{flex-direction:column;flex:5.5rem;align-items:center;gap:.4rem;min-width:min(100%,5.5rem);padding:.3rem 0;display:flex;position:sticky;top:.75rem}.mobile-target>.eyebrow{text-align:center;margin:.3rem 0 0}.mobile-target .part{width:90px;height:auto}.mobile-target .buffer{max-width:100%}.mobile-target .empty-buffer{text-align:center;font-size:.875rem;line-height:1.4}.machine-panel{border-radius:4px;order:5;margin:0;padding:.65rem}.machine>.machine-panel{margin:.35rem 0}.output-row{order:6;padding:0}.workbench.production .output-row{display:none}.action-row{order:8;gap:.5rem}.action-row>button{flex:7rem;padding:.75rem .5rem}.machine-feedback{order:9;padding:.25rem 0}.stock-note{order:10;margin:.3rem 0}.legends{order:11}.legends p{font-size:.875rem}.targets,.skip{order:12}.skip{align-self:flex-start}.mobile-loader{z-index:5;color:#fffdf4;background:#26372f;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:.6rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 15px #26372f30}.mobile-loader button{padding:.65rem}body:has(.mobile-loader){padding-bottom:140px}.notebook{grid-template-columns:1fr;gap:1.5rem}.results{gap:2rem}.result-ticket{padding:.75rem}.result-ticket .result-totals{font-size:clamp(1rem,5vw,2rem)}.reading{margin:2rem auto}.reading h1{font-size:clamp(1.5rem,6vw,2.5rem)}.hint-panel{align-items:flex-start}footer{padding:1.5rem 1rem}}@font-face{font-family:Bricolage;src:url(/fonts/bricolage.ttf)format("truetype");font-weight:200 800;font-display:swap}.ui-icon{vertical-align:middle;flex:none;width:24px;height:24px}nav button{align-items:center;gap:.5rem;display:inline-flex}.view-play{color:#f4ead5;background:#17343b;min-height:100svh;padding-bottom:1.5rem;font-family:Arial,sans-serif}.view-play header{color:#f4ead5;border:0;max-width:1240px;margin:auto;padding:1.25rem 2rem}.view-play .brand{color:inherit;letter-spacing:-.04em;font-family:Bricolage,Arial,sans-serif;font-size:1.5rem;font-weight:800}.view-play .brand-sub{display:none}.view-play nav button{color:#f4ead5;background:0 0;border:1px solid #587173;border-radius:50%;width:44px;height:44px;padding:9px}.view-play nav button span{display:none}.view-play nav button:hover{background:#31565a}.view-play main{max-width:1240px;margin:auto;padding:0 2rem}.view-play .prototype{text-align:right;color:#b9cccc;letter-spacing:.04em;border:0;margin:-.3rem 0 1rem;font-size:.75rem}.view-play .shift-heading{align-items:center;margin:0 0 1.25rem}.view-play .shift-heading>div:first-child{flex-wrap:wrap;align-items:baseline;gap:1rem;display:flex}.view-play .shift-heading .eyebrow{color:#c3d4ce;margin:0;font-size:.875rem}.view-play h1{letter-spacing:-.035em;margin:0;font-family:Bricolage,Arial,sans-serif;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700}.view-play .score-strip{color:#c3d4ce;gap:1rem;font-size:.875rem}.view-play .score-strip>span{color:inherit}.view-play .score-strip strong{color:#f4ead5;font-family:Bricolage,Arial,sans-serif;font-size:1.25rem;display:inline}.view-play footer{display:none}.game-board{grid-template-columns:minmax(12rem,.72fr) minmax(0,2.4fr);align-items:start;gap:1.25rem;display:grid}.game-board>.examples-section{color:#213c40;background:#efe7d5;border-radius:12px;order:0;margin:0;padding:.9rem;box-shadow:0 4px #0c2228}.rail-heading{justify-content:space-between;align-items:center;gap:.5rem;margin:0 0 .75rem;display:flex}.rail-heading h2{margin:0;font-family:Bricolage,Arial,sans-serif;font-size:1rem;font-weight:650;line-height:1.2}.rail-heading>span{opacity:.7;font:.875rem Courier New,monospace}.game-board .examples{grid-template-columns:1fr;gap:0;display:grid}.evidence-key{text-align:center;color:#526965;grid-template-columns:repeat(3,1fr);margin:.5rem 0 .2rem;font:.875rem Courier New,monospace;display:grid}.game-board .example{box-shadow:none;background:0 0;border:0;border-bottom:1px solid #c5cdbb;border-radius:0;padding:.75rem 0}.game-board .example:last-child{border-bottom:0;padding-bottom:0}.game-board .example-parts{grid-template-columns:minmax(0,1fr) .6rem minmax(0,1fr) .6rem minmax(0,1fr);gap:.2rem}.game-board .example-parts>div>span:first-child{display:none}.game-board .example-parts>div{min-width:0}.game-board .example-parts .part{width:100%;max-width:4rem}.game-board .example-parts>b{color:#66786d;font-size:.875rem;font-weight:400}.game-board .part>svg{aspect-ratio:1;width:100%;height:auto}.game-board .part-attributes{color:#213c40;padding:0 .1rem;font-size:.875rem!important}.game-board>.workbench{background:linear-gradient(145deg,#3c6364,#294d52);border:1px solid #69807b;border-radius:20px;order:1;grid-column:2;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));align-items:start;gap:0 1.25rem;min-width:0;padding:1.25rem;display:grid;box-shadow:inset 0 1px #9cae9550,0 7px #0c2228,0 15px 35px #071d2230;margin:0!important}.game-board .next-action{color:#f4ead5;background:0 0;border:0;min-height:2.5rem;margin:0;padding:0 0 1rem;font-size:1rem;line-height:1.4}.game-board .machine{box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;min-width:0;padding:0;display:flex}.game-board .bay-row{grid-template-columns:repeat(2,minmax(0,10rem));justify-content:space-evenly;gap:.75rem;display:grid}.game-board .bay{color:#aac2b8;background:#16353b;border:1px solid #0b242b;border-radius:3rem;justify-content:center;gap:.15rem;height:auto;min-height:9rem;padding:.5rem;transition:background .12s,border-color .12s,transform .12s;position:relative;box-shadow:inset 0 4px #0c262c}.game-board .bay.loaded{color:#213c40;background:#f1e9d5;border-color:#c8d0b6;box-shadow:inset 0 3px #d0d5c1}.game-board .bay.ready{color:#ffe0a2;background:#24474b;border:2px dashed #f2bc62}.game-board .bay.ready.loaded{color:#213c40;background:#eaddbd}.game-board .bay-label{z-index:1;font:.875rem Courier New,monospace;position:absolute;top:.4rem;left:.6rem}.game-board .bay .part{width:7rem;max-width:100%;margin:.75rem 0 .15rem}.game-board .bay-tools{justify-content:center;align-items:center;gap:1.5rem;padding:.4rem 0;display:flex}.game-board .bay-tools button{color:#dce5ce;background:0 0;border:0;border-radius:50%;width:44px;min-height:44px;padding:10px}.game-board .bay-tools button:hover{background:#17343b}.game-board .stock-panel{min-width:0;padding:0;display:block}.game-board .stock:has(>.stock-card){grid-template-columns:repeat(auto-fit,minmax(min(100%,max(5rem,33.3333% - .433333rem)),1fr));gap:.65rem;display:grid}.game-board .stock-card{background:#f4ead5;border:1px solid #d6d8ba;border-radius:8px;min-width:0;padding:.5rem .4rem .35rem;transition:transform .12s,background .12s,box-shadow .12s;position:relative;box-shadow:0 3px #b0bda5}.game-board .stock-number{color:#445a55;align-self:start;padding:0;font:.875rem/1.1 Courier New,monospace}.game-board .stock-card .part{width:100%;max-width:5rem;height:auto}.game-board .stock-card:hover{background:#fff7e5;transform:translateY(-2px)}.game-board .selected{outline-offset:2px;background:#fff2ce;outline:3px solid #f2bc62;transform:translateY(-2px)}.game-board .inventory{display:block}.game-board .output-row{color:#213c40;background:#e1e5cc;border:1px solid #81948a;border-radius:10px;align-items:stretch;gap:.75rem;margin:0 0 1rem;padding:.65rem;display:flex}.game-board .output,.game-board .target{border:0;flex-direction:column;flex:1;align-items:center;gap:.25rem;min-width:0;padding:0;display:flex}.game-board .target{border-left:1px solid #b4c0a8;padding-left:.75rem}.game-board .output-row .eyebrow{margin:0;font-size:.875rem}.game-board .output-row .part{width:5rem;max-width:100%}.game-board .buffer{background:#f4ead5;border:1px solid #b8c3a7;flex-direction:column;align-items:center;gap:.15rem;width:auto;max-width:100%;padding:.3rem .6rem;font-size:.875rem;display:flex;box-shadow:0 2px #afbea3}.game-board .buffer .part{width:4.5rem}.game-board .empty-output{color:#708778;flex:1;height:auto;min-height:5rem;font-size:3rem}.game-board .latest-test{background:0 0;border:0;width:100%;padding:0}.game-board .latest-test .example-parts{margin-top:.25rem;max-width:22rem;margin-inline:auto}.game-board .machine-panel{color:#e2e7cc;background:0 0;border:0;border-radius:0;justify-content:flex-start;min-height:1.5rem;margin:0 0 1rem;padding:.2rem 0;font:.875rem Courier New,monospace}.game-board .lamp{background:#f2bc62;width:7px;height:7px;box-shadow:0 0 0 3px #f2bc6215}.game-board .action-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:.75rem;display:grid}.game-board .action-row button{border:1px solid #d7d4b1;border-radius:9px;justify-content:center;align-items:center;gap:.5rem;min-width:0;min-height:3.5rem;padding:.65rem .5rem;font-family:Bricolage,Arial,sans-serif;font-size:1rem;font-weight:700;line-height:1.2;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:0 4px #0b272e}.game-board .action-row button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #0b272e}.game-board .action-row .primary{color:#21363b;background:#f2bc62;border-color:#f9d898}.game-board .action-row .primary:hover:not(:disabled){background:#ffd18a}.game-board .action-row .deliver{color:#213c40;background:#f3e9d0}.game-board button:disabled{opacity:1;cursor:default;filter:saturate(.2);box-shadow:0 2px #17343b;color:#c4d1c8!important;background:#476467!important;border-color:#6c8380!important}.game-board .first-order{background:0 0;border:0;min-width:0;margin:0;padding:0;display:block}.game-board .begin-order{color:#213c40;background:#e7e8cf;width:100%;height:100%}.game-board .begin-order>.part{flex:0 0 2.5rem;width:2.5rem}.game-board .begin-order>span:last-child{text-align:left}.game-board .begin-order small{margin-top:.3rem;font-family:Arial,sans-serif;font-size:.875rem;font-weight:400;display:block}.game-board .machine-feedback{color:#fff0c8;padding:.8rem 0 0;font-size:1rem}.game-board .machine-feedback:empty{display:none}.board-tools{flex-wrap:wrap;order:3;grid-column:1/-1;align-items:start;gap:1rem;margin-top:.5rem;display:flex}.board-tools>button,.board-tools .hint-panel>button{color:#cfdbce;background:0 0;border:0;align-items:center;gap:.5rem;min-height:44px;padding:.5rem;font-size:.875rem;font-weight:400;display:flex}.board-tools button:hover{color:#fff4d7;background:#24494f}.board-tools .skip{margin-left:auto}.board-tools .count{color:#29484a;background:#d9e1c7;border-radius:20px;padding:.15rem .4rem;font-size:.875rem}.view-play button:focus-visible{outline-offset:4px;outline:3px solid #fff2cf;box-shadow:0 0 0 7px #c2784c}.view-play .error{color:#763e27;background:#ffead3;border-color:#f1ba86}@media (width>=1600px){.view-play main,.view-play header{max-width:1400px}.game-board{grid-template-columns:17rem minmax(0,1fr)}.game-board>.workbench{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.game-board .bay{min-height:10rem}.game-board .bay .part{width:7rem}.game-board .stock-card .part{max-width:6rem}}@media (width<=1000px) and (width>=701px){.game-board{grid-template-columns:1fr}.game-board>.examples-section{padding:.75rem}.game-board .examples{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.75rem}.game-board .example{border:0;padding:0}.game-board .evidence-key{display:none}.game-board .example-parts>div>span:first-child{display:block}.game-board>.workbench{grid-column:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.game-board .stock:has(>.stock-card){grid-template-columns:repeat(auto-fit,minmax(min(100%,max(5rem,33.3333% - .433333rem)),1fr))}.in-production>.examples-section{order:2}.board-tools{order:3}}@media (width<=700px){.view-play header{padding:.75rem 1rem}.view-play main{padding:0 .75rem}.view-play .brand{font-size:1.25rem}.view-play .brand svg{width:30px;height:30px}.view-play .prototype{text-align:left;margin:0 0 .6rem;font-size:.75rem;line-height:1.4}.view-play .shift-heading{gap:.5rem;margin:0 0 .75rem}.view-play .shift-heading>div:first-child{gap:.5rem}.view-play h1{font-size:1.25rem}.view-play .score-strip{gap:.6rem;font-size:.875rem}.view-play .shift-heading .eyebrow{font-size:.875rem}.game-board{flex-direction:column;align-items:stretch;gap:.75rem;display:flex}.game-board>.examples-section{border-radius:10px;padding:.65rem .8rem}.game-board .rail-heading{margin-bottom:.3rem}.game-board .evidence-key{max-width:19rem;margin:.2rem auto 0}.game-board .examples{gap:0}.game-board .example{padding:.3rem 0}.game-board .example-parts{grid-template-columns:1fr .8rem 1fr .8rem 1fr;width:100%;max-width:19rem;margin:auto}.game-board .example-parts .part{max-width:3rem}.game-board .part-attributes{font-size:.875rem!important}.game-board .examples-section .rail-heading{display:none}.game-board>.workbench{border-radius:16px;flex-direction:column;align-items:stretch;gap:.6rem;padding:.75rem;display:flex}.game-board .next-action{order:0;min-height:0;padding:0;line-height:1.35}.game-board .machine{display:contents}.game-board .bay-row{order:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.game-board .bay{border-radius:1.5rem;min-height:6rem;padding:.3rem}.game-board .bay .part{width:4.5rem;margin:.3rem 0 0}.game-board .bay-tools{order:3;height:44px;padding:0}.game-board .bay-tools button{width:44px;height:44px;min-height:44px;padding:10px}.game-board .bay-label{top:.3rem;left:.4rem}.game-board .stock-panel{display:contents}.game-board .stock-panel>.rail-heading{display:none}.game-board .inventory{order:4;display:block}.game-board .stock:has(>.stock-card){grid-template-columns:repeat(auto-fit,minmax(min(100%,max(5rem,33.3333% - .433333rem)),1fr));gap:.5rem}.game-board .stock-card{border-radius:7px;gap:0;padding:.25rem .5rem}.game-board .stock-number{font-size:.875rem;position:absolute;top:.3rem;left:.4rem}.game-board .stock-card .part{width:3.4rem;max-width:100%;margin-top:.2rem}.game-board .output-row{order:1;gap:.5rem;margin:0;padding:.5rem}.game-board .workbench.production .output-row{display:flex}.game-board .output-row .part{width:3.5rem}.game-board .buffer .part{width:3.25rem}.game-board .empty-output{min-height:4.5rem}.game-board .output-row .eyebrow{font-size:.875rem}.game-board .test-output .example-parts .part{width:3rem}.game-board .test-output .example-parts>div>span:first-child{font-size:.875rem;display:block}.game-board .test-output{order:5}.game-board .machine-panel{order:6;min-height:1.2rem;margin:.25rem 0 .4rem;padding:0}.game-board .action-row{order:7;gap:.65rem}.game-board .action-row button{flex-wrap:wrap;min-height:3.5rem;padding:.5rem}.game-board .action-row .primary,.game-board .action-row .deliver{flex-wrap:nowrap}.game-board .action-row .ui-icon{width:20px;height:20px}.game-board .begin-order{gap:.4rem;flex-wrap:nowrap!important}.game-board .begin-order>.part{flex-basis:3rem;width:3rem}.game-board .machine-feedback{order:8;padding:.3rem 0}.board-tools{order:4;justify-content:space-between;gap:.25rem;margin-top:.25rem}.board-tools .skip{margin:0}.in-production>.examples-section{order:2}}@media (width<=370px){.view-play header{padding:.6rem .75rem}.view-play .shift-heading>div:first-child{gap:.2rem}.game-board .action-row .ui-icon{display:none}}@media (prefers-reduced-motion:reduce){.game-board *{transition:none!important;animation:none!important}}:root{--ink:#213c40;--paper:#f4ead5;--line:#a8b8a7;--muted:#445a55;--green:#31565a;background:#17343b}.app-shell{color:#f4ead5;background:#17343b;min-height:100svh;padding-bottom:2rem;font-family:Arial,sans-serif}.app-shell header{color:#f4ead5;border:0;max-width:1240px;margin:auto;padding:1.25rem 2rem}.app-shell .brand{color:inherit;letter-spacing:-.04em;font-family:Bricolage,Arial,sans-serif;font-size:1.5rem;font-weight:800}.app-shell .brand-sub{display:none}.app-shell nav button{color:#f4ead5;background:0 0;border:1px solid #587173;border-radius:50%;width:44px;height:44px;padding:9px}.app-shell nav button span{display:none}.app-shell nav button:hover{background:#31565a}.app-shell main{max-width:1240px;margin:auto;padding:0 2rem}.app-shell .prototype{text-align:right;color:#b9cccc;letter-spacing:.04em;border:0;margin:-.3rem 0 1rem;font-size:.75rem}.app-shell footer{display:none}.app-shell h1,.app-shell h2,.app-shell h3{letter-spacing:-.035em;font-family:Bricolage,Arial,sans-serif;font-weight:700}.app-shell h1{line-height:1.1}.app-shell h2{line-height:1.2}.app-shell button:focus-visible,.app-shell a:focus-visible,.app-shell select:focus-visible,.app-shell input:focus-visible,.app-shell textarea:focus-visible{outline-offset:4px;outline:3px solid #fff2cf;box-shadow:0 0 0 7px #a95230}.app-shell .error{color:#763e27;background:#ffead3;border-color:#f1ba86}.app-shell :is(.home,.lesson,.reading,.results) button{border-radius:9px;min-height:48px;font-family:Bricolage,Arial,sans-serif;font-weight:650;transition:transform .1s,background .1s}.app-shell :is(.home,.lesson,.reading,.results) button:active:not(:disabled){transform:translateY(2px)}.app-shell :is(.home,.lesson,.reading,.results) .primary{color:#21363b;background:#f2bc62;border-color:#f9d898;box-shadow:0 4px #0b272e}.app-shell :is(.home,.lesson,.reading,.results) .primary:hover:not(:disabled){background:#ffd18a}.app-shell :is(.home,.lesson) .text-button{color:#dce5ce}.app-shell :is(.home,.lesson) .text-button:hover{background:#31565a}.app-shell .lesson{max-width:58rem}.app-shell .lesson-heading{align-items:center;margin:0 0 1.5rem}.app-shell .lesson-heading h1{font-size:2rem}.app-shell .lesson .eyebrow{font-size:.875rem}.app-shell .lesson-explanation{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1.5rem}.app-shell .lesson-explanation h2{font-size:1.35rem}.app-shell .lesson-disclosure{color:#b9cccc}.app-shell .lesson .example{color:#213c40;background:#f4ead5;border:0;border-radius:10px;padding:1rem}.app-shell .lesson-goal{color:#213c40;background:#e1e5cc;border:0;border-radius:10px;gap:1rem;margin:1rem 0}.app-shell .lesson-goal>div{flex-basis:5rem}.app-shell .lesson-goal .part{width:4.5rem}.app-shell .lesson-guide{color:#f4ead5;background:#31565a;border:1px solid #718782;border-bottom:0;border-radius:16px 16px 0 0;padding:1rem 1.25rem}.app-shell .lesson-workspace{border:1px solid #718782;background:#31565a;border-block:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));padding:.5rem 1.25rem 1.25rem}.app-shell .lesson-workspace h2{letter-spacing:0;color:#dce5ce;margin-bottom:.75rem;font-size:1rem;font-weight:600}.app-shell .lesson-stock{gap:.75rem}.app-shell .lesson .stock-card{background:#f4ead5;border-color:#d6d8ba;border-radius:9px;padding:.5rem;box-shadow:0 3px #afbea3}.app-shell .lesson .stock-card:hover{background:#fff7e5}.app-shell .lesson .stock-card .part{width:5rem;max-width:100%}.app-shell .lesson .stock-number{color:#445a55;font-size:.875rem}.app-shell .lesson .stock-pattern{display:none}.app-shell .lesson .part-attributes{color:#213c40;font-size:.875rem}.app-shell .lesson .bay-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.app-shell .lesson .bay{color:#dce5ce;background:#17343b;border:1px solid #0b252b;border-radius:1.8rem;height:auto;min-height:9rem;padding:.6rem;box-shadow:inset 0 4px #0b252b}.app-shell .lesson .bay:has(.part){color:#213c40;background:#f4ead5;box-shadow:inset 0 3px #c6ceba}.app-shell .lesson .bay .part{width:5rem;max-width:100%}.app-shell .lesson .bay-label{font-size:1rem}.app-shell .lesson .empty-bay{font:400 .875rem/1.4 Arial,sans-serif}.app-shell .lesson-cue{outline-offset:3px;outline:3px solid #f2bc62}.app-shell .lesson-output{background:#31565a;border:1px solid #718782;border-top:0;border-radius:0 0 16px 16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;padding:0 1.25rem 1.25rem;box-shadow:0 6px #0b252b}.app-shell .lesson-comparison{color:#213c40;background:#e1e5cc;border-radius:10px;padding:.75rem}.app-shell .lesson-comparison .part{width:4.5rem}.app-shell .lesson-actions button{min-height:3.5rem}.app-shell .lesson button:disabled{color:#c4d1c8;opacity:1;box-shadow:none;background:#476467;border-color:#6c8380}.app-shell .lesson-message{color:#213c40;background:#fff0d5;border-radius:8px}.app-shell .lesson-finish{color:#213c40;background:#e1e5cc;border:0;border-radius:16px;align-items:center;gap:2rem;box-shadow:0 6px #0b252b}.app-shell .lesson-finish>.part{flex:none;width:8rem}.app-shell .lesson-finish .text-button{color:#213c40}.app-shell .lesson-finish .text-button:hover{background:#d2dac0}.app-shell .reading{color:#213c40;background:#f4ead5;border-radius:14px;max-width:46rem;margin:1rem auto 2rem;padding:clamp(1rem,3vw,2rem);box-shadow:0 5px #0b252b}.app-shell .reading h1{margin:0 0 1.5rem;font-size:2rem}.app-shell .reading h2{margin:1.5rem 0 .6rem;font-size:1.25rem}.app-shell .reading p{max-width:60ch;line-height:1.6}.app-shell .reading>button{margin-top:.5rem}.sheet-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.app-shell .sheet-heading h1{margin:0}.app-shell .notebook{border-color:#bfcaaf;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem}.app-shell .notebook h2{letter-spacing:0;margin:0 0 .6rem;font-family:Arial,sans-serif;font-size:1rem;font-weight:400}.app-shell .notebook textarea{background:repeating-linear-gradient(#fff7e5 0 calc(1.8rem - 1px),#d6dcc6 calc(1.8rem - 1px) 1.8rem) 0 .85rem;border-color:#a9b99f;min-height:13rem;padding:.85rem 1rem;line-height:1.8rem}.app-shell .notebook .example{background:#fff7e5;border-color:#bfcaaf;border-radius:9px}.app-shell .results{align-items:start;gap:1.5rem;margin:1.5rem 0 0}.app-shell .result-ticket{color:#213c40;background:#f4ead5;border-top:5px solid #f2bc62;border-bottom:2px dashed #a8b8a7;border-radius:6px 6px 0 0;flex:18rem;padding:1.5rem;box-shadow:0 5px #0b252b}.app-shell .result-ticket .eyebrow{font-size:.875rem}.app-shell .result-ticket .result-totals{margin:1.5rem 0;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.2}.app-shell .result-ticket p{font-size:.875rem;line-height:1.6}.app-shell .result-ticket button{white-space:normal;font-size:1rem}.app-shell .explanation{color:#213c40;background:#e1e5cc;border-radius:12px;flex:1.7 24rem;padding:1.5rem}.app-shell .explanation h2{font-size:1.5rem}.app-shell .explanation .example{background:#f4ead5;border:0;border-radius:9px}.app-shell .explanation .examples{grid-template-columns:1fr}.app-shell .explanation .example-parts{max-width:26rem;margin:auto}.app-shell .explanation .part{max-width:5rem}.app-shell .recipe-stock{margin-bottom:1rem}.app-shell .recipe-stock>div{background:#f4ead5;border-radius:8px;gap:.25rem;padding:.5rem .25rem}.app-shell .recipe-stock>div>span,.app-shell .recipe-step p{font-size:.875rem}.app-shell .recipe{border-color:#b4c0a8}.app-shell .result-ticket textarea{margin:.5rem 0}.app-shell .status{color:#f4ead5;background:#31565a;border:1px solid #718782;border-radius:9px;font-size:1rem}.app-shell :is(.reading,.results,.lesson) .example-parts>div>span:first-child,.app-shell :is(.reading,.results,.lesson) .part-attributes,.app-shell :is(.reading,.results,.lesson) .example-label{font-size:.875rem}@media (width>=1600px){.app-shell main,.app-shell header{max-width:1400px}}@media (width<=700px){.app-shell header{padding:.75rem 1rem}.app-shell main{padding:0 .75rem}.app-shell .brand{font-size:1.25rem}.app-shell .brand svg{width:30px;height:30px}.app-shell .prototype{text-align:left;margin:0 0 .6rem;padding:.5rem 0;font-size:.75rem;line-height:1.4}.app-shell .lesson-heading{gap:.75rem;margin-bottom:1rem}.app-shell .lesson-heading h1{font-size:1.5rem}.app-shell .lesson-heading .text-button{padding:.25rem;font-size:.875rem}.app-shell .lesson-explanation{gap:.5rem}.app-shell .lesson-goal{gap:.75rem;padding:.75rem}.app-shell .lesson-goal p{flex:10rem}.app-shell .lesson-guide{padding:.85rem}.app-shell .lesson-workspace{padding:.4rem .85rem 1rem}.app-shell .lesson-output{padding:0 .85rem 1rem}.app-shell .lesson .bay{min-height:8rem}.app-shell .lesson-finish{gap:1rem;padding:1.25rem}.app-shell .lesson-finish>.part{width:5rem}.app-shell .reading{margin:.75rem auto 1rem}.app-shell .reading h1{font-size:1.5rem}.app-shell .sheet-heading{gap:.75rem}.app-shell .sheet-heading button{font-size:.875rem}.app-shell .result-ticket,.app-shell .explanation{padding:1.1rem}.app-shell .results{gap:1.25rem;margin-top:1rem}}@media (prefers-reduced-motion:reduce){.app-shell *{transition:none!important;animation:none!important}}.app-shell .lesson .empty-bay{color:inherit}.app-shell .recipe-stock{grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr))}.app-shell .brand{min-height:44px}.app-shell .hero-bays{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .hero-bays>div{min-width:0}.game-board .stock:has(>.stock-card:nth-child(4):last-child){grid-template-columns:repeat(auto-fit,minmax(min(100%,max(5rem,50% - .325rem)),1fr))}.app-shell .lesson .example-parts .part{width:3rem;max-width:100%}.app-shell .lesson-guide{margin-top:1rem}.lesson-no-output{color:#526965;place-items:center;min-height:4.5rem;font-size:3rem;display:grid}.game-board .cycle-key{color:#213c40;border-top:1px solid #b4c0a8;margin:.75rem 0 0;padding-top:.6rem;font:.875rem/1.6 Courier New,monospace}.app-shell .share-status{margin:.5rem 0 0;font-size:1rem}.game-board .output-actions{flex-direction:column;min-width:0;display:flex}@media (width<=700px){.game-board .output-actions{order:5;gap:.6rem}.game-board .output-actions .machine-panel{margin:0}.game-board .production .output-actions{order:1}.game-board .production .action-row{grid-template-columns:repeat(2,minmax(0,1fr))}.game-board .production .action-row button{padding-inline:.25rem}.game-board .production .action-row .ui-icon,.game-board .run-detail{display:none}}.game-board .bay{transition:border-color .12s,transform .12s}.game-board .output-actions,.game-board .bay-row{scroll-margin-block:12px}@media (width>=701px){.game-board.in-production>.workbench{row-gap:1.25rem}}.game-board{overflow-anchor:none}.view-play .shift-heading{margin-bottom:.75rem}.view-play .shift-heading>div:first-child{gap:.75rem}.view-play .shift-heading h1{letter-spacing:-.02em;font-size:1.25rem;font-weight:650;line-height:1.3}.view-play .shift-label{color:#b9cccc;margin:0;font:400 1rem/1.3 Bricolage,Arial,sans-serif}.hint-dialog{box-sizing:border-box;color:#213c40;background:#f4ead5;border:1px solid #a9b699;border-radius:16px;width:min(26rem,100vw - 24px);max-width:none;height:min(18rem,100dvh - 24px);max-height:none;margin:auto;padding:20px;position:fixed;inset:0;overflow:hidden;box-shadow:0 8px 32px #071d2260}.hint-dialog[open]{flex-direction:column;gap:1rem;display:flex}.hint-dialog::backdrop{background:#0b252ba8}.app-shell .hint-dialog h2{flex:none;margin:0;font-size:1.25rem;line-height:1.3}.hint-dialog-content{flex-direction:column;flex:1;gap:1rem;min-height:0;display:flex}.hint-dialog-body{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.hint-dialog p{color:#213c40;margin:0;font-size:1rem;line-height:1.5}.hint-dialog-actions{flex-wrap:wrap;flex:none;gap:.75rem;display:flex}.hint-dialog button{color:#213c40;background:#f4ead5;border:1px solid #7b8e78;border-radius:8px;flex:9rem;min-height:48px;padding:.6rem .5rem;font:650 1rem/1.3 Bricolage,Arial,sans-serif;transition:none}.hint-dialog button:hover{color:#213c40;background:#e1e5cc}.hint-dialog .hint-reveal{color:#213c40;background:#f2bc62;border-color:#a77f39}.hint-dialog .hint-reveal:hover{color:#213c40;background:#ffd18a}.hint-dialog button:disabled{opacity:.65}.game-board .hint-record{order:5;grid-column:1/-1;gap:.75rem;width:100%;min-width:0;display:grid}.game-board .hint{color:#213c40;overflow-wrap:anywhere;background:#f4ead5;border:1px solid #b7c1a6;border-left:3px solid #b58a36;border-radius:8px;margin:0;padding:1rem;font-size:1rem;line-height:1.5}.hint-dialog .hint-mode{color:#465b54;margin-bottom:.75rem;font-size:.875rem}.hint-record-status{color:#cfdbce;font-size:.875rem}.app-shell .game-board .bay,.app-shell .lesson .bay{border-radius:10px;grid-template-rows:1.25rem 1fr;grid-template-columns:minmax(0,1fr);place-content:stretch normal;place-items:center;gap:.35rem;min-height:11.5rem;padding:.65rem;transition:border-color .12s,transform .12s;display:grid}.app-shell .game-board .bay .bay-label,.app-shell .lesson .bay .bay-label{letter-spacing:0;color:inherit;z-index:auto;justify-self:start;margin:0;padding:0;font:650 1rem/1.25 Bricolage,Arial,sans-serif;position:static}.app-shell .game-board .bay .part,.app-shell .lesson .bay .part{grid-row:2;align-self:center;margin:0}.app-shell .game-board .bay .empty-bay,.app-shell .lesson .bay .empty-bay{grid-row:2;height:auto;min-height:0;display:block}.app-shell .notebook-page{max-width:46rem}.app-shell .notebook-page .notebook{display:block}@media (width<=700px){.app-shell .game-board .bay,.app-shell .lesson .bay{border-radius:8px;min-height:8rem;padding:.5rem}.app-shell .game-board .bay .part{width:4.5rem}}