:root{font-family:DM Sans,system-ui,sans-serif;color:#fffdf4;background:#93d2eb;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit;cursor:pointer}#app{position:relative;-webkit-user-select:none;user-select:none}#game,#game canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 52% 45%,transparent 42%,rgba(14,35,49,.12) 100%)}.topbar{position:absolute;z-index:4;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:22px 30px;gap:20px;pointer-events:none}.brand{font-family:Outfit,sans-serif;font-weight:900;font-size:21px;letter-spacing:-.065em;display:flex;align-items:center;gap:8px;text-shadow:0 2px 10px #15324759}.brand-gem{font-size:24px;color:#fff0ae;transform:rotate(-13deg);filter:drop-shadow(0 2px 2px #1b52665e)}.brand-light{font-weight:500}.world-pill{display:flex;align-items:center;gap:11px;background:#153b4cbc;border:1px solid #ffffff4d;box-shadow:0 7px 32px #1a39572b,inset 0 1px #ffffff24;border-radius:999px;padding:10px 17px;font-family:Outfit,sans-serif;font-weight:800;font-size:10px;letter-spacing:.13em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.live-dot{width:6px;height:6px;background:#b9ee97;border-radius:50%;box-shadow:0 0 0 3px #b9ee9733}.pill-divider{height:12px;width:1px;background:#fff5}.top-actions{display:flex;gap:7px;pointer-events:auto}.icon-button{width:36px;height:36px;border:1px solid #ffffff5c;border-radius:10px;color:#fff;background:#173c50a8;font-family:Outfit,sans-serif;font-size:17px;font-weight:800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #12384a25;transition:background .18s,transform .18s}.icon-button:hover{background:#265771;transform:translateY(-2px)}.icon-button.muted{opacity:.45}.side-stats{position:absolute;z-index:3;top:81px;left:30px;display:grid;gap:7px;filter:drop-shadow(0 3px 4px #163a5636);pointer-events:none}.stat-row{display:flex;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:11px;font-weight:800}.stat-icon{display:grid;place-items:center;width:20px;height:20px;font-size:19px}.stat-icon.heart{color:#ff8f86}.stat-icon.armor{color:#e6f2f5}.stat-track{width:106px;height:8px;padding:2px;border-radius:8px;background:#12354496;border:1px solid #ffffff44}.stat-fill{height:100%;border-radius:8px}.stat-fill.health{width:100%;background:linear-gradient(90deg,#fe8c79,#ffc2a0)}.stat-fill.armor-fill{width:0;background:linear-gradient(90deg,#bedde9,#f1fbff)}.stat-row>span:last-child{width:22px;text-align:right}.bottom-ui{position:absolute;z-index:4;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;pointer-events:none}.action-hint{font-family:Outfit,sans-serif;font-size:10px;font-weight:800;letter-spacing:.12em;color:#fff;text-shadow:0 2px 6px #183b54;white-space:nowrap}.action-hint kbd,.bottom-caption kbd{font:inherit;background:#143649b3;border:1px solid #ffffff75;padding:3px 5px;border-radius:4px}.action-sep{padding:0 8px;opacity:.65}.mouse-icon{font-size:14px;vertical-align:-1px}.hotbar{pointer-events:auto;display:flex;gap:5px;padding:7px;background:#173b4ac9;border:1px solid #ffffff63;border-radius:16px;box-shadow:0 10px 40px #09263565,inset 0 1px #ffffff2b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hotbar-slot,.inventory-slot{position:relative;display:grid;place-items:center;width:53px;height:53px;padding:0;border:1px solid #ffffff29;border-radius:10px;color:#fff;background:#1a46569c;transition:transform .15s,background .15s,border-color .15s}.hotbar-slot:hover,.inventory-slot:hover{background:#2d6575d4;transform:translateY(-2px)}.hotbar-slot.selected{border:2px solid #ffebaa;background:#5e786c9e;box-shadow:0 0 0 2px #ffe39939,inset 0 0 14px #ffecaf28}.slot-number{position:absolute;top:4px;left:6px;font-size:9px;font-weight:800;color:#ffffffa8}.slot-count{position:absolute;right:5px;bottom:3px;font-family:Outfit,sans-serif;font-size:11px;font-weight:800;color:#fff;text-shadow:0 1px 3px #102d38}.item-visual{display:inline-grid;place-items:center;width:32px;height:32px;font-family:Outfit,sans-serif;font-size:29px;line-height:1;color:var(--item-color);text-shadow:1px 2px 0 #1a334855,0 0 12px color-mix(in srgb,var(--item-color),transparent 60%)}.block-visual{font-size:30px;transform:rotate(-5deg)}.bottom-caption{width:100%;display:flex;justify-content:space-between;gap:22px;font-family:Outfit,sans-serif;font-size:9px;font-weight:800;letter-spacing:.14em;color:#fffd;text-shadow:0 2px 7px #173b50}.bottom-caption span span{padding:0 4px}.bottom-caption>span:last-child{color:#ffe8a2}.target-label{position:absolute;z-index:3;top:calc(50% + 20px);left:50%;transform:translate(-50%);min-width:90px;text-align:center;font-family:Outfit,sans-serif;font-size:12px;font-weight:700;text-shadow:0 2px 5px #183441;pointer-events:none}.mine-track{display:block;height:4px;border-radius:3px;background:#163b4d92;margin-top:5px;overflow:hidden}.mine-track i{display:block;height:100%;background:#ffe2a0}.toast{position:absolute;z-index:10;top:78px;left:50%;transform:translate(-50%,-8px);opacity:0;background:#173e50d9;padding:10px 17px;border:1px solid #ffffff4d;border-radius:10px;font-family:Outfit,sans-serif;font-size:12px;font-weight:700;letter-spacing:.04em;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%)}#crosshair{position:absolute;z-index:3;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 1px 2px #193b4c)}#crosshair span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:2px}#crosshair span:first-child{width:15px;height:2px}#crosshair span:last-child{width:2px;height:15px}.screen{position:absolute;inset:0;z-index:8;display:none}.screen.visible{display:flex}.start-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c303fcc,#0c303f9c,#0c303f29 70%,#0c303f0f),linear-gradient(0deg,rgba(10,47,62,.3),transparent 32%)}.start-content{position:relative;z-index:1;align-self:center;margin-left:clamp(35px,9.2vw,150px);margin-bottom:30px}.eyebrow,.panel-eyebrow{font-family:Outfit,sans-serif;font-size:11px;font-weight:800;letter-spacing:.22em;color:#fce4a1}.eyebrow{display:flex;align-items:center;gap:13px;margin-bottom:26px}.eyebrow-line{width:27px;height:1px;background:#ffdf99}.start-logo{display:flex;align-items:flex-start;gap:14px;font-family:Outfit,sans-serif;font-weight:900;font-size:clamp(70px,8vw,132px);line-height:.72;letter-spacing:-.09em;text-shadow:0 7px 24px #13394a42}.start-logo em{font-style:normal;font-weight:500;letter-spacing:-.075em}.logo-gem{color:#ffe5a1;font-size:.57em;line-height:1;transform:rotate(-13deg) translateY(-.1em);text-shadow:0 5px 15px #153d52}.start-subtitle{margin:35px 0 30px 60px;font-size:18px;letter-spacing:.005em;color:#e0f4f4}.primary-button{min-width:290px;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:0;border-radius:11px;padding:0 22px 0 26px;background:#fbe4a3;color:#24465a;box-shadow:0 8px #d7bd7d,0 14px 30px #12374d66;font-family:Outfit,sans-serif;font-size:13px;font-weight:900;letter-spacing:.11em;transition:transform .16s,box-shadow .16s,background .16s}.primary-button:hover{background:#fff0bd;transform:translateY(-3px);box-shadow:0 11px #d7bd7d,0 17px 30px #12374d66}.primary-button:active{transform:translateY(5px);box-shadow:0 2px #d7bd7d,0 8px 18px #12374d66}.start-content>.primary-button{margin-left:60px}.button-arrow{font-size:24px;font-weight:500;line-height:1}.start-tips{display:flex;gap:22px;margin:32px 0 0 60px;color:#d9eced;font-size:11px;font-weight:700}.start-tips kbd{font:800 10px Outfit,sans-serif;color:#f8e0a2;letter-spacing:.06em;border:1px solid #f7e7bc8c;border-radius:4px;padding:4px 5px;margin-right:4px}.start-footer{position:absolute;z-index:1;bottom:28px;left:50%;transform:translate(-50%);display:flex;gap:35px;white-space:nowrap;font:800 10px Outfit,sans-serif;letter-spacing:.14em;color:#edf7f4be}.panel-screen{align-items:center;justify-content:center;background:#0f2f40a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel{width:min(92vw,880px);max-height:min(88vh,820px);display:flex;flex-direction:column;padding:31px;background:#f7f4e8;color:#28475a;border:2px solid #fff9e8;border-radius:18px;box-shadow:0 16px #173e4e,0 30px 65px #0825368c;overflow:hidden}.panel-top{display:flex;justify-content:space-between;align-items:start}.panel-eyebrow{color:#bf9461;font-size:10px}.panel h1{margin:4px 0 0;font-family:Outfit,sans-serif;font-size:48px;font-weight:900;letter-spacing:-.07em;line-height:1}.period{color:#daa967}.close-button{border:1px solid #c6d2d1;background:#edf0e9;border-radius:9px;color:#486877;font-size:26px;width:39px;height:39px;line-height:1}.close-button:hover{background:#e1e8de}.inventory-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:30px;min-height:0;margin-top:25px}.inventory-left,.inventory-right{min-height:0;display:flex;flex-direction:column}.section-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d5ded8;padding-bottom:10px;margin-bottom:13px;font:900 10px Outfit,sans-serif;letter-spacing:.13em}.section-heading span:last-child{color:#98a7a9;font-size:9px}.inventory-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}.inventory-slot{width:100%;height:auto;aspect-ratio:1;background:#e3e9df;border:1px solid #cbd8d1;border-radius:7px}.inventory-slot:hover{background:#d3e1d9}.inventory-slot.active-slot{outline:2px solid #d3a461;outline-offset:-2px}.inventory-slot .slot-count{color:#365262;text-shadow:none}.inventory-slot .item-visual{font-size:25px;width:28px;height:28px;text-shadow:0 2px #ffffff96}.inventory-footnote{margin-top:9px;font-size:10px;color:#8a9ca0}.equipment-title{margin-top:auto;padding-top:16px}.equipment{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.equipment-slot{min-width:0;height:62px;display:grid;grid-template-columns:20px 1fr;grid-template-rows:1fr 1fr;align-items:center;gap:0 4px;text-align:left;border:1px solid #cbd8d1;background:#e3e9df;border-radius:8px;color:#4a6877;padding:7px;font:800 9px Outfit,sans-serif;letter-spacing:.03em}.equipment-slot:hover{background:#d7e5db}.equipment-icon{grid-row:1/3;font-size:22px;color:#aac0bf}.equipment-empty{color:#a5b3b5;font-size:8px}.equipment-slot .item-visual{font-size:18px;width:20px;height:18px;justify-self:start}.craft-intro{font-size:12px;color:#789095;margin-bottom:10px}.recipes{overflow:auto;min-height:0;padding-right:4px;scrollbar-color:#b8c9c2 transparent;scrollbar-width:thin}.recipe{width:100%;display:flex;align-items:center;gap:9px;padding:9px 10px;margin:0 0 6px;text-align:left;border:1px solid #d9dfd4;border-radius:9px;background:#edece1;color:#395968;transition:background .15s,transform .15s}.recipe.craftable{background:#e3efda;border-color:#b5d4a4}.recipe.craftable:hover{background:#d5eac7;transform:translate(2px)}.recipe:disabled{cursor:default;opacity:.72}.recipe .item-visual{font-size:24px;width:29px;height:29px;flex:none;text-shadow:0 1px #fff}.recipe-info{display:grid;min-width:0;gap:2px;flex:1}.recipe-info strong{font-family:Outfit,sans-serif;font-size:12px}.recipe-info small{font-size:9px;line-height:1.4;color:#84969a}.recipe-info .enough{color:#688b63}.recipe-info .missing{color:#a58a81}.recipe-plus{margin:0 4px;color:#a6adb0}.craft-plus{font:700 19px Outfit,sans-serif;color:#7ea372}.inventory-bottom{border-top:1px solid #d5ded8;margin-top:18px;padding-top:13px;display:flex;justify-content:space-between;color:#82999b;font:800 10px Outfit,sans-serif;letter-spacing:.08em}.inventory-bottom kbd,.help-grid kbd{font:800 10px Outfit,sans-serif;border:1px solid #bbcbc6;padding:2px 5px;border-radius:4px;background:#e8eee6;color:#52716e}.pause-panel,.help-panel{max-width:500px;padding:38px}.pause-panel h1{font-size:60px;margin:8px 0}.pause-panel p{font-size:15px;color:#7c9298;margin:0 0 28px}.pause-panel .primary-button,.help-panel .primary-button{background:#f5da9d;box-shadow:0 6px #d1b77d;color:#28475a;width:100%}.pause-controls{font-size:11px;color:#91a1a1;margin-top:25px;line-height:1.8}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;margin:28px 0}.help-grid strong{font:900 11px Outfit,sans-serif;letter-spacing:.1em;color:#8a9f7d}.help-grid p{font-size:12px;line-height:2;color:#617985;margin:6px 0}.help-panel h1{font-size:43px}@media(max-width:760px){.topbar{padding:15px}.brand{font-size:16px}.world-pill{font-size:8px;padding:8px 10px;gap:6px}.top-actions{gap:4px}.icon-button{width:31px;height:31px}.side-stats{top:64px;left:15px}.bottom-ui{bottom:11px}.hotbar{gap:2px;padding:5px}.hotbar-slot{width:calc((100vw - 50px)/9);height:calc((100vw - 50px)/9);max-width:46px;max-height:46px}.item-visual{font-size:22px}.action-hint{font-size:8px}.bottom-caption{font-size:7px}.start-content{margin:0 26px}.start-logo{font-size:clamp(62px,11vw,90px)}.start-subtitle,.start-content>.primary-button,.start-tips{margin-left:0}.start-tips{gap:9px;flex-wrap:wrap}.start-footer{gap:9px;font-size:7px}.panel{padding:20px;max-height:92vh}.inventory-body{grid-template-columns:1fr;overflow:auto;gap:22px;margin-top:15px}.inventory-left,.inventory-right{flex:none}.equipment-title{margin-top:15px}.inventory-grid{gap:3px}.inventory-slot .item-visual{font-size:19px;width:21px;height:21px}.equipment-slot{height:54px}.recipes{max-height:190px}.panel h1{font-size:38px}}@media(max-height:630px){.start-logo{font-size:70px}.start-subtitle{margin-top:23px;margin-bottom:22px}.start-tips{margin-top:20px}.start-footer{bottom:13px}.panel{max-height:94vh}.inventory-body{margin-top:12px}.inventory-slot{max-height:43px}.equipment-title{margin-top:10px}.recipes{max-height:250px}}