*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0b1024;width:100%;height:100%;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}#app canvas{display:block}.ui-root{pointer-events:none;-webkit-user-select:none;user-select:none;color:#eef2e6;z-index:10;position:fixed;inset:0}.crosshair{background:#ffffffd9;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;transition:opacity .15s;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #00000059,0 0 12px #fff6}.charge-ring{opacity:0;background:conic-gradient(var(--ring-color,#ffd97a) calc(var(--charge,0) * 360deg), #ffffff24 0);filter:drop-shadow(0 0 6px #00000080);border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;transition:opacity .12s;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 16px,#000 17px);mask:radial-gradient(circle,#0000 16px,#000 17px)}.chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:1px;background:#10160e8c;border:1px solid #ffffff1a;border-radius:10px;padding:8px 14px;font-size:15px;position:absolute}.clock{top:16px;right:16px}.chip.quest{color:#ffe9b3;max-width:360px;font-size:13px;line-height:1.5;top:60px;right:16px}.chip.cold{color:#bfe0ff;border-color:#8cbeff59;transition:opacity .4s;bottom:116px;left:18px}.hidden-chip{display:none}.cold-vignette{pointer-events:none;opacity:0;background:radial-gradient(#0000 45%,#508ce680 100%);transition:opacity .8s;position:absolute;inset:0}.stats{flex-direction:column;gap:8px;width:240px;display:flex;position:absolute;bottom:18px;left:18px}.bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0e0899;border:1px solid #ffffff1f;border-radius:11px;height:22px;position:relative;overflow:hidden}.bar-icon{z-index:2;filter:drop-shadow(0 1px 1px #0009);font-size:12px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.bar-fill{border-radius:10px;height:100%;transition:width .25s}.bar.health .bar-fill{background:linear-gradient(90deg,#c0392b,#e74c3c)}.bar.hunger .bar-fill{background:linear-gradient(90deg,#ca7c1b,#f0a93a)}.bar.armor .bar-fill{background:linear-gradient(90deg,#2e6da4,#5499d6)}.bar.gone{display:none}.sleep-fade{opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.sleep-fade.active{animation:1.6s ease-in-out sleep}@keyframes sleep{0%{opacity:0}35%{opacity:1}65%{opacity:1}to{opacity:0}}.bar.low .bar-fill{animation:.9s infinite alternate pulse}@keyframes pulse{0%{filter:brightness(.7)}to{filter:brightness(1.25)}}.hotbar{gap:7px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hslot{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e120b99;border:2px solid #ffffff24;border-radius:12px;justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:relative}.hslot.selected{background:#282c1ab3;border-color:#f0d68a;box-shadow:0 0 14px #f0d68a73}.hslot .icon{filter:drop-shadow(0 2px 2px #00000080);font-size:27px}.hslot .count,.cell .count,.cursor-stack .count{color:#fff;text-shadow:0 1px 2px #000;font-size:12px;font-weight:700;position:absolute;bottom:3px;right:5px}.hslot .key{color:#ffffff8c;font-size:10px;position:absolute;top:3px;left:5px}.held-label{opacity:0;text-shadow:0 1px 3px #000;font-size:14px;transition:opacity .3s;position:absolute;bottom:86px;left:50%;transform:translate(-50%)}.held-label.visible{opacity:1}.prompt{opacity:0;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c100aa6;border:1px solid #ffffff1f;border-radius:9px;padding:8px 16px;font-size:15px;transition:opacity .15s;position:absolute;top:58%;left:50%;transform:translate(-50%)}.prompt.visible{opacity:1}.toasts{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:70px;right:18px}.toast{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e120bb8;border:1px solid #ffffff1f;border-radius:9px;padding:8px 14px;font-size:14px;transition:opacity .6s;animation:.25s slide-in}.toast.fade{opacity:0}@keyframes slide-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.vignette{pointer-events:none;opacity:0;background:radial-gradient(#0000 55%,#be14148c 100%);position:absolute;inset:0}.vignette.flash{animation:.5s ease-out hurt}@keyframes hurt{0%{opacity:1}to{opacity:0}}.overlay{pointer-events:auto;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.overlay.hidden{display:none}.overlay.start{background:radial-gradient(#0a1208d1,#040804f2)}.overlay.death{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e0404cc}.overlay.resume{background:#060a0673}.resume-text{background:#0a0e08b3;border:1px solid #ffffff26;border-radius:14px;padding:14px 30px;font-size:22px}.title{letter-spacing:6px;text-shadow:0 4px 24px #000c;font-size:52px}.subtitle{color:#b9c9a8;letter-spacing:2px;font-size:16px}.controls{grid-template-columns:repeat(2,minmax(220px,1fr));gap:8px 28px;margin:14px 0;display:grid}.control-row{color:#d7e2c8;align-items:center;gap:12px;font-size:14px;display:flex}.kbd{text-align:center;background:#ffffff1a;border:1px solid #ffffff38;border-bottom-width:3px;border-radius:7px;min-width:86px;padding:4px 10px;font-size:13px;font-weight:600}.start-buttons{gap:14px;margin-top:8px;display:flex}.save-note{color:#7e8d6e;letter-spacing:1px;font-size:12px}.btn{pointer-events:auto;cursor:pointer;color:#fff;letter-spacing:4px;background:#4a7c2c;border:none;border-radius:10px;padding:12px 44px;font-size:18px;transition:background .15s,transform .1s}.btn:hover{background:#5b9636;transform:scale(1.04)}.btn.secondary{background:#ffffff1f}.btn.secondary:hover{background:#ffffff38}.panel-backdrop{z-index:20;background:#0508058c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.panel-backdrop.hidden{display:none}.panel{color:#eef2e6;-webkit-user-select:none;user-select:none;background:#12180eeb;border:1px solid #ffffff24;border-radius:16px;gap:22px;max-height:86vh;padding:22px 26px;display:flex;overflow:hidden;box-shadow:0 18px 60px #0009}.panel-title{letter-spacing:1px;margin-bottom:10px;font-size:16px}.panel-left{width:320px}.grid{grid-template-columns:repeat(5,56px);gap:6px;margin-bottom:16px;display:grid}.cell{cursor:pointer;background:#ffffff0f;border:1.5px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;width:56px;height:56px;transition:background .12s,border-color .12s;display:flex;position:relative}.cell:hover{background:#ffffff21;border-color:#f0d68a99}.panel-section.hidden{display:none}.chest-grid{grid-template-columns:repeat(4,56px)}.cell .icon{font-size:26px}.hotbar-grid .cell{border-color:#f0d68a4d}.panel-tip{color:#93a383;max-width:300px;font-size:12px;line-height:1.6}.panel-right{flex-direction:column;width:360px;min-height:0;display:flex}.panel-section{flex-direction:column;flex:1;min-height:0;display:flex}.craft-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.table-state{color:#a8bd92;font-size:12px}.recipes{flex-direction:column;flex:1;gap:7px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.recipes::-webkit-scrollbar{width:6px}.recipes::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.recipe{cursor:pointer;background:#ffffff0f;border:1.5px solid #ffffff1a;border-radius:11px;flex-shrink:0;align-items:center;gap:12px;padding:9px 13px;transition:background .12s,border-color .12s;display:flex}.recipe:hover{background:#78aa502e;border-color:#8cc85a80}.recipe.disabled{opacity:.45;cursor:not-allowed}.recipe.disabled:hover{background:#ffffff0f;border-color:#ffffff1a}.r-icon{font-size:26px}.r-main{flex:1}.r-name{font-size:14px;font-weight:600}.r-ing{flex-wrap:wrap;gap:8px;margin-top:3px;display:flex}.r-need{color:#d98c8c;font-size:11.5px}.r-need.ok{color:#a8d98c}.r-lock{color:#d9b96a;white-space:nowrap;font-size:11px}.cursor-stack{z-index:30;pointer-events:none;filter:drop-shadow(0 2px 4px #000000b3);font-size:26px;position:fixed;top:0;left:0}.cursor-stack.hidden{display:none}.cursor-stack .count{font-size:13px}.map-overlay{z-index:25;background:#0407048c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.map-overlay.hidden{display:none}.map-frame{background:#12180ef0;border:1px solid #ffffff29;border-radius:16px;padding:16px 18px 18px;box-shadow:0 18px 60px #0009}.map-title{color:#eef2e6;letter-spacing:2px;text-align:center;margin-bottom:10px;font-size:15px}.map-frame canvas{border:1px solid #ffffff1f;border-radius:10px;display:block}