:root{color-scheme:dark;--bg:#11160f;--panel:#181f16;--panel-2:#1e281b;--ink:#eff1e9;--muted:#a8b0a2;--line:#3b4738;--leaf:#94bd82;--acid:#c9d977;--clay:#c99673;--sky:#8ca7a5;--noise:84%}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Tahoma,"Segoe UI",sans-serif}a{color:inherit;text-decoration-color:#6d7c67;text-underline-offset:5px}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--acid);outline-offset:3px}[hidden]{display:none!important}header,main{width:min(1040px,calc(100% - 48px));margin:auto}header{height:62px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px}header nav{display:flex;gap:22px;color:var(--muted)}main{padding:52px 0 54px}.hero{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}.hero h1{margin:0;font:800 clamp(50px,8vw,82px)/.82 Tahoma,"Segoe UI",sans-serif;letter-spacing:-.075em}.hero p{max-width:420px;margin:0 0 3px;color:var(--muted);font-size:16px}
.workbench{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);border:1px solid var(--line);background:var(--panel)}.preview-panel{min-width:0;border-right:1px solid var(--line)}.preview-head{height:46px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 14px;border-bottom:1px solid var(--line);font:12px/1 ui-monospace,Consolas,monospace}.preview-head span{color:var(--muted)}.game-preview{position:relative;height:390px;overflow:hidden;background:#252e25;isolation:isolate}.game-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(155deg,transparent 0 47%,#4a5847 47% 48%,transparent 48%),linear-gradient(25deg,transparent 0 58%,#3c493c 58% 59%,transparent 59%);opacity:.7}.moon{position:absolute;right:13%;top:12%;width:62px;height:62px;border:11px solid #a3b3a0;border-left-color:transparent;border-radius:50%;rotate:-24deg;opacity:.62}.ground{position:absolute;background:#45523f;transform:rotate(45deg) skew(-8deg,-8deg);border:2px solid #5f6b58}.ground-a{left:16%;bottom:16%;width:260px;height:180px}.ground-b{right:4%;bottom:-9%;width:280px;height:230px;background:#38463a}.water{position:absolute;left:-12%;right:-10%;bottom:6%;height:28%;background:#314c4c;transform:skewY(-7deg);border-block:2px solid #5f7776;opacity:.8}.fog{position:absolute;z-index:7;width:80%;height:58px;background:#b8c2b4;filter:blur(25px);opacity:.21;transition:opacity 260ms ease-out}.fog-a{left:-20%;top:28%;rotate:7deg}.fog-b{right:-18%;bottom:16%;rotate:-5deg}.doodad{position:absolute;z-index:3;transition:opacity 220ms ease-out,transform 220ms ease-out}.tree-a,.tree-b{width:0;height:0;border-left:26px solid transparent;border-right:26px solid transparent;border-bottom:94px solid #1a261d;filter:drop-shadow(9px 8px 0 #344238)}.tree-a{left:9%;top:21%}.tree-b{right:17%;top:32%;scale:.72}.crystal{right:31%;bottom:18%;width:28px;height:42px;background:var(--acid);clip-path:polygon(50% 0,100% 38%,76% 100%,20% 87%,0 34%);outline:2px solid #e9efae}.corpse{position:absolute;z-index:5;width:42px;height:13px;border:3px solid #85685f;border-radius:50%;rotate:-16deg;transition:opacity 180ms ease-out}.corpse-a{left:29%;bottom:24%}.corpse-b{right:22%;bottom:37%;scale:.7}.player,.other-player,.monster{position:absolute;z-index:8;width:28px;height:38px;border-radius:48% 48% 35% 35%;background:#b8bdad;box-shadow:0 11px 0 -8px #0008;transition:opacity 180ms ease-out}.player{left:48%;top:45%}.other-player{left:60%;top:58%;background:#c78d73}.monster{left:35%;top:60%;background:#788b69;scale:1.3}.player:before,.other-player:before,.monster:before{content:"";position:absolute;left:6px;top:-13px;width:16px;height:16px;border-radius:50%;background:inherit}.player i,.other-player i{position:absolute;left:13px;top:8px;width:3px;height:3px;border-radius:50%;background:#20251f;box-shadow:8px 0 #20251f}.aura,.bloom,.mtx{position:absolute;z-index:6;left:calc(48% - 18px);top:calc(45% - 10px);width:64px;height:64px;border:3px solid #8ad2c0;border-radius:50%;background:#8ad2c01c;animation:aura 1.8s ease-in-out infinite;transition:opacity 180ms ease-out}.bloom{left:calc(35% - 22px);top:calc(60% - 17px);width:78px;height:58px;border-color:#efc58a;background:#efc58a24}.mtx{left:calc(60% - 20px);top:calc(58% - 13px);width:70px;height:70px;border-style:dashed;border-color:#cf8fcb;background:#cf8fcb19}.particle{position:absolute;z-index:9;width:7px;height:7px;background:#d4e1a7;rotate:45deg;animation:float 1.7s ease-in-out infinite;transition:opacity 180ms ease-out}.p1{left:42%;top:32%}.p2{left:55%;top:39%;animation-delay:-.4s}.p3{left:69%;top:51%;animation-delay:-.8s}.p4{left:28%;top:53%;animation-delay:-1.1s}.rain{position:absolute;z-index:10;top:-10%;width:1px;height:44%;background:#a9c1c1;rotate:17deg;opacity:.48;animation:rain .85s linear infinite;transition:opacity 180ms ease-out}.r1{left:12%}.r2{left:31%;animation-delay:-.2s}.r3{left:49%;animation-delay:-.5s}.r4{left:70%;animation-delay:-.7s}.r5{left:88%;animation-delay:-.35s}.game-preview.no-rain .rain,.game-preview.no-fog .fog,.game-preview.no-bloom .bloom,.game-preview.no-doodads .doodad,.game-preview.no-corpses .corpse,.game-preview.no-other-player .other-player,.game-preview.no-water .water,.game-preview.no-mtx .mtx,.game-preview.no-particles .particle,.game-preview.no-aura .aura{opacity:0}.game-preview.blackout .ground,.game-preview.blackout .moon{opacity:.08}.game-preview.blackout{background:#131813}@keyframes aura{50%{scale:1.08;opacity:.65}}@keyframes float{50%{translate:0 -13px;rotate:120deg}}@keyframes rain{to{translate:72px 470px}}.noise-readout{height:47px;display:grid;grid-template-columns:auto minmax(100px,1fr) auto;align-items:center;gap:12px;padding:8px 14px;border-top:1px solid var(--line);color:var(--muted);font:11px/1 ui-monospace,Consolas,monospace}.noise-readout i{height:7px;background:#303b2e;overflow:hidden}.noise-readout b{display:block;width:100%;height:100%;background:var(--acid);transform:scaleX(var(--noise));transform-origin:left;transition:transform 260ms ease-out}.noise-readout strong{color:var(--leaf);font-weight:600}
.preset-panel{padding:17px}.preset-title{display:flex;align-items:start;justify-content:space-between;margin-bottom:15px;color:var(--muted);font:11px/1 ui-monospace,Consolas,monospace;text-transform:uppercase}.meter{text-align:right}.meter strong{display:block;color:var(--acid);font:700 30px/.8 ui-monospace,Consolas,monospace}.meter small{font-size:10px}#presets{display:grid;gap:7px}#presets button{min-height:42px;padding:8px 11px;border:1px solid var(--line);background:transparent;color:var(--muted);text-align:left;transition:background-color 120ms ease-out,color 120ms ease-out,transform 120ms ease-out}#presets button:hover{color:var(--ink)}#presets button:active{transform:scale(.96)}#presets button[aria-pressed=true]{border-color:var(--leaf);background:var(--leaf);color:#12170f;font-weight:700}#presets small{float:right}#preset-description{min-height:44px;margin:14px 0;color:var(--muted);font-size:12px}.actions{display:flex;gap:7px}.actions button,details button{min-height:40px;padding:7px 11px;border:1px solid var(--line);background:transparent}.actions #export{border-color:var(--acid);color:var(--acid)}
.switchboard{margin-top:30px}.controls{display:grid;grid-template-columns:1fr 180px 180px;gap:9px;margin-bottom:12px}.controls label{display:block;color:var(--muted);font:11px/1.2 ui-monospace,Consolas,monospace;text-transform:uppercase}.controls input,.controls select,textarea{width:100%;min-height:42px;margin-top:7px;padding:8px 10px;border:1px solid var(--line);background:var(--panel)}#categories{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;border-top:1px solid var(--line)}.group-title{grid-column:1/-1;margin:19px 0 5px;color:var(--leaf);font:700 11px/1 ui-monospace,Consolas,monospace;text-transform:uppercase}.switch{display:flex;align-items:center;gap:10px;min-height:42px;padding:6px 8px;border-bottom:1px solid #2d372b;cursor:pointer}.switch:nth-of-type(even){background:#151b14}.switch input{accent-color:var(--leaf)}.switch strong{font-weight:500}.switch small{display:none}details{margin-top:22px;border-block:1px solid var(--line);padding-bottom:15px}summary{padding:14px 0;color:var(--leaf);cursor:pointer}details textarea{display:block;max-width:600px;margin-bottom:10px}#status,#provenance{color:var(--muted);font-size:12px}footer{margin-top:25px;padding-top:14px;border-top:1px solid var(--line)}
@media(max-width:760px){header,main{width:calc(100% - 28px)}header{height:58px}main{padding:38px 0}.hero{display:block}.hero h1{font-size:56px}.hero p{margin-top:20px}.workbench{grid-template-columns:1fr}.preview-panel{border-right:0;border-bottom:1px solid var(--line)}.game-preview{height:300px}.preset-panel{padding:14px}#presets{grid-template-columns:1fr 1fr}.controls{grid-template-columns:1fr 1fr}.controls label:first-child{grid-column:1/-1}#categories{grid-template-columns:1fr}.group-title{grid-column:1}.switch{min-height:46px}.noise-readout{grid-template-columns:auto 1fr}.noise-readout strong{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* The two jobs are one tool, so the handoff stays visible without adding copy. */
.tool-tabs{display:flex;gap:7px;margin-bottom:28px}.tool-tabs a{padding:7px 11px;border:1px solid var(--line);color:var(--muted);text-decoration:none;font:11px/1 ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}.tool-tabs a[aria-current="page"]{background:var(--leaf);border-color:var(--leaf);color:#12170f;font-weight:700}