:root{color-scheme:dark;font-family:Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;background:#101817}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0;overflow:hidden}button{font:inherit}.game-shell{position:relative;width:100vw;height:100dvh;overflow:hidden;background:#7dc6dc;-webkit-user-select:none;user-select:none}#game,#game canvas{width:100%;height:100%;display:block;outline:none}#game canvas{cursor:crosshair;touch-action:none}.topbar{position:absolute;z-index:5;top:0;left:0;display:flex;align-items:flex-start;gap:16px;width:100%;padding:max(18px,env(safe-area-inset-top)) 22px 0;pointer-events:none}.brand-lockup{display:flex;align-items:center;gap:10px;min-width:176px;color:#f7ffe9;text-shadow:0 2px 5px rgb(11 28 28 / 42%)}.brand-mark{position:relative;width:28px;height:28px;background:#79b955;box-shadow:inset 0 -7px #376d42,inset 7px 0 #b9df72,0 3px 8px #11282040}.brand-mark:before,.brand-mark:after{content:"";position:absolute;width:7px;height:7px}.brand-mark:before{top:0;right:0;background:#dcf190}.brand-mark:after{bottom:0;left:0;background:#315e3c}h1,h2,p{margin:0}h1{font-size:16px;line-height:18px;font-weight:900;letter-spacing:0}h1 em,h2 em{color:#c9ec73;font-style:normal}.brand-lockup p{color:#f4ffdcd1;font-size:11px;line-height:14px}.readouts{display:flex;align-items:center;gap:7px;margin-left:auto;color:#fff}.readout{display:flex;align-items:center;height:30px;padding:0 10px;border:1px solid rgb(255 255 255 / 20%);border-radius:4px;background:#0b1d1d57;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:12px}.readout b{font-weight:750}.sun-readout{gap:6px}#sun-dot{display:block;width:10px;height:10px;border-radius:50%;background:#ffe589;box-shadow:0 0 9px #ffe589}.view-switch{display:flex;height:30px;padding:2px;border:1px solid rgb(255 255 255 / 23%);border-radius:4px;background:#0b1d1d57;pointer-events:auto}.view-switch button{width:34px;border:0;border-radius:2px;background:transparent;color:#ffffffa6;cursor:pointer;font-family:monospace;font-size:11px;font-weight:800}.view-switch button.active{background:#8ec65a;color:#15301e}.view-switch button:focus-visible{outline:2px solid #d8f78b;outline-offset:2px}.icon-button{width:30px;height:30px;border:1px solid rgb(255 255 255 / 25%);border-radius:4px;background:#0b1d1d57;color:#fff;cursor:pointer;pointer-events:auto;font-size:12px;line-height:1}.icon-button:hover,.icon-button:focus-visible{outline:2px solid #d8f78b;outline-offset:2px;background:#1a3e32b3}.bag-button span,.bag-button span:before,.bag-button span:after{position:absolute;content:"";display:block}.bag-button span{top:10px;left:8px;width:13px;height:12px;border:2px solid #f3ffe3;border-radius:1px}.bag-button span:before{top:-6px;left:3px;width:5px;height:5px;border:2px solid #f3ffe3;border-bottom:0}.bag-button span:after{top:3px;left:3px;width:3px;height:3px;background:#f3ffe3;border-radius:50%}.crosshair{position:absolute;z-index:4;top:50%;left:50%;width:25px;height:25px;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 1px 1px #1a2b25)}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#ffffffeb}.crosshair:before{top:11px;left:0;width:25px;height:2px}.crosshair:after{top:0;left:11px;width:2px;height:25px}.crosshair span{position:absolute;inset:9px;border:1px solid #2a4a40;background:#ffffff24}.hotbar{position:absolute;z-index:6;bottom:max(18px,env(safe-area-inset-bottom));left:50%;display:flex;gap:5px;transform:translate(-50%)}.slot{position:relative;display:grid;place-items:center;width:56px;height:56px;padding:0;border:2px solid rgb(11 24 20 / 88%);border-radius:5px;background:#14221dd6;box-shadow:inset 0 0 0 1px #ffffff2e,0 3px 10px #06120f45;cursor:pointer}.slot:hover{background:#2f483aeb}.slot.selected{border-color:#f0ffbc;box-shadow:inset 0 0 0 2px #8ed148,0 0 0 2px #193b26bf;transform:translateY(-4px)}.tile-icon{width:27px;height:27px;image-rendering:pixelated}.slot-key{position:absolute;top:3px;left:5px;color:#ffffff94;font-family:monospace;font-size:10px}.slot-count{position:absolute;right:5px;bottom:3px;color:#fff;font-size:12px;font-weight:900;text-shadow:0 1px 2px #102019}.toast{position:absolute;z-index:8;bottom:91px;left:50%;min-height:18px;transform:translate(-50%) translateY(7px);color:#f5ffcf;font-size:12px;font-weight:800;opacity:0;text-shadow:0 1px 3px #102019;transition:opacity .15s ease,transform .15s ease;pointer-events:none;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.vitals{position:absolute;z-index:5;bottom:88px;left:22px;display:grid;gap:4px;pointer-events:none;filter:drop-shadow(0 2px 2px rgb(10 27 21 / 42%))}.vital-row{display:flex;gap:3px;min-height:13px}.pip{position:relative;width:13px;height:13px;color:#ed5d5d;font-size:15px;line-height:13px;text-shadow:0 1px 1px #351517}.pip.empty{color:#22312aa8}.hunger .pip{color:#e5af57;text-shadow:0 1px 1px #463117}.hunger .pip.empty{color:#22312aa8}.touch-controls{position:absolute;z-index:6;right:18px;bottom:102px;left:18px;display:none;align-items:end;justify-content:space-between;pointer-events:none}.direction-pad{position:relative;width:154px;height:104px}.action-pad{display:flex;gap:10px}.control-button{position:relative;width:52px;height:52px;padding:0;border:1px solid rgb(255 255 255 / 38%);border-radius:7px;background:#142e297a;box-shadow:inset 0 0 0 1px #09171347,0 3px 10px #020a0829;pointer-events:auto;touch-action:none}.control-button:active{background:#60993eb8;transform:translateY(1px)}.direction-pad .control-button{position:absolute}.forward{top:0;left:51px}.left{bottom:0;left:0}.back{bottom:0;left:51px}.right{right:0;bottom:0}.forward span,.back span,.left span,.right span{position:absolute;top:50%;left:50%;width:0;height:0;transform:translate(-50%,-50%)}.forward span{margin-top:-2px;border-right:9px solid transparent;border-bottom:13px solid #f5ffe3;border-left:9px solid transparent}.back span{margin-top:2px;border-top:13px solid #f5ffe3;border-right:9px solid transparent;border-left:9px solid transparent}.left span{margin-left:-2px;border-top:9px solid transparent;border-right:13px solid #f5ffe3;border-bottom:9px solid transparent}.right span{margin-left:2px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:13px solid #f5ffe3}.jump span{position:absolute;top:52%;left:50%;width:18px;height:18px;border-top:4px solid #f5ffe3;border-left:4px solid #f5ffe3;transform:translate(-50%,-35%) rotate(45deg)}.mine span:before,.mine span:after{content:"";position:absolute;top:50%;left:50%;background:#f5ffe3}.mine span:before{width:4px;height:26px;transform:translate(-50%,-50%) rotate(-42deg);border-radius:2px}.mine span:after{width:23px;height:7px;transform:translate(-52%,-140%) rotate(-42deg);border-radius:3px 5px 2px 2px}.place span{position:absolute;top:50%;left:50%;width:20px;height:20px;background:#b8e15e;box-shadow:inset 0 -5px #568b3f,inset 5px 0 #ddf795;transform:translate(-50%,-50%)}.entry-panel,.pause-panel{position:absolute;z-index:12;inset:0;display:grid;place-items:center;background:#07111159;transition:opacity .18s ease}.entry-panel.dismissed{opacity:0;pointer-events:none}.entry-content,.pause-content{display:grid;justify-items:center;gap:13px;width:min(280px,calc(100vw - 44px));padding:25px 22px;border:1px solid rgb(255 255 255 / 21%);border-radius:6px;background:#123027d6;box-shadow:0 16px 55px #00000047;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.entry-logo{position:relative;width:54px;height:45px}.entry-logo i{position:absolute;width:24px;height:24px;background:#8cca5b;box-shadow:inset 0 -6px #467a42,inset 6px 0 #c1e47b}.entry-logo i:nth-child(1){top:0;left:15px}.entry-logo i:nth-child(2){top:20px;left:1px}.entry-logo i:nth-child(3){top:20px;right:1px}h2{color:#f6ffe8;font-size:21px;font-weight:900}.entry-content button,.pause-content button{width:100%;height:40px;border:1px solid #8cc55d;border-radius:4px;background:#94cf61;color:#17301e;font-weight:850;cursor:pointer}.pause-panel{z-index:13;opacity:0;pointer-events:none;background:#07101099}.pause-panel.open{opacity:1;pointer-events:auto}.pause-content{gap:10px}.pause-content p{color:#f7ffd5;font-size:15px;font-weight:800}.pause-content button.secondary{border-color:#587b6a;background:#315849;color:#edf9d7}.inventory-panel{position:absolute;z-index:14;inset:0;display:grid;place-items:center;padding:18px;background:#07101096;opacity:0;pointer-events:none;transition:opacity .16s ease}.inventory-panel.open{opacity:1;pointer-events:auto}.inventory-content{width:min(615px,100%);border:1px solid rgb(255 255 255 / 22%);border-radius:6px;background:#183128;box-shadow:0 16px 55px #00000059}.inventory-header{display:flex;align-items:center;justify-content:space-between;padding:14px 15px 12px;border-bottom:1px solid rgb(255 255 255 / 13%)}.inventory-header h2,.crafting-panel h3{color:#f6ffe8;font-size:15px;font-weight:850}.inventory-header .icon-button{position:relative;width:28px;height:28px}.inventory-layout{display:grid;grid-template-columns:1fr 176px;gap:16px;padding:15px}.inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(49px,1fr));gap:8px;align-content:start}.inventory-slot{position:relative;display:grid;place-items:center;min-height:60px;padding:0;border:1px solid #5c786a;border-radius:4px;background:#274638;color:#f4ffe5;cursor:pointer}.inventory-slot.selected{outline:2px solid #b9e76d;outline-offset:1px}.inventory-slot:disabled{cursor:default;opacity:.42}.inventory-name{position:absolute;top:4px;left:6px;right:4px;overflow:hidden;color:#dceecb;font-size:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.inventory-slot .slot-count{bottom:4px}.crafting-panel{display:grid;align-content:start;gap:8px;padding-left:15px;border-left:1px solid rgb(255 255 255 / 12%)}.recipe-list{display:grid;gap:7px}.recipe{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:7px;min-height:52px;padding:5px;border:1px solid #547363;border-radius:4px;background:#28473a;color:#effcdc;text-align:left;cursor:pointer}.recipe:disabled{cursor:default;opacity:.43}.recipe:hover:not(:disabled){border-color:#a9d664;background:#355c46}.recipe-label{display:grid;gap:2px}.recipe-label b{font-size:11px}.recipe-label small{color:#b8d4ad;font-size:10px}@media(hover:none),(pointer:coarse),(max-width:620px){.touch-controls{display:flex}.crosshair{opacity:.6}}@media(max-width:620px){.topbar{gap:8px;padding:max(13px,env(safe-area-inset-top)) 13px 0}.brand-lockup{min-width:0}.brand-mark{width:24px;height:24px}h1{font-size:14px}.brand-lockup p{font-size:10px}.readout{height:28px;padding:0 7px;font-size:11px}.coordinate{display:none}.view-switch{position:absolute;top:max(48px,calc(env(safe-area-inset-top) + 35px));right:13px;height:28px}.slot{width:43px;height:48px}.tile-icon{width:24px;height:24px}.hotbar{gap:3px}.toast{bottom:84px}.vitals{bottom:78px;left:14px}.touch-controls{right:14px;bottom:89px;left:14px}.action-pad{gap:6px}.control-button{width:48px;height:48px}.direction-pad{width:142px;height:96px}.forward{left:47px}.left{left:0}.back{left:47px}}@media(max-width:620px){.inventory-layout{grid-template-columns:1fr}.crafting-panel{padding-top:12px;padding-left:0;border-top:1px solid rgb(255 255 255 / 12%);border-left:0}.recipe-list{grid-template-columns:repeat(3,1fr)}.recipe{grid-template-columns:24px 1fr;min-height:48px}.recipe-label small{display:none}}@media(max-width:420px){.slot{width:38px;height:42px}.tile-icon{width:21px;height:21px}.slot-key{display:none}.touch-controls{right:10px;left:10px}.control-button{width:46px;height:46px}.direction-pad{width:136px;height:92px}.forward,.back{left:45px}.action-pad{gap:5px}.vitals{transform:scale(.85);transform-origin:left bottom}.inventory-grid{grid-template-columns:repeat(4,minmax(45px,1fr));gap:6px}.inventory-layout{padding:11px}.recipe{padding:4px}.recipe-label b{font-size:10px}}