:root{color-scheme:dark;--bg:#101c1c;--ink:#f3f2dd;--muted:#a2b4aa;--line:#3a4c45;--mint:#c1f5c0;--acid:#eaff64}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:1100px;margin:auto;padding:20px 32px max(20px,env(safe-area-inset-bottom))}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;min-height:46px;border:1px solid var(--line);background:#1b2c27;border-radius:9px;padding:0 16px}button:hover{background:#2d4135}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--acid);outline-offset:3px}header{display:flex;justify-content:space-between;align-items:center;gap:14px}.brand{font-size:12px;font-weight:750;letter-spacing:1.5px;display:flex;align-items:center;gap:10px;min-height:44px}.logo{display:grid;place-items:center;background:var(--acid);color:#101311;width:34px;height:34px;border-radius:9px;font-size:29px;letter-spacing:-3px;padding-right:3px}.edition,.eyebrow,.world-mark,.world-top>span,.corner-note,.brush>span{font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.3px}.edition{color:var(--muted)}.title-row{display:flex;justify-content:space-between;gap:18px;align-items:end;margin:27px 0 24px}.eyebrow{color:var(--mint);margin:0 0 8px}h1{font-size:clamp(44px,6vw,74px);font-weight:450;letter-spacing:-3px;line-height:1.04;margin:0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--mint)}.world-mark{color:var(--muted);text-align:right;margin-bottom:5px}.sandbox{height:clamp(340px,52vh,570px);position:relative;overflow:hidden;border:1px solid #526c59;border-radius:15px;background:radial-gradient(ellipse at 28% 10%,#355247 0,#20342d 38%,#162720 95%)}#world{width:100%;height:100%;image-rendering:pixelated;display:block;touch-action:none;cursor:crosshair}.world-top{position:absolute;top:12px;left:18px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none;z-index:2}.world-top>span{color:#c4d6b8;font-size:10px}.world-top button{pointer-events:auto;background:#14271ee8;min-height:44px;font-size:14px;border-color:#587256;padding:0 13px;border-radius:40px;white-space:nowrap}.world-top button[aria-pressed=true]{background:var(--mint);color:#102014}.world-top button>span{font-size:20px;vertical-align:-1px;margin-right:4px}.welcome{position:absolute;top:24%;left:6%;pointer-events:none;text-shadow:0 2px 8px #0e221f;transition:opacity .3s}.welcome>span{font:italic clamp(24px,3vw,36px)/1.2 Georgia,serif;letter-spacing:-.8px}.welcome p{font-size:14px;color:#c9dcc8;margin:9px 0}.welcome.gone{opacity:0}.corner-note{position:absolute;bottom:14px;left:18px;font-size:9px;pointer-events:none;color:#b6c7a7;text-shadow:0 1px 5px #07130c}.toolbox{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:16px}.material{display:flex;gap:10px;align-items:center;justify-content:center;min-height:54px;font-size:14px}.material.selected{background:var(--mint);color:#14281e;border-color:var(--mint)}.grain{display:block;flex-shrink:0;width:14px;height:14px;border-radius:3px}.sand{background:#edca7b;box-shadow:inset -3px -3px #cca361}.water{background:#71c5d4;box-shadow:inset -3px -3px #438ba8}.seed{background:#b1ca5b;border-radius:8px 3px}.fire{background:#ff8762;box-shadow:inset -3px -3px #e2514f;border-radius:8px 3px 5px 3px}.stone{background:#8e9b8c;box-shadow:inset -3px -3px #627168}.erase{border:1px dashed #a8b6a6;background:transparent}.selected .erase{border-color:#234832}.hint{color:#b8cdba;font-size:14px;min-height:22px;margin:12px 0 16px}.settings{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:16px}.brush{display:flex;gap:5px;align-items:center}.brush>span{margin-right:8px;color:var(--muted)}.brush button{min-width:44px;padding:0 12px;background:transparent}.brush .chosen{background:#3d543e;border-color:#8da68a}.world-actions{display:flex;gap:7px}.world-actions button{font-size:14px;padding:0 17px;background:transparent}#pause[aria-pressed=true]{background:var(--mint);color:#14281e}footer{display:flex;justify-content:space-between;gap:14px;font-size:13px;color:var(--muted);margin-top:22px}footer a{min-height:44px;display:flex;align-items:start;text-decoration:underline;text-underline-offset:4px}#brush-cursor{position:absolute;width:28px;height:28px;border:1px solid #eff8d8;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);opacity:.8}#brush-cursor[hidden]{display:none}@media(max-width:650px){main{padding:12px 16px max(14px,env(safe-area-inset-bottom))}.edition{font-size:10px}.title-row{margin:20px 0 18px}.world-mark{display:none}h1{font-size:46px;letter-spacing:-2px}.eyebrow{font-size:10px}.sandbox{height:43svh;min-height:295px;max-height:470px}.toolbox{gap:7px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.material{min-height:46px}.world-top{left:12px;top:10px;right:10px}.world-top>span{font-size:8px;letter-spacing:.7px}.world-top button{font-size:13px;padding:0 11px}.welcome{top:27%;left:6%}.welcome>span{font-size:25px}.welcome p{font-size:13px}.corner-note{font-size:8px;left:12px;bottom:10px}.hint{margin:10px 0 12px;min-height:42px}.settings{flex-wrap:wrap;gap:12px;padding-top:12px}.world-actions{margin-left:auto}.world-actions button{padding:0 14px}footer{flex-direction:column;gap:4px;font-size:12px;margin-top:16px}footer a{align-items:center}.brush>span{font-size:10px}.brush button{min-height:44px}.world-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:350px){h1{font-size:42px}.world-top>span{max-width:100px}.welcome>span{font-size:23px}.sandbox{min-height:280px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}