:root{color-scheme:dark;font-family:'DM Sans',sans-serif;color:#e6e9e8;background:#101413}*{box-sizing:border-box}body{margin:0}main{max-width:1440px;margin:auto;padding:30px 44px}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:26px;border-bottom:1px solid #29312d}.brand{text-decoration:none;color:inherit;font:600 19px 'Space Grotesk',sans-serif;letter-spacing:2px;display:flex;align-items:center;gap:12px}.logo{color:#b5e7bd;font-size:30px}.tag{font:10px 'DM Sans',sans-serif;color:#83938a;letter-spacing:1.5px;margin-left:12px}.live{color:#92a298;font-size:12px}.live i,#stateDot{display:inline-block;width:6px;height:6px;background:#b5e7bd;border-radius:50%;margin-right:7px}.intro{display:flex;justify-content:space-between;align-items:center;margin:38px 0 28px}.eyebrow{font-size:10px;letter-spacing:2px;color:#91a497;font-weight:700}h1{font:500 clamp(25px,3vw,40px) 'Space Grotesk',sans-serif;letter-spacing:-1.6px;margin:12px 0}h1 em{font-style:normal;color:#b5e7bd}p{color:#91a097;font-size:14px;margin:0;line-height:1.6}button{font:inherit;color:inherit;cursor:pointer;background:#202923;border:1px solid #354139;border-radius:7px;padding:10px 15px;font-size:12px}button:hover{background:#303e34}button:focus-visible,input:focus-visible{outline:2px solid #b5e7bd;outline-offset:3px}button:disabled{opacity:.35;cursor:default}.workspace{display:grid;grid-template-columns:226px minmax(0,1fr);border:1px solid #303b33;border-radius:12px;overflow:hidden;background:#171d19}aside{padding:24px 17px;border-right:1px solid #303b33}aside>.eyebrow{margin-left:9px;margin-bottom:18px}#materials{display:grid;gap:7px}#materials button{display:flex;gap:11px;align-items:center;text-align:left;background:transparent;border:1px solid transparent;padding:10px 8px}#materials button[aria-pressed=true]{background:#27392d;border-color:#607d66}#materials button:hover{background:#263028}.swatch{display:grid;place-items:center;width:34px;height:36px;border-radius:6px;font-size:23px;flex-shrink:0}.water{background:#21445c;color:#72c5fa}.lava{background:#573b2c;color:#ff9b51}.stone{background:#38433e;color:#b8c6bd}.gold{background:#514726;color:#f1cf6b}.silver{background:#3e4854;color:#d4e0ee}.erase{background:#2e3730;color:#aeb7b0}small{display:block;font-size:10px;color:#93a399;margin-top:5px}kbd{font:10px monospace;color:#87968b}#materials kbd{margin-left:auto}.setting{border-top:1px solid #2d3830;margin-top:22px;padding:20px 8px 0}.setting label{display:flex;justify-content:space-between;font-size:12px}output{color:#b5e7bd}input{width:100%;accent-color:#b5e7bd;margin:17px 0 8px}.range-labels{display:flex;justify-content:space-between;color:#798b7e;font-size:10px}.tip{margin:26px 8px 0}.tip>span{font-size:10px;letter-spacing:1px;color:#b5e7bd}.tip p{font-size:11px;margin-top:9px}.world{min-width:0;display:flex;flex-direction:column}.worldbar{display:flex;align-items:center;justify-content:space-between;padding:14px 19px;font-size:11px;color:#a5b4a9;gap:8px}.worldbar button{padding:7px 11px;background:transparent;font-size:11px}.worldbar>div{display:flex;gap:7px}.canvas-wrap{position:relative;background:#0b100e;flex:1;display:flex;align-items:center;overflow:hidden}canvas{width:100%;height:auto;display:block;image-rendering:pixelated;touch-action:none;cursor:crosshair}.canvas-label{position:absolute;top:18px;left:20px;color:#627369;font:9px monospace;letter-spacing:2px;pointer-events:none}.canvas-label span{margin-left:12px;opacity:.7}footer{padding:15px 20px;display:flex;justify-content:space-between;font-size:10px;color:#90a195;gap:12px}.divider{margin:0 10px;color:#46554a}.bottom{display:flex;justify-content:space-between;color:#708377;font-size:11px;margin-top:19px}.bottom>span:first-child{font-style:italic}@media(min-width:1500px){main{padding-top:50px}}@media(max-width:850px){main{padding:20px}.tag,.live{display:none}.workspace{grid-template-columns:180px minmax(0,1fr)}aside{padding:20px 8px}#materials button{gap:7px}#materials small{font-size:9px}footer{flex-wrap:wrap}.worldbar{padding:10px;flex-wrap:wrap}.intro{margin:25px 0}.canvas-wrap{align-items:flex-start}canvas{min-height:360px;object-fit:fill}.bottom{gap:15px}}@media(max-width:600px){main{padding:16px}.intro{align-items:flex-start;gap:12px}.intro button{font-size:10px;padding:9px;min-width:80px}h1{font-size:28px}.intro p{font-size:12px}.workspace{display:flex;flex-direction:column}aside{border-right:0;border-bottom:1px solid #303b33;padding:12px}aside>.eyebrow,.tip,.range-labels,#materials small,#materials kbd{display:none}#materials{grid-template-columns:repeat(3,1fr);gap:2px}#materials button{flex-direction:column;font-size:9px;padding:7px 0;gap:5px}.setting{display:inline-block;width:48%;padding:12px 7px 0;margin:10px 0 0}.setting input{margin:10px 0 0}canvas{min-height:0;aspect-ratio:1.25}.bottom{font-size:10px;flex-wrap:wrap}.canvas-label{top:9px;left:10px}.worldbar>span{font-size:10px}}

.thermal-toggle{align-items:center;margin-top:12px;gap:8px}.thermal-toggle input{width:auto;margin:0}.physics-note{margin-top:16px;color:#91a097;font-size:11px}.physics-note summary{cursor:pointer}.physics-note p{font-size:12px;max-width:900px;margin-top:10px}

.heat-legend{display:flex;justify-content:space-between;margin-top:12px;padding-top:10px;background:linear-gradient(90deg,#1e37d2,#ff3769,#ffeb00) top/100% 4px no-repeat;font-size:10px;color:#a5b4a9}.physics-note a{color:#b5e7bd}

.worldbar>div{flex-wrap:wrap}.worldbar button[aria-pressed="true"]{background:#334d42;border-color:#8dbf9c;color:#d5f0db}#freezeStatus:empty{display:none}#freezeStatus{padding:8px 19px;background:#22362b;color:#b5e7bd;font-size:11px}

.performance-warning{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin:0 0 20px;border:1px solid #66512c;border-radius:8px;background:#2b2418;color:#f0c775}.performance-warning>span{font-size:20px;line-height:1.4}.performance-warning p{color:#dfcbaa;font-size:12px;line-height:1.6}.performance-warning strong{color:#f0d194;font-weight:600}

.cement{background:#4d4738;color:#d9cfb5}

.delete-controls{margin-top:22px;padding-top:20px;border-top:1px solid #303b33}.delete-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.delete-controls p{font-size:11px;margin-top:10px}.delete-controls #deleteStatus{color:#b5e7bd;min-height:18px}.delete-buttons button:hover{border-color:#ba8e76}

.scene-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}#laboratory{background:#2c4433;border-color:#759b7b;color:#d3ecd7}.canvas-wrap{position:relative}#roomLabels{position:absolute;inset:0;pointer-events:none}.room-label{position:absolute;color:#c1d8c7;font:500 clamp(6px,.8vw,11px) 'DM Sans',sans-serif;letter-spacing:.5px;white-space:nowrap;text-shadow:0 1px 2px #0b100e}.canvas-label #sceneName{margin:0;opacity:1}@media(max-width:600px){.scene-buttons{max-width:110px;flex-shrink:0}.room-label{font-size:6px;letter-spacing:0}}

.scene-surface{position:relative;width:100%}

.offline-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;color:#91a097;font-size:12px}.offline-bar a{color:#b5e7bd}.offline-bar nav{display:flex;gap:18px;flex-wrap:wrap}

.header-actions{display:flex;align-items:center;gap:20px}.home-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none;color:#b5e7bd;background:#202923;border:1px solid #607d66;border-radius:7px;padding:10px 15px;font-size:12px}.home-button:hover{background:#303e34}.home-button:focus-visible{outline:2px solid #b5e7bd;outline-offset:3px}@media(max-width:600px){header{gap:10px;flex-wrap:wrap}.home-button{padding:9px 12px}}