html,body{color:#f4e9d8;background:#05060f;width:100%;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{background:#05060f;outline:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#ui .interactive{pointer-events:auto}#ui{--gold:#ffc45a;--orange:#ff8a1f;--panel:#120918d1;color:#fbeedc;font:14px system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#ui .panel{pointer-events:auto;background:var(--panel);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #ffb45059;border-radius:12px;box-shadow:0 0 28px #ff8c1e2e,0 8px 30px #000a}#ui h2{color:var(--gold);letter-spacing:.5px;margin:0 0 10px;font-size:20px}#ui button{font:inherit;color:inherit;cursor:pointer}#hotbar{background:var(--panel);pointer-events:auto;border:1px solid #ffb4504d;border-radius:14px;gap:6px;padding:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 0 24px #ff821433}#hotbar .slot{cursor:pointer;background:#28161eb3;border:2px solid #ffffff24;border-radius:9px;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .1s,box-shadow .15s;display:flex;position:relative}#hotbar .slot:hover{border-color:#ffc86480}#hotbar .slot .icon{font-size:26px;line-height:1}#hotbar .slot .key{opacity:.7;font-size:10px;position:absolute;top:2px;left:4px}#hotbar .slot .name{white-space:nowrap;color:var(--gold);pointer-events:none;background:#000c;border-radius:6px;padding:3px 8px;font-size:12px;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}#hotbar .slot:hover .name,#hotbar .slot.active .name{display:block}#hotbar .slot .name:empty{display:none!important}#hotbar .slot.active{border-color:var(--gold);background:#5a300aa6;animation:2.2s ease-in-out infinite diya;transform:translateY(-4px);box-shadow:0 0 0 2px #ffc45a59,0 0 18px #ff961ea6}@keyframes diya{50%{box-shadow:0 0 0 2px #ffc45a80,0 0 26px #ffaa32e6}}#crosshair{width:0;height:0;position:absolute;top:50%;left:50%}#crosshair .dot{background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:-2px;left:-2px;box-shadow:0 0 4px #000}#crosshair svg{opacity:0;width:44px;height:44px;transition:opacity .12s;position:absolute;top:-22px;left:-22px;transform:rotate(-90deg)}#crosshair svg.on{opacity:1}#crosshair circle{fill:none;stroke-width:3px}#crosshair .bg{stroke:#fff3}#crosshair .fg{stroke:var(--orange);stroke-linecap:round;stroke-dasharray:113.1;stroke-dashoffset:113.1px}#hint{color:#fff;text-shadow:0 1px 3px #000,0 0 8px #000;white-space:nowrap;font-size:15px;position:absolute;top:calc(50% + 36px);left:50%;transform:translate(-50%)}#fuseburn{color:var(--gold);background:#501e00bf;border-radius:999px;padding:4px 12px;font-size:12px;display:none;position:absolute;top:14px;left:50%;transform:translate(-50%)}#fuseburn.on{animation:1s infinite diya;display:block}#toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:48px;left:50%;transform:translate(-50%)}.toast{color:#fff;opacity:1;background:#120918d9;border:1px solid #ffb45066;border-radius:8px;padding:6px 14px;transition:opacity .4s}.toast.out{opacity:0}#fps{color:#9f9;white-space:pre;background:#0008;border-radius:5px;padding:3px 7px;font:12px ui-monospace,Consolas,monospace;display:none;position:absolute;top:8px;left:8px}#fps.on{display:block}#inventory{max-width:92vw;padding:18px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#inventory.open{display:block}#inventory .grid{grid-template-columns:repeat(5,minmax(96px,1fr));gap:8px;display:grid}#inventory .item{text-align:center;background:#321a22b3;border:1px solid #ffffff24;border-radius:9px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;display:flex}#inventory .item:hover{border-color:var(--gold);box-shadow:0 0 12px #ffa02880}#inventory .item .icon{font-size:28px}#inventory .item .nm{font-size:13px;font-weight:600}#inventory .item small{opacity:.75;font-size:10px;line-height:1.2}#inventory .item .fz{color:var(--gold)}#inventory .foot{opacity:.75;text-align:center;margin-top:10px;font-size:12px}#settings{width:min(440px,92vw);max-height:90vh;padding:20px 24px;display:none;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}#settings.open{display:block}#settings .row{justify-content:space-between;align-items:center;gap:12px;margin:8px 0;display:flex}#settings select,#settings .btn{color:#fff;background:#2a1620;border:1px solid #ffb45066;border-radius:6px;padding:4px 8px}#settings table{border-collapse:collapse;width:100%;margin-top:8px;font-size:12px}#settings td{padding:2px 4px}#settings td:first-child{color:var(--gold);white-space:nowrap}#settings .resume{color:#fff;background:linear-gradient(#ff9a2a,#d85d00);border:0;border-radius:8px;width:100%;margin-top:14px;padding:9px;font-weight:700}#start{text-align:center;pointer-events:auto;cursor:pointer;background:radial-gradient(circle at 50% 60%,#7832008c,#05060fe6);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}#start h1{color:var(--gold);text-shadow:0 0 24px #ff8c1ecc;margin:0;font-size:56px}#start p{opacity:.85;margin:0}#start .go{background:linear-gradient(#ff9a2a,#d85d00);border-radius:999px;margin-top:12px;padding:10px 28px;font-size:18px;font-weight:700;animation:2s infinite diya}#loading{z-index:1000;text-align:center;color:#fbeedc;pointer-events:auto;cursor:progress;opacity:1;background:radial-gradient(circle at 50% 58%,#3a1600 0,#12060f 55%,#05060f 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:0 16px;font:15px system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:opacity .65s;display:flex;position:fixed;inset:0}#loading.out{opacity:0;pointer-events:none}#loading h1{color:#ffc45a;text-shadow:0 0 24px #ff8c1ecc;margin:0;font-size:clamp(34px,8vw,56px)}#loading .msg{opacity:.85;letter-spacing:.3px;margin:0}#loading .bar{background:#ffb4502e;border-radius:999px;width:min(280px,80vw);height:6px;position:relative;overflow:hidden;box-shadow:0 0 12px #ff8c1e40}#loading .fill{border-radius:inherit;background:linear-gradient(90deg,#ffc45a,#ff8a1f);width:0;transition:width .3s;position:absolute;top:0;bottom:0;left:0}#loading .bar.indeterminate .fill{width:35%;animation:1.3s ease-in-out infinite loadslide}@keyframes loadslide{0%{left:-35%}to{left:100%}}#loading .diya{width:110px;height:96px;margin-bottom:4px;position:relative}#loading .bowl{background:linear-gradient(#e0773a,#9a3d14 70%,#6e2a0c);border-radius:0 0 60px 60px/0 0 46px 46px;height:42px;position:absolute;bottom:0;left:5px;right:5px;box-shadow:inset 0 6px #f2a05a,0 6px 18px #0009}#loading .bowl:after{content:"";background:#c25a26;border-radius:0 0 14px;width:22px;height:14px;position:absolute;top:-2px;right:-6px}#loading .wick{background:#3a2410;border-radius:2px;width:4px;height:8px;margin-left:-2px;position:absolute;bottom:40px;left:calc(50% + 32px)}#loading .flame{transform-origin:50% 100%;background:radial-gradient(at 50% 75%,#fff7d0 0,#ffd257 35%,#ff8a1f 70%,#ff500000 100%);border-radius:50%/62% 62% 38% 38%;width:18px;height:30px;margin-left:-9px;animation:.18s ease-in-out infinite alternate flick,2.4s ease-in-out infinite sway;position:absolute;bottom:46px;left:calc(50% + 32px)}#loading .glow{background:radial-gradient(circle,#ffaa3c73,#ff781400 65%);border-radius:50%;width:120px;height:120px;margin-left:-60px;animation:1.6s ease-in-out infinite pulse;position:absolute;bottom:30px;left:calc(50% + 32px)}@keyframes flick{0%{transform:scale(1)skew(0)}to{transform:scale(.92,1.08)skew(2deg)}}@keyframes sway{0%,to{filter:brightness()}50%{filter:brightness(1.18)}}@keyframes pulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){#loading .flame,#loading .glow,#loading .bar.indeterminate .fill{animation:none}#loading .bar.indeterminate .fill{opacity:.6;width:100%;left:0}}#settings .showfps,#settings .bloom{width:18px;height:18px;accent-color:var(--orange);cursor:pointer}#fps{pointer-events:none}#eschint{color:#fff;opacity:.75;text-shadow:0 1px 3px #000;pointer-events:none;font-size:12px;position:absolute;top:10px;right:10px}#eschint kbd{background:#0006;border:1px solid #ffffff80;border-bottom-width:2px;border-radius:4px;margin-right:4px;padding:1px 6px;font:11px ui-monospace,Consolas,monospace}#settings .gpu{opacity:.85;text-align:right;font-size:12px}#settings .gpu-note{color:#ffd27a;background:#ffaa281f;border:1px solid #ffaa2859;border-radius:6px;margin:2px 0 6px;padding:6px 8px;font-size:12px;line-height:1.4}#settings input[type=range]:disabled{opacity:.4}#settings input[type=range]{appearance:none;cursor:pointer;background:0 0;width:min(200px,48%);height:22px;margin:0}#settings input[type=range]:focus{outline:none}#settings input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#7a3a12,var(--orange));border:1px solid #ffb45073;border-radius:3px;height:6px}#settings input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--orange);background:#ffe2b0;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 0 0 2px #00000059}#settings input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #ffc45a99}#settings input[type=range]::-moz-range-track{background:linear-gradient(90deg,#7a3a12,var(--orange));border:1px solid #ffb45073;border-radius:3px;height:6px}#settings input[type=range]::-moz-range-thumb{border:2px solid var(--orange);background:#ffe2b0;border-radius:50%;width:14px;height:14px}