@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2) format("woff2"),url(/assets/press-start-2p-latin-400-normal-KLytu4cr.woff) format("woff")}.field-map{box-sizing:border-box;width:min(1200px,calc(100vw - 32px),calc((100dvh - 32px)*1.5));max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;border:1px solid var(--map-ink);border-radius:0;color:var(--map-ink);background:var(--map-background);font:12px/1.25 IBM Plex Mono,monospace}.field-map::backdrop{background:#000b}.field-map-paper{position:relative;aspect-ratio:3 / 2}.field-map-terrain{display:block;width:100%;height:100%;image-rendering:pixelated;cursor:crosshair}.field-map-markers{position:absolute;inset:0;pointer-events:none}.field-map button{appearance:none;border-radius:0;font:inherit;color:inherit;cursor:pointer}.field-map-marker{position:absolute;width:24px;height:24px;padding:4px;transform:translate(-50%,-50%);background:var(--map-background);border:0;pointer-events:auto}.field-map-marker svg{display:block;width:16px;height:16px;fill:currentColor;shape-rendering:crispEdges}.field-map-marker span{position:absolute;left:100%;top:3px;padding:2px 4px;width:max-content;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--map-background)}.field-map-marker[data-side=left] span{left:auto;right:100%}.field-map-marker:hover,.field-map-marker:focus-visible{z-index:2;outline:1px solid currentColor}.field-map-close{position:absolute;top:8px;right:8px;padding:6px 8px;background:var(--map-background);border:1px solid transparent}.field-map-close:hover,.field-map-close:focus-visible{outline:none;border-color:currentColor}@media(max-width:640px){.field-map{width:calc(100vw - 16px);font-size:10px}.field-map-marker{width:16px;height:16px;padding:0}.field-map-marker svg{width:8px;height:8px;margin:4px}.field-map-marker span{top:0;max-width:85px}.field-map-close{top:4px;right:4px}}.field-combat-notice{position:absolute;inset:45% 0 auto;margin:0;text-align:center;pointer-events:none;color:var(--ink);font:16px "Press Start 2P",monospace;text-transform:uppercase;z-index:5}.field-shells{display:inline-flex;align-items:center;gap:6px;font:inherit;font-variant-numeric:tabular-nums}.field-shells[hidden],.field-shells progress[hidden]{display:none}.field-shells progress{appearance:none;width:32px;height:4px;border:0;border-radius:0;background:var(--paper);color:var(--ink)}.field-shells progress::-webkit-progress-bar{background:var(--paper)}.field-shells progress::-webkit-progress-value{background:var(--ink)}.field-shells progress::-moz-progress-bar{background:var(--ink)}.key-settings{display:grid;gap:.75rem;width:min(100%,22rem);font-family:monospace;font-size:12px;text-align:left}.key-settings h3,.key-settings p{margin:0;font-size:inherit}.key-settings button{min-height:32px;padding:.35rem .6rem;border:1px solid currentColor;border-radius:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.key-settings button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.key-settings button[aria-pressed=true]{border-style:dashed;font-weight:700}.key-settings-presets{display:flex;flex-wrap:wrap;gap:.5rem}.key-settings-bindings{display:grid;gap:.35rem}.key-settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.key-settings-row button{min-width:7rem}.key-settings-aliases,.key-settings-status{line-height:1.5}.key-settings-status{min-height:3em}.remote-speech-label{position:absolute;z-index:3;transform:translate(-50%,calc(-100% - 12px));pointer-events:none;color:var(--leaf)}.remote-speech-name{display:block;max-width:min(300px,70vw);padding:3px 5px;background:var(--ground);font:10px/14px monospace;text-align:center;overflow-wrap:anywhere}.remote-speech-bubble{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);width:64px;height:48px;color:var(--ground);background:var(--leaf);transition:width var(--remote-speech-spring),height var(--remote-speech-spring)}.remote-speech-bubble:after{content:"";position:absolute;left:calc(50% - 4px);bottom:-8px;width:8px;height:8px;background:inherit}.remote-speech-content,.remote-speech-measure{font:16px/24px "Press Start 2P",monospace;text-transform:uppercase;letter-spacing:0;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;text-align:left}.remote-speech-content{position:absolute;display:block;left:12px;top:12px}.remote-speech-measure{position:absolute;visibility:hidden;width:max-content;min-width:40px;max-width:min(260px,calc(100vw - 64px))}.remote-speech-dots{display:inline-flex;vertical-align:baseline;padding-left:6px;gap:4px;height:12px;align-items:flex-end}.remote-speech-dots i{width:4px;height:4px;background:currentColor;animation:remote-speech-dot 1.05s steps(1,end) infinite}.remote-speech-dots i:nth-child(2){animation-delay:-.7s}.remote-speech-dots i:nth-child(3){animation-delay:-.35s}@keyframes remote-speech-dot{0%,66.67%,to{transform:translateY(0)}33.33%{transform:translateY(-4px)}}.remote-speech-label[hidden],.remote-speech-bubble[hidden],.remote-speech-dots[hidden]{display:none}.remote-speech-measure .remote-speech-dots i,.remote-speech-label[data-reduced=true] .remote-speech-dots i{animation:none}.remote-speech-label[data-reduced=true] .remote-speech-bubble{transition:none}@media(prefers-reduced-motion:reduce){.remote-speech-dots i{animation:none}.remote-speech-bubble{transition:none}}.rn-root{display:inline-block;position:relative;white-space:pre;unicode-bidi:isolate;vertical-align:baseline}.rn-root>.rn-measure,.rn-root>.rn-visual{display:none}.rn-root[data-rn-measuring]>.rn-measure{display:inline-flex;position:relative;visibility:hidden;white-space:pre;padding:0;border:0}.rn-token{display:inline-block;padding:0;border:0}.rn-root[data-rn-measuring]>.rn-value,.rn-react[data-rn-hydrated]>.rn-semantic,.rn-solid[data-rn-hydrated]>.rn-semantic{position:absolute;inset:0;padding:0;margin:0;color:transparent;z-index:1}.rn-value::selection,.rn-semantic::selection{color:HighlightText;background:Highlight}.rn-root[data-rn-ready]>.rn-visual{display:block;position:absolute;inset:0;pointer-events:none;-webkit-user-select:none;user-select:none}.rn-slot{position:absolute;left:0;overflow:hidden;box-sizing:content-box;padding-inline:.15em;margin-inline-start:-.15em;-webkit-mask-image:var(--rn-mask, linear-gradient( to bottom, transparent, #000 var(--rn-edge-fade, .12em), #000 calc(100% - var(--rn-edge-fade, .12em)), transparent ));mask-image:var(--rn-mask, linear-gradient( to bottom, transparent, #000 var(--rn-edge-fade, .12em), #000 calc(100% - var(--rn-edge-fade, .12em)), transparent ));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@supports (overflow: clip){.rn-slot{overflow-x:visible;overflow-y:clip}}.rn-slot:not([data-rn-wheel]){overflow:visible;-webkit-mask-image:none;mask-image:none}.rn-enter,.rn-reel,.rn-face{display:block}.rn-reel{position:relative}.rn-ink{display:block;position:absolute;inset:0;will-change:transform}.rn-smear .rn-ink{will-change:auto}.rn-slot[data-rn-flap]{-webkit-mask-image:none;mask-image:none}:where(.rn-slot[data-rn-flap]) .rn-face{background:var(--rn-flap-background, Canvas)}.rn-flap{position:absolute;inset:0;transform-origin:50% 50%;backface-visibility:hidden}.rn-flap-top{clip-path:inset(0 0 calc(50% + var(--rn-crease, 1px) / 2) 0)}.rn-flap-bottom{clip-path:inset(calc(50% + var(--rn-crease, 1px) / 2) 0 0 0)}.rn-sharp,.rn-smear{display:block}.rn-smear{position:absolute;inset:0;pointer-events:none}.rn-blur-defs{position:absolute;width:0;height:0;overflow:hidden}.rn-face{text-align:center;white-space:pre}.rn-react,.rn-solid{display:inline-block;position:relative;white-space:pre;unicode-bidi:isolate}.rn-mount{display:inline-block;-webkit-user-select:none;user-select:none}.rn-mount .rn-value{pointer-events:none}.rn-react:not([data-rn-hydrated])>.rn-mount,.rn-solid:not([data-rn-hydrated])>.rn-mount{display:none}@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 Mono,monospace;background:#999991;font-synthesis:none;-webkit-font-smoothing:antialiased}.inspiration-page{--paper: #f4f3ef;--text: #242523;height:100dvh;display:flex;flex-direction:column;padding:30px 40px 0;background:var(--paper);color:var(--text);color-scheme:light;isolation:isolate;font-size:12px}.inspiration-header,.inspiration-title,.inspiration-tools,.inspiration-toolbar,.inspiration-toolbar nav,.inspiration-meta,.inspiration-caption,.inspiration-dialog header,.inspiration-detail-actions{display:flex;align-items:center;gap:20px}.inspiration-header{justify-content:space-between;padding-bottom:36px;flex-wrap:wrap}.inspiration-title{gap:30px}.inspiration-title h1{font-size:18px;font-weight:400;margin:0}.inspiration-page .page-button{color:#777970}.inspiration-tools{gap:24px;color:#686a61}.inspiration-page button{cursor:pointer}.inspiration-page button:hover,.inspiration-import:hover{color:#6c754d}.inspiration-page :focus-visible{outline:2px solid #6c754d;outline-offset:4px}.inspiration-toolbar{gap:16px;flex-wrap:wrap}.inspiration-toolbar nav{gap:4px}.inspiration-toolbar nav button{padding:9px 12px}.inspiration-toolbar nav span{opacity:.45;font-variant-numeric:tabular-nums}.inspiration-toolbar button[aria-pressed=true]{background:#e5e5de}.inspiration-toolbar input{margin-left:auto;width:min(300px,100%)}.inspiration-page input,.inspiration-page select{font:inherit;color:inherit;background:#eaeae4;border:0;border-radius:0;padding:10px 12px}.inspiration-meta{justify-content:space-between;padding:22px 0 16px;color:#777970;font-size:11px;font-variant-numeric:tabular-nums}.inspiration-scroll{touch-action:pan-y;flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable}.inspiration-scroll:focus-visible{outline:none}.inspiration-grid{position:relative}.inspiration-row{position:absolute;top:0;left:0;width:100%;display:grid;gap:20px}.inspiration-card{min-width:0;min-height:0;height:100%;padding-bottom:20px}.inspiration-image{position:relative;width:100%;height:calc(100% - 46px);display:flex;justify-content:center;align-items:center;overflow:hidden;background:#e8e8e1}.inspiration-image .inspiration-animated-thumbnail{position:absolute;inset:0}.inspiration-media-label{position:absolute;bottom:8px;left:8px;padding:3px 5px;background:#242523;color:#f4f3ef;font-size:10px;pointer-events:none}.inspiration-image img,.inspiration-image video{width:100%;height:100%;object-fit:contain}.inspiration-caption{height:46px;justify-content:space-between;gap:8px}.inspiration-caption>div{flex:1;min-width:0}.inspiration-caption>div>div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.inspiration-caption small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#85867e;font-size:10px}.inspiration-caption button{width:36px;height:36px;font-size:20px;flex-shrink:0}.inspiration-caption button[aria-pressed=true]{color:#6c754d}.inspiration-empty{padding:80px 0;text-align:center}.inspiration-empty h2{font-size:18px;font-weight:400}.inspiration-empty p{color:#777970;margin:18px 0}.inspiration-help{max-width:800px;padding-bottom:24px;color:#686a61;line-height:1.8}.inspiration-import{position:relative;cursor:pointer}.inspiration-import input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.inspiration-import:focus-within{outline:2px solid #6c754d}.inspiration-dialog{background:#f4f3ef;color:#242523;border:0;padding:16px 24px;width:100vw;height:100dvh;max-width:none;max-height:none}.inspiration-dialog[open]{display:flex;flex-direction:column}.inspiration-dialog::backdrop{background:#151611cc}.inspiration-dialog header{justify-content:space-between;margin-bottom:8px}.inspiration-density,.inspiration-viewer-tools{display:flex;align-items:center;gap:12px}.inspiration-density input[type=range]{width:110px;padding:0;accent-color:#686e57}.inspiration-density button,.inspiration-viewer-tools button{min-width:32px;min-height:32px}.inspiration-page button:disabled{opacity:.35;cursor:default}.inspiration-viewer{flex:1;min-height:180px;display:flex;flex-direction:column}.inspiration-viewer-tools{flex-shrink:0;justify-content:flex-end;padding-bottom:8px}.inspiration-viewer-tools span{margin-right:auto;color:#777970}.inspiration-image-viewport{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#e8e8e1}.inspiration-image-surface{position:relative}.inspiration-image-surface img,.inspiration-image-surface video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.inspiration-image-viewport{background:#e8e8e1}.inspiration-detail{max-height:30dvh;overflow:auto;flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding-top:22px}.inspiration-detail h2{font-size:14px;font-weight:400;margin:0;flex:1 1 40%}.inspiration-detail label{display:flex;align-items:center;gap:16px;width:100%}.inspiration-detail input{flex:1;min-width:0}.inspiration-detail textarea{flex:1;min-width:0;min-height:54px;resize:vertical;border:0;background:#eaeae4;color:inherit;font:inherit;padding:10px 12px}.inspiration-provenance{width:100%;color:#777970;font-size:10px}.inspiration-source-heading{position:absolute;inset:0 0 auto;height:40px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px}.inspiration-source-heading small,.inspiration-source-heading a{color:#777970}.inspiration-source-heading>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspiration-source-heading>a{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspiration-toolbar select{max-width:100%}.inspiration-card[data-active=true] .inspiration-image{outline:2px solid #6c754d;outline-offset:-2px}.inspiration-key-help{width:min(660px,92vw);max-height:90dvh;padding:24px;border:0;background:#f4f3ef;color:#242523}.inspiration-key-help::backdrop{background:#151611aa}.inspiration-key-help header{display:flex;justify-content:space-between;align-items:center;gap:24px}.inspiration-key-help h2{font-size:16px;font-weight:400}.inspiration-key-help dl{display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:16px;padding-top:24px}.inspiration-key-help dd{margin:0;color:#777970}.inspiration-detail-actions{flex-wrap:wrap}.inspiration-detail-actions button{padding:10px 16px;background:#e5e5de}@media(max-width:700px){.inspiration-page{padding:22px 18px 0}.inspiration-header{gap:20px;padding-bottom:22px}.inspiration-tools{gap:16px;font-size:10px}.inspiration-toolbar{gap:10px}.inspiration-toolbar nav{width:100%}.inspiration-toolbar nav button{padding:8px 10px}.inspiration-toolbar input{margin-left:0;flex:1;width:120px}.inspiration-meta span:last-child{display:none}}.sound-lab{max-width:1080px;margin:0 auto;padding:42px 32px 80px}.sound-nav,.sound-heading,.sound-actions{display:flex;align-items:center;justify-content:space-between;gap:20px}.sound-nav{margin-bottom:48px}.sound-heading h2{font-size:22px}.sound-intro{color:var(--muted);margin:16px 0 40px}.sound-driving{margin-bottom:36px}.sound-driving summary{cursor:pointer}.sound-driving>p{max-width:680px;color:var(--muted);line-height:1.7;margin-top:16px}.sound-driving button[aria-pressed=true]{text-decoration:underline;text-underline-offset:4px}.sound-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px}.sound-catalog section+section{margin-top:24px}.sound-catalog h2{font-size:11px;color:var(--muted);margin:0 12px 8px}.sound-catalog button{width:100%;display:flex;justify-content:space-between;padding:9px 12px;text-align:left}.sound-catalog button[aria-pressed=true]{background:color-mix(in srgb,var(--leaf) 12%,transparent)}.sound-catalog button span:last-child{opacity:.4}.sound-wave{width:100%;height:180px;display:block;margin:20px 0;background:color-mix(in srgb,var(--leaf) 4%,transparent)}.sound-description{min-height:48px;color:var(--muted);line-height:1.6}.sound-actions{justify-content:flex-start;flex-wrap:wrap;margin:20px 0}.sound-actions button{padding:8px 0}.sound-actions .sound-play{padding:10px 24px;color:var(--ground);background:var(--leaf)}.sound-knobs{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;margin:32px 0}.sound-knobs label{display:flex;flex-direction:column;gap:12px}.sound-knobs label>span{display:flex;justify-content:space-between;gap:12px}.sound-knobs output{color:var(--muted);font-variant-numeric:tabular-nums}.sound-knobs input[type=range]{width:100%;margin:0;accent-color:var(--leaf)}.sound-knobs input[type=number]{width:100%;padding:6px 8px;border:1px solid var(--line);background:transparent}.sound-status{min-height:48px;font-size:11px;line-height:1.7;color:var(--muted)}.sound-recipe{margin-top:20px}.sound-recipe summary{cursor:pointer}.sound-recipe pre{overflow-x:auto;font-size:11px;line-height:1.6}.sound-footnote{margin-top:32px;color:var(--muted);font-size:11px;line-height:1.8}.field-sound-button{min-height:40px;padding:0 8px;white-space:nowrap}.field-sound-button[aria-pressed=true]{text-decoration:underline;text-underline-offset:4px}.field-sound-status{position:absolute;top:112px;right:20px;max-width:calc(100% - 40px);background:var(--ground);padding:8px;z-index:2}@media(max-width:680px){.sound-lab{padding:24px 20px 48px}.sound-nav{margin-bottom:32px}.sound-heading{align-items:baseline;flex-wrap:wrap;gap:8px}.sound-layout{grid-template-columns:1fr;gap:32px}.sound-catalog{display:flex;overflow-x:auto;gap:16px;padding-bottom:12px}.sound-catalog section{min-width:140px}.sound-catalog section+section{margin-top:0}.sound-knobs{gap:24px 18px}}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;padding:0}a{color:inherit;text-decoration:none}p,h1,h2{margin:0}h1,h2{font-weight:400}h1{font-size:22px}h2{font-size:16px}button,a,input,canvas{outline-offset:4px}:focus-visible{outline:1px solid var(--leaf)}::selection{color:var(--ground);background:var(--leaf)}.app{--text: var(--leaf);--muted: color-mix(in srgb, var(--leaf) 65%, var(--ground));--line: color-mix(in srgb, var(--leaf) 25%, var(--ground));color:var(--text);min-height:100dvh;background:var(--ground);isolation:isolate;font-size:13px;color-scheme:dark}button:hover,a:hover{text-decoration:underline;text-underline-offset:4px}.sprite{display:inline-block;width:32px;height:32px;flex-shrink:0;image-rendering:pixelated}.eyebrow{font-size:11px;font-variant-numeric:tabular-nums}.quiet{color:var(--muted)}.field{position:relative;height:100dvh;width:100%;overflow:hidden;outline:none;touch-action:manipulation}.field:focus-visible{outline:none}.field-canvas{position:absolute;width:var(--canvas-width);height:var(--canvas-height);left:50%;top:50%;transform:translate(-50%,-50%);image-rendering:pixelated}.speech-anchor{position:absolute;left:50%;top:50%;z-index:3;pointer-events:none}.speech-presence{opacity:0;visibility:hidden;transition:opacity .12s ease-out,visibility .12s}.speech-presence[data-visible=true]{opacity:1;visibility:visible;transition:opacity .12s ease-out}.speech-bubble{position:absolute;bottom:0;left:0;transform:translate(-50%);color:var(--ground);background:var(--leaf);transition:width var(--speech-spring),height var(--speech-spring)}.speech-bubble:after{content:"";position:absolute;left:calc(50% - 4px);bottom:-8px;width:8px;height:8px;background:inherit}.speech-measure,.speech-bubble textarea,.speech-message{font:16px/24px "Press Start 2P",monospace;text-transform:uppercase;letter-spacing:0;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}.speech-measure{position:absolute;visibility:hidden;width:max-content;min-width:40px;max-width:min(260px,calc(100vw - 64px))}.speech-bubble textarea,.speech-message{position:absolute;top:12px;left:12px;display:block;padding:0;border:0;border-radius:0;outline:none;margin:0;background:transparent;color:inherit;box-shadow:none}.speech-bubble textarea{z-index:1;color:transparent;caret-color:var(--ground);resize:none;overflow:hidden;pointer-events:auto}.speech-typing{display:inline-flex;vertical-align:baseline;padding-left:6px;gap:4px;height:12px;align-items:flex-end}.speech-typing i{width:4px;height:4px;background:currentColor;animation:speech-dot 1.05s steps(1,end) infinite}.speech-typing i:nth-child(2){animation-delay:-.7s}.speech-typing i:nth-child(3){animation-delay:-.35s}@keyframes speech-dot{0%,66.67%,to{transform:translateY(0)}33.33%{transform:translateY(-4px)}}.speech-presence[data-reduced=true] .speech-typing i,.speech-measure .speech-typing i{animation:none}@media(prefers-reduced-motion:reduce){.speech-typing i{animation:none}}.speech-presence[data-reduced=true],.speech-presence[data-reduced=true] .speech-bubble{transition:none}.workshop-link{width:40px;height:40px;display:grid;place-items:center;z-index:2;background:var(--ground)}.field-tools{position:absolute;top:20px;right:20px;z-index:2;display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 40px);align-items:center;gap:16px;background:var(--ground)}.field-room-status{font:11px monospace;color:var(--muted)}.field-remote-label{position:absolute;z-index:3;transform:translate(-50%,calc(-100% - 12px));pointer-events:none;white-space:pre-wrap;overflow-wrap:anywhere;max-width:min(300px,70vw);text-align:center;font:10px monospace;color:var(--leaf);background:var(--ground);padding:3px 5px}.field-remote-label[data-speaking=true]{font:12px/1.6 "Press Start 2P",monospace;padding:8px}.field-vehicle-button{min-width:40px;height:40px;padding:0 8px;background:var(--ground)}.variant-picker{display:flex;gap:24px;padding:22px 0 2px}.variant-picker button{color:var(--muted);min-height:36px;font-size:12px}.variant-picker button[aria-pressed=true]{color:var(--leaf);text-decoration:underline;text-underline-offset:5px}.variant-picker.compact{gap:0;padding:0}.variant-picker.compact button{width:32px;height:40px;font-size:11px}.field-palette-button{width:40px;height:40px;display:grid;place-items:center}.palette-colors{display:inline-flex;border:1px solid var(--line);flex-shrink:0}.palette-colors i{display:block;width:10px;height:14px}.world-controls{position:absolute;top:70px;right:20px;width:min(340px,calc(100% - 32px));max-height:calc(100dvh - 155px);overflow-y:auto;z-index:3;border:1px solid var(--leaf);padding:14px;background:var(--ground)}.world-controls-heading,.world-controls-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px}.world-controls-heading{font-size:12px}.world-controls-heading button{width:28px;height:28px;font-size:20px}.world-controls-bottom{flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px}.palette-lab{max-width:560px;padding:18px 0;font-size:11px}.palette-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.palette-presets button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:44px}.palette-presets button[aria-pressed=true],.palette-favorites button[aria-pressed=true]{text-decoration:underline;text-underline-offset:4px}.palette-current{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px}.palette-current>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-current>button{flex-shrink:0;min-height:32px}.palette-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px 0}.palette-channels label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:10px}.palette-channels input{width:100%;height:28px;padding:0;border:1px solid var(--line);background:transparent;cursor:pointer}.palette-save{display:flex;gap:12px;margin-top:8px}.palette-save input{min-width:0;width:100%;padding:8px;border:1px solid var(--line);background:transparent}.palette-save button{white-space:nowrap}.palette-save button:disabled{color:var(--muted);cursor:default}.palette-favorites{display:flex;flex-direction:column;gap:8px;margin-top:14px}.palette-favorites>div{display:flex;justify-content:space-between;gap:12px}.palette-favorites button{display:flex;align-items:center;gap:10px;min-height:30px}.palette-favorites>div>button:last-child{width:30px;justify-content:center}.palette-status{color:var(--muted);font-size:10px;line-height:1.6;min-height:32px;padding-top:12px}.references-page{min-height:100dvh;padding:8px;background:#101010;color:#c8c8c3;color-scheme:dark}.references-header{display:flex;align-items:center;gap:18px;height:42px;padding:0 4px 8px;font-size:11px}.references-header h1{font-size:14px}.references-header>span{color:#777}.references-header>a:last-child{margin-left:auto}.reference-filters,.reference-reading{display:flex;flex-wrap:wrap;gap:4px 18px;padding:0 4px 10px;font-size:10px}.reference-filters button{min-height:28px;color:#999}.reference-filters button[aria-pressed=true]{color:#fff;text-decoration:underline;text-underline-offset:5px}.reference-reading{padding-top:16px;color:#999}.reference-study{margin:10px 0 0;font-size:11px;color:#aaa}.reference-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px 4px}.reference-grid figure{margin:0;min-width:0}.reference-grid figure>button{display:block;width:100%;background:#000}.reference-grid img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:contain;image-rendering:pixelated}.reference-grid figcaption{display:flex;align-items:center;gap:8px;height:23px;padding:0 4px;font-size:9px}.reference-grid figcaption>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-grid figcaption>span:nth-child(2){color:#888;margin-left:auto}.reference-grid figcaption a{padding:4px}.reference-dialog{padding:0;border:0;max-width:96vw;max-height:96dvh;background:#101010;color:#ccc}.reference-dialog::backdrop{background:#000e}.reference-detail{padding:10px}.reference-detail header{display:flex;gap:20px;align-items:center;font-size:11px}.reference-detail header a{margin-left:auto;white-space:nowrap}.reference-detail header button{width:40px;height:40px;font-size:24px;flex-shrink:0}.reference-detail>img{display:block;width:min(90vw,1000px);height:75dvh;object-fit:contain;image-rendering:pixelated;background:#000}.reference-detail footer{display:flex;align-items:center;justify-content:center;gap:30px;font-size:11px}.reference-detail footer button{width:44px;height:40px}@media(max-width:1000px){.reference-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-detail header{gap:10px;font-size:10px}.variant-picker{gap:16px;flex-wrap:wrap}}.workshop-link svg{width:16px;height:16px;shape-rendering:crispEdges}.workshop-link:hover{outline:1px solid var(--leaf)}.crt .field-canvas,.crt .sprite{filter:drop-shadow(0 0 2px color-mix(in srgb,var(--leaf) 17%,transparent))}.crt .field:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.15;background:repeating-linear-gradient(transparent 0 3px,var(--ground) 3px 4px)}.crt .field[data-crt-renderer=webgl2] .field-canvas,.crt .field[data-crt-renderer=webgpu] .field-canvas{filter:none}.crt .field[data-crt-renderer=webgl2]:after,.crt .field[data-crt-renderer=webgpu]:after{display:none}.move-controls{display:none}.field-interaction{position:absolute;left:20px;bottom:20px;z-index:2;display:grid;gap:8px;padding:12px;background:var(--ground);font-size:11px}.field-interaction button{text-align:left;min-height:28px}.field-interaction span{color:var(--muted)}.driving-help{color:var(--muted);font-size:10px;line-height:1.6;padding-bottom:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.workshop-page{max-width:1280px;margin-inline:auto;padding:28px 40px 40px}.workshop-header{display:flex;align-items:center;gap:24px}.workshop-header>a{min-width:32px;min-height:44px;display:grid;place-items:center;font-size:24px}.workshop-header .display-controls{margin-left:auto}.map-tools{display:flex;align-items:center;gap:30px}.seed-control{display:flex;align-items:center;gap:10px}.seed-input{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.seed-input input{width:56px;border:0;border-bottom:1px solid var(--line);padding:7px 0;background:none;color:var(--text);font-variant-numeric:tabular-nums;-moz-appearance:textfield}.seed-input input::-webkit-inner-spin-button{-webkit-appearance:none}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;font-size:11px;color:var(--muted);white-space:nowrap}.text-button:hover{color:var(--text)}.toggle:before{content:"[ ]"}.toggle[aria-pressed=true]:before{content:"[×]";color:var(--leaf)}.display-controls{display:flex;flex-wrap:wrap;gap:18px}.distance-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.page-button{display:inline-flex;align-items:center;gap:16px;min-height:40px;white-space:nowrap}.page-button kbd{color:var(--muted);font:inherit;font-size:11px;border:1px solid var(--line);padding:3px 6px}.page-switcher{width:min(520px,calc(100vw - 32px));padding:0;color:var(--text);background:var(--ground);border:1px solid var(--line);max-height:80dvh}.page-switcher::backdrop{background:#0009}.page-switcher-top{display:flex;justify-content:space-between;padding:20px;color:var(--muted)}.page-switcher>input{width:calc(100% - 40px);margin:0 20px 16px;padding:14px 0;background:none;border:0;border-bottom:1px solid var(--line)}.page-switcher nav button{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;text-align:left;padding:18px 20px;gap:8px;border-top:1px solid var(--line)}.page-switcher nav button>span:last-child{grid-column:2;grid-row:1 / 3;align-self:center}.page-switcher .selected{background:color-mix(in srgb,var(--leaf) 8%,var(--ground));box-shadow:inset 2px 0 var(--accent)}.page-empty{padding:20px}.motion-viewer{display:flex;flex-direction:column;width:min(880px,calc(100% - 64px));min-height:100dvh;margin:0 auto;padding:clamp(48px,12dvh,140px) 0 48px}.example-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(112px,1fr);overflow-x:auto;gap:4px}.example-list>button{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0;padding:16px;text-align:left;color:var(--muted)}.example-list>button:hover{color:var(--leaf)}.example-list>button[aria-current=true]{color:var(--leaf);background:color-mix(in srgb,var(--leaf) 7%,transparent)}.example-name{font-size:11px;line-height:1.6}.study-preview{display:flex;align-items:center;gap:10px;height:40px;color:currentColor}.study-preview .geometry{width:28px;height:28px;flex-shrink:0}.study-preview.travel .geometry{width:36px;height:36px}.study-preview.rolling{font-size:28px;letter-spacing:-.06em}.study-preview.flash .geometry:nth-child(2){opacity:.5}.study-preview.flash .geometry:nth-child(3){opacity:.2}.study-preview.stagger .geometry:first-child{transform:translateY(10px);opacity:.3}.study-preview.stagger .geometry:nth-child(2){transform:translateY(5px);opacity:.6}.study-preview.reveal .geometry:last-child{clip-path:inset(0 50% 0 0)}.example-detail{display:flex;flex-direction:column;min-width:0;padding-top:44px}.example-detail h1{margin:0;font-size:22px;font-weight:400;letter-spacing:-.04em}.motion-canvas{height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden}.motion-canvas.travel{overflow:visible}.motion-composition{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,48px)}.motion-symbol{width:clamp(56px,7vw,88px);height:clamp(56px,7vw,88px);color:var(--leaf)}.geometry{display:block;width:100%;height:100%;fill:currentColor;overflow:visible}.motion-composition.flash{gap:clamp(20px,3vw,40px)}.motion-composition.flash .motion-symbol{width:clamp(40px,5vw,56px);height:clamp(40px,5vw,56px);opacity:.14}.motion-viewer{--tint-1: color-mix(in oklch, var(--leaf) 66%, oklch(76% .12 155deg));--tint-2: color-mix(in oklch, var(--leaf) 66%, oklch(76% .12 60deg));--tint-3: color-mix(in oklch, var(--leaf) 66%, oklch(76% .12 290deg))}.tint-1{color:var(--tint-1)}.tint-2{color:var(--tint-2)}.tint-3{color:var(--tint-3)}.motion-canvas.reveal{--exit: calc(var(--pitch, 120px) * var(--feather, 20) / 100);--exit-ramp: transparent 0, rgb(0 0 0 / .1) calc(var(--exit) * .2), rgb(0 0 0 / .5) calc(var(--exit) * .5), rgb(0 0 0 / .9) calc(var(--exit) * .8), #000 var(--exit);-webkit-mask-image:linear-gradient(to right,var(--exit-ramp));mask-image:linear-gradient(to right,var(--exit-ramp))}.motion-tape{display:flex;width:100%;will-change:transform}.tape-cell{flex:0 0 var(--pitch, 120px);display:flex;align-items:center;justify-content:center;height:var(--pitch, 120px);--dim: color-mix(in oklch, var(--ground) 86%, var(--leaf));background:var(--dim);color:var(--leaf);--edge: calc(var(--feather, 30) * 1% / 6);--ramp: #000 calc(50% - var(--edge)), rgb(0 0 0 / .9) calc(50% - var(--edge) * .6), rgb(0 0 0 / .5) 50%, rgb(0 0 0 / .1) calc(50% + var(--edge) * .6), transparent calc(50% + var(--edge));-webkit-mask-image:linear-gradient(to right,var(--ramp));mask-image:linear-gradient(to right,var(--ramp));-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0% 0%;mask-position:0% 0%}.tape-cell:nth-child(2n){background:var(--leaf);color:var(--dim)}.tape-cell .motion-symbol{width:calc(var(--pitch, 120px) * .78);height:calc(var(--pitch, 120px) * .78);color:inherit}.example-knobs{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:8px;color:var(--muted);font-size:11px}.example-knobs label{display:grid;grid-template-columns:9ch 120px 6ch;align-items:center;gap:10px;min-height:32px}.example-knobs input{appearance:none;height:2px;background:var(--line);cursor:pointer}.example-knobs input::-webkit-slider-thumb{appearance:none;width:8px;height:8px;background:var(--leaf)}.example-knobs input::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:0;background:var(--leaf)}.example-knobs output{text-align:right;font-variant-numeric:tabular-nums}.motion-runways{display:flex;flex-direction:column;gap:24px;width:100%}.motion-runway{width:64%;margin:0 auto}.motion-runway .motion-symbol{width:clamp(44px,5vw,60px);height:clamp(44px,5vw,60px)}.library-number{font-size:clamp(56px,10vw,136px);line-height:1.2;letter-spacing:-.06em}.example-explanation{max-width:64ch;min-height:8lh;margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.8}.example-pages{display:flex;gap:20px;flex-wrap:wrap;margin-top:44px}.example-pages a{color:var(--muted);font-size:11px}.example-pages a:hover{color:var(--leaf)}.keyboard-help{min-width:280px;padding:20px 24px;border:0;background:var(--ground);color:var(--leaf);font-size:12px}.keyboard-help::backdrop{background:#0009}.keyboard-help dl{margin:0}.keyboard-help dl div{display:flex;justify-content:space-between;gap:24px;padding:8px 0}.keyboard-help dd{margin:0;color:var(--muted)}@media(max-width:760px){.motion-viewer{width:calc(100% - 32px);padding:24px 0}.motion-runway{width:70%}.example-explanation{min-height:12lh}.example-list{grid-auto-flow:column;grid-auto-columns:136px;grid-template-columns:none;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.example-list>button{padding:12px;gap:10px}.example-name{font-size:10px}.study-preview{height:32px;gap:6px}.study-preview .geometry{width:22px;height:22px}.study-preview.rolling{font-size:22px}.example-detail{padding-top:28px}.example-detail h1{font-size:20px}.motion-canvas{height:220px}.motion-composition{gap:24px}.motion-symbol{width:56px;height:56px}.motion-composition.flash .motion-symbol{width:44px;height:44px}.motion-runways{gap:20px}.motion-runway .motion-symbol{width:40px;height:40px}.example-explanation{margin-top:8px}}.workshop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0}.category-tabs{display:flex;align-items:center;gap:20px}.category-tabs button{font-size:12px;min-height:34px;color:var(--muted)}.category-tabs button[aria-pressed=true]{color:var(--text);text-decoration:underline;text-underline-offset:5px}.workshop-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}.sprite-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.specimen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:134px;padding:20px 14px 13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.specimen .sprite{width:48px;height:48px}.specimen>div{display:flex;gap:12px;justify-content:space-between;width:100%;font-size:10px;color:var(--muted)}.specimen>div span{font-variant-numeric:tabular-nums}.specimen[aria-pressed=true]:after{content:"";position:absolute;inset:-1px 0 0 -1px;border:1px solid var(--leaf);pointer-events:none}.specimen[aria-pressed=true]>div,.specimen:hover>div{color:var(--text)}.sprite-inspector{position:sticky;top:24px;border:1px solid var(--line);padding:16px}.inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;font-size:10px}.sprite-inspector h2{font-size:13px}.pixel-editor{display:block;width:100%;aspect-ratio:1;image-rendering:pixelated;cursor:crosshair;background:var(--ground);touch-action:none;border:1px solid var(--line)}.ink-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 8px}.ink-tools>div{display:flex;gap:9px}.ink-button{width:23px;height:23px;background:var(--swatch);font-size:22px;line-height:20px;color:var(--muted);border:1px solid var(--line)}.ink-button[aria-pressed=true]{outline:1px solid var(--leaf);outline-offset:3px}.editor-hint{font-size:10px;color:var(--muted)}.sprite-preview-strip{display:flex;gap:18px;align-items:end;margin:20px 0}.sprite-preview-strip .sprite:nth-child(1){width:8px;height:8px}.sprite-preview-strip .sprite:nth-child(2){width:16px;height:16px}.sprite-preview-strip .sprite:nth-child(3){width:24px;height:24px}.sprite-preview-strip .eyebrow{font-size:9px;color:var(--muted);margin-left:auto}.export-buttons{display:flex;gap:9px}.primary-button,.secondary-button{padding:12px;font-size:11px;min-height:42px;text-align:center;border:1px solid var(--line)}.primary-button{flex:1}.primary-button:hover,.secondary-button:hover{border-color:var(--text);color:var(--text)}.pattern-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.pattern-actions .text-button{font-size:10px}.export-status{color:var(--muted);font-size:10px;line-height:1.7}.export-status:not(:empty){margin-top:10px}@media(max-width:1000px){.workshop-page{padding-inline:28px}.workshop-toolbar{align-items:start;flex-direction:column;gap:12px}.workshop-toolbar .map-tools{justify-content:space-between;width:100%}.workshop-layout{grid-template-columns:minmax(0,1fr) 250px;gap:22px}.sprite-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.workshop-page{padding:18px}.workshop-header{flex-wrap:wrap;gap:12px}.workshop-header .display-controls{gap:12px}.map-tools{width:100%;justify-content:space-between;gap:18px}.text-button{min-height:40px}.category-tabs{gap:16px;width:100%;overflow-x:auto}.category-tabs button{font-size:11px;min-height:44px}.workshop-layout{display:flex;flex-direction:column;gap:24px}.workshop-layout>section{width:100%}.sprite-gallery{grid-template-columns:repeat(4,minmax(0,1fr));max-height:420px;overflow-y:auto}.specimen{min-height:110px;padding:15px 8px 10px;gap:15px}.specimen .sprite{width:40px;height:40px}.specimen>div{font-size:8px;gap:4px}.sprite-inspector{position:static;width:100%;padding:20px}.pixel-editor{max-width:320px;margin-inline:auto}.editor-hint,.export-status{font-size:11px}.ink-button{width:30px;height:30px}.primary-button,.secondary-button{font-size:13px}}@media(pointer:coarse){.move-controls{display:grid;grid-template-columns:repeat(3,44px);grid-template-areas:". up ." "left brake right" ". down boost";position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:20px;gap:3px;z-index:2}.move-controls button{width:44px;height:44px;background:var(--ground);border:1px solid var(--line);font-size:22px;touch-action:none}.move-up{grid-area:up}.move-left{grid-area:left}.move-right{grid-area:right}.move-down{grid-area:down}.move-brake{grid-area:brake;font-size:14px}.move-boost{grid-area:boost}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.inspiration-sources{width:min(1100px,calc(100vw - 32px));height:min(850px,calc(100dvh - 32px));max-width:none;max-height:none;padding:24px;color:#ddd;background:#141414;border:1px solid #333}.inspiration-sources[open]{display:flex;flex-direction:column;gap:18px}.inspiration-sources::backdrop{background:#000c}.inspiration-sources header{display:flex;justify-content:space-between;align-items:center;gap:16px}.inspiration-sources h2{margin:0;font-size:18px}.inspiration-sources nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.inspiration-sources button,.inspiration-sources input{font:inherit;color:inherit;background:transparent;border:0}.inspiration-sources button{cursor:pointer;padding:8px}.inspiration-sources button[aria-pressed=true]{background:#292929}.inspiration-sources input{padding:12px;background:#202020;width:100%}.inspiration-sources-scroll{flex:1;min-height:0;overflow:auto}.inspiration-source-cards{display:grid;gap:20px}.inspiration-source-cards article{height:230px;min-width:0}.inspiration-container-open{display:flex;flex-direction:column;gap:7px;width:100%;text-align:left}.inspiration-container-open:hover{background:#202020}.inspiration-container-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,67px);gap:2px;width:100%;background:#0c0c0c}.inspiration-container-preview img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.inspiration-container-preview img:only-child{grid-area:1 / 1 / -1 / -1}.inspiration-container-open strong,.inspiration-container-open small{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspiration-container-open strong{font-size:13px;font-weight:400}.inspiration-container-open small,.inspiration-source-cards a{font-size:11px;color:#aaa}.inspiration-source-cards a{margin-left:8px}.width-study{display:inline-flex;align-items:center;max-width:100%;font:24px/1.5 IBM Plex Mono,monospace;letter-spacing:0}.width-values{display:inline-flex;align-items:center;overflow:hidden;position:relative;height:1.5em}[data-width-pair]{position:absolute;top:0;left:0;display:inline-flex;white-space:nowrap;visibility:hidden}[data-width-pair]:first-child{visibility:visible}[data-width-value]{display:inline-block;flex-shrink:0;white-space:nowrap}[data-width-in]{width:0;opacity:0}[data-width-value]>span{display:inline-block}.type-bracket{padding:0 .12em;opacity:.45}.text-roll-window{--text-fade: 24px;overflow:hidden;width:100%;position:relative}[data-text-clip]{height:100%;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--text-fade),#000 calc(100% - var(--text-fade)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 var(--text-fade),#000 calc(100% - var(--text-fade)),transparent)}[data-text-stack]{position:relative}[data-text-row]{padding:12px 24px;font:16px/24px IBM Plex Mono,monospace;letter-spacing:0}.motion-canvas.text-roll{max-width:560px}.motion-viewer[data-debug=true] .motion-canvas{outline:1px solid #e0954f}.motion-viewer[data-debug=true] [data-motion],.motion-viewer[data-debug=true] [data-width-value],.motion-viewer[data-debug=true] [data-text-row]{outline:1px dashed #7ac3df;outline-offset:-1px}.motion-viewer[data-debug=true] [data-width-window],.motion-viewer[data-debug=true] [data-text-window]{outline:2px solid #d97db0;outline-offset:2px}.motion-viewer[data-debug=true] [data-text-stack]{outline:1px solid #a9c96b}.motion-viewer[data-debug=true] [data-text-window]:after{content:"";position:absolute;inset:var(--text-fade) 0;border-block:1px dashed #d97db0;pointer-events:none}.motion-debug-key{display:flex;flex-wrap:wrap;gap:18px;font-size:11px;margin:0;min-height:20px}.motion-debug-key span:nth-child(1){color:#e0954f}.motion-debug-key span:nth-child(2){color:#d97db0}.motion-debug-key span:nth-child(3){color:#7ac3df}.motion-debug-key span:nth-child(4){color:#a9c96b}.preview-block{padding:12%;width:100%;height:100%;background:color-mix(in oklch,var(--ground) 86%,var(--leaf))}.study-preview.block-icon{width:48px;height:48px;padding:7px;color:var(--leaf);background:color-mix(in oklch,var(--ground) 86%,var(--leaf))}.study-preview.block-icon .geometry{width:100%;height:100%}.example-list>button:nth-child(2n) .block-icon{color:var(--ground);background:var(--leaf)}.example-source{font-size:11px;color:var(--muted);margin-top:10px}.poster-page{padding:24px 32px 60px;min-height:100dvh;color:var(--leaf);background:var(--ground)}.poster-toolbar{max-width:1440px;margin:0 auto 28px;display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}.poster-toolbar h1{font:inherit;margin:0 auto 0 0}.poster-page button,.poster-page input,.poster-page textarea{font:inherit;color:inherit}.poster-page button{border:0;border-radius:0;background:transparent;cursor:pointer;padding:8px 10px}.poster-page button:hover,.poster-page button[aria-pressed=true]{background:color-mix(in oklch,var(--leaf) 14%,transparent)}.poster-page button:disabled{opacity:.3;cursor:default}.poster-page a{color:inherit;font-size:12px}.poster-import{cursor:pointer;font-size:13px}.poster-import{position:relative;padding:8px 10px}.poster-import input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.poster-import:focus-within{outline:2px solid currentColor;outline-offset:2px}.poster-status{max-width:1220px;margin:18px auto 0;font-size:12px;line-height:1.6}.poster-status:empty{display:none}.poster-workspace{display:grid;grid-template-columns:minmax(0,900px) 280px;gap:40px;align-items:start;justify-content:center;max-width:1440px;margin:auto}.poster-workspace.preview{grid-template-columns:minmax(0,900px)}.poster-board{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(16,minmax(0,1fr));aspect-ratio:3 / 4;position:relative;background:var(--ground);isolation:isolate;box-shadow:0 0 0 1px color-mix(in oklch,var(--leaf) 18%,transparent)}.poster-board[data-drawing=true]{touch-action:none;cursor:crosshair}.poster-board{--poster-unit: 60px;--poster-baseline: calc(var(--poster-unit) / 4)}.poster-board[data-guides=show]:after,.poster-board[data-guides=dim]:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background-image:linear-gradient(to right,var(--leaf) 1px,transparent 1px),linear-gradient(to bottom,var(--leaf) 1px,transparent 1px);background-size:calc(100% / 12) 6.25%;opacity:.3}.poster-board[data-guides=dim]:after{opacity:.09}.poster-region{min-width:0;min-height:0;position:relative;container-type:inline-size;overflow:hidden;background:var(--ground);color:var(--leaf)}.poster-region[data-inverted=true]{background:var(--leaf);color:var(--ground)}.poster-region-select{position:absolute;inset:0;width:100%;height:100%;padding:0!important;z-index:2}.poster-region-select{cursor:grab!important;touch-action:none}.poster-resize{position:absolute;z-index:6;width:16px;height:16px;padding:0!important;background:var(--accent)!important;border:2px solid var(--ground)!important;touch-action:none}.poster-resize.nw{left:0;top:0;cursor:nwse-resize}.poster-resize.ne{right:0;top:0;cursor:nesw-resize}.poster-resize.sw{left:0;bottom:0;cursor:nesw-resize}.poster-resize.se{right:0;bottom:0;cursor:nwse-resize}.poster-ghost{position:absolute;z-index:8;pointer-events:none;outline:2px solid var(--accent);background:color-mix(in oklch,var(--accent) 18%,transparent)}.poster-ghost[data-valid=false]{outline-color:#ed7865;background:#ed786533}.poster-ghost span{position:absolute;left:4px;top:4px;padding:4px 6px;background:var(--ground);color:var(--leaf);font-size:11px;white-space:nowrap}.poster-board[data-baselines=true]:before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--poster-baseline) - 1px),color-mix(in oklch,var(--accent) 24%,transparent) calc(var(--poster-baseline) - 1px),color-mix(in oklch,var(--accent) 24%,transparent) var(--poster-baseline))}.poster-region-select:hover{background:color-mix(in oklch,var(--leaf) 5%,transparent)!important}.poster-region[data-selected=true]:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 2px var(--accent);z-index:4}.poster-content{height:100%;width:100%;display:flex;align-items:flex-start;justify-content:flex-start;padding:calc(var(--poster-baseline) * 2) var(--poster-unit);box-sizing:border-box;overflow:hidden}.poster-content.block{padding:6%;align-items:center}.poster-content.reveal{align-items:center}.poster-content.motion-canvas.reveal{mask-image:none;-webkit-mask-image:none}.poster-content.reveal[data-direction=right],.poster-content.reveal[data-direction=right] .geometry{transform:scaleX(-1)}.poster-content.motion-canvas{height:100%;min-height:0;padding:0;margin:0}.poster-copy{font:700 calc(var(--poster-unit) * 1.04)/calc(var(--poster-baseline) * 5) "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.045em;white-space:pre-wrap;overflow-wrap:anywhere}.poster-content .width-study{font-size:calc(var(--poster-unit) * .48);line-height:calc(var(--poster-baseline) * 3)}.poster-content [data-text-row]{font-size:calc(var(--poster-unit) * .48);line-height:calc(var(--poster-baseline) * 3);padding:24px 0;overflow-wrap:anywhere}.poster-content.text-roll>.text-roll-window{margin-top:-24px}.poster-page select{color:inherit;background:var(--ground);border:1px solid color-mix(in oklch,var(--leaf) 25%,transparent);padding:6px;font:inherit}.poster-content .width-study,.poster-content [data-text-row]{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.05em}.poster-mark{width:100%;aspect-ratio:1;max-height:100%;padding:6%}.poster-mark .geometry{height:100%;width:100%}.poster-draft{z-index:5;pointer-events:none;background:color-mix(in oklch,var(--accent) 25%,transparent);box-shadow:inset 0 0 0 2px var(--accent)}.poster-inspector{position:sticky;top:24px;display:flex;flex-direction:column;gap:18px;font-size:12px}.poster-inspector h2{font:inherit;margin:0}.poster-inspector p{margin:0;opacity:.65;line-height:1.6}.poster-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.poster-kind-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.poster-kind-picker button{display:flex;flex-direction:column;text-align:left;gap:8px;font-size:11px}.poster-icon{width:44px;height:44px;padding:6px;display:block;background:color-mix(in oklch,var(--ground) 86%,var(--leaf));color:var(--leaf)}.poster-coordinates{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.poster-inspector label{display:flex;flex-direction:column;gap:8px}.poster-inspector input[type=number],.poster-inspector textarea{border:0;border-radius:0;background:color-mix(in oklch,var(--leaf) 8%,transparent);padding:10px;width:100%;box-sizing:border-box}.poster-inspector textarea{resize:vertical}.poster-inspector .poster-check{flex-direction:row;align-items:center}.poster-favorites{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}.poster-favorites button{padding:12%;aspect-ratio:1;background:color-mix(in oklch,var(--ground) 86%,var(--leaf))}.block-library{width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:24px;border:0;color:var(--leaf);background:var(--ground)}.block-library::backdrop{background:#0009}.block-library header{display:flex;align-items:center;justify-content:space-between}.block-library h2{font-size:16px}.block-library p{font-size:12px;opacity:.7}.block-batch{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin:20px 0}.block-batch button{aspect-ratio:1;padding:12%;background:color-mix(in oklch,var(--ground) 86%,var(--leaf))}.block-batch button:nth-child(2n){color:var(--ground);background:var(--leaf)}.block-batch button[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:-3px}@media(max-width:850px){.poster-page{padding:16px 16px 48px}.poster-workspace{grid-template-columns:minmax(0,1fr);gap:28px}.poster-inspector{position:static}.poster-kind-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.block-batch{grid-template-columns:repeat(4,minmax(0,1fr))}}