@font-face{font-family:Unbounded;src:url('assets/Unbounded.ttf') format('truetype');font-weight:200 900;font-display:swap}@font-face{font-family:Instrument;src:url('assets/InstrumentSans.ttf') format('truetype');font-weight:400 700;font-display:swap}@font-face{font-family:Plex;src:url('assets/IBMPlexMono-Regular.ttf') format('truetype');font-display:swap}
:root{--paper:#eeeddf;--ink:#242635;--muted:#62646b;--line:#c8c7bd;--pink:#eaa6d3;--orange:#ec5d3d;--lime:#c2ed8c;color-scheme:light;font-family:Instrument,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}button{border:0}button:disabled{opacity:.38;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #bb412c;outline-offset:4px}button:not(:disabled):hover{filter:brightness(.95)}[hidden]{display:none!important}.skip{position:absolute;left:15px;top:-80px;background:var(--lime);padding:15px;z-index:20}.skip:focus{top:10px}.topbar{padding:0 36px;height:74px;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-family:Unbounded,sans-serif;font-size:14px;letter-spacing:-.06em;font-weight:650;text-decoration:none;display:flex;gap:12px;align-items:center}.brand-mark{font:32px Instrument,sans-serif;color:var(--orange)}.top-note{font:9px Plex,monospace;letter-spacing:.06em}.text-button{background:none;padding:8px 0;font-size:12px;text-decoration:underline;text-underline-offset:4px}main{max-width:1440px;margin:auto;padding:0 36px}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:37px 0 32px;gap:25px}.eyebrow{font:9px/1.6 Plex,monospace;letter-spacing:.1em;margin:0 0 13px}h1{font:600 clamp(32px,4.4vw,65px)/1.12 Unbounded,sans-serif;letter-spacing:-.065em;margin:0}h1 span{color:var(--orange)}.intro-aside{display:flex;align-items:center;gap:32px}.intro-aside p{font-size:15px;line-height:1.5;margin:0}.sticker{width:103px;height:103px;background:var(--pink);border:1px solid var(--ink);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font:10px/1.3 Plex,monospace;transform:rotate(11deg);box-shadow:3px 3px 0 var(--ink)}.sticker b{font:32px Instrument,sans-serif;line-height:.9;margin-top:6px}.playground{border:1px solid var(--ink);box-shadow:5px 5px 0 #242635}.world-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:15px;background:#dddcd0;border-bottom:1px solid var(--ink)}.world-picker{display:flex;align-items:center;gap:13px}.world-picker label{font:9px Plex,monospace}.world-picker select{background:var(--paper);border:1px solid var(--line);border-radius:0;font-size:12px;padding:9px 27px 9px 10px;min-width:215px;color:var(--ink)}.transport{display:flex;gap:7px}.transport button{font:10px Plex,monospace;padding:10px 13px;background:var(--paper);border:1px solid #a6a79f;min-height:36px}.transport #pause{background:var(--ink);color:var(--paper);border-color:var(--ink);min-width:93px}.world-frame{position:relative;background:#141723;overflow:hidden}.world-frame canvas{display:block;width:100%;height:auto;image-rendering:pixelated;touch-action:none;cursor:none;max-height:67vh;object-fit:contain;background:#141723}.world-frame canvas:focus-visible{outline:3px solid var(--lime);outline-offset:-3px}.world-label{position:absolute;left:21px;top:19px;color:#d8d9d1;font:8px Plex,monospace;letter-spacing:.1em;display:flex;align-items:center;gap:9px;pointer-events:none;z-index:2}.live-dot{background:#b3e880;width:6px;height:6px;border-radius:50%;box-shadow:0 0 7px #b3e88066}.live-dot.paused{background:#e7b489;box-shadow:none}.coordinates{position:absolute;right:20px;top:19px;color:#9a9baf;font:8px Plex,monospace;letter-spacing:.07em;pointer-events:none;z-index:2}.world-bottom{position:absolute;bottom:15px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:15px;pointer-events:none;color:#c0bfcb;z-index:2}.world-bottom>span{font:9px Plex,monospace;background:#141723cc;padding:7px 9px;max-width:60%}.world-bottom button{pointer-events:auto;background:#c5e6f3;color:#1c3147;padding:12px 18px;font:11px Plex,monospace;box-shadow:3px 3px 0 #0008}.world-bottom button span{margin-left:16px;font-size:17px}.brush-cursor{display:none;position:absolute;border:1px solid #ffffffb0;background:#ffffff0c;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:3}.brush-cursor.keyboard{display:block}.brush-cursor:before,.brush-cursor:after{content:'';position:absolute;background:#ffffffaa}.brush-cursor:before{width:5px;height:1px;left:calc(50% - 2px);top:50%}.brush-cursor:after{height:5px;width:1px;left:50%;top:calc(50% - 2px)}#paused-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;color:#e9e3d1;background:#1f2331c9;border:1px solid #e9e3d144;padding:10px 13px;font:9px Plex,monospace;letter-spacing:.1em;white-space:nowrap}.tool-dock{display:flex;align-items:stretch;gap:24px;padding:19px 20px;border-top:1px solid var(--ink);background:#e4e3d8}.materials{flex:1;display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.material{background:var(--paper);border:1px solid #bdbdb3;padding:11px 10px;display:flex;align-items:center;gap:9px;position:relative;min-height:56px;text-align:left}.material[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:0 3px 0 #000}.material-icon{display:block;width:22px;height:24px;position:relative;flex-shrink:0}.material-icon svg{width:100%;height:100%;shape-rendering:crispEdges}.material-name{font-size:12px;font-weight:600}.material kbd{position:absolute;top:5px;right:6px;font:8px Plex,monospace;opacity:.6}.brush-control{width:136px;display:grid;grid-template-columns:1fr 24px;gap:8px 10px;align-content:center;padding:0 3px}.brush-control label{font-size:11px;grid-column:1/-1}.brush-control input{width:100%;margin:0;accent-color:var(--ink);min-height:24px}.brush-control output{font:10px Plex,monospace}.tool-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:12px 20px;background:var(--paper)}.tool-caption p{margin:0;font-size:12px;line-height:1.5}.tool-caption>span{font:9px Plex,monospace;color:var(--muted);white-space:nowrap}.below-world{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:19px 0 0}.below-world p{font-size:11px;line-height:1.6;margin:0;max-width:680px;color:var(--muted)}.below-world b{font-weight:600;color:var(--ink)}.utility-actions{display:flex;gap:24px;flex-shrink:0}.utility-actions .text-button{font-size:11px}.status{font:10px/1.7 Plex,monospace;min-height:20px;color:#71523c;margin:8px 0 20px}.recipes{border-top:1px solid var(--ink);padding-top:25px;margin-top:30px}.recipes>.eyebrow{margin-bottom:20px}.recipe-list{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.recipe-list button{display:flex;align-items:flex-start;gap:14px;background:none;border:0;border-top:1px solid var(--line);text-align:left;padding:19px 0 20px}.recipe-number{font:10px Plex,monospace;color:var(--orange);padding-top:3px}.recipe-list b{display:block;font-size:17px;font-weight:600;letter-spacing:-.03em}.recipe-list small{display:block;font-size:12px;line-height:1.5;margin-top:7px;color:var(--muted)}.recipe-list button>span:last-child{margin-left:auto;font-size:23px;line-height:1}.endnote{padding:32px 0 30px;display:flex;justify-content:space-between;gap:25px;font-family:Unbounded,sans-serif;font-size:clamp(12px,1.6vw,23px);letter-spacing:-.06em}.endnote span:last-child{color:var(--orange)}.edition-footer{background:var(--ink);color:var(--paper);padding:28px 36px 34px;display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--ink)}.footer-brand{text-decoration:none;font-size:19px;font-weight:600}.edition-footer p{font-size:11px;line-height:1.6;color:#c2c2bc;margin:10px 0 0}.stats{display:flex;gap:20px;font:10px Plex,monospace}.edition-nav{width:385px;max-width:100%}.edition-nav label{font-size:11px;display:block;margin-bottom:9px}.edition-picker{display:flex;gap:8px}.edition-picker select{flex:1;min-width:0;background:var(--ink);color:var(--paper);border:1px solid #92958c;font-size:12px;padding:11px;border-radius:0}.edition-picker button{background:var(--lime);padding:0 16px;white-space:nowrap}.edition-nav #archive-note{font-size:10px}dialog{width:min(590px,calc(100% - 30px));max-height:88dvh;overflow:auto;background:var(--paper);color:var(--ink);border:1px solid var(--ink);padding:35px;box-shadow:7px 7px 0 var(--orange)}dialog::backdrop{background:#151b28c9;backdrop-filter:blur(4px)}dialog h2{font:600 31px/1.2 Unbounded,sans-serif;letter-spacing:-.055em;margin:20px 0 25px}dialog p{font-size:14px;line-height:1.65}dialog .small{font-size:11px;color:var(--muted)}.close{position:absolute;right:13px;top:10px;background:none;font-size:25px;min-width:35px;min-height:35px}.guide-material{display:grid;grid-template-columns:80px 1fr;padding:10px 0;border-top:1px solid var(--line);font-size:12px;gap:15px}.guide-material b{font-size:13px}.guide-material span{line-height:1.5}#report-counts{display:grid;grid-template-columns:1fr auto;margin:20px 0}#report-counts dt,#report-counts dd{padding:10px 0;border-bottom:1px solid var(--line);margin:0;font-size:14px}#report-counts dd{font-family:Plex,monospace}.noscript{padding:20px;background:var(--lime);font-size:16px;border:1px solid var(--ink);margin:20px}
@media(min-width:1600px){.topbar,.edition-footer{padding-left:max(36px,calc((100vw - 1368px)/2));padding-right:max(36px,calc((100vw - 1368px)/2))}}
@media(max-width:1100px){main{padding:0 24px}.topbar{padding:0 24px}.top-note{display:none}.intro-aside{gap:20px}.sticker{width:85px;height:85px;font-size:9px}.intro-aside p{font-size:13px}.tool-dock{gap:15px;padding:16px}.material{padding:12px 7px;gap:5px;flex-direction:column;align-items:flex-start}.material-name{font-size:11px}.brush-control{width:110px}.tool-caption{padding-left:16px;padding-right:16px}.tool-caption>span{display:none}.world-toolbar{padding:12px 16px}.world-picker label{display:none}.world-picker select{min-width:200px}.edition-footer{padding-left:24px;padding-right:24px}.below-world{gap:20px}.utility-actions{gap:15px}.recipe-list{gap:20px}.recipe-list b{font-size:15px}}
@media(max-width:700px){main{padding:0 16px}.topbar{padding:0 16px;height:62px}.brand{font-size:11px;gap:7px}.brand-mark{font-size:28px}.topbar .text-button{font-size:11px}.intro{padding:27px 0 25px;display:block}.intro .eyebrow{font-size:8px}.intro h1{font-size:clamp(29px,6.2vw,44px)}.intro-aside{justify-content:space-between;align-items:center;margin-top:18px}.intro-aside p{font-size:14px}.intro-aside p br{display:none}.sticker{width:66px;height:66px;font-size:7px;flex-shrink:0;box-shadow:2px 2px 0 var(--ink)}.sticker b{font-size:23px}.world-toolbar{padding:12px;gap:12px;flex-wrap:wrap}.world-picker{flex:1;min-width:180px}.world-picker select{width:100%;min-width:0;font-size:12px}.transport{gap:6px;flex:1;justify-content:flex-end}.transport button{font-size:10px;padding:9px 10px;white-space:nowrap}.transport #pause{min-width:80px}.world-label{left:12px;top:12px;font-size:6px;gap:6px}.coordinates{font-size:6px;right:12px;top:12px}.world-bottom{bottom:10px;left:10px;right:10px;gap:8px}.world-bottom>span{font-size:7px;max-width:58%;padding:5px}.world-bottom button{font-size:9px;padding:9px 11px}.world-bottom button span{font-size:13px;margin-left:3px}.tool-dock{padding:13px 12px;display:block}.materials{grid-template-columns:repeat(6,1fr);gap:6px}.material{padding:9px 6px;min-height:62px;gap:6px;align-items:center}.material-icon{width:20px;height:21px}.material-name{font-size:10px}.material kbd{font-size:6px;right:4px;top:3px}.brush-control{width:100%;display:flex;align-items:center;gap:12px;margin:15px 0 0;padding:0}.brush-control label{font-size:11px;white-space:nowrap}.brush-control input{width:auto;flex:1}.brush-control output{width:20px;text-align:right}.tool-caption{padding:11px 12px}.tool-caption p{font-size:12px;min-height:36px}.below-world{display:block;padding-top:17px}.below-world p{font-size:11px}.utility-actions{margin-top:7px;gap:24px}.status{font-size:9px;margin-top:4px}.recipes{margin-top:23px;padding-top:20px}.recipes .eyebrow{font-size:8px}.recipe-list{grid-template-columns:1fr;gap:0}.recipe-list button{padding:17px 0}.recipe-list b{font-size:17px}.recipe-list small{font-size:12px;margin-top:5px}.endnote{padding:20px 0 25px;font-size:13px;display:block}.endnote span{display:block;margin-top:6px}.edition-footer{padding:25px 16px;flex-direction:column;gap:25px}.edition-nav{width:100%}.edition-footer p{font-size:10px}.stats{gap:12px}.playground{box-shadow:3px 3px 0 var(--ink)}#paused-badge{font-size:7px;padding:8px 9px}.world-frame canvas{max-height:none}.brush-cursor{border-width:1px}dialog{padding:30px 23px}dialog h2{font-size:27px}}
@media(max-width:370px){.materials{grid-template-columns:repeat(3,1fr)}.material{flex-direction:row;justify-content:center;min-height:46px;padding:9px;gap:9px}.material-name{font-size:11px}.material kbd{font-size:7px}.coordinates{display:none}.world-bottom>span{display:none}.world-bottom{justify-content:flex-end}.intro h1{font-size:27px}.brand{font-size:10px}.intro-aside p{max-width:200px}.world-picker{min-width:100%}.transport{justify-content:stretch}.transport button{flex:1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* The play surface is the page: a dark, edge-to-edge world with a compact tool console. */
:root{--paper:#171b28;--ink:#eee9de;--muted:#a8adc0;--line:#363d50;background:var(--paper);color:var(--ink);color-scheme:dark}
body{background:#171b28}.topbar{background:#171b28;border-bottom-color:#363d50;height:64px}.brand{letter-spacing:-.025em}.brand-mark{color:#c8eda1}.top-note{color:#a8adc0}.topbar .text-button{color:#e7c0db}main{max-width:none;padding:0}.intro{padding:24px 36px 22px;background:#171b28;align-items:center}.intro .eyebrow{font-size:8px;color:#a8adc0;margin-bottom:9px}.intro h1{font-size:clamp(27px,3.4vw,47px);letter-spacing:-.035em;line-height:1.13}.intro h1 span{color:#d8b4ed}.intro-aside p{font-size:13px;color:#c2c5d2}.playground{border:0;box-shadow:none}.world-toolbar{background:#23293a;border:0;border-top:1px solid #41495c;border-bottom:1px solid #41495c;padding:12px 36px}.world-picker label{color:#bfc3d1}.world-picker select{background:#30384c;border-color:#525c70;color:#eee9de}.transport button{background:#30384c;border-color:#525c70;color:#eee9de}.transport #pause{background:#c8eda1;border-color:#c8eda1;color:#202635}.world-frame canvas{height:clamp(360px,57dvh,650px);width:100%;max-height:none;object-fit:fill}.world-label{left:36px;top:22px}.coordinates{right:36px;top:22px}.world-bottom{left:36px;right:36px;bottom:20px}.world-bottom>span{font-size:10px;background:#141723df}.world-bottom button{background:#b9d9ff;box-shadow:none;border-radius:3px}.tool-dock{background:#23293a;border-top:1px solid #41495c;padding:17px 36px;gap:25px}.material{background:#30384c;border-color:#525c70;color:#eee9de;border-radius:4px;padding:12px 16px;gap:12px}.material[aria-pressed=true]{background:#e3d0ed;border-color:#e3d0ed;color:#202635;box-shadow:0 0 0 2px #23293a,0 0 0 3px #e3d0ed}.material-name{font-size:13px}.material kbd{font-size:9px}.brush-control input{accent-color:#d8b4ed}.tool-caption{background:#23293a;border-top:0;padding:0 36px 16px;color:#c4c9d8}.tool-caption p{font-size:12px}.tool-caption>span{color:#a8adc0}.below-world{padding:18px 36px 0;background:#171b28}.status{padding:0 36px;color:#c8eda1;margin:8px 0 18px}.utility-actions .text-button{color:#d6c5e1}.recipes{margin:25px 36px 0;border-top-color:#41495c;padding-top:24px}.recipes>.eyebrow{color:#b4bbcd}.recipe-list button{border-color:#363d50;color:#eee9de}.recipe-number{color:#d8b4ed}.recipe-list small{color:#a8adc0}.recipe-list b{font-weight:500}.endnote{padding:28px 36px 30px;font-size:16px;letter-spacing:-.025em;color:#b5bed1}.endnote span:last-child{color:#d8b4ed}.edition-footer{background:#e3d0ed;color:#252535;border-top:0}.edition-footer p{color:#565366}.edition-picker select{background:#e3d0ed;color:#252535;border-color:#8e809d}.edition-picker button{background:#292d3e;color:#f1e9f7}.edition-footer label{color:#353244}dialog{background:#eeeddf;color:#242635;box-shadow:7px 7px 0 #d8b4ed;border-color:#242635;color-scheme:light}dialog h2{letter-spacing:-.035em}dialog .small{color:#62646b}.guide-material,#report-counts dt,#report-counts dd{border-color:#c8c7bd}.skip{color:#242635}#paused-badge{border-color:#d8b4ed66;color:#e3d0ed}
@media(max-width:1100px){.intro,.world-toolbar{padding-left:24px;padding-right:24px}.tool-dock{padding-left:24px;padding-right:24px}.material{padding:10px 8px;gap:7px;flex-direction:row;align-items:center}.material-name{font-size:11px}.tool-caption{padding-left:24px;padding-right:24px}.brush-control{width:110px}.world-label{left:24px}.coordinates{right:24px}.world-bottom{left:24px;right:24px}}
@media(max-width:700px){.topbar{padding:0 16px;height:60px}.brand{font-size:11px}.intro{padding:21px 16px;display:block}.intro h1{font-size:clamp(26px,6.8vw,42px)}.intro .eyebrow{font-size:7px;letter-spacing:.07em}.intro-aside{display:none}.world-toolbar{padding:12px 16px}.world-frame canvas{height:clamp(300px,43dvh,410px)}.world-label{left:15px;top:15px}.coordinates{right:15px;top:15px}.world-bottom{bottom:12px;left:13px;right:13px}.world-bottom>span{font-size:8px;max-width:55%}.world-bottom button{padding:10px 12px}.tool-dock{padding:16px}.material{flex-direction:column;gap:7px;padding:10px 4px;min-height:63px}.material-name{font-size:10px}.material kbd{font-size:7px}.brush-control{width:100%;margin-top:17px}.tool-caption{padding:0 16px 13px}.tool-caption p{min-height:32px;font-size:11px}.below-world{padding:16px 16px 0}.status{padding:0 16px;font-size:9px}.recipes{margin:23px 16px 0;padding-top:20px}.recipe-list button{padding:16px 0}.endnote{padding:21px 16px 27px;font-size:12px}.endnote span{margin-top:5px}.edition-footer{padding:26px 16px}.utility-actions{gap:22px}.transport{justify-content:stretch}.transport button{flex:1}}
@media(max-width:370px){.material{flex-direction:row;min-height:42px;gap:10px}.material-name{font-size:11px}.intro h1{font-size:25px}.brand{font-size:10px}.world-frame canvas{height:310px}.world-bottom>span{display:none}}
