*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{color:#f2f2fa;background-color:#0b0b13;width:100vw;height:100vh;margin:0;padding:0;font-family:Outfit,sans-serif;overflow:hidden}canvas{width:100%;height:100%;display:block}#game-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#ui-container{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.glass-panel{-webkit-backdrop-filter:blur(14px);background:#0d0d14b8;border:1.5px solid #ffffff14;border-radius:12px;box-shadow:0 12px 40px #0000008c,inset 0 1px #ffffff0d}.screen-overlay{pointer-events:auto;justify-content:center;align-items:center;width:100%;height:100%;animation:.4s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:absolute;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#start-screen{background:linear-gradient(135deg,#0e0f1acc,#1c1424d9)}.menu-card{text-align:center;width:90%;max-width:480px;padding:40px 30px;animation:.5s cubic-bezier(.16,1,.3,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.game-title{color:#fff;letter-spacing:2px;text-shadow:0 4px #3a3a4c,0 8px 15px #00000080;margin-bottom:8px;font-family:"Press Start 2P",monospace;font-size:32px}.subtitle{color:#7b7bb2;text-transform:uppercase;letter-spacing:3px;margin-bottom:30px;font-size:15px;font-weight:600}.settings-group{text-align:left;margin-bottom:25px}.setting-item{margin-bottom:20px}.setting-item label{color:#9d9dbf;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:13px;display:block}input[type=range]{-webkit-appearance:none;background:#232338;border-radius:4px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#3988f7;border-radius:50%;width:18px;height:18px;transition:transform .1s;box-shadow:0 0 10px #3988f780}input[type=range]::-webkit-slider-thumb:hover{background:#559cfd;transform:scale(1.25)}input[type=text]{color:#fff;background:#10101e;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:Outfit,sans-serif;font-size:15px;transition:border-color .25s,box-shadow .25s}input[type=text]:focus{border-color:#3988f7;box-shadow:0 0 10px #3988f74d}.btn{text-transform:uppercase;color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-bottom:25px;padding:15px 30px;font-family:"Press Start 2P",monospace;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-block;box-shadow:0 4px 15px #0000004d}.btn-primary{text-shadow:0 2px #08611d;background:linear-gradient(135deg,#1ca63e,#0e852b);border-bottom:4px solid #08611d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1ca63e66}.btn-primary:active{border-bottom-width:1px;margin-bottom:28px;transform:translateY(1px)}.btn-danger{text-shadow:0 2px #731010;background:linear-gradient(135deg,#cc2e2e,#a81c1c);border-bottom:4px solid #731010}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 20px #cc2e2e66}.btn-danger:active{border-bottom-width:1px;transform:translateY(1px)}.instructions-panel{text-align:left;border-top:1px solid #ffffff14;padding-top:20px}.instructions-panel h3{text-transform:uppercase;color:#8c8cbd;letter-spacing:2px;margin-bottom:12px;font-size:13px;font-weight:800}.controls-grid{grid-template-columns:110px 1fr;row-gap:8px;font-size:13px;display:grid}.control-key{color:#559cfd;background:#ffffff14;border-radius:4px;width:fit-content;padding:2px 6px;font-family:monospace;font-weight:700}#loading-screen{background:#0b0b13}.loading-card{text-align:center;width:90%;max-width:420px;padding:40px}.loading-title{color:#f2f2fa;margin-bottom:12px;font-family:"Press Start 2P",monospace;font-size:16px}.loading-sub{color:#7b7bb2;margin-bottom:25px;font-size:13px}.progress-container{background:#1c1c2c;border-radius:5px;width:100%;height:10px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#3988f7,#6610f2);width:100%;height:100%;animation:2.5s linear infinite pulseLoading}@keyframes pulseLoading{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}#hud-crosshair{pointer-events:none;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#hud-crosshair:before,#hud-crosshair:after{content:"";mix-blend-mode:difference;background:#fff;position:absolute}#hud-crosshair:before{width:14px;height:2px;top:6px;left:0}#hud-crosshair:after{width:2px;height:14px;top:0;left:6px}#hud-attack-cooldown{pointer-events:none;background:#00000073;border:1px solid #fff3;border-radius:1px;width:22px;height:4px;display:none;position:absolute;top:calc(50% + 15px);left:50%;transform:translate(-50%,-50%)}#hud-attack-cooldown-progress{background:#80ff80;width:0%;height:100%}#portal-overlay{z-index:9999;pointer-events:none;opacity:0;background:radial-gradient(circle,#73167af2 0%,#2b0230fa 100%);justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity 1s ease-in-out;display:flex;position:absolute;top:0;left:0}#portal-overlay.active{opacity:1}.portal-text{color:#fcaeff;text-shadow:0 0 10px #73167a;font-family:"Press Start 2P",monospace;font-size:16px;animation:1s infinite alternate portalPulse}@keyframes portalPulse{0%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.hud-coords-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#a4a4cf;background:#0d0d148c;border:1px solid #ffffff0f;border-radius:8px;padding:12px 18px;font-family:monospace;font-size:13px;line-height:1.6;position:absolute;top:20px;left:20px}.hud-context-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#d7d7ee;pointer-events:none;background:#0d0d149e;border:1px solid #ffffff14;border-radius:8px;width:min(330px,100vw - 40px);padding:12px 14px;font-family:monospace;font-size:12px;line-height:1.45;position:absolute;top:118px;left:20px}.hud-context-title{color:#6f8;text-transform:uppercase;margin-bottom:8px;font-family:"Press Start 2P",monospace;font-size:9px}.hud-context-lines{flex-direction:column;gap:4px;display:flex}.biome-name{color:#3988f7;font-weight:700}#hud-bottom-bar{pointer-events:auto;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.hud-stats-wrapper{flex-direction:column;gap:4px;width:486px;margin-bottom:8px;display:flex}.hud-health-bar,.hud-hunger-bar,.hud-armor-bar{gap:2px;display:flex}.hud-shield{text-shadow:0 2px 4px #00000080;color:#a8a8c8;font-size:16px;display:inline-block}.hud-heart,.hud-shank{text-shadow:0 2px 4px #00000080;font-size:18px;transition:transform .15s ease-out;display:inline-block}.hud-heart.full{color:#f22b2b}.hud-heart.half{color:#d63333}.hud-heart.empty{color:#522929}.hud-shank.full{color:#cc7029}.hud-shank.empty{color:#402c20}.hotbar-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14141fd9;border:2px solid #ffffff1f;border-radius:8px;gap:4px;padding:4px;display:flex;box-shadow:0 8px 30px #0009}.hotbar-slot{cursor:pointer;background:#0a0a0f99;border:2px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:50px;height:50px;transition:background-color .1s,border-color .1s;display:flex;position:relative}.hotbar-slot:hover{background:#ffffff0d}.hotbar-slot.selected{background:#ffffff1a;border-color:#fff;box-shadow:inset 0 0 8px #fff3}.hotbar-slot canvas{width:32px;height:32px;image-rendering:pixelated}.item-count{color:#fff;text-shadow:1px 1px #000,2px 2px #000;font-family:"Press Start 2P",monospace;font-size:8px;position:absolute;bottom:2px;right:4px}#pause-screen{background:#0a0a0fa6}.pause-card{text-align:center;width:90%;max-width:440px;padding:35px}.pause-title{letter-spacing:1px;margin-bottom:8px;font-family:"Press Start 2P",monospace;font-size:20px}.pause-subtitle{color:#7b7bb2;margin-bottom:25px;font-size:13px}.inventory-hint{color:#9d9dbf;border-top:1px solid #ffffff0f;margin-top:25px;padding-top:15px;font-size:13px;line-height:1.5}#game-over{background:radial-gradient(circle,#8a1414d9 0%,#140505f2 100%);animation:3s infinite alternate deathPulse}@keyframes deathPulse{0%{background-color:#640a0ad9}to{background-color:#3c0505f2}}.death-card{text-align:center;border:1.5px solid #dc32324d;width:95%;max-width:400px;padding:40px 30px;box-shadow:0 0 50px #b4141480}.death-title{color:#ff4545;letter-spacing:2px;text-shadow:0 4px #5c0f0f;margin-bottom:12px;font-family:"Press Start 2P",monospace;font-size:32px;animation:.5s infinite shake}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translateY(2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(2px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(2px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}.death-subtitle{color:#d69797;margin-bottom:30px;font-size:14px}.crafting-search{color:#f2f4ff;background:#080a12b8;border:1px solid #ffffff24;border-radius:6px;outline:none;width:100%;margin:0 0 14px;padding:10px 12px;font-family:Outfit,sans-serif;font-size:14px}.crafting-search:focus{border-color:#66ff888c;box-shadow:0 0 0 2px #66ff881f}.recipes-list{flex-direction:column;gap:10px;max-height:250px;padding-right:5px;display:flex;overflow-y:auto}.recipe-summary{color:#8c8cbd;text-transform:uppercase;letter-spacing:1px;text-align:left;padding:2px 4px;font-size:10px}.recipe-item{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:6px;justify-content:space-between;align-items:center;gap:15px;padding:10px 14px;display:flex}.recipe-desc{color:#c4c4e0;text-align:left;overflow-wrap:anywhere;min-width:0;font-size:13px;line-height:1.5}.recipe-category{color:#6f8;text-transform:uppercase;min-width:58px;margin-right:8px;font-size:10px;display:inline-block}.btn-craft{color:#fff;cursor:pointer;background:#1ca63e;border:none;border-bottom:2px solid #08611d;border-radius:4px;padding:6px 12px;font-family:"Press Start 2P",monospace;font-size:8px;transition:transform .1s,background-color .1s}.btn-craft:hover{background:#24b84b;transform:translateY(-1px)}.btn-craft:active{border-bottom-width:0;transform:translateY(1px)}.recipes-list::-webkit-scrollbar{width:6px}.recipes-list::-webkit-scrollbar-track{background:#ffffff05}.recipes-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}#hud-attack-cooldown{background:#00000073;border:1px solid #ffffff1f;border-radius:3px;width:200px;height:5px;position:absolute;bottom:110px;left:50%;overflow:hidden;transform:translate(-50%)}#hud-attack-cooldown-progress{background:linear-gradient(90deg,#d44a00,#ff8c00);border-radius:3px;width:100%;height:100%;transition:width 50ms linear}#portal-overlay{z-index:200;background:radial-gradient(#6b00ff88 0%,#3d0099cc 50%,#0a0020ee 100%);justify-content:center;align-items:center;animation:1.2s ease-in-out infinite portal-swirl;display:flex;position:absolute;inset:0}#portal-overlay.active{display:flex!important}@keyframes portal-swirl{0%{filter:hue-rotate()brightness()}50%{filter:hue-rotate(60deg)brightness(1.4)}to{filter:hue-rotate()brightness()}}.portal-text{color:#e0baff;text-shadow:0 0 20px #90f,0 0 40px #60c;letter-spacing:2px;font-family:"Press Start 2P",monospace;font-size:18px;animation:.6s ease-in-out infinite alternate portal-text-pulse}@keyframes portal-text-pulse{0%{opacity:.7;transform:scale(.97)}to{opacity:1;transform:scale(1.03)}}.trading-card{border-top:3px solid #4a8f3e;flex-direction:column;display:flex}.trade-row{background:#ffffff0a;border:1px solid #ffffff12;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.trade-row:hover{background:#ffffff14}.trade-items{color:#c8c8e8;flex:1;font-family:Outfit,sans-serif;font-size:12px}.trade-cost{color:#f96;font-size:11px}.trade-reward{color:#6f8;font-size:11px;font-weight:600}.btn-trade{color:#fff;cursor:pointer;white-space:nowrap;pointer-events:auto;background:linear-gradient(135deg,#28a745,#1a7a30);border:none;border-bottom:2px solid #0d5c1e;border-radius:5px;padding:6px 14px;font-family:"Press Start 2P",monospace;font-size:7px;transition:transform .1s,background .1s}.btn-trade:hover{background:linear-gradient(135deg,#34c759,#1a7a30);transform:translateY(-1px)}.btn-trade:active{border-bottom-width:0;transform:translateY(1px)}.btn-trade:disabled{opacity:.5;cursor:not-allowed;background:#444;border-bottom-color:#222}#trading-slots::-webkit-scrollbar{width:6px}#trading-slots::-webkit-scrollbar-track{background:#ffffff05}#trading-slots::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}#rain-canvas{pointer-events:none;z-index:5;opacity:0;width:100%;height:100%;transition:opacity 1s;position:absolute;inset:0}#rain-canvas.active{opacity:1}#weather-indicator{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d0d148c;border:1px solid #6496ff26;border-radius:6px;padding:5px 10px;font-size:11px}