:root{--canvas:#0b0c0e;--surface:#111214;--raised:#17191c;--hover:#1e2024;--sunken:#070809;--line:#222428;--line-strong:#33363b;--fg:#f2f3f5;--muted:#a0a4ab;--subtle:#7f848c;--faint:#5d6168;--on-light:#0b0c0e;--red:#e5533d;--red-dim:#e5533d33;--brass:#e6b450;--ok:#3fb27f;--danger:#e5533d;--frame-outer:#000;--frame-hi:#2a2d32;--frame-lo:#060708;--active-hi:#d9dce1;--active-lo:#4d5158;--primary-lo:#a3a7ad;--goggles-bg:#0f0b09f2;--goggles-hi:#d98a5ccc;--goggles-lo:#6b3820cc;--shadow-text:#000000b3;--scrim:#040506cc;--px:2px;--font-pixel:"Jersey 20", ui-monospace, "Cascadia Mono", monospace;--font-sans:Inter, ui-sans-serif, system-ui, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--canvas);height:100%;color:var(--fg);font:400 18px/1.25 var(--font-pixel);text-shadow:1px 1px 0 var(--shadow-text);margin:0}button,input,select{font:inherit;color:inherit;text-shadow:inherit}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.u{color:var(--subtle)}.x{color:var(--faint)}.v{color:var(--fg)}#app{flex-direction:column;display:flex;position:fixed;inset:0}#stage{flex:1;min-height:0;position:relative;overflow:hidden}#view{background:var(--canvas);width:100%;height:100%;display:block;position:absolute;inset:0}i[data-icon]{font-style:normal;display:inline-flex}i[data-icon] svg{width:18px;height:18px}.wordmark{font:700 24px/1 var(--font-sans);letter-spacing:-.045em;text-shadow:none;-webkit-user-select:none;user-select:none;color:var(--fg);align-items:flex-start;margin:0;padding-bottom:.3em;display:inline-flex}.wordmark .create{position:relative}.wordmark .sim{color:var(--red);z-index:1;margin-left:-.15em;font-size:.74em;position:relative;transform:translateY(.44em)}.panel,#rail,#hotbar,.dialog{--hi:var(--frame-hi);--lo:var(--frame-lo);background:var(--surface);margin:var(--px);box-shadow:0 calc(-1 * var(--px)) 0 var(--frame-outer), 0 var(--px) 0 var(--frame-outer), calc(-1 * var(--px)) 0 0 var(--frame-outer), var(--px) 0 0 var(--frame-outer), inset var(--px) var(--px) 0 var(--hi), inset calc(-1 * var(--px)) calc(-1 * var(--px)) 0 var(--lo);border:0;border-radius:0}#inspector{--hi:var(--active-hi);--lo:var(--active-lo)}.well,input[type=search],input[type=number],select,.frame,.dialog .grid li,#palette .search{background-color:var(--sunken);box-shadow:0 calc(-1 * var(--px)) 0 var(--frame-outer), 0 var(--px) 0 var(--frame-outer), calc(-1 * var(--px)) 0 0 var(--frame-outer), var(--px) 0 0 var(--frame-outer), inset var(--px) var(--px) 0 var(--frame-lo), inset calc(-1 * var(--px)) calc(-1 * var(--px)) 0 var(--frame-hi);border:0;border-radius:0}kbd{min-width:20px;height:20px;margin:var(--px);font:400 18px/1 var(--font-pixel);color:var(--fg);background:var(--raised);box-shadow:0 -2px 0 var(--frame-outer), 0 2px 0 var(--frame-outer), -2px 0 0 var(--frame-outer), 2px 0 0 var(--frame-outer), inset 0 -2px 0 var(--frame-lo);justify-content:center;align-items:center;padding:0 5px 2px;display:inline-flex}#bar{z-index:3;background:var(--canvas);flex-wrap:wrap;align-items:center;gap:12px;min-height:56px;padding:6px 14px;display:flex;position:relative}.brand{align-items:center;margin-right:8px;display:flex}#bar .group{align-items:center;gap:8px;display:flex}#bar .group+.group:before{content:"";width:var(--px);background:var(--frame-hi);height:20px;margin-right:4px}#status{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:auto;overflow:hidden}button,.button,select{--ring:var(--frame-outer);height:32px;margin:var(--px);background:var(--raised);color:var(--fg);cursor:pointer;white-space:nowrap;border:0;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0 12px 2px;display:inline-flex}button,.button{box-shadow:0 calc(-1 * var(--px)) 0 var(--ring), 0 var(--px) 0 var(--ring), calc(-1 * var(--px)) 0 0 var(--ring), var(--px) 0 0 var(--ring), inset 0 var(--px) 0 var(--frame-hi), inset 0 calc(-2 * var(--px)) 0 var(--frame-lo)}button:hover,.button:hover{background:var(--hover)}button:active{transform:translateY(var(--px));box-shadow:0 calc(-1 * var(--px)) 0 var(--ring), 0 var(--px) 0 var(--ring), calc(-1 * var(--px)) 0 0 var(--ring), var(--px) 0 0 var(--ring), inset 0 var(--px) 0 var(--frame-lo)}button:focus-visible,.button:focus-within,select:focus-visible,input:focus-visible{outline:2px solid var(--fg);outline-offset:4px}button:disabled{color:var(--subtle);background:var(--surface);box-shadow:none;cursor:default;opacity:.6;transform:none}button.primary,.button.primary{background:var(--fg);color:var(--on-light);text-shadow:none;box-shadow:0 calc(-1 * var(--px)) 0 var(--ring), 0 var(--px) 0 var(--ring), calc(-1 * var(--px)) 0 0 var(--ring), var(--px) 0 0 var(--ring), inset 0 calc(-2 * var(--px)) 0 var(--primary-lo)}button.primary:hover,.button.primary:hover{background:#fff}button.ghost{box-shadow:none;color:var(--muted);background:0 0;padding:0 8px 2px}button.ghost:hover{color:var(--fg);background:var(--raised)}button.icon-only{width:32px;padding:0 0 2px}button.danger{color:var(--danger)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='%23a0a4ab'%3E%3Cpath d='M1 3h8v2H7v2H5v2H5V7H3V5H1z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:10px;padding:0 30px 2px 12px}select:hover{background-color:var(--surface)}.file.big{height:44px;padding:0 24px 2px;font-size:24px}#rail{z-index:2;flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;top:12px;left:12px}#rail button{width:48px;height:48px;margin:var(--px);background:var(--sunken);color:var(--muted);box-shadow:0 -2px 0 var(--ring), 0 2px 0 var(--ring), -2px 0 0 var(--ring), 2px 0 0 var(--ring), inset 2px 2px 0 var(--frame-lo), inset -2px -2px 0 var(--frame-hi);padding:0;position:relative}#rail button svg{width:22px;height:22px}#rail button:hover{background:var(--surface);color:var(--fg)}#rail button:active{transform:none}#rail button.on{--ring:var(--fg);background:var(--raised);color:var(--fg)}#rail button kbd{min-width:0;height:auto;color:var(--subtle);box-shadow:none;background:0 0;margin:0;padding:0;font-size:18px;position:absolute;bottom:1px;right:2px}#rail button.on kbd{color:var(--fg)}#rail hr{width:24px;height:var(--px);background:var(--frame-hi);border:0;margin:4px auto}#left{z-index:2;pointer-events:none;flex-direction:column;gap:12px;width:min(340px,100% - 96px);display:flex;position:absolute;top:12px;bottom:96px;left:84px}#left>*{pointer-events:auto}#side{flex:0 auto;min-height:64px;max-height:46%;padding:12px;overflow:auto}#left{width:min(300px,100% - 96px)}#side h2{font:400 24px/1 var(--font-pixel);text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;overflow:hidden}#stats{color:var(--muted);margin:0 0 12px}#layer-row{color:var(--subtle);display:block}#layer-row span{align-items:center;gap:8px;display:flex}#layer-row output{color:var(--fg)}#kinetics{margin-top:12px;padding-top:12px;position:relative}#kinetics:before{content:"";background:var(--line);height:1px;position:absolute;top:0;left:0;right:0}#kinetics h3,#inspector h4,.help-grid h4{font:400 18px/1.25 var(--font-pixel);color:var(--subtle);margin:0 0 8px}#networks{margin:0;padding:0;list-style:none}#networks li{color:var(--muted);grid-template-columns:1fr auto;gap:6px 8px;margin-bottom:12px;display:grid}#networks li:last-child{margin-bottom:0}#networks li i{--c:var(--ok);background:linear-gradient(var(--c), var(--c)) 0 0 / calc(var(--f) * 100%) 100% no-repeat, var(--line-strong);grid-column:1/-1;height:8px;display:block;-webkit-mask:repeating-linear-gradient(90deg,#000 0 6px,#0000 6px 8px);mask:repeating-linear-gradient(90deg,#000 0 6px,#0000 6px 8px)}#networks li.warn i{--c:var(--brass)}#networks li.over i{--c:var(--danger)}#networks li.over,#networks li.over .v{color:var(--danger)}#kinetic-problems{white-space:pre-line;margin:8px 0 0}#jams{margin-top:12px;padding-top:12px;position:relative}#jams:before{content:"";background:var(--line);height:1px;position:absolute;top:0;left:0;right:0}#jams h3{font:400 18px/1.25 var(--font-pixel);color:var(--subtle);margin:0 0 8px}#jam-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}#jam-list button{width:100%;height:auto;color:var(--danger);box-shadow:none;white-space:normal;text-align:left;background:0 0;justify-content:flex-start;padding:4px 8px 6px}#jam-list button:hover{background:var(--raised)}#kinetic-problems:empty{display:none}#unsupported-box{color:var(--muted);margin-top:12px}#unsupported-box summary{cursor:pointer}#unsupported{color:var(--subtle);margin:8px 0 0;padding-left:20px}input[type=range]{appearance:none;cursor:ew-resize;--v:50%;background:0 0;width:100%;height:28px;margin:6px 0 0;display:block}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--red), var(--red)) 4px 50% / calc(var(--v) - 4px) 2px no-repeat, repeating-linear-gradient(90deg, var(--line-strong) 0 2px, transparent 2px 10%) 8px 50% / calc(100% - 16px) 6px no-repeat, var(--sunken);height:28px;box-shadow:0 -2px 0 var(--frame-outer), 0 2px 0 var(--frame-outer), -2px 0 0 var(--frame-outer), 2px 0 0 var(--frame-outer), inset 2px 2px 0 var(--frame-lo), inset -2px -2px 0 var(--frame-hi)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fg);width:16px;height:32px;box-shadow:0 -2px 0 var(--frame-outer), 0 2px 0 var(--frame-outer), -2px 0 0 var(--frame-outer), 2px 0 0 var(--frame-outer), inset 0 -2px 0 var(--primary-lo);border:0;border-radius:0;margin-top:-2px}input[type=range]::-moz-range-track{background:var(--sunken);height:28px}input[type=range]::-moz-range-progress{background:var(--red);height:2px}input[type=range]::-moz-range-thumb{background:var(--fg);border:0;border-radius:0;width:16px;height:32px}#inspector{flex:0 auto;min-height:120px;padding:0;overflow:auto}#inspector header{align-items:center;gap:12px;padding:12px 12px 0;display:flex}#inspector header .icon{width:44px;height:44px;image-rendering:pixelated;background:var(--sunken);box-shadow:0 -2px 0 var(--frame-outer), 0 2px 0 var(--frame-outer), -2px 0 0 var(--frame-outer), 2px 0 0 var(--frame-outer), inset 2px 2px 0 var(--frame-lo), inset -2px -2px 0 var(--frame-hi);flex:none;padding:4px}#inspector header div{flex:1;min-width:0}#inspector header h3{font:400 24px/1 var(--font-pixel);margin:0}#inspector header small{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:18px;display:block}#inspector section{padding:12px;position:relative}#inspector section+section:before,#inspector section+.actions:before{content:"";background:var(--line);height:1px;position:absolute;top:0;left:12px;right:12px}#inspector label{color:var(--muted);flex-direction:column;gap:6px;margin-bottom:8px;display:flex}#inspector label select{width:calc(100% - 4px)}#inspector .goggles{padding-top:8px}#inspector dl{grid-template-columns:auto 1fr;gap:6px 12px;margin:0 0 8px;display:grid}#inspector dt{color:var(--muted)}#inspector dd{margin:0}#inspector .actions{flex-wrap:wrap;gap:8px;padding:12px;display:flex;position:relative}#inspector .actions button{flex:1}#inspector details.state{padding:12px;position:relative}#inspector details.state:before{content:"";background:var(--line);height:1px;position:absolute;top:0;left:12px;right:12px}#inspector details.state summary{cursor:pointer;color:var(--muted);margin-bottom:8px}#inspector details.state label{flex-direction:row;justify-content:space-between;align-items:center}#inspector details.state select{width:55%;height:28px}.note,#setup p,.help-grid dd{font:400 14px/1.5 var(--font-sans);text-shadow:none;color:var(--muted)}#inspector .note{margin:8px 0 0}.speed{align-items:center;gap:8px;display:flex}.speed input[type=range]{flex:1;margin:0}.speed input[type=number]{width:72px;height:32px;margin:var(--px);color:var(--fg);padding:0 8px 2px}.chips{flex-wrap:wrap;gap:8px;margin-top:12px;padding:2px;display:flex}.chips button{height:28px;padding:0 8px 2px}.chips button.on{background:var(--fg);color:var(--on-light);text-shadow:none}.chips img{width:20px;height:20px;image-rendering:pixelated}.segmented{background:var(--sunken);box-shadow:0 -2px 0 var(--frame-outer), 0 2px 0 var(--frame-outer), -2px 0 0 var(--frame-outer), 2px 0 0 var(--frame-outer), inset 2px 2px 0 var(--frame-lo), inset -2px -2px 0 var(--frame-hi);flex-wrap:wrap;gap:4px;margin:2px;padding:4px;display:flex}#inspector .segmented label{flex-direction:row;flex:1;justify-content:center;margin:0}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented span{text-align:center;cursor:pointer;color:var(--muted);white-space:nowrap;flex:1;padding:4px 10px 6px;display:block}.segmented span:hover{color:var(--fg);background:var(--surface)}.segmented input:checked+span{background:var(--raised);color:var(--fg);box-shadow:inset 0 2px 0 var(--frame-hi), inset 0 -2px 0 var(--frame-lo)}.segmented input:focus-visible+span{outline:2px solid var(--fg);outline-offset:2px}.switch{cursor:pointer;align-items:center;color:var(--fg)!important;flex-direction:row!important;gap:12px!important}.switch input{appearance:none;margin:var(--px);cursor:pointer;background:var(--sunken);width:32px;height:16px;box-shadow:0 -2px 0 var(--frame-outer), 0 2px 0 var(--frame-outer), -2px 0 0 var(--frame-outer), 2px 0 0 var(--frame-outer);position:relative}.switch input:after{content:"";background:var(--subtle);width:12px;height:12px;box-shadow:inset 0 -2px 0 var(--frame-lo);position:absolute;top:2px;left:2px}.switch input:checked{background:var(--red-dim)}.switch input:checked:after{background:var(--fg);box-shadow:inset 0 -2px 0 var(--primary-lo);left:18px}.filter-edit{background:var(--sunken);gap:6px;margin-top:10px;padding:8px;display:grid}.filter-edit>small{color:var(--subtle);font-size:18px}.filter-edit .chips{margin-top:2px}.filter-edit button.item{width:32px;height:32px;padding:0}.filter-edit .attr-row{color:var(--fg);align-items:center;gap:8px;display:flex}.filter-edit .attr-row span{flex:1}.filter-edit .attr-row button{height:26px;padding:0 8px 2px}.filter-edit .attr-row button.on{background:var(--fg);color:var(--on-light);text-shadow:none}.filter-edit .attr-add{align-items:center;gap:6px;display:flex}.filter-edit .attr-add select{flex:1;min-width:0;height:28px}.filter-edit .attr-add input{width:96px;height:28px;color:var(--fg);background:var(--sunken);box-shadow:inset 2px 2px 0 var(--frame-lo), inset -2px -2px 0 var(--frame-hi);border:0;padding:0 6px 2px}.filters{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}button.slot{text-align:left;white-space:normal;justify-content:flex-start;gap:8px;height:auto;padding:6px 8px;line-height:1.15}button.slot b{color:var(--fg);font-weight:400}button.slot small{color:var(--subtle);font-size:18px}.frame{width:36px;height:36px;margin:var(--px);flex:none;place-items:center;display:grid}.frame img{width:28px;height:28px;image-rendering:pixelated}#tools{z-index:4;background:#04050699;place-items:center;padding:16px 16px 120px;animation:.12s ease-out fade-in;display:grid;position:absolute;inset:0}#palette{flex-direction:column;gap:12px;width:min(900px,100%);height:680px;min-height:0;max-height:100%;padding:14px 16px;animation:.14s ease-out rise;display:flex}#palette header{justify-content:space-between;align-items:center;display:flex}#palette header h3{font:400 30px/1 var(--font-pixel);margin:0}#palette footer{min-height:22px;color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;display:flex}#palette footer .name{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#palette footer small{color:var(--subtle);white-space:nowrap;font-size:18px}@keyframes fade-in{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){#tools,#palette,#hint{transition:none!important;animation:none!important}}#palette .search{width:calc(100% - 4px);height:34px;margin:var(--px);color:var(--fg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237f848c' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='m20 20-4.5-4.5'/%3E%3C/svg%3E");background-position:10px;background-repeat:no-repeat;background-size:15px;padding:0 10px 2px 34px}#palette .search::placeholder,.dialog .search::placeholder{color:var(--subtle)}#palette .tabs{flex-wrap:wrap;gap:8px;padding:2px;display:flex}#palette .tabs button{height:26px;color:var(--muted);box-shadow:0 -2px 0 var(--line), 0 2px 0 var(--line), -2px 0 0 var(--line), 2px 0 0 var(--line);background:0 0;margin:0;padding:0 9px 2px}#palette .tabs button:hover{color:var(--fg)}#palette .tabs button.on{background:var(--fg);color:var(--on-light);text-shadow:none;box-shadow:0 -2px 0 var(--frame-outer), 0 2px 0 var(--frame-outer), -2px 0 0 var(--frame-outer), 2px 0 0 var(--frame-outer), inset 0 -2px 0 var(--primary-lo)}#palette .blocks{flex:1;grid-template-columns:repeat(auto-fill,60px);place-content:start space-between;gap:8px;min-height:0;margin:0;padding:4px;list-style:none;display:grid;overflow:auto}#palette li{cursor:pointer;background:var(--sunken);width:60px;height:60px;box-shadow:0 -2px 0 var(--frame-outer), 0 2px 0 var(--frame-outer), -2px 0 0 var(--frame-outer), 2px 0 0 var(--frame-outer), inset 2px 2px 0 var(--frame-lo), inset -2px -2px 0 var(--frame-hi);place-items:center;display:grid}#palette .thumb{width:48px;height:48px;image-rendering:pixelated}#palette .thumb:not([src]){visibility:hidden}#palette li:hover{background:var(--hover)}#palette li.on{box-shadow:0 -2px 0 var(--fg), 0 2px 0 var(--fg), -2px 0 0 var(--fg), 2px 0 0 var(--fg), inset 2px 2px 0 var(--frame-lo), inset -2px -2px 0 var(--frame-hi)}#palette li.more{width:auto;height:auto;color:var(--subtle);cursor:default;box-shadow:none;background:0 0;grid-column:1/-1;padding:12px}#hotbar{z-index:5;gap:4px;padding:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}#hotbar button.inv{color:var(--muted);margin-left:10px}#hotbar .sep{background:var(--frame-hi);width:2px;margin:6px}#hotbar button.special{background:var(--surface)}#hotbar button.special kbd{color:var(--brass)}#hotbar button.inv svg{width:22px;height:22px}#hotbar button.inv kbd{inset:auto 3px 1px auto}#hotbar button.inv:hover,#stage.inventory #hotbar button.inv{color:var(--fg)}#stage.inventory #hotbar button.inv{--ring:var(--fg);background:var(--raised)}#hotbar button{width:48px;height:48px;margin:var(--px);background:var(--sunken);box-shadow:0 -2px 0 var(--ring), 0 2px 0 var(--ring), -2px 0 0 var(--ring), 2px 0 0 var(--ring), inset 2px 2px 0 var(--frame-lo), inset -2px -2px 0 var(--frame-hi);padding:0;position:relative}#hotbar button img{width:32px;height:32px;image-rendering:pixelated;pointer-events:none}#hotbar button kbd{min-width:0;height:auto;color:var(--subtle);box-shadow:none;background:0 0;margin:0;padding:0;font-size:18px;position:absolute;top:2px;left:4px}#hotbar button:hover{background:var(--surface)}#hotbar button:active{transform:none}#hotbar button.on{--ring:var(--fg);background:var(--raised)}#hotbar button.on kbd{color:var(--fg)}#hint{width:max-content;max-width:min(640px,100% - 24px);color:var(--muted);z-index:1;text-align:center;pointer-events:none;transition:opacity .6s;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}#hint.old{opacity:0}#stage.inventory #hint,#hint:empty{display:none}.mc-tooltip{z-index:10;pointer-events:none;margin:var(--px);background:var(--goggles-bg);color:#fff;border:var(--px) solid;border-image:linear-gradient(var(--goggles-hi), var(--goggles-lo)) 1;max-width:380px;box-shadow:0 -2px 0 var(--goggles-bg), 0 2px 0 var(--goggles-bg), -2px 0 0 var(--goggles-bg), 2px 0 0 var(--goggles-bg), 0 24px 64px #0000008c;gap:2px;padding:6px 10px 8px;line-height:1.25;display:grid;position:absolute}.mc-tooltip .t{color:#fff}.mc-tooltip .g{color:#aaa}.mc-tooltip .y{color:#fcfc54}.mc-tooltip .a{color:#54fcfc}.mc-tooltip .r{color:#f55}.mc-tooltip .k{color:#8a8a8a}#valueboard{z-index:30;-webkit-user-select:none;user-select:none;max-width:none;margin:0;position:fixed}#valueboard .vb-title,#valueboard .vb-tip{text-align:center;color:#ddd}#valueboard .vb-tip{color:#8a8a8a;font-size:12px}#valueboard .vb-body{gap:8px;margin:4px 0;display:flex}#valueboard .vb-rows>div{color:#fcfc54;text-align:right;height:22px;line-height:22px}#valueboard .vb-bar{margin:0 26px 0 18px;position:relative}#valueboard .vb-row{background:#ffffff08;border-bottom:1px solid #ffffff14;height:22px;position:relative}#valueboard .vb-row i{background:var(--goggles-hi);width:2px;height:8px;margin-left:-1px;position:absolute;top:7px}#valueboard .vb-cursor{color:#000;white-space:nowrap;pointer-events:none;background:#fff;height:22px;padding:0 4px;font-weight:400;line-height:22px;position:absolute;top:0;left:0;translate:-50%}.kv{grid-template-columns:max-content auto;align-items:center;gap:2px 6px;padding-left:8px;display:grid}.kv>.kl{color:#aaa;min-width:64px;display:flex}.kv>.kl:after{content:"..................................";white-space:nowrap;flex:1;width:0;min-width:12px;margin-left:2px;overflow:hidden}#inspector .goggles .kv{padding-left:0}#inspector .goggles .kl{color:var(--muted)}#inspector .goggles .y{color:var(--fg)}#inspector .goggles .r{color:var(--danger)}.modal{z-index:20;background:var(--scrim);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{flex-direction:column;width:min(640px,100%);max-height:min(640px,100%);margin:0;display:flex;overflow:hidden}.dialog header{justify-content:space-between;align-items:center;padding:16px 16px 8px;display:flex}.dialog h3{font:400 36px/1 var(--font-pixel);margin:0}.dialog .search{height:34px;color:var(--fg);width:calc(100% - 32px);margin:12px 16px 8px;padding:0 10px 2px}.dialog .grid{flex:1;grid-template-columns:repeat(auto-fill,44px);gap:8px;min-height:120px;margin:0;padding:8px 16px 16px;list-style:none;display:grid;overflow:auto}.dialog .grid li{cursor:pointer;place-items:center;width:44px;height:44px;display:grid}.dialog .grid li:hover{background-color:var(--surface)}.dialog .grid li.on{box-shadow:0 -2px 0 var(--fg), 0 2px 0 var(--fg), -2px 0 0 var(--fg), 2px 0 0 var(--fg), inset 2px 2px 0 var(--frame-lo), inset -2px -2px 0 var(--frame-hi)}.dialog .grid img{width:32px;height:32px;image-rendering:pixelated}.dialog .grid img:not([src]){visibility:hidden}.dialog footer{color:var(--muted);align-items:center;gap:12px;padding:8px 16px 16px;display:flex}.help-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px;padding:8px 16px 16px;display:grid;overflow:auto}.help-grid dl{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;display:grid}.help-grid dt{color:var(--fg);white-space:nowrap}.help-grid dd{margin:0}#setup{z-index:30;background:var(--canvas);place-items:center;padding:16px;display:grid;position:absolute;inset:0}#setup:before{content:"";pointer-events:none;background:var(--line-strong);-webkit-mask-composite:source-in;position:absolute;inset:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256' fill='none' stroke='%23000'%3E%3Cpath stroke-dasharray='6 6' d='M0 .5h256M.5 0v256M0 128.5h256M128.5 0v256'/%3E%3Cpath stroke-width='2' d='M64 58v12M58 64h12M192 186v12M186 192h12'/%3E%3C/svg%3E"),radial-gradient(at 50% 45%,#000 0%,#0000 70%);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256' fill='none' stroke='%23000'%3E%3Cpath stroke-dasharray='6 6' d='M0 .5h256M.5 0v256M0 128.5h256M128.5 0v256'/%3E%3Cpath stroke-width='2' d='M64 58v12M58 64h12M192 186v12M186 192h12'/%3E%3C/svg%3E"),radial-gradient(at 50% 45%,#000 0%,#0000 70%);-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}#setup .card{max-width:520px;padding:28px 30px;position:relative}#setup .brand.big{margin:0 0 16px}#setup h1.wordmark{font-size:67px}#setup li{margin-bottom:12px}#setup li small{color:var(--subtle)}#setup li.done{color:var(--subtle);text-decoration:line-through}.err{color:var(--danger)}#drop-hint{z-index:40;background:var(--scrim);pointer-events:none;box-shadow:inset 0 0 0 4px var(--fg);place-items:center;font-size:36px;display:grid;position:absolute;inset:0}@media (max-width:860px){#bar .group span{display:none}#left{width:auto;max-height:34%;inset:auto 12px 88px 76px}#side{display:none}#tools{width:auto;height:38%;top:12px;bottom:auto;left:76px}#hotbar button{width:36px;height:36px}#hotbar button img{width:26px;height:26px}}