@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&display=swap');
body.mouse-locked #hud button,body.mouse-locked .minimap{pointer-events:none}#sensitivity{cursor:pointer}#inverty{width:19px;height:19px;accent-color:#365d43}
:root{font-family:'DM Sans',system-ui,sans-serif;color:#f5f1e6;font-synthesis:none;--cream:#f6f0e1;--ink:#263a30;--muted:#b7c4ac;--gold:#e4bf78}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#192e25}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}#world{width:100vw;height:100vh;display:block;outline:none;touch-action:none}#hud{position:fixed;inset:0;pointer-events:none}#hud button{pointer-events:auto}.topbar{position:absolute;left:30px;right:30px;top:24px;display:flex;align-items:start;justify-content:space-between}.brand{font-family:Fraunces,Georgia,serif;letter-spacing:.02em;font-size:29px;text-shadow:0 2px 15px #173527}.eyebrow{font-size:10px;letter-spacing:.23em;text-transform:uppercase;color:var(--muted);font-family:'DM Sans',sans-serif}.brand .eyebrow{margin-top:4px;color:#f3f1df}.pills{display:flex;gap:9px;align-items:center}.pill,.glass{background:#20382de8;border:1px solid #ffffff25;box-shadow:0 8px 28px #10251b22;backdrop-filter:blur(14px)}.pill{border-radius:30px;padding:11px 17px;font-size:13px}.gold{color:var(--gold)}.region{position:absolute;top:100px;left:32px;display:flex;flex-direction:column;gap:6px}.region h2{font-family:Fraunces,Georgia,serif;font-size:23px;font-weight:400;margin:0;text-shadow:0 2px 10px #142d20}.region p{font-size:11px;margin:0;color:#eef1dd}.compass{position:absolute;top:27px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.4em;display:flex;gap:27px;align-items:center;text-shadow:0 1px 6px #142d20}.compass b{color:var(--gold);font-size:17px}.journal{position:absolute;left:30px;bottom:130px;width:250px;border-radius:14px;padding:18px}.journal h3{font-family:Fraunces,serif;font-size:19px;font-weight:400;margin:9px 0}.journal p{font-size:12px;color:#ced7c3;line-height:1.7;margin:0}.journal .progress{height:3px;background:#ffffff20;margin-top:14px;border-radius:3px}.journal .progress span{display:block;height:100%;background:var(--gold);transition:width .5s}.bottom{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);text-align:center}.hotbar{display:flex;gap:6px;background:#24382fe8;padding:8px;border:1px solid #ffffff28;border-radius:16px;box-shadow:0 10px 30px #17352444}.slot{position:relative;width:62px;height:64px;background:#ffffff08;border:1px solid #ffffff16;border-radius:9px;color:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.slot.selected{border-color:var(--gold);background:#e4bf7820}.slot i{font-size:22px;font-style:normal}.slot small{font-size:9px}.slot .key{position:absolute;top:4px;left:6px;font-size:9px;color:#bbc7b4}.underbar{margin-top:10px;font-size:10px;color:#e1e7d9;letter-spacing:.05em;text-shadow:0 1px 5px #132b1e}.righttools{position:absolute;right:30px;bottom:30px;display:flex;gap:8px}.round{border:1px solid #ffffff30;border-radius:10px;background:#20382de8;color:var(--cream);padding:12px 16px;font-size:12px}.round:hover{background:#3a5643}.health{position:absolute;left:32px;bottom:30px;font-size:11px}.healthbar{margin-top:7px;width:130px;height:5px;background:#ffffff30;border-radius:5px;overflow:hidden}.healthbar span{height:100%;display:block;background:#bcd294}.crosshair{position:absolute;left:50%;top:50%;width:5px;height:5px;border:1px solid white;border-radius:50%;box-shadow:0 0 4px #102718}.prompt{position:absolute;left:50%;top:59%;transform:translateX(-50%);padding:10px 17px;border-radius:9px;background:#213c31e8;font-size:12px;text-align:center;max-width:400px}.prompt:empty{display:none}kbd{display:inline-block;background:#ffffff18;padding:3px 6px;border:1px solid #ffffff28;border-radius:4px;font-family:inherit;font-size:10px;margin-right:7px}.toast{position:absolute;left:50%;top:125px;transform:translateX(-50%);padding:12px 23px;border-radius:30px;background:#223e32f5;border:1px solid #d6c89766;box-shadow:0 8px 25px #0002;font-size:13px;opacity:0;transition:opacity .15s;text-align:center;max-width:80vw}.toast.show{opacity:1}.buildhint{position:absolute;top:180px;right:30px;width:245px;border-radius:14px;padding:18px;font-size:12px;line-height:1.9}.buildhint h3{margin:0 0 8px;font-family:Fraunces,serif;font-weight:400;font-size:20px}.buildhint button{margin:3px;padding:6px 9px;background:#ffffff12;border:1px solid #fff3;color:var(--cream);border-radius:5px;font-size:11px}.hidden{display:none!important}#overlay{position:fixed;inset:0;background:#10251c88;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:24px}#panel{width:min(960px,95vw);max-height:85vh;overflow:auto;border-radius:22px;background:#f6f2e7;color:var(--ink);box-shadow:0 25px 120px #0b211b88}.panelhead{display:flex;align-items:center;justify-content:space-between;padding:25px 30px 19px;border-bottom:1px solid #23392c20}.panelhead h2{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:29px;margin:3px 0}.panelhead .eyebrow{color:#758169}.close{border:1px solid #243c3025;border-radius:50%;width:34px;height:34px;background:transparent;color:var(--ink);font-size:21px}.panelbody{padding:24px 30px 30px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.tabs button,.btn{border-radius:7px;padding:10px 15px;border:1px solid #2d47322b;background:transparent;color:var(--ink);font-size:12px}.tabs button.active,.btn.primary{background:#2f4c3c;color:#fff9e9;border-color:#2f4c3c}.btn:hover{filter:brightness(.9)}.btn.small{padding:7px 10px;font-size:11px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.card{border:1px solid #283e2b20;border-radius:12px;padding:17px;background:#fffdf780}.card .icon{font-size:29px;color:#648261;margin-bottom:13px}.card h3{font-size:14px;margin:0 0 6px}.card p{font-size:11px;line-height:1.7;color:#727a67;min-height:33px}.card button{width:100%;margin-top:8px}.subtle{font-size:12px;color:#6b7866;line-height:1.8}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #243b2d16;font-size:13px}.row .actions{display:flex;gap:6px;align-items:center}.row .subtle{font-size:11px}.notice{background:#e8e9d9;border:1px solid #d3d8c2;padding:14px 17px;border-radius:9px;font-size:12px;line-height:1.8;margin-bottom:18px}.split{display:grid;grid-template-columns:1.3fr 1fr;gap:25px}.mapcanvas{width:100%;aspect-ratio:1;background:#dbe1c4;border-radius:12px;cursor:crosshair}.intro{position:fixed;inset:0;display:flex;align-items:center;background:linear-gradient(90deg,#163327f5 0%,#163327c9 35%,#16332700 80%);padding:7vw}.introcontent{max-width:465px}.intro h1{font-family:Fraunces,Georgia,serif;font-size:clamp(54px,7vw,94px);line-height:1.05;font-weight:400;letter-spacing:-.04em;margin:20px 0}.intro p{font-size:14px;line-height:1.9;color:#d5dfcc;max-width:390px}.intro button{background:#e7c98b;border:0;color:#273b2e;padding:16px 30px;border-radius:8px;font-weight:600;margin-top:20px}.intro .foot{margin-top:28px;font-size:10px;letter-spacing:.12em;color:#b8c8ae}.minimap{position:absolute;right:30px;top:90px;width:156px;height:156px;border:5px solid #20392ddd;border-radius:50%;box-shadow:0 5px 20px #152c2822;pointer-events:auto;cursor:pointer}.minimap canvas{width:100%;height:100%;border-radius:50%}.savehint{position:absolute;right:32px;bottom:90px;font-size:10px;color:#dbe4d0}.recipegrid{display:grid;grid-template-columns:repeat(3,56px);gap:5px}.recipegrid select{width:56px;height:53px;font-size:11px;background:#fff9ef;border:1px solid #bcc8b2;border-radius:6px}.experiment{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.badge{display:inline-block;padding:4px 8px;background:#dce3cc;border-radius:20px;font-size:10px}.empty{padding:30px;text-align:center;color:#73836a}a{color:inherit}.controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px}.controls div{padding:10px;background:#e9e9da;border-radius:6px}.controls kbd{background:#d5ddca;border-color:#bccab1}.danger{color:#ad553b}@media(max-width:850px){.journal{display:none}.compass{display:none}.topbar{left:16px;right:16px}.brand{font-size:24px}.pill{padding:9px 11px}.region{left:16px}.minimap{width:115px;height:115px;right:16px}.slot{width:48px;height:56px}.righttools{right:14px;bottom:115px;flex-direction:column}.health{left:16px;bottom:110px}.split{grid-template-columns:1fr}.panelbody{padding:20px}.buildhint{top:220px;right:16px}.intro{padding:7vw}.savehint{display:none}}

.compass{width:240px;height:44px;gap:0;letter-spacing:.1em;pointer-events:none}.compass-window{position:absolute;inset:0 0 12px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.compass-track{position:absolute;left:50%;top:5px;height:24px;will-change:transform}.compass-mark{position:absolute;transform:translateX(-50%);text-align:center;line-height:22px}.compass-label{color:#f4edda;font-weight:600;font-size:12px}.compass-tick{color:#d0d8c4;font-size:19px}.compass-needle{position:absolute;top:-4px;left:50%;transform:translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #e6c987}.compass #compassbearing{position:absolute;top:30px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.08em;color:#e6c987}
.mapworkspace{min-width:0}.mapcanvas{cursor:grab;touch-action:none;user-select:none;display:block}.mapcanvas.dragging{cursor:grabbing}.mapcanvas:focus-visible{outline:2px solid #365d43;outline-offset:3px}.maptoolbar{display:flex;gap:8px;margin-top:10px;align-items:center}.maptoolbar #maphome{margin-left:auto}#mapreadout{margin:8px 0;font-variant-numeric:tabular-nums}

.fps-overlay{position:absolute;top:4px;left:8px;padding:2px 6px;border-radius:4px;background:#14271dcc;color:#f5f1e6;font:11px/1.2 monospace;font-variant-numeric:tabular-nums;pointer-events:none}

.coordinates-overlay{top:24px;z-index:10;background:#14271d}

.bed-overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;background:#10251cb8;backdrop-filter:blur(8px)}
.bed-card{width:min(520px,95vw);max-height:90vh;overflow:auto;padding:30px;border-radius:22px;background:#f6f2e7;color:var(--ink);box-shadow:0 25px 100px #0b211b88;border:1px solid #c9b995}
.bed-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.bed-heading .eyebrow{color:#758169}.bed-heading h2{font:500 32px Fraunces,Georgia,serif;margin:8px 0}.bed-home{color:#53664d;margin:12px 0}.bed-durations{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.bed-durations .btn{padding:18px}.bed-spawn{display:flex;align-items:center;justify-content:space-between;gap:16px;border-block:1px solid #243b2d26;padding:18px 0;margin-bottom:22px}.bed-spawn .subtle{margin:5px 0 0}.bed-spawn .btn{white-space:nowrap}