/* A playable field note in the site's monochrome console language. */
.story{max-width:1200px;margin:auto;padding:0 40px;color:var(--text)}.edition{display:flex;justify-content:space-between;gap:20px;padding:30px 0;font-size:calc((10px) * var(--text-scale, 1));letter-spacing:.06em;color:var(--dim);border-bottom:1px solid var(--line)}.edition a{text-decoration:none}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:36px;padding:65px 0 78px;align-items:center}.kicker,.chapter-marker,.plate-top,.plate-bottom,.demo-top,.demo-foot,.steps,.micro{font-size:calc((10px) * var(--text-scale, 1));text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:calc((clamp(36px,4.8vw,62px)) * var(--text-scale, 1));font-weight:400;line-height:1.13;letter-spacing:-.07em;color:var(--ink);margin:23px 0}.hero h1 span{color:var(--dim)}.hero .intro{max-width:39ch;font-size:calc((14px) * var(--text-scale, 1));line-height:1.9;margin-bottom:28px}.solid-link{display:inline-flex;align-items:center;gap:32px;background:var(--ink);color:var(--bg);padding:14px 18px;text-decoration:none;font-size:calc((11px) * var(--text-scale, 1))}.solid-link:hover{background:var(--text)}.micro{color:var(--dim);margin-top:16px;font-size:calc((9px) * var(--text-scale, 1))}.building-plate{border:1px solid var(--line)}.building-plate svg{display:block;width:100%;height:auto}.plate-top,.plate-bottom{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;color:var(--dim);font-size:calc((9px) * var(--text-scale, 1))}.plate-top{border-bottom:1px solid var(--line)}.plate-bottom{border-top:1px solid var(--line)}.signal::before{content:'';display:inline-block;width:5px;height:5px;margin-right:8px;background:var(--ink)}.chapter{border-top:1px solid var(--line);padding-bottom:70px}.chapter-marker{display:flex;justify-content:space-between;gap:24px;color:var(--dim);padding:19px 0 44px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}h2{font-size:calc((clamp(23px,3vw,34px)) * var(--text-scale, 1));font-weight:400;line-height:1.35;letter-spacing:-.045em;color:var(--ink)}.split p{margin-bottom:18px;font-size:calc((13px) * var(--text-scale, 1));line-height:1.95}blockquote{border-left:1px solid var(--ink);padding:6px 0 6px 22px;color:var(--ink);font-size:calc((20px) * var(--text-scale, 1));line-height:1.6;margin:30px 0}blockquote cite{display:block;font-size:calc((10px) * var(--text-scale, 1));color:var(--dim);font-style:normal;margin-top:12px;line-height:1.7}.play-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:30px}.play-heading>p{max-width:39ch;font-size:calc((12px) * var(--text-scale, 1));color:var(--dim)}#try-it{scroll-margin-top:85px}.demo-shell{border:1px solid var(--palette-line-494949)}.demo-top{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;border-bottom:1px solid var(--line);color:var(--ink)}button,input,select{font:inherit;border-radius:0}button{cursor:pointer;color:var(--ink);border:1px solid var(--palette-line-494949);background:transparent;padding:11px 16px;font-size:calc((11px) * var(--text-scale, 1))}button:hover{background:var(--palette-surface-1b1b1b)}button:disabled{opacity:.4;cursor:default}#restart{border:0;padding:5px;font-size:calc((10px) * var(--text-scale, 1));color:var(--dim)}.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);color:var(--dim)}.steps li{padding:17px 22px;border-right:1px solid var(--line)}.steps li:last-child{border-right:0}.steps span{margin-right:10px;color:var(--ghost)}.steps [aria-current]{background:var(--palette-surface-191919);color:var(--ink)}.steps [aria-current] span,.steps .done span{color:var(--ink)}.demo-body{display:grid;grid-template-columns:1.15fr 1fr;min-height:435px}.scene{padding:32px}.scene .kicker{color:var(--dim);margin-bottom:14px}.scene h3{color:var(--ink);font-size:calc((22px) * var(--text-scale, 1));font-weight:400;line-height:1.4;letter-spacing:-.04em;margin-bottom:13px}.scene p{font-size:calc((12px) * var(--text-scale, 1));color:var(--dim);line-height:1.8;margin-bottom:20px}.scene label{display:block;margin:16px 0;font-size:calc((11px) * var(--text-scale, 1));color:var(--text)}.scene input,.scene select{width:100%;display:block;margin-top:7px;padding:11px 12px;background:var(--bg);border:1px solid var(--palette-line-494949);color:var(--ink);font-size:calc((12px) * var(--text-scale, 1))}.scene button.primary{background:var(--ink);border-color:var(--ink);color:var(--bg);margin-top:6px}.scene button.primary:hover{background:var(--text)}.scene .hint{font-size:calc((10px) * var(--text-scale, 1));margin-top:12px}.receipt{border-left:1px solid var(--line);padding:32px;background:var(--palette-surface-101010)}.receipt>.kicker{color:var(--dim);font-size:calc((9px) * var(--text-scale, 1))}.receipt-title{display:flex;align-items:center;gap:18px;padding:23px 0;border-bottom:1px dashed var(--palette-line-494949)}.receipt-title>span:first-child{font-size:calc((35px) * var(--text-scale, 1));color:var(--ink);line-height:1}.receipt-title>span+span{font-size:calc((11px) * var(--text-scale, 1));color:var(--dim)}.receipt dl{margin:18px 0}.receipt dl>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;font-size:calc((11px) * var(--text-scale, 1))}.receipt dt{color:var(--dim)}.receipt dd{margin:0;text-align:right;color:var(--ink);max-width:55%;overflow-wrap:anywhere}.activity{border-top:1px dashed var(--palette-line-494949);padding-top:18px;font-size:calc((10px) * var(--text-scale, 1));line-height:1.9;color:var(--dim);white-space:pre-line}.demo-foot{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:13px 22px;color:var(--dim);font-size:calc((9px) * var(--text-scale, 1));text-transform:none;letter-spacing:0}.scene .attachment{display:flex;align-items:center;gap:15px;padding:12px;border:1px dashed var(--palette-line-494949);margin:18px 0;font-size:calc((10px) * var(--text-scale, 1))}.attachment svg{width:60px;height:54px;flex-shrink:0}.attachment span{color:var(--dim)}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.large-check{font-size:calc((34px) * var(--text-scale, 1));color:var(--ink);margin-bottom:14px}.notice{padding:14px;border:1px solid var(--line);font-size:calc((12px) * var(--text-scale, 1));margin-top:14px}.margin-note{color:var(--dim);margin-top:18px}.status-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin-top:30px}.status-grid>div{padding:27px}.status-grid>div+div{border-left:1px solid var(--line)}.status-grid h3{font-size:calc((12px) * var(--text-scale, 1));font-weight:400;color:var(--ink);margin-bottom:18px}.status-grid h3 span{margin-right:10px;color:var(--dim)}.status-grid ul{list-style:none;font-size:calc((12px) * var(--text-scale, 1));line-height:2.2;color:var(--dim)}.status-note{font-size:calc((11px) * var(--text-scale, 1));line-height:1.9;max-width:80ch;margin:23px 0}.text-link{display:inline-flex;gap:24px;font-size:calc((12px) * var(--text-scale, 1));text-underline-offset:6px}.closing{padding:65px 0 75px;border-top:1px solid var(--line);max-width:100%}.closing h2{font-size:calc((clamp(27px,4vw,46px)) * var(--text-scale, 1));margin:22px 0}.closing p:not(.kicker):not(.signature){max-width:53ch;font-size:calc((13px) * var(--text-scale, 1));line-height:1.9;margin-bottom:14px}.closing-links{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:28px}.signature{font-size:calc((20px) * var(--text-scale, 1));color:var(--ink);margin-top:35px}.story-footer{border-top:1px solid var(--line);padding:23px 0 32px;font-size:calc((10px) * var(--text-scale, 1));color:var(--dim);display:flex;justify-content:space-between;gap:16px}.story-footer a{text-decoration:none}.story-footer a:hover,.edition a:hover{color:var(--ink)}
@media(max-width:900px){.hero{gap:24px}.hero h1{font-size:calc((44px) * var(--text-scale, 1))}.story{padding:0 25px}.split{gap:30px}.scene,.receipt{padding:24px}.steps li{padding:15px}.steps span{margin-right:6px}.plate-bottom{font-size:calc((8px) * var(--text-scale, 1))}}
@media(max-width:650px){.story{padding:0 20px}.edition{font-size:calc((9px) * var(--text-scale, 1));padding:20px 0;flex-wrap:wrap;gap:8px}.hero{grid-template-columns:1fr;padding:36px 0 42px;gap:30px}.hero h1{font-size:calc((clamp(38px,11vw,60px)) * var(--text-scale, 1))}.hero .intro{font-size:calc((13px) * var(--text-scale, 1))}.building-plate{max-width:480px;width:100%}.hero-copy .micro{font-size:calc((8px) * var(--text-scale, 1))}.chapter{padding-bottom:40px}.chapter-marker{padding-bottom:28px;font-size:calc((8px) * var(--text-scale, 1));gap:16px;align-items:start}.chapter-marker span+span{text-align:right;max-width:46%}.split{grid-template-columns:1fr;gap:20px}.split p{font-size:calc((12px) * var(--text-scale, 1))}.split blockquote{font-size:calc((18px) * var(--text-scale, 1))}.play-heading{display:block}.play-heading>p{margin-top:17px;font-size:calc((11px) * var(--text-scale, 1))}.demo-body{grid-template-columns:1fr;min-height:0}.receipt{border-left:0;border-top:1px solid var(--line)}.scene,.receipt{padding:23px 19px}.demo-top{padding:12px 14px;font-size:calc((8px) * var(--text-scale, 1))}.steps li{font-size:calc((8px) * var(--text-scale, 1));padding:13px 7px;text-align:center}.steps span{display:block;margin:0 0 3px}.demo-foot{padding:12px 14px;align-items:start}.demo-foot span:first-child{max-width:70%}.demo-foot span+span{white-space:nowrap}.status-grid{grid-template-columns:1fr}.status-grid>div{padding:23px}.status-grid>div+div{border-left:0;border-top:1px solid var(--line)}.status-grid ul{font-size:calc((11px) * var(--text-scale, 1))}.closing{padding:38px 0}.closing-links{gap:22px}.story-footer{flex-wrap:wrap;font-size:calc((9px) * var(--text-scale, 1))}.story-footer span{order:3;width:100%}.field-pair{gap:10px}}