@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2) format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff) format("woff")}@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2) format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}:root{font-family:IBM Plex Sans,sans-serif;color:#2b2030;background:#f1eadd;font-synthesis:none;--line: #d3cbbb;--green: #4d7156;--clay: #c96c50}*{box-sizing:border-box}body{margin:0;font-size:16px}.publication{padding:16px 3.3%;border-bottom:1px solid #d3cbbb;background:#e6e8d8;overflow-wrap:anywhere}.publication p{margin-bottom:6px}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #4d7156}button{cursor:pointer;border:1px solid var(--line);background:transparent;color:inherit;padding:10px 14px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover{background:#e6dece}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button.primary,.primary{background:#2b2030;color:#f1eadd;border-color:#2b2030}.primary:hover{background:#45334b}h1,h2,h3,p{margin-top:0}h1,h2{font-family:"Instrument Serif",serif;font-weight:400}h1{font-size:clamp(44px,5vw,74px);line-height:.98;letter-spacing:-1.8px;margin-bottom:0}h1 em{color:var(--green);font-weight:400}h2{font-size:30px}h3{font-size:17px;font-weight:500}p{line-height:1.55}code,.mono{font-family:IBM Plex Mono,monospace;font-size:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 IBM Plex Mono,monospace}svg{flex-shrink:0}.topbar{padding:21px 3.3%;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:50px}.brand{display:flex;gap:8px;align-items:center;text-decoration:none}.brand svg{width:34px;height:40px;color:var(--green)}.brand span{font:48px/.8 "Instrument Serif",serif;letter-spacing:-1.5px}.topbar nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.document input{max-width:100%;padding:12px;border:1px solid #8b817c;background:#fffaf0;color:inherit;min-height:44px}.document label{display:block;margin:12px 0}.document .actions{flex-wrap:wrap}.topbar nav button{border:0;font-size:14px;color:#625967}.topbar nav button.active{color:#2b2030;background:#e7e0d2}.local-tag{margin-left:auto;font:10px IBM Plex Mono;letter-spacing:1px;color:#625967}.count{border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:11px}.work-heading{padding:45px 3.3% 36px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font:10px IBM Plex Mono;letter-spacing:1.8px;margin-bottom:16px;color:#625967}.heading-note{display:flex;align-items:flex-start;gap:12px;color:var(--green);margin-right:3%;font-size:15px}.workspace-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 3.3%;display:flex;align-items:center;justify-content:space-between;gap:12px}.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:13px;flex-wrap:wrap}.breadcrumbs strong{font-weight:500}.breadcrumbs>span:last-child{color:#675e68;font-size:12px}.status-dot{width:6px;height:6px;background:var(--green);border-radius:50%;margin-left:5px}.status-dot.dirty{background:var(--clay)}.actions{display:flex;gap:8px}.actions button{font-size:12px;padding:9px 12px}.workbench{display:grid;grid-template-columns:260px minmax(300px,1fr) 260px;max-width:1440px;margin:0 auto}.evidence-panel,.rules-panel{padding:26px 22px}.evidence-panel{border-right:1px solid var(--line)}.rules-panel{border-left:1px solid var(--line)}.panel-heading{display:flex;gap:8px;align-items:center;margin-bottom:26px}.panel-heading h2{font-family:IBM Plex Sans;font-size:14px;margin:0;font-weight:500;flex:1}.panel-heading>span{font:10px IBM Plex Mono;color:#625967}.source-card{text-align:center;border:1px solid var(--line);padding:20px 10px 10px;background:#f6f0e5;border-radius:5px}.source-icon{display:grid;place-items:center;margin:0 auto 18px;width:65px;height:65px;border:1px solid #c6bcaa;border-radius:12px;background:#e5d8b9;font:25px "Instrument Serif";box-shadow:inset 0 2px #fff9,0 8px 16px #594b3220;transform:rotate(-7deg)}.source-card h3{margin-bottom:4px}.source-card p{font-size:12px;color:#6b625f;margin-bottom:12px}.source-card .mono{margin-top:12px;font-size:10px}.pill{display:inline-flex;border:1px solid #becab7;border-radius:3px;color:#3e5f46;padding:4px 7px;font:9px IBM Plex Mono;letter-spacing:.6px;background:#e9edda}.field{display:block;font-size:13px;margin:20px 0 13px}.field input,.field select{display:block;width:100%;margin-top:8px;border:1px solid #c8c0b2;border-radius:4px;padding:11px;background:#f8f3e9;color:#2b2030;min-width:0;font-size:14px}.evidence-panel .field input{font-size:10px}.wide{width:100%;font-size:13px}.rule-list{margin:30px -10px 20px}.rule-list .eyebrow{padding-left:10px}.rule-list button{display:flex;width:100%;justify-content:flex-start;border:0;text-transform:capitalize;padding:11px 10px;font-size:13px}.rule-list button span{font:10px IBM Plex Mono;color:#756a73;margin-right:5px}.rule-list button svg{margin-left:auto}.rule-list button.selected{background:#e4e8d4;color:#3e5f46}.test-card{border-top:1px solid var(--line);padding-top:20px;color:var(--green)}.test-card strong{display:block;font-size:19px;margin:10px 0 3px;font-weight:500}.test-card span{font-size:12px}.test-card p{font-size:12px;color:#625967;margin-top:12px}.test-card button{font-size:11px;padding:8px}.play-panel{padding:30px clamp(22px,4.8vw,72px);min-width:0;background:radial-gradient(ellipse at 50% 25%,#faf5e9 0,transparent 65%)}.play-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.play-meta>div{display:flex;gap:10px;align-items:baseline}.play-meta small{font:10px IBM Plex Mono;color:#625967}.play-meta strong{font:27px "Instrument Serif"}.board{display:grid;gap:9px;padding:12px;border:1px solid #c8bfac;border-radius:13px;background:#cfc5b0;box-shadow:0 3px #b8ac95,0 18px 32px #463b2520;touch-action:none;max-width:470px;margin:0 auto}.board .tile{border:1px solid #c2b69f;border-radius:7px;aspect-ratio:1;min-width:0;display:grid;place-items:center;padding:0;background:#c2b69d5c;font:clamp(18px,3.5vw,40px) "Instrument Serif";box-shadow:inset 0 1px 1px #fff5;transition:transform .12s ease-out,background .12s ease-out}.board .tile:not(.v0){background:#f6edda;box-shadow:inset 0 2px #fff9,0 2px 1px #988b7040}.board .v4{background:#e5e9ce!important}.board .v8{background:#cfdaa9!important}.board .v16,.board .v32{background:#a9bf91!important}.board .v64,.board .v128{background:#4d7156!important;color:#fff9e8}.board .v256,.board .v512,.board .v1024{background:#d2a17b!important}.board .v2048{background:#d5e68a!important}.board .tile.wall{background:#2b2030;color:#e9dfce;font-size:12px}.board-caption{display:flex;align-items:center;justify-content:space-between;font:10px IBM Plex Mono;color:#6f655d;margin-top:15px}.icon-button{border:0;padding:5px}.game-state{font-size:12px;text-align:center;color:#625967;min-height:36px;margin:15px 0 8px}.directions{display:flex;justify-content:center;gap:7px}.directions button{background:#f8f2e8;width:48px;height:44px;padding:8px}.replay{border:1px solid var(--line);border-radius:6px;padding:16px;margin-top:26px}.replay>div:first-child{display:flex;gap:8px;align-items:center;font-size:12px}.replay strong{font-weight:500}.replay>div>span{margin-left:auto;color:#675e68;font-size:11px}.move-tape{display:flex;gap:5px;flex-wrap:wrap;padding:16px 0;max-height:120px;overflow:auto}.move-tape p{font-size:12px;color:#675e68;margin:0}.move-tape span{font-size:18px!important;border:1px solid var(--line);padding:3px 7px;margin:0!important}.replay button{font-size:11px;padding:6px 9px}.comparison{margin-top:20px;font-size:12px}.comparison summary{cursor:pointer}.board.small{max-width:240px;gap:5px;margin-top:20px;padding:8px}.board.small .tile{font-size:22px}.comparison p{margin-top:16px}.intro{font:22px/1.25 "Instrument Serif";margin-bottom:27px}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.split .field{margin-top:0}.range-label{display:flex;justify-content:space-between;font-size:13px;margin:23px 0 8px}.range-label strong{font-family:IBM Plex Mono;font-size:12px;font-weight:400}input[type=range]{width:100%;accent-color:var(--green)}.quiet{font-size:12px;color:#6b625f}.walls{padding:0;border:0;margin:27px 0 20px}.walls legend{font-size:13px;width:100%;display:flex;justify-content:space-between}.walls legend span{color:#6b625f;font-size:11px}.walls p{font-size:11px;color:#6b625f;margin:8px 0 12px}.walls>div{display:grid;gap:5px}.walls button{padding:0;aspect-ratio:1;min-width:0;background:#f6f0e5;color:#7f7364}.walls button[aria-pressed=true]{background:#2b2030;color:#f1eadd}.text-button{display:block;border:0;text-decoration:underline;font-size:12px;margin:10px auto}.locked-rule{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:18px;margin-top:22px;color:var(--green)}.locked-rule p{font-size:11px}.source-reader{border-top:1px solid var(--line);padding:35px 3.3%;display:grid;grid-template-columns:1fr 1.4fr;gap:20px}.source-reader h2{margin-bottom:8px}.source-reader h2 span{color:var(--green)}.source-reader p{font-size:12px;color:#625967}.source-reader>pre{background:#e9e2d6;padding:20px;margin:0;border-radius:6px;max-height:300px;overflow:auto}.source-reader details{grid-column:1/-1;font-size:13px}.source-reader details pre{max-height:450px;overflow:auto;background:#e9e2d6;padding:20px}.source-reader>button{justify-self:start;font-size:12px}.notice{padding:14px 3.3%;background:#e4e8d4;color:#3e5f46;border-top:1px solid #c8cfb8;font-size:13px;line-height:1.5}footer{display:flex;align-items:center;justify-content:space-between;padding:20px 3.3%;font:10px IBM Plex Mono;color:#625967;gap:16px}footer button{font-size:11px;border:0}footer i{color:var(--green);font-size:20px}.mobile-tabs{display:none}.document{max-width:900px;margin:60px auto;padding:0 30px}.document h1{margin-bottom:35px}.document h2{margin:35px 0 12px}.document p{font-size:17px}.document code{overflow-wrap:anywhere}.document>a{display:inline-flex;gap:8px;align-items:center}.version{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:25px 0;gap:20px}.version h3{font-family:"Instrument Serif";font-size:30px;margin:15px 0 8px}.version p,.version details{font-size:13px}.empty{text-align:center;border:1px dashed #b4bfa4;padding:50px;margin-top:40px}.empty h2{margin-top:15px}.landing{max-width:1200px;padding:85px 40px;margin:auto}.landing h1{font-size:clamp(52px,7vw,100px)}.landing-row{display:flex;align-items:center;gap:60px;max-width:950px}.landing-row>p{font-size:20px;max-width:450px;margin:40px 0}.specimen{position:relative;display:flex;gap:20px;align-items:center;padding:40px}.block{display:grid;place-items:center;width:90px;height:90px;border-radius:14px;border:1px solid #c7b68d;background:#f8edcf;box-shadow:8px 9px #d4c6a5,14px 18px 30px #463b2533;transform:rotate(-8deg);font:54px "Instrument Serif"}.block.leaf{background:#d5e68a;transform:rotate(9deg)}.splice{color:#9c7742;font:50px "Instrument Serif"}.specimen small{position:absolute;bottom:0;font:9px IBM Plex Mono;white-space:nowrap}.landing>.quiet{margin-top:20px}@media(min-width:1500px){.work-heading,.workspace-bar{padding-left:max(3.3%,calc((100vw - 1440px)/2));padding-right:max(3.3%,calc((100vw - 1440px)/2))}}@media(max-width:1100px){.workbench{grid-template-columns:220px minmax(260px,1fr) 220px}.evidence-panel,.rules-panel{padding:22px 16px}.play-panel{padding:28px 23px}.heading-note{display:none}.actions button{font-size:11px;padding:9px}.breadcrumbs>span:last-child{display:none}}@media(max-width:780px){.topbar{padding:17px 20px;gap:24px;flex-wrap:wrap}.brand span{font-size:42px}.topbar nav{margin-left:auto;gap:0}.topbar nav button{font-size:12px;padding:8px}.local-tag{display:none}.work-heading{padding:30px 22px}.work-heading h1{font-size:47px}.workspace-bar{padding:12px 18px;align-items:flex-start;flex-direction:column}.actions{width:100%;gap:5px}.actions button{flex:1;min-height:44px;padding:8px;font-size:11px}.mobile-tabs{display:flex;border-bottom:1px solid var(--line);padding:5px 18px}.mobile-tabs button{flex:1;border:0;text-transform:capitalize;min-height:44px}.mobile-tabs button[aria-selected=true]{background:#e4e8d4;color:#3e5f46}.workbench{display:block}.evidence-panel,.rules-panel,.play-panel{display:none;border:0}.mobile-play .play-panel,.mobile-rules .rules-panel,.mobile-evidence .evidence-panel{display:block}.play-panel{padding:24px 22px}.board .tile{font-size:clamp(22px,9vw,42px)}.board{gap:7px;padding:10px}.evidence-panel,.rules-panel{max-width:500px;margin:auto;padding:28px 22px}.rules-panel .field input,.rules-panel .field select{min-height:48px}.walls button{min-height:38px}.source-reader{display:block;padding:30px 22px}.source-reader>pre{margin:20px 0}.source-reader details{margin:18px 0}.source-reader h2{font-size:27px}.source-reader code{font-size:12px}footer{flex-wrap:wrap;padding:20px}footer>span:nth-child(2){display:none}.document{margin:35px auto;padding:0 22px}.document h1{font-size:43px}.version{align-items:flex-start;flex-direction:column}.version pre{max-width:100%}.landing{padding:45px 22px}.landing-row{display:block}.landing-row>p{font-size:18px}.specimen{justify-content:center;margin-bottom:40px}.landing h1{font-size:57px}.count{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:480px){.actions{display:grid;grid-template-columns:1fr 1fr}.actions button{min-width:0;font-size:12px}.topbar nav{margin-left:0;width:100%;justify-content:space-between}.work-heading h1{font-size:44px}}.original-scene{margin:0;min-width:0;text-align:center}.original-scene img{width:100%;height:auto;max-width:600px;border-radius:8px;mix-blend-mode:multiply}.scene-stage{width:100%;height:400px;min-width:250px}.scene-stage canvas{display:block;max-width:100%}.scene-toggle{font-size:12px;margin-top:10px}.original-scene figcaption{font-size:12px;margin:10px}.landing-row .original-scene{flex:1;min-width:300px}@media(max-width:780px){.original-scene{width:100%}.scene-stage{height:300px}.landing-row .original-scene{min-width:0;margin:20px 0}}.actions button,.field{font-size:14px}.field input,.field select{font-size:16px}.source-card p,.game-state,.quiet,.test-card p,.replay p,.locked-rule p,.walls p{font-size:14px}.panel-heading h2{font-size:16px}.rule-list button{font-size:14px}.notice{font-size:16px}.directions button{height:48px}.source-reader p{font-size:14px}@media(max-width:480px){.actions button{font-size:12px}.work-heading h1{font-size:43px}}.archive-button{margin-top:8px}.source-download{font-size:12px;display:block;margin-top:12px;line-height:1.5}.replay-inspector{display:block;margin-top:16px;font-size:12px;color:#625967}.replay-inspector input{display:block;width:100%;margin-top:10px}.key-mapping{font-size:13px;margin-top:20px}.key-mapping label{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:10px}.key-mapping input{width:44px;border:1px solid #c8c0b2;background:#f8f3e9;border-radius:4px;padding:8px;text-align:center}.rule-list button span{color:#625967}.trace-events{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;margin:10px 0 15px}.trace-events button{font-size:11px;padding:6px 9px;background:#e7e9d6;color:#3e5f46}.topbar .nav-toggle{display:none}@media(max-width:780px){.topbar{position:relative;z-index:10}.topbar .nav-toggle{display:inline-flex;margin-left:auto;min-height:44px;padding:8px 12px}.topbar nav.product-nav{display:none}.topbar nav.product-nav.is-open{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:absolute;top:100%;left:0;right:0;padding:16px;border-bottom:1px solid var(--line);background:var(--surface, #fffdf6);box-shadow:0 10px 16px #17231d14}.topbar nav.product-nav button{min-height:44px;text-align:left;justify-content:flex-start}.topbar .local-tag,.topbar .dev-pill{display:none}}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-latin-700-normal-Bxkt5Cjx.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-700-normal-Bth3BMcD.woff) format("woff")}:root{--ink: #24251f;--green: #395c42;--line: #d1cdbc;--surface: #fffdf6;--paper: #f6f2e7;--rust: #ac3f29;--radius-sm: 6px;--radius-md: 10px;color:var(--ink);background:var(--paper)}body{background:var(--paper)}.topbar{min-height:82px;padding:18px 4%;gap:36px;background:var(--paper);border-bottom:1px solid var(--ink)}.brand svg{color:var(--green);width:28px}.brand span{font-size:46px;color:var(--ink)}.topbar nav button{color:#505348;font-size:13px;min-height:40px;border-radius:var(--radius-sm)}.topbar nav button.active{color:var(--ink);background:#e5e9d7}button{border-radius:var(--radius-sm);transition:background-color .15s,color .15s}button.primary,.primary{background:var(--ink);color:#fffdf6;border-color:var(--ink)}button.primary:hover,.primary:hover{background:#3b4233}.graft-landing{max-width:1440px;margin:auto}.graft-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding:96px 6% 104px}.graft-hero-copy{max-width:590px}.hero-kicker{display:inline-flex;align-items:center;gap:8px;font:10px/1.5 IBM Plex Mono,monospace;letter-spacing:1.1px;color:var(--rust);margin-bottom:28px}.graft-hero h1{font:700 clamp(54px,5.7vw,84px)/1.04 "IBM Plex Sans",sans-serif;letter-spacing:-4.5px;margin:0 0 26px}.graft-hero h1 em{display:inline-block;font:italic 1.12em/1.06 "Instrument Serif",serif;color:var(--green);letter-spacing:-3px}.hero-description{font-size:18px;line-height:1.6;color:#54574a;max-width:440px;margin-bottom:30px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}.hero-actions button{min-height:52px;padding:14px 21px;font-size:15px;font-weight:500}.hero-actions a{font-size:13px;text-decoration:none;display:inline-flex;gap:9px;align-items:center;min-height:44px;border-bottom:1px solid var(--ink)}.hero-footnote{font-size:12px;color:#626457;margin:17px 0 0}.graft-hero-art{position:relative;padding:22px 0;min-width:0}.specimen-tab{display:inline-block;position:absolute;top:0;left:18px;font:9px/1.4 IBM Plex Mono;letter-spacing:.7px;background:#e0e6cd;border:1px solid var(--ink);padding:6px 9px;border-radius:4px 4px 0 0}.mechanic-demo{border:1px solid var(--ink);border-radius:9px;overflow:hidden;background:#fffdf7;box-shadow:8px 8px #dfe5cf}.demo-title{display:flex;justify-content:space-between;gap:8px;background:#dbe5b7;padding:13px 18px;border-bottom:1px solid var(--ink);font:10px IBM Plex Mono;letter-spacing:.6px}.demo-title>span:first-child{display:flex;align-items:center;gap:7px}.demo-dot{width:6px;height:6px;background:#334f32;border-radius:50%}.demo-meta{display:flex;justify-content:space-between;padding:22px 24px 18px;align-items:baseline;font-size:13px}.demo-meta>span:first-child{font-size:20px;font-weight:500;letter-spacing:-.5px}.demo-meta strong{margin-left:5px}.demo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;background:#e4dfcd;border:1px solid #c5c0ac;border-radius:7px;margin:0 24px}.demo-cell{display:grid;place-items:center;aspect-ratio:1;background:#d6d1bd;border:1px solid #cbc5b0;border-radius:5px;font:500 clamp(25px,3vw,42px)/1 "Instrument Serif",serif;color:#34362a}.demo-cell.value-2{background:#fffdf6}.demo-cell.value-4{background:#ede6ca}.demo-cell.value-8{background:#e8ad83}.demo-cell.value-16{background:#c6d39d}.demo-cell.value-32{background:#b5c68a}.demo-cell.value-64{background:#506444;color:#fff}.demo-cell.value-128,.demo-cell.value-256,.demo-cell.value-512{background:#a7432c;color:#fff}.demo-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 24px 20px}.demo-controls>span{font-size:11px;color:#666755}.demo-controls button{font-size:12px;border:1px solid var(--ink);background:#fffdf6;padding:8px 11px;min-height:38px}.demo-rule{border-top:1px solid var(--line);padding:13px 18px;display:flex;gap:6px;justify-content:space-between;flex-wrap:wrap;background:#f0eee3}.demo-rule code{font-size:9px}.demo-rule>span{font:9px IBM Plex Mono;color:#575b4a}.branch-note{position:absolute;bottom:-10px;right:-16px;display:flex;align-items:center;gap:10px;padding:11px 14px;background:#fffdf7;border:1px solid var(--ink);border-radius:6px;font-size:11px;line-height:1.5;transform:rotate(-3deg)}.branch-note svg{color:var(--rust)}.graft-proof{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;margin:0 6%;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:25px 0}.graft-proof>span{display:flex;align-items:baseline;gap:10px;font-size:12px;color:#626454}.graft-proof strong{font-size:19px;color:var(--ink);font-weight:500}.graft-process{padding:112px 6%;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.graft-landing h2{font:600 clamp(33px,3.7vw,48px)/1.1 "IBM Plex Sans",sans-serif;letter-spacing:-1.8px;margin:0 0 23px}.graft-landing h3{font:500 23px/1.2 IBM Plex Sans,sans-serif;letter-spacing:-.5px;margin-bottom:12px}.graft-process p:not(.eyebrow),.graft-object p:not(.eyebrow),.forks-heading>p:last-child{font-size:15px;line-height:1.7;color:#606353;max-width:420px}.process-code{margin-top:35px;background:#ecebdc;border:1px solid #c7c9b4;border-radius:8px;padding:23px}.process-code>div{display:flex;align-items:center;gap:10px;font:9px IBM Plex Mono;letter-spacing:.7px}.process-code pre{margin:24px 0;padding:0;background:none;font:13px/1.7 IBM Plex Mono;color:var(--green)}.process-code pre span{color:var(--rust)}.process-code>span{font-size:11px;color:#61664f}.graft-steps{list-style:none;margin:0;padding:0}.graft-steps li{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:27px 0;border-top:1px solid var(--line)}.graft-steps li:first-child{padding-top:0;border-top:0}.graft-steps li:last-child{padding-bottom:0}.graft-steps li>span{font:12px/2 IBM Plex Mono;color:var(--rust)}.graft-steps p{margin-bottom:0}.graft-forks{padding:64px 6%;background:#e7ebd7;border-block:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.fork-options{display:grid;gap:16px}.fork-options>button{display:grid;grid-template-columns:68px 1fr 22px;align-items:center;gap:23px;padding:22px;border-color:#acb699;background:var(--surface);text-align:left}.fork-options>button:hover{background:#f1f4e4;border-color:var(--green)}.fork-options>button>span:nth-child(2){display:grid;gap:7px}.fork-options small{font:8px/1.5 IBM Plex Mono;color:#5c644e;letter-spacing:.5px}.fork-options strong{font:500 20px IBM Plex Sans}.fork-options>button>span>span{font-size:12px;color:#626653}.fork-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;width:68px}.fork-mini.wide-grid{grid-template-columns:repeat(5,1fr)}.fork-mini i{aspect-ratio:1;background:#e2dfcb;border:1px solid #ccc8b3;border-radius:2px}.fork-mini i.wall{background:#506444}.graft-object{padding:112px 6%;display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.graft-object .original-scene{max-width:100%;width:100%}.graft-object .original-scene img{border-radius:10px}.graft-object button{min-height:44px}.work-heading{padding:30px 4% 28px}.work-heading h1{font-size:48px;line-height:.98;margin-bottom:0}.work-heading .eyebrow{margin-bottom:12px}.heading-note{font-size:12px}.workspace-bar{padding-inline:4%;background:#efeddf}.workbench{background:#faf7ee}.play-panel{padding-top:32px}.rules-panel{background:#f3f1e5}.source-card{border-radius:8px;background:#fffdf6}.board{box-shadow:none;border:1px solid #beb69c;border-radius:10px}.board .tile{border-radius:6px}.board .v8{background:#edb58e}.board .v16{background:#d6dfaf}.board .v32{background:#bfce96}.replay{border-radius:8px;background:#f5f2e7}.document{padding-top:60px}.document h1{font:600 clamp(35px,4vw,54px)/1.1 "IBM Plex Sans",sans-serif;letter-spacing:-1.8px}.version{background:#fffdf7;border-radius:9px;padding:22px;margin:18px 0;border:1px solid var(--line)}.notice{font-size:13px}.devhq-preview{background:#e7ebd7}@media(max-width:1100px){.graft-hero{gap:36px;padding-inline:4%}.graft-hero h1{font-size:65px;letter-spacing:-3.3px}.graft-process,.graft-object{gap:50px}.graft-forks{gap:35px}.topbar{gap:20px}.local-tag{display:none}}@media(max-width:780px){.topbar{min-height:72px;padding:12px 20px;gap:12px;flex-wrap:nowrap}.brand span{font-size:42px}.graft-hero{display:flex;flex-direction:column;padding:54px 24px 66px;gap:52px;align-items:stretch}.graft-hero h1{font-size:clamp(50px,10.7vw,72px);letter-spacing:-2.6px}.hero-kicker{font-size:8px;margin-bottom:24px;letter-spacing:.5px}.hero-description{font-size:16px}.hero-actions{gap:17px}.hero-actions button{font-size:14px;min-height:49px}.hero-footnote{font-size:11px}.graft-hero-art{max-width:510px;width:100%;align-self:center}.branch-note{right:-6px}.demo-cell{font-size:clamp(25px,8vw,42px)}.demo-title{font-size:8px;padding:12px 14px}.specimen-tab{font-size:7px;padding:7px;left:12px}.demo-meta{padding:20px 18px 15px}.demo-meta>span:first-child{font-size:18px}.demo-grid{margin:0 18px;gap:6px;padding:8px}.demo-controls{padding:15px 18px}.demo-controls>span{font-size:10px}.demo-rule{padding:12px 14px}.demo-rule code,.demo-rule>span{font-size:8px}.graft-proof{margin-inline:24px;display:grid;grid-template-columns:1fr 1fr;gap:22px 15px}.graft-proof>span{display:grid;gap:5px;font-size:11px}.graft-proof strong{font-size:22px}.graft-process{grid-template-columns:1fr;gap:48px;padding:72px 24px}.graft-landing h2{font-size:36px;letter-spacing:-1.2px}.graft-steps li{gap:10px;grid-template-columns:32px 1fr;padding:25px 0}.graft-landing h3{font-size:21px}.graft-forks{padding:60px 24px;grid-template-columns:1fr;gap:24px}.fork-options>button{padding:18px 15px;gap:14px;grid-template-columns:50px 1fr 16px}.fork-mini{width:50px}.fork-options strong{font-size:18px}.fork-options>button>span>span{font-size:11px}.fork-options small{font-size:7px}.graft-object{padding:72px 24px;grid-template-columns:1fr;gap:36px}.graft-object .original-scene{margin:0}.work-heading{padding:24px 20px}.work-heading h1{font-size:39px}.document{padding:38px 22px}.version{padding:17px}.devhq-preview{font-size:11px;padding:10px 20px}}@media(prefers-reduced-motion:reduce){button{transition:none}}:root{--ink: #2b2030;--green: #395b43;--paper: #f1eadd;--surface: #fffcf5;--line: #cfc5b3;--rust: #99452e}.graft-hero{grid-template-columns:1.1fr 1fr;gap:72px;padding:54px 6% 72px}.graft-hero h1{font:400 clamp(66px,7.2vw,106px)/.96 "Instrument Serif",serif;letter-spacing:-2.5px;margin-bottom:30px}.graft-hero h1 em{font-size:1em;line-height:1;letter-spacing:-2px}.hero-kicker{font-size:11px;line-height:1.7;letter-spacing:1px;margin-bottom:30px}.hero-description{font-size:18px;max-width:390px;color:#5b504f}.hero-actions button{font-size:16px;min-height:56px}.hero-actions a{font-size:14px}.hero-footnote{font-size:13px;color:#645a52}.graft-hero-art{padding-top:24px;width:100%;max-width:450px;justify-self:end}.specimen-tab{font-size:10px;padding:7px 12px;top:0;left:16px;letter-spacing:.6px;background:#d5e68a;border-color:var(--ink)}.mechanic-demo{border-radius:4px;background:var(--surface);box-shadow:12px 12px #dfd5c4}.demo-title{background:#e7e1cf;font-size:11px;padding:16px 20px}.demo-dot{background:var(--green)}.demo-meta{padding:18px 24px 16px;gap:16px}.demo-meta>span:first-child{font:400 24px/1.1 "Instrument Serif",serif;max-width:210px}.demo-meta>span:last-child{font-size:12px;white-space:nowrap;color:#5b504f}.demo-grid{gap:8px;background:#e1d8c7;border-color:#b8ad98;border-radius:5px;margin-inline:24px}.demo-grid:focus-visible{outline:3px solid var(--green);outline-offset:5px}.demo-cell{font-size:clamp(25px,3.1vw,40px);border-color:#c6bca8;box-shadow:inset 0 -3px #2b20300b;transition:background-color .12s ease-out}.demo-cell.specimen-wall{background:#2b2030;color:#f1eadd;box-shadow:inset 0 0 0 6px #4b3c4c;border-color:#2b2030}.specimen-controls{display:flex;gap:5px;padding:16px 24px;flex-wrap:wrap;align-items:center}.specimen-controls button{width:44px;height:44px;padding:0;border-color:#c1b6a5;border-radius:4px;background:#fffcf5}.specimen-controls button:hover{background:#e7e9d7}.specimen-controls .demo-next{width:auto;flex:1;font-size:12px;padding:0 9px;white-space:nowrap}.specimen-settings{padding:17px 24px 0;border-top:1px solid var(--line)}.specimen-label{font:10px IBM Plex Mono,monospace;letter-spacing:1px;color:#645a52}.specimen-presets{display:flex;gap:6px;margin-top:12px}.specimen-presets button{flex:1;min-height:44px;padding:8px;font-size:13px;background:transparent;border-color:#c1b6a5}.specimen-presets button[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}.specimen-status{font:12px/1.6 IBM Plex Mono,monospace;color:#574b52;min-height:20px;margin:14px 0 17px}.demo-rule{padding:12px 20px;background:#ebe5d7}.demo-rule>span{font-size:10px;color:#5d514f}.graft-proof{border-color:#b4a894;gap:20px;padding-block:24px}.graft-proof>span{font-size:13px;color:#62594e}.graft-proof strong{font-size:23px;color:var(--ink)}.graft-landing h2{font:400 clamp(39px,4.8vw,64px)/1.02 "Instrument Serif",serif;letter-spacing:-1.3px}.graft-process p:not(.eyebrow),.graft-object p:not(.eyebrow),.forks-heading>p:last-child{font-size:16px;color:#5c544d}.process-code{background:#e7e1d2;border-color:#beb49d;border-radius:4px}.process-code>div{font-size:11px;line-height:1.6}.process-code pre{font-size:14px;overflow-x:auto}.process-code>span{font-size:12px;line-height:1.6;display:block}.graft-steps li>span{color:var(--rust);font-size:12px}.graft-forks{background:#e2e7ce}.fork-options>button{border-radius:4px;min-height:120px}.fork-options small{font-size:10px}.fork-options strong{font-size:23px}.fork-options>button>span>span{font-size:14px;line-height:1.5}.graft-object .original-scene img{border-radius:4px}.graft-object button{font-size:15px;min-height:48px}@media(min-width:781px)and (max-width:1100px){.graft-hero{gap:36px;padding-inline:4%}.graft-hero h1{font-size:78px}.hero-actions{gap:12px}.demo-meta{padding-inline:18px}.demo-grid{margin-inline:18px}.specimen-controls{padding-inline:18px}.specimen-controls .demo-next{flex-basis:100%}.demo-meta>span:first-child{font-size:24px}.topbar nav.product-nav{gap:8px}.topbar{gap:20px}.topbar nav button{font-size:12px;padding-inline:8px}}@media(max-width:780px){.graft-hero{padding:48px 24px 64px;gap:44px}.graft-hero h1{font-size:clamp(66px,12vw,94px);letter-spacing:-2px}.graft-hero h1 em{letter-spacing:-2px}.hero-kicker{font-size:10px;margin-bottom:24px}.hero-description{font-size:17px}.hero-actions{gap:16px}.hero-actions button{font-size:15px;min-height:52px}.hero-footnote{font-size:12px}.graft-hero-art{width:100%;max-width:510px;padding:24px 0 0;margin:auto}.specimen-tab{font-size:8px;left:10px;padding:7px 9px}.demo-title{font-size:10px;padding:15px 16px}.demo-meta{padding:20px 16px 16px}.demo-meta>span:first-child{font-size:25px;max-width:175px}.demo-grid{margin-inline:16px;gap:6px;padding:8px}.demo-cell{font-size:32px}.specimen-controls{padding:14px 16px}.specimen-controls .demo-next{flex-basis:100%}.specimen-settings{padding:16px 16px 0}.specimen-presets button{font-size:12px}.specimen-status{font-size:11px}.demo-rule{padding:12px 16px;gap:8px}.demo-rule>span{font-size:10px}.graft-proof>span{display:block;font-size:12px;line-height:1.7}.graft-proof strong{display:block;font-size:24px}.graft-landing h2{font-size:44px;letter-spacing:-1px}.graft-process,.graft-object{padding-block:76px}.process-code{padding:18px}.process-code pre{font-size:12px}.graft-forks{padding:56px 24px}.fork-options>button{grid-template-columns:52px 1fr 18px;gap:14px;padding:18px}.fork-mini{width:52px}.fork-options strong{font-size:21px}.fork-options small{font-size:9px}.fork-options>button>span>span{font-size:13px}.graft-steps li{gap:12px}.graft-landing h3{font-size:23px}}@media(max-width:360px){.graft-hero h1{font-size:64px}.hero-kicker{font-size:9px;letter-spacing:.5px}.demo-title{font-size:9px}.demo-meta>span:first-child{font-size:23px;max-width:140px}.demo-meta>span:last-child{font-size:11px}.specimen-presets button{font-size:11px;padding-inline:4px}.graft-landing h2{font-size:39px}.fork-options>button{grid-template-columns:1fr 18px}.fork-mini{display:none}}@media(prefers-reduced-motion:reduce){.demo-cell{transition:none}}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-latin-400-normal-PaqtzbVb.woff2) format("woff2"),url(/assets/manrope-latin-400-normal-8tf8FM3T.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-700-normal-BZp_XxE4.woff2) format("woff2"),url(/assets/manrope-latin-700-normal-DGRFkw-m.woff) format("woff")}:root{--ink: #2b2048;--paper: #d8cef2;--surface: #f4effc;--line: #ab9bc3;--green: #313eca;--rust: #514469;--clay: #ffab72;--accent: #d5f28a;--muted: #514469;--radius-sm: 4px;--radius-md: 6px;font-family:Manrope,sans-serif;color:var(--ink);background:var(--paper)}body,.topbar{background:var(--paper);color:var(--ink)}button,input,select{font-family:inherit}button{min-height:44px}button:hover{background:#e9e1f8}button.primary,.primary{background:var(--green);border-color:var(--ink);color:#fff}button.primary:hover,.primary:hover{background:#2531b6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#313eca}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:700}h1,h2{letter-spacing:-.045em}.brand span{font:700 38px/1 Manrope,sans-serif;letter-spacing:-2px}.brand svg{color:var(--ink)}.topbar{border-bottom:2px solid var(--ink)}.topbar nav button{color:var(--muted);min-height:44px}.topbar nav button.active{background:var(--ink);color:var(--surface)}.local-tag{color:var(--muted)}.graft-hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:44px 4.5% 0}.graft-hero-copy{display:grid;grid-template-columns:1.2fr .8fr;column-gap:60px;max-width:none;position:relative;z-index:1}.hero-kicker{grid-column:1;grid-row:1;justify-self:start;background:#eae3f9;color:var(--ink);border:1px solid var(--ink);padding:6px 10px;transform:rotate(-2deg);font-size:11px;letter-spacing:.8px;margin:0 0 25px}.graft-hero h1{grid-column:1;grid-row:2/5;font:700 clamp(54px,5.2vw,82px)/1.04 "Manrope",sans-serif;letter-spacing:-.055em;margin:0}.hero-description{grid-column:2;grid-row:2;font-size:17px;line-height:1.75;color:var(--muted);max-width:480px;margin:0}.hero-actions{grid-column:2;grid-row:3;margin-top:22px;gap:16px;align-items:center}.hero-actions button{font-size:14px;font-weight:700;border:2px solid var(--ink);border-radius:0;box-shadow:5px 5px 0 var(--ink);min-height:54px;padding:13px 18px}.hero-actions a{font-size:14px;min-height:48px;border-color:var(--line)}.hero-footnote{grid-column:2;grid-row:4;margin:18px 0 0;color:var(--muted);font-size:13px}.playfield-world{width:90%;max-width:1000px;margin:-65px auto 0}.playfield-world img{display:block;width:100%;height:520px;object-fit:contain}.playfield-world figcaption{display:flex;justify-content:space-between;gap:20px;padding-bottom:22px;color:var(--muted);font:11px/1.6 IBM Plex Mono,monospace;letter-spacing:.5px}.playfield-process{display:flex;justify-content:space-between;gap:20px;margin:0 4.5%;padding:24px;background:var(--ink);color:#f0e9ff;font:12px/1.6 IBM Plex Mono,monospace;transform:rotate(-.6deg)}.playfield-lab{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:112px 8%;scroll-margin-top:24px}.playfield-lab-copy{max-width:460px}.graft-landing h2{font:700 clamp(36px,4vw,58px)/1.08 "Manrope",sans-serif;letter-spacing:-.045em}.playfield-lab-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;color:var(--muted)}.playfield-lab-copy .playfield-lab-note{font-size:15px}.playfield-lab-copy button{margin-top:12px;border-color:var(--ink);background:var(--accent);font-weight:700}.playfield-lab .mechanic-demo{width:100%;max-width:480px;justify-self:end}.mechanic-demo{border:2px solid var(--ink);border-radius:4px;background:var(--surface);box-shadow:7px 7px #a38fca}.demo-title{background:var(--accent);color:var(--ink);border-color:var(--ink);font-size:11px}.demo-dot{background:var(--ink)}.demo-meta>span:first-child{font:700 22px/1.2 Manrope,sans-serif}.demo-meta>span:last-child,.demo-rule>span,.specimen-status,.specimen-label{color:var(--muted)}.demo-grid{background:#9786b6;border-color:#79658e}.demo-cell{font:700 clamp(22px,3vw,34px)/1 "Manrope",sans-serif;background:#cabbe5;border-color:#8b78a6;color:var(--ink);box-shadow:inset 0 -3px #0000000a}.demo-cell.value-2{background:#f1e7ff}.demo-cell.value-4{background:#a6bdf8}.demo-cell.value-8{background:#ffab72}.demo-cell.value-16,.demo-cell.value-32{background:#d5f28a}.demo-cell.value-64,.demo-cell.value-128{background:#313eca;color:#fff}.demo-cell.specimen-wall{background:var(--ink);color:#fff;box-shadow:inset 0 0 0 5px #695784;border-color:var(--ink)}.specimen-controls button{background:#f4effc;border-color:#ab9bc3}.specimen-controls button:hover{background:#d8cef2}.specimen-presets button{font-size:14px;border-color:#a090b6}.specimen-presets button[aria-pressed=true]{background:var(--ink);color:#fff}.specimen-status{font-size:12px}.demo-rule{background:#e6ddf4}.specimen-label{font-size:11px}.specimen-controls .demo-next{font-size:14px}.graft-proof{margin:0 4.5%;border-color:var(--line)}.graft-proof>span{color:var(--muted)}.graft-process,.graft-object{padding-block:112px}.graft-process p:not(.eyebrow),.graft-object p:not(.eyebrow),.forks-heading>p:last-child{color:var(--muted);font-size:16px}.process-code{background:#eee6fa;border-color:#9786b6}.process-code>span{color:var(--muted)}.graft-steps li>span{color:var(--muted)}.graft-forks{background:#c7b8e5;padding-block:88px}.fork-options>button{background:var(--surface);border:1px solid var(--ink);box-shadow:4px 4px #9b85bc}.fork-options>button:hover{background:#e9e1f8}.fork-options strong{color:var(--ink)}.fork-mini i{background:#d5f28a}.fork-mini.wall-grid .wall{background:var(--ink)}.graft-landing h3{font-size:25px}.eyebrow{color:var(--muted)}.workbench,.document,.library,.delivery,.version-page{color:var(--ink)}.workbar,.evidence-panel,.rules-panel,.panel-heading,.replay,.notice{background:#e9e1f8}.play-panel{background:var(--surface)}.field input,.field select,.document input,.document select{background:#fcf9ff;border-color:#a291b5;color:var(--ink)}.board{background:#b3a0ce;border-color:#9786b6}.board .tile{font-family:Manrope,sans-serif;font-weight:700;color:var(--ink);border-color:#8b78a6;background:#cabbe5}.board .tile.v2{background:#f1e7ff!important}.board .tile.v4{background:#a6bdf8!important}.board .tile.v8{background:#ffab72!important}.board .tile.v16,.board .tile.v32{background:#d5f28a!important}.board .tile.v64,.board .tile.v128{background:#313eca!important;color:#fff}.board .tile.v256,.board .tile.v512,.board .tile.v1024{background:#ffab72!important;color:var(--ink)}.board .tile.v2048{background:#d5f28a!important;color:var(--ink)}.board .tile.wall{background:var(--ink)!important;color:#fff}.segmented button.active,.tabs button.active{background:var(--ink);color:#fff}.tag,.pill{border-color:#a291b5}.board-caption,.save-status{color:var(--muted)}footer{background:var(--paper);color:var(--muted);border-color:var(--line)}@media(min-width:781px)and (max-width:1100px){.graft-hero-copy{column-gap:30px;grid-template-columns:1.1fr .9fr}.graft-hero h1{font-size:57px}.hero-description{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.playfield-world{margin-top:-35px}.playfield-lab{padding-inline:5%;gap:5%}.topbar{gap:22px}.topbar nav button{padding-inline:8px}}@media(max-width:780px){.graft-hero{padding:40px 6% 0}.graft-hero-copy{display:block}.graft-hero h1{font-size:clamp(40px,10.8vw,68px);letter-spacing:-.055em;margin-bottom:24px}.hero-kicker{font-size:10px;letter-spacing:.4px;margin-bottom:26px}.hero-description{font-size:16px;line-height:1.8;max-width:520px}.hero-actions{margin-top:26px;gap:18px}.hero-actions button{font-size:14px;min-height:54px}.hero-footnote{font-size:12px;margin-top:18px}.playfield-world{width:110%;margin:10px -5% 0}.playfield-world img{height:auto}.playfield-world figcaption{font-size:9px;gap:16px;padding:0 5% 25px}.playfield-process{margin-inline:6%;padding:20px;flex-direction:column;gap:12px;font-size:11px}.playfield-lab{grid-template-columns:1fr;gap:32px;padding:70px 6%}.playfield-lab .mechanic-demo{justify-self:center;max-width:500px}.playfield-lab-copy{max-width:none}.graft-landing h2{font-size:39px;letter-spacing:-.045em}.demo-meta>span:first-child{font-size:20px}.demo-cell{font-size:28px}.specimen-presets button{font-size:13px}.specimen-status{font-size:11px}.graft-proof{margin-inline:6%}.graft-process,.graft-object{padding:72px 6%}.graft-forks{padding:64px 6%}.graft-landing h3{font-size:23px}.brand span{font-size:34px}.topbar{padding-inline:6%}.demo-rule>span{font-size:10px}.graft-hero .hero-actions a{font-size:14px}}@media(max-width:360px){.graft-hero h1{font-size:40px}.hero-kicker{font-size:9px}.graft-landing h2{font-size:34px}.demo-meta>span:first-child{font-size:18px}.demo-cell{font-size:24px}}@media(prefers-reduced-motion:reduce){button,.demo-cell{transition:none}}.source-reader p{color:var(--ink)}.graft-hero{position:relative;overflow:clip;padding-top:54px;background:radial-gradient(ellipse at 80% 75%,#ece5fc 0,transparent 55%),#d8cef2}.graft-hero-copy{max-width:1330px;width:100%;margin-inline:auto}.graft-hero h1{font-size:clamp(54px,6.1vw,92px)}.graft-hero .hero-kicker{box-shadow:3px 3px #b5a4d0}.graft-hero .hero-actions button{transition:transform .16s,box-shadow .16s,background .16s}.graft-hero .hero-actions button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.graft-hero .hero-actions button:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--ink)}.world-console{width:min(100%,1100px);margin:36px auto 38px;border:2px solid var(--ink);background:#e3d9f4;box-shadow:10px 10px #ad98cc;position:relative}.world-console-top{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 20px;border-bottom:1px solid var(--ink);background:#efe8fb;font:11px/1.5 IBM Plex Mono,monospace;letter-spacing:.6px}.world-console-top>span:first-child{display:flex;gap:8px;align-items:center}.world-console-top i{width:9px;height:9px;background:#313eca;box-shadow:3px 3px #c2d4f9}.world-stage{position:relative;perspective:1000px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#f1eaff,#d8ccef 75%)}.world-art{display:block;width:100%;height:clamp(330px,43vw,520px);transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .16s ease-out}.world-art text{font-family:IBM Plex Mono,monospace}.world-art .world-tile text{font-family:Manrope,sans-serif}.world-island{animation:world-arrive .85s cubic-bezier(.16,1,.3,1) both}.world-tile{animation:tile-arrive .22s ease-out both}.world-empty{opacity:.75}.world-score{position:absolute;z-index:1;right:22px;top:22px;display:grid;gap:2px;text-align:right}.world-score span,.world-coordinate{font:10px/1.5 IBM Plex Mono,monospace;letter-spacing:1px;color:#5d497b}.world-score strong{font-size:30px;font-weight:700;letter-spacing:-1px}.world-coordinate{position:absolute;top:25px;left:22px}.world-stage-note{display:flex;align-items:center;justify-content:space-between;padding:0 20px 12px;gap:10px;font:12px/1.5 IBM Plex Mono,monospace}.world-stage-note button{border:1px solid #a58ebe;background:#eee5fa;border-radius:50%;padding:10px;min-width:44px}.world-dock{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:2px solid var(--ink);padding:18px;background:#f3ecfd}.world-rule-switch{display:flex;gap:6px}.world-rule-switch button{border:1px solid #b4a1ca;border-radius:2px;font-size:13px;padding:10px 15px;background:transparent;color:var(--ink)}.world-rule-switch button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:3px 3px #ae99cb}.world-dock .world-play{background:var(--accent);color:var(--ink);font-size:14px;font-weight:700;border:1px solid var(--ink);border-radius:2px;box-shadow:3px 3px 0 var(--ink);padding:12px 18px;transition:transform .15s,box-shadow .15s}.world-dock .world-play:hover{transform:translate(-1px,-2px);box-shadow:4px 5px 0 var(--ink)}.world-dock .world-play:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.world-lab-link{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;color:#55416f;background:#eee5fa;border-top:1px dashed #b09bc9;font-size:12px;text-decoration:none}.world-lab-link:hover{color:#313eca;background:#f5efff}.playfield-process{transform:none;border:1px solid var(--ink);position:relative}.playfield-process>span{display:flex;align-items:center;gap:12px}.playfield-process>span:before{content:"↗";color:var(--accent);font-size:20px}.playfield-lab{background-image:radial-gradient(#b9a6d1 1px,transparent 1px);background-size:23px 23px}.playfield-lab-copy{background:#d8cef2e8;padding-block:15px}.playfield-lab .mechanic-demo{transform:rotate(1deg);box-shadow:11px 11px #a38fca}.playfield-lab .demo-grid{background:#9b87b8;box-shadow:inset 0 3px 8px #44335a25}.demo-cell{transition:background .15s;animation:cell-settle .18s ease-out}.demo-cell.cell-merged{animation:cell-merge .24s ease-out}.demo-meta strong{display:inline-block;font-size:22px}.fork-options>button{transition:transform .18s,box-shadow .18s}.fork-options>button:hover{transform:translateY(-4px);box-shadow:7px 9px #9b85bc}.fork-options>button:hover .fork-mini i:nth-child(3n){transform:translateY(-3px)}.fork-mini i{transition:transform .18s}.topbar nav button{transition:background .15s,color .15s}.workbar,.panel-heading{border-bottom-color:#aa95c3}.board .tile{box-shadow:inset 0 -4px #5d41751c,0 2px 2px #402d5f10}@keyframes world-arrive{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}@keyframes tile-arrive{0%{transform:translate(var(--from-x, 0px),var(--from-y, -12px));opacity:.75}to{transform:translate(0);opacity:1}}@keyframes cell-settle{0%{opacity:.6}to{opacity:1}}@keyframes cell-merge{0%{transform:scale(.94)}45%{transform:scale(1.07)}to{transform:scale(1)}}@media(max-width:780px){.graft-hero{padding:35px 6% 0}.graft-hero h1{font-size:clamp(49px,11.4vw,76px)}.world-console{margin-top:30px;box-shadow:6px 6px #ad98cc}.world-console-top{padding:11px 12px;font-size:10px}.world-console-top>span:last-child{display:none}.world-art{height:auto;width:100%;max-width:none;margin:42px 0 0}.world-score{top:12px;right:12px}.world-score strong{font-size:23px}.world-coordinate{top:14px;left:12px;font-size:9px}.world-dock{display:grid;gap:14px;padding:14px 12px}.world-rule-switch{display:grid;grid-template-columns:1fr 1.15fr 1.15fr;gap:5px}.world-rule-switch button{font-size:11px;padding:10px 6px;white-space:nowrap}.world-play{justify-content:center}.world-stage-note{font-size:11px;padding-inline:12px}.world-stage-note span{max-width:180px}.playfield-lab .mechanic-demo{transform:none;box-shadow:6px 6px #a38fca}.playfield-process{gap:14px;padding:20px}}@media(prefers-reduced-motion:reduce){.world-art{transform:none!important}.graft-landing *,.graft-landing *:before{animation:none!important;transition:none!important;scroll-behavior:auto}}.devhq-preview{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 12px;padding:12px 20px;color:#244f45;background:#e0e7d8;border-bottom:1px solid #b7c2b9;font-size:14px;line-height:1.5;text-align:center}.devhq-preview a{color:inherit;text-decoration:underline}@media(max-width:780px){.topbar+aside.devhq-preview{display:block;padding:8px 16px;font-size:11px;line-height:1.6}.devhq-preview strong{margin-right:7px}.devhq-preview a{margin-left:9px;white-space:nowrap}}.account-page,.account-page section{min-width:0;overflow-wrap:anywhere}.account-page select{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px}.account-page input{box-sizing:border-box;min-width:0;max-width:100%}.account-page .actions{min-width:0;flex-wrap:wrap}
