:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e6e8da;font-synthesis:none;background:#0c171d;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:260px}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline-offset:3px;outline:2px solid #e5bd77}[hidden]{display:none!important}.gutter-art{background:linear-gradient(#06121828,#06121822),url(/babylon-lite-pixel-walker/art/alchemist-cavern.png) 50%/cover;position:fixed;inset:0}.gutter-art:after{content:"";background:linear-gradient(90deg,#07141a44,#0000 30% 70%,#07141a44);position:absolute;inset:0}#app{isolation:isolate;place-items:center;display:grid}.site-signature{letter-spacing:2.2px;color:#d4d5bd;font:11px ui-monospace,monospace;position:absolute;top:28px;left:32px}.signature-mark{color:#d5b77c;vertical-align:middle;margin-right:8px;font-size:24px}.muted{opacity:.4;padding:0 10px}.frame{aspect-ratio:9/16;z-index:2;background:#16282f;width:min(100vw - 32px,56.25dvh - 27px);position:relative;box-shadow:0 0 0 2px #71806a,0 0 0 5px #17292d,0 0 0 9px #344347,0 0 0 11px #0b181e,0 25px 85px #000a;container-type:inline-size}.frame:before,.frame:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#536058 0 2px,#303e40 2px 44px,#192d32 44px 47px);width:8px;position:absolute;top:0;bottom:0;box-shadow:inset 1px 0 #75816a}.frame:before{left:-9px}.frame:after{right:-9px}#content_layer,#ui_layer{position:absolute;inset:0}#world{width:100%;height:100%;image-rendering:pixelated;touch-action:none;outline-offset:-3px;display:block}#ui_layer{pointer-events:none}#ui_layer button,#ui_layer a,#ui_layer select,.topbar,.materials,.world-hud,.controller,.frame-footer{pointer-events:auto}.topbar{background:#14232bf5;border-bottom:1px solid #42514a;justify-content:space-between;align-items:center;height:13cqw;padding:0 4cqw;display:flex}.title-group{align-items:center;gap:2cqw;display:flex}.title-group img{width:7.5cqw;height:7.5cqw}h1{letter-spacing:.15cqw;margin:0 0 .4cqw;font-family:Georgia,Times New Roman,serif;font-size:5.6cqw;font-weight:500}.title-group span{color:#9ba99e;letter-spacing:.36cqw;font-size:1.8cqw;display:block}.top-actions{gap:1cqw;display:flex}.icon-button{color:#b7c3b7;background:0 0;border:0;justify-content:center;align-items:center;width:8cqw;height:8cqw;font-size:4.3cqw;text-decoration:none;display:inline-flex}.icon-button:hover{color:#ffe0a3;background:#a8baa511}svg{flex:none;width:4.6cqw;height:4.6cqw}.materials{background:#13252cf5;border-bottom:1px solid #41534e;grid-template-columns:repeat(6,1fr);gap:.8cqw;padding:1.5cqw 2cqw 1.3cqw;display:grid}.material{color:#9facab;background:0 0;border:1px solid #0000;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:1cqw;height:12cqw;font-size:2.5cqw;transition:background .15s;display:flex}.material svg{color:var(--material);width:4.6cqw;height:4.6cqw}.material:hover{background:#ffffff08}.material.selected{color:#efd9a9;background:linear-gradient(#c8a25e26,#c8a25e0c);border-color:#b9995c;box-shadow:inset 0 -2px #be9959}.world-hud{background:linear-gradient(#152a32e8,#152a3210);justify-content:space-between;align-items:center;height:9cqw;padding:0 4cqw;font:2.5cqw ui-monospace,monospace;display:flex}.seed-icon{color:#edc57c;vertical-align:middle;margin-right:1cqw;font-size:4.6cqw}#seed-count b{color:#f0ddae;font-weight:500}.hud-label{color:#849d98;letter-spacing:.2cqw;margin-left:1cqw;font-size:1.9cqw}.health-wrap{color:#d7a98b;align-items:center;gap:1.4cqw;font-size:4cqw;display:flex}meter{background:#1a3036;border:1px solid #42605c;border-radius:2px;width:17cqw;height:1.7cqw;overflow:hidden}meter::-webkit-meter-bar{background:#1a3036;border:0}meter::-webkit-meter-optimum-value{background:#84b899}.hud-tools{gap:.8cqw;display:flex}.hud-tools .icon-button{width:7cqw;height:7cqw}.hud-tools svg{width:3.6cqw}#toast{text-align:center;color:#d5dfc9;letter-spacing:.02cqw;opacity:0;background:#10232be0;border:1px solid #69775b45;border-radius:3px;width:86%;padding:1.8cqw 2cqw;font-size:2.3cqw;transition:opacity .3s,transform .3s;position:absolute;top:38cqw;left:7%;transform:translateY(-3px)}#toast.visible{opacity:1;transform:translateY(0)}.controller{justify-content:space-between;align-items:center;height:19cqw;display:flex;position:absolute;bottom:8.5cqw;left:5cqw;right:5cqw}.dpad{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:26cqw;height:23cqw;display:grid}.dpad button{color:#bfccb0;touch-action:none;background:#263f40e8;border:1px solid #6c7f70;border-radius:3px;padding:0;font-size:3cqw;box-shadow:0 2px #142a2c}.dpad button:hover,.dpad button.held{color:#fff1c4;background:#62765c}.dpad .up{grid-area:1/2}.dpad .left{grid-area:2/1}.dpad .right{grid-area:2/3}.dpad .down{grid-area:3/2}.dpad-center{color:#789789;grid-area:2/2;place-items:center;font-size:4.5cqw;display:grid}.pour-tip{text-align:center;color:#81988e;flex-direction:column;gap:.8cqw;font-size:2.3cqw;display:flex}#selected-name{color:#e5bb78;letter-spacing:.5cqw;font:2.5cqw ui-monospace,monospace}.brush-options{justify-content:center;gap:1cqw;margin-top:.8cqw;display:flex}.brush-options button{color:#91a99b;background:#172b2e;border:1px solid #455f55;border-radius:2px;width:6cqw;height:6cqw;padding:0}.brush-options button.active{color:#ebce94;background:#354037;border-color:#c0a16c}.jump{color:#e9d2a3;touch-action:none;background:radial-gradient(circle at 45% 30%,#56604b,#303e38 80%);border:1px solid #c8a970;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.3cqw;width:18.5cqw;height:18.5cqw;display:flex;box-shadow:0 0 0 3px #0d262bbf,0 0 0 4px #6a776155,0 4px #11272b}.jump span{font-size:7cqw;line-height:1}.jump small{letter-spacing:.25cqw;font:2.2cqw ui-monospace,monospace}.jump:hover,.jump.held{background:#6a7456;transform:translateY(1px)}.frame-footer{color:#8ca397;background:#14252bee;border-top:1px solid #46584d;justify-content:space-between;align-items:center;width:100%;height:7cqw;padding:0 4cqw;font:2.1cqw ui-monospace,monospace;display:flex;position:absolute;bottom:0}.footer-right{align-items:center;gap:2.2cqw;display:flex}.footer-button{height:100%;font:inherit;color:#b7c4af;background:0 0;border:0;align-items:center;gap:1.5cqw;padding:0;display:flex}.footer-button svg{width:3.2cqw;height:3.2cqw}.performance{align-items:center;gap:1.4cqw;font-size:1.8cqw;display:flex}.performance i{background:#8ebba1;border-radius:50%;width:1cqw;height:1cqw;box-shadow:0 0 6px #8ebba166}.version{font-size:2cqw}.fps-toggle{color:#cfdbcf;align-items:center;gap:2cqw;margin:3cqw 0;font-size:3cqw;display:flex}.fps-toggle input{accent-color:#96bd96;width:4cqw;height:4cqw}.performance[hidden]{display:none}.frame-corners{pointer-events:none;position:absolute;inset:-10px}.frame-corners i{background:#303c3f;border:2px solid #b0a67b;width:16px;height:16px;position:absolute;box-shadow:inset 0 0 0 3px #626953}.frame-corners i:first-child{top:0;left:0}.frame-corners i:nth-child(2){top:0;right:0}.frame-corners i:nth-child(3){bottom:0;left:0}.frame-corners i:nth-child(4){bottom:0;right:0}.gutter-copy{z-index:1;text-shadow:0 2px 20px #07141a;width:min(23vw,290px);position:absolute;top:41%}.left-copy{right:calc(50% + min(28.125dvh,26vw) + 42px)}.right-copy{left:calc(50% + min(28.125dvh,26vw) + 42px)}.eyebrow{color:#d1b887;letter-spacing:2px;font:9px ui-monospace,monospace;display:block}.gutter-copy h2{color:#e6e6ca;margin:17px 0;font-family:Georgia,serif;font-size:clamp(22px,2.8vw,40px);font-weight:400;line-height:1.15}.gutter-copy p{color:#b6c3b3;font-size:12px;line-height:1.9}.right-copy h2{font-size:clamp(20px,2.2vw,30px)}.fine-rule{border-top:1px solid #9c996e88;width:42px;margin:23px 0 16px}.small-caption{letter-spacing:2px;color:#a9b59b;font:9px ui-monospace,monospace}.notes p{margin:9px 0;font-size:11px}.note-dot{width:4px;height:4px;margin-right:10px;display:inline-block;transform:rotate(45deg)}.note-dot.sand{background:#e5bb78}.note-dot.water{background:#81cddd}.note-dot.fire{background:#f59770}kbd{background:#18303988;border:1px solid #87928088;border-radius:2px;margin-right:3px;padding:3px 5px;font:10px ui-monospace,monospace}.keyboard-hint span{opacity:.7;margin:0 4px}.site-footer{color:#aeb4a0;letter-spacing:1.5px;font:8px ui-monospace,monospace;position:absolute;bottom:20px;left:32px}.site-footer span{margin:0 7px}.screen{pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;text-align:center;background:#0a1e26df;place-items:center;padding:7cqw;display:grid;position:absolute;inset:0}.screen-inner{width:100%}.screen h2{color:#ecdfb5;margin:4cqw 0;font:400 9cqw/1.05 Georgia,serif}.screen p{color:#b8c9bd;font-size:3.1cqw;line-height:1.65}.screen-glyph{color:#ecc77a;margin-bottom:3cqw;font-size:14cqw;display:block}.screen .eyebrow{font-size:2cqw}.primary,.secondary{background:#29443f;border:1px solid #6a806c;border-radius:3px;width:100%;margin-top:10px;padding:12px 16px;font-size:13px}.primary{color:#172c2c;background:#c4aa74;border-color:#e5cb94;font-weight:600}.primary:hover{background:#ddc48e}.secondary:hover{background:#3c594b}#paused-label{text-align:center;color:#ead6a6;letter-spacing:.5cqw;background:#12272ce8;border:1px solid #9a936b;width:46%;padding:5cqw;font:4cqw ui-monospace,monospace;position:absolute;top:51%;left:27%}#paused-label small{letter-spacing:0;color:#9caf9d;margin-top:2cqw;font-size:2.3cqw;display:block}dialog{color:#dce3ce;background:#172d33;border:1px solid #839179;border-radius:5px;width:min(380px,100vw - 32px);max-height:calc(100dvh - 32px);padding:30px;overflow:auto;box-shadow:0 20px 90px #000a}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06151cc9}dialog h2{color:#e5d7ae;margin:18px 0 24px;font:30px Georgia,serif}dialog p{font-size:13px;line-height:1.75}dialog label{margin:15px 0 8px;font-size:13px;display:block}dialog select{color:#e0e5ce;background:#223d3f;border:1px solid #748575;border-radius:2px;width:100%;padding:12px 10px}.setting-note{color:#a5b8aa;font-size:12px;line-height:1.7}.dialog-close{color:#c1ccba;background:0 0;border:0;width:38px;height:38px;font-size:26px;position:absolute;top:8px;right:8px}dl{font-size:12px;line-height:1.6}dt{color:#d4bd87;margin-top:12px;font-weight:600}dd{color:#b9cabd;margin:3px 0 0}@media (width<=1050px){.gutter-copy{display:none}.site-footer{font-size:7px}}@media (width<=600px){.site-signature,.site-footer{display:none}.frame{width:min(calc(100vw - 20px), calc((100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * .5625))}.frame-corners i{width:12px;height:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}