.menu{position:fixed;inset:0;display:grid;place-items:center;overflow:auto;background:#000}.menu-backdrop{position:absolute;inset:0;background:url(/assets/menu/landscape.jpg) center / cover no-repeat;animation:backdrop-in .6s ease-out forwards}.menu-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,#07121214 25%,#07121294);pointer-events:none}.menu-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;width:min(92vw,760px);padding:32px 0 60px;opacity:0;transform:scale(.2)}.menu-content.revealed{animation:logo-pop .55s cubic-bezier(.34,1.56,.64,1) forwards}.menu-logo{width:100%;height:auto;filter:drop-shadow(0 8px 12px rgba(0,0,0,.65))}.menu-form{display:flex;flex-direction:column;align-items:stretch;gap:10px;box-sizing:border-box;width:min(100%,420px);margin-top:12px;padding:22px;border:1px solid rgba(195,219,175,.24);border-radius:12px;background:#0c1917e0;box-shadow:0 16px 48px #00000040}.menu-label{font-size:18px;text-shadow:2px 2px 0 var(--ui-shadow)}.menu-input{height:48px;padding:0 16px;font-size:22px;color:var(--ui-ink);background:#0c1610d9;border:3px solid #3a5a2e;border-radius:6px;outline:none;box-shadow:inset 0 3px #0006}.menu-input:focus{border-color:var(--ui-accent)}.menu-error{color:#ffb4a8;font-size:16px;text-shadow:1px 1px 0 var(--ui-shadow)}.menu-play{height:60px;display:flex;flex-direction:column;justify-content:center;border:3px solid #2d4a24;border-bottom-width:6px;border-radius:8px;background:linear-gradient(#8bd66a,#5faa45);color:#10240e;text-shadow:0 1px 0 rgba(255,255,255,.4);transition:transform .08s ease}.menu-play span{font-size:26px;font-weight:700;line-height:1}.menu-play small{font-size:13px;letter-spacing:2px;text-transform:uppercase}.menu-play:hover{filter:brightness(1.07)}.menu-play:active{transform:translateY(3px);border-bottom-width:3px}.menu-status{margin-top:40px;font-size:22px;text-shadow:2px 2px 0 var(--ui-shadow);animation:pulse 1.4s ease-in-out infinite}.menu-footer{position:absolute;bottom:12px;font-size:13px;opacity:.7;text-shadow:1px 1px 0 var(--ui-shadow)}@keyframes backdrop-in{0%{filter:brightness(0)}to{filter:brightness(1)}}@keyframes logo-pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.menu-secondary{height:40px;padding:0 14px;font-size:16px;color:var(--ui-ink);background:#0c1610bf;border:2px solid #3a5a2e;border-radius:6px}.menu-secondary:hover{border-color:var(--ui-accent)}.menu-secondary:disabled,.menu-play:disabled{opacity:.6;cursor:default}.menu-dev{margin-top:18px;padding-top:12px;border-top:1px dashed rgba(255,255,255,.25);display:flex;flex-direction:column;gap:6px}.menu-row{display:flex;gap:8px}.menu-row .menu-input{min-width:0;flex:1;height:40px;font-size:18px}.menu-hint{font-size:14px;opacity:.8;text-shadow:1px 1px 0 var(--ui-shadow)}.menu-welcome{text-align:center;font-size:18px;text-shadow:2px 2px 0 var(--ui-shadow)}.hud{position:fixed;inset:0;pointer-events:none;text-shadow:1px 1px 0 var(--ui-shadow)}.hud>*{pointer-events:auto}.hud-top-left{position:absolute;top:10px;left:10px}.hud-debug{display:flex;gap:12px;padding:6px 10px;font-size:14px;background:var(--ui-panel);border:2px solid #3a5a2e;border-radius:6px;opacity:.9}.hud-leave{position:absolute;top:10px;right:10px;padding:8px 14px;font-size:16px;background:var(--ui-panel);border:2px solid #3a5a2e;border-radius:6px}.hud-hint{position:absolute;bottom:10px;right:10px;max-width:60vw;font-size:13px;opacity:.75;text-align:right;pointer-events:none}.chat{position:absolute;left:10px;bottom:10px;width:min(92vw,520px);display:flex;flex-direction:column;gap:6px;font-size:16px}.chat-lines{max-height:34vh;overflow-y:auto;padding:4px 8px;border-radius:6px}.chat.open .chat-lines{background:var(--ui-panel);border:2px solid #3a5a2e}.chat-line{line-height:1.35;word-break:break-word}.chat-line.system{color:#d9d27a}.chat-line.local{color:#cfe8ff}.chat-line.village{color:#b7f1a5}.chat-line.whisper{color:#f1b7e4}.chat-sender{color:var(--ui-accent)}.chat-input-row{display:flex;gap:6px}.chat-channel{min-width:82px;border:2px solid #3a5a2e;border-radius:6px;background:var(--ui-panel);font-size:15px}.chat-channel.local{color:#cfe8ff}.chat-input{flex:1;height:40px;padding:0 10px;font-size:17px;color:var(--ui-ink);background:var(--ui-panel);border:2px solid #3a5a2e;border-radius:6px;outline:none}.joystick{position:fixed;width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.35);background:#00000040;pointer-events:none;z-index:5}.joystick-knob{position:absolute;left:35px;top:35px;width:50px;height:50px;border-radius:50%;background:#ffffff8c}.pixel{image-rendering:pixelated}.hud-top-right{position:absolute;top:10px;right:10px;display:flex;gap:8px;align-items:center}.hud-top-right .hud-leave{position:static}.menu-icon{width:44px;height:44px;padding:4px;background:var(--ui-panel);border:2px solid #3a5a2e;border-radius:6px;display:grid;place-items:center}.menu-icon img{width:32px;height:32px;object-fit:contain}.menu-icon.on{border-color:#f0c34a}.hotbar-wrap{position:absolute;left:50%;bottom:12px;transform:translate(-50%) scale(var(--hud-scale, 1));transform-origin:bottom center;display:flex;align-items:flex-end;gap:10px}.hotbar{width:645px;height:81px;background:url(/assets/legacy/Elements/hotbar.png) no-repeat;display:grid;grid-template-columns:repeat(10,63px);padding:9px 0 0 8px;box-sizing:border-box}.slot{position:relative;width:60px;height:60px;padding:0;background:transparent;border:0;display:grid;place-items:center;cursor:pointer}.slot .item-icon{width:48px;height:48px;object-fit:contain;position:relative;z-index:1}.slot .slot-key,.slot .item-count,.slot .item-durability{z-index:2}.slot.active:before,.slot.held:before{content:"";position:absolute;inset:-3px;z-index:0;background:url(/assets/legacy/Elements/hoverSlot.png) center / 100% 100% no-repeat;pointer-events:none}.slot.held:before{filter:hue-rotate(60deg) brightness(1.3)}.slot-key{position:absolute;top:2px;left:5px;font-size:12px;color:#f4e6c8;opacity:.8}.item-count{position:absolute;right:5px;bottom:3px;font-size:15px;font-weight:700;color:#fff7e0;text-shadow:1px 1px 0 #2a1408,-1px 1px 0 #2a1408,1px -1px 0 #2a1408,-1px -1px 0 #2a1408}.item-durability{position:absolute;left:8px;right:8px;bottom:5px;height:4px;background:#3a1a0c}.item-durability>span{display:block;height:100%;background:#7fd15a}.lp-panel{height:54px;min-width:120px;padding:0 14px 0 8px;display:flex;align-items:center;gap:8px;font-size:22px;font-weight:700;color:#fff3c9;background:url(/assets/legacy/Elements/learningPointPanel.png) center / 100% 100% no-repeat}.lp-panel img{width:33px;height:33px}.hud-hint-toast{position:absolute;left:50%;bottom:120px;transform:translate(-50%);padding:6px 14px;font-size:18px;color:#fff3c9;background:#28140acc;border:2px solid #c8783c;border-radius:6px;pointer-events:none}.quest-compact{margin-top:8px;padding:6px 10px;max-width:420px;display:flex;gap:8px;align-items:baseline;font-size:15px;background:var(--ui-panel);border:2px solid #3a5a2e;border-radius:6px}.quest-label{font-weight:700;color:#f0c34a}.quest-reward{margin-left:auto;color:#d9d27a;white-space:nowrap}.panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--hud-scale, 1));padding:10px 12px 12px;color:#fff3c9;background:#5a2e1a;border:4px solid #d17b3c;border-radius:8px;box-shadow:0 6px #2a1408,0 0 0 3px #2a1408;max-height:85vh;overflow:auto}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:22px;font-weight:700}.panel-close{width:30px;height:30px;font-size:20px;background:#8a4a26;border:2px solid #d17b3c;border-radius:6px;color:#fff3c9}.panel-hint{margin-top:8px;font-size:13px;opacity:.8}.ui-button{padding:8px 16px;font-size:16px;font-weight:700;color:#fff3c9;background:#8a4a26;border:2px solid #d17b3c;border-radius:6px}.ui-button:disabled{opacity:.5}.inventory-grid{width:645px;height:225px;background:url(/assets/legacy/Elements/hotbar.png) no-repeat 0 0,url(/assets/legacy/Elements/inventory.png) no-repeat 0 81px;display:grid;grid-template-columns:repeat(10,63px);grid-auto-rows:63px;padding:9px 0 0 8px;box-sizing:border-box}.inventory-grid .slot:nth-child(n+11){margin-top:9px}.inventory-special{display:flex;gap:18px;align-items:flex-end;margin-top:10px}.inventory-special label{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:14px}.slot.outfit,.slot.food{width:66px;height:72px;background:url(/assets/legacy/Elements/equippedSlot.png) center / 100% 100% no-repeat}.recipe-list{display:flex;flex-direction:column;gap:6px;min-width:480px;max-width:640px}.recipe{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:6px 10px;text-align:left;color:#fff3c9;background:#7a3f22;border:2px solid #d17b3c;border-radius:6px;cursor:pointer}.recipe:hover:not(:disabled){background:#9a5230}.recipe.locked{opacity:.55;cursor:default}.recipe-out{width:40px;height:40px;object-fit:contain}.recipe-name{display:flex;flex-direction:column;font-size:17px;font-weight:700}.recipe-name small{font-weight:400;font-size:12px;opacity:.75}.recipe-inputs{display:flex;gap:8px}.ingredient{display:flex;align-items:center;gap:3px;padding:2px 6px;font-size:14px;background:#4a2412;border-radius:4px}.ingredient img{width:22px;height:22px}.ingredient.short{color:#ff9a7a}.quest-panel{min-width:360px}.quest-current{font-size:18px;font-weight:700}.quest-tip{margin-top:6px;font-size:15px;opacity:.9}.stats{margin-top:12px;border-top:2px solid #8a4a26;padding-top:8px}.stat-row{display:flex;gap:10px;align-items:baseline;font-size:16px;padding:2px 0}.stat-row small{margin-left:auto;opacity:.7}@media(max-width:720px){.hud{--hud-scale: .7}.hud-hint{display:none}}.hud-top-left{display:flex;flex-direction:column;gap:8px;transform:scale(var(--hud-scale, 1));transform-origin:top left}.hud-top-center{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;justify-content:center}.minimap-cluster{display:flex;gap:6px;align-items:flex-start}.minimap{position:relative;width:174px;height:174px;flex:none}.minimap-canvas{position:absolute;left:15px;top:15px;width:144px;height:144px;z-index:2}.minimap-frame{position:absolute;inset:0;width:174px;height:174px;z-index:1;pointer-events:none}.menu-column{display:flex;flex-direction:column;gap:0}.menu-btn{width:48px;height:45px;padding:0;border:0;background-color:transparent;background-repeat:no-repeat;background-position:0 0;background-size:48px 135px;image-rendering:pixelated;cursor:pointer}.menu-btn:hover:not(:disabled){background-position:0 -45px}.menu-btn.on{background-position:0 -90px}.menu-btn.soon{opacity:.45;cursor:default}.stat-panel{position:relative;width:174px;height:180px;background:url(/assets/legacy/Elements/lpPanel.png) no-repeat;image-rendering:pixelated;font-size:14px;color:#fff3c9}.stat-lp{position:absolute;top:9px;left:9px;right:6px;height:40px}.stat-lp img{position:absolute;left:0;top:0;width:33px;height:33px}.stat-lp-text{position:absolute;left:33px;right:0;top:0;display:flex;flex-direction:column;align-items:center;gap:1px}.stat-lp-num{font-size:15px;font-weight:700}.stat-lp-sub{font-size:11px;color:#bcbcbc}.stat-rows{position:absolute;top:54px;left:0;right:0}.stat-row{position:relative;height:30px}.stat-lvl{position:absolute;left:0;width:30px;top:6px;text-align:center;font-weight:700}.stat-bar{position:absolute;left:33px;top:6px;width:135px;height:18px;background:#140a068c;border-radius:2px;overflow:hidden}.stat-bar-fill{display:block;height:100%;background:url(/assets/legacy/Elements/statBar.png) left center no-repeat;background-size:135px 18px;image-rendering:pixelated}.stat-name{position:absolute;left:33px;width:135px;top:6px;height:18px;display:flex;align-items:center;justify-content:center;font-weight:700;text-shadow:1px 1px 0 #2a1408,-1px 1px 0 #2a1408,1px -1px 0 #2a1408,-1px -1px 0 #2a1408;pointer-events:none}.tech-panel .recipe-list{min-width:420px;max-width:520px}.tech-lp{margin-bottom:8px;font-size:15px;font-weight:700}.tech{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:6px 10px;color:#fff3c9;background:#7a3f22;border:2px solid #d17b3c;border-radius:6px}.tech.unlocked{opacity:.7;background:#3f5a26;border-color:#74e07a}.tech.locked{opacity:.6}.tech-name{display:flex;flex-direction:column;font-size:16px;font-weight:700}.tech-name small{font-weight:400;font-size:12px;opacity:.75;max-width:300px}.tech-cost{font-size:14px;white-space:nowrap}.tech-done{font-size:13px;color:#a9e6a0}.tech-unlock{padding:6px 12px;font-size:14px}.swim-controls{position:absolute;right:24px;bottom:110px;display:flex;gap:8px;z-index:20;pointer-events:auto}.swim-controls[hidden]{display:none}.swim-controls button{padding:12px 16px;color:#e8f6ff;background:#183e59e8;border:2px solid #76b2c9;border-radius:4px;touch-action:none;font:inherit}.construction-panel{position:absolute;right:16px;top:90px;width:224px;padding:12px;background:#242a24ed;border:2px solid #a98751;color:#fff0cb;pointer-events:auto;box-shadow:0 5px 18px #0007;font-size:12px}.construction-panel h3{margin:12px 0 6px;font-size:18px}.construction-panel p{line-height:1.45;color:#d4c7a6;margin:8px 0}.construction-panel button{background:#403c2d;border:1px solid #918263;color:#fff0cb;padding:7px;cursor:pointer}.construction-panel button[aria-pressed=true]{background:#6c673a;border-color:#ead595}.construction-plans{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:10px 0}.construction-actions{display:flex;gap:5px;margin:10px 0}.construction-resource{display:grid;grid-template-columns:1fr auto;gap:3px;margin-top:8px}.construction-resource progress{grid-column:1/-1;width:100%;height:6px;accent-color:#a8c177}@media(max-width:650px){.construction-panel{top:65px;right:5px;width:180px;padding:8px;max-height:65vh;overflow:auto}}.gallery{position:fixed;inset:0;overflow:hidden}.cave-controls{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:14px 18px;max-width:calc(100% - 32px);border:1px solid #53645c;border-radius:6px;background:#17221eee;color:#e8e4d8;font-size:13px}.cave-controls label{display:flex;align-items:center;gap:10px;white-space:nowrap}.cave-controls input{width:150px;accent-color:#c6ab77}.cave-controls button{font:inherit;color:inherit;background:#34483e;border:1px solid #6d8273;padding:8px 12px;cursor:pointer}.cave-controls span{max-width:190px;color:#acb9b0}@media(max-width:650px){.cave-controls{flex-wrap:wrap;width:calc(100% - 64px)}.cave-controls span{display:none}}.gallery-canvas{position:absolute;inset:0}.gallery canvas{width:100%;height:100%}.gallery-title{position:absolute;top:12px;left:16px;font-size:22px;text-shadow:2px 2px 0 var(--ui-shadow);pointer-events:none}.gallery-hint{display:block;margin-top:4px;font-size:12px;opacity:.7;text-shadow:1px 1px 0 var(--ui-shadow)}.gallery-selector{position:absolute;top:62px;left:16px;display:flex;gap:8px;z-index:2}.gallery-selector select{max-width:240px;padding:5px 8px;font-family:inherit;font-size:13px;color:#e8e4d8;background:#121814e6;border:1px solid #4a5a4a;border-radius:4px;cursor:pointer}.gallery-label{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;font-size:13px;line-height:1.1;white-space:nowrap;text-shadow:1px 1px 0 var(--ui-shadow);pointer-events:none}.gallery-label[hidden]{display:none}.gallery-label small{font-size:10px;opacity:.6}.gallery-hint a,.gallery-hint a:visited{color:#b8d9a8;pointer-events:auto}.gallery-jump{position:absolute;top:100px;left:16px;display:flex;flex-wrap:wrap;gap:6px;z-index:2}.gallery-jump button{padding:4px 10px;font-family:inherit;font-size:12px;color:#e8e4d8;background:#121814d9;border:1px solid #4a5a4a;border-radius:4px;cursor:pointer}.gallery-jump button:hover{border-color:#8fb59a}.gallery-heading{font-size:20px;color:#dfe9c8;transform:translateY(-50%)}.gallery-slots{flex-wrap:wrap;max-width:420px}.gallery-slots label{display:flex;flex-direction:column;gap:2px;font-size:11px;opacity:.9}.create{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden;background:#000}.create-backdrop{position:absolute;inset:0;background:url(/assets/menu/landscape.jpg) center / cover no-repeat;filter:brightness(.7)}.create-panel{position:relative;display:grid;grid-template-columns:300px 320px;gap:24px;padding:24px;background:var(--ui-panel);border:3px solid #3a5a2e;border-radius:10px;box-shadow:0 10px #00000059}@media(max-width:720px){.create-panel{grid-template-columns:1fr;width:92vw}}.create-preview{display:flex;flex-direction:column;gap:10px}.create-canvas{width:100%;aspect-ratio:1;border-radius:8px;background:radial-gradient(ellipse at center,#3d5a3a,#22321f 80%);overflow:hidden}.create-canvas canvas{width:100%;height:100%}.create-turn{display:flex;justify-content:space-between;gap:8px}.create-icon{flex:1;height:40px;font-size:20px;background:#0c1610bf;border:2px solid #3a5a2e;border-radius:6px}.create-icon:hover{border-color:var(--ui-accent)}.create-form{display:flex;flex-direction:column;gap:10px}.create-title{margin:0 0 6px;font-size:26px;text-shadow:2px 2px 0 var(--ui-shadow)}.create-label{margin-top:6px;font-size:17px;text-shadow:1px 1px 0 var(--ui-shadow)}.create-swatches{display:flex;gap:8px}.create-swatch{width:44px;height:44px;border:3px solid rgba(0,0,0,.55);border-radius:6px;box-shadow:inset 0 -4px #00000040}.create-swatch.selected{border-color:#f4efe2;outline:3px solid var(--ui-accent)}@font-face{font-family:Brady;src:url(/assets/legacy/bradyfont.ttf) format("truetype")}:root{--ui-font: "Brady", "Segoe UI", system-ui, sans-serif;--ui-ink: #f4efe2;--ui-shadow: #0d1a10;--ui-panel: rgba(20, 30, 22, .86);--ui-accent: #79c95a}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:#0b1a10;color:var(--ui-ink);font-family:var(--ui-font);-webkit-user-select:none;user-select:none;touch-action:none}canvas{display:block}.pixel{image-rendering:pixelated;image-rendering:crisp-edges}button{font-family:inherit;color:inherit;cursor:pointer}input{font-family:inherit}