@font-face{font-family:Pixel;src:local('Bahnschrift')}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#111e23;color:#fff;font-family:Pixel,'Trebuchet MS',sans-serif}button,input,select{font:inherit}button{color:#f3f0dc;border:2px solid #a3a993;border-bottom:5px solid #333e32;border-right:4px solid #333e32;background:linear-gradient(#626c57,#434d3e);padding:13px 18px;cursor:pointer;text-shadow:1px 2px #0008;transition:filter .1s,transform .1s}button:hover{filter:brightness(1.2);border-top-color:#e2e9b0}button:active{transform:translateY(2px)}button:focus-visible{outline:3px solid #fff;outline-offset:3px}button:disabled{filter:saturate(.2);opacity:.45;cursor:not-allowed}button.primary{background:linear-gradient(#7ca74c,#527630);border-top-color:#c0da80;border-left-color:#aac671;border-bottom-color:#30451e;border-right-color:#384f24}button small{display:block;font-size:14px;color:#d3d9c0;margin-top:5px;font-weight:400}button span{font-size:20px}canvas#game{display:block;position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;touch-action:none}.hidden{display:none!important}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20}.brand{text-align:center;margin-bottom:36px;filter:drop-shadow(0 4px 0 #1e2921)}.eyebrow{font-size:14px;letter-spacing:5px;color:#e1edbe;margin-bottom:12px}.brand h1{font:900 clamp(56px,9vw,118px)/.95 Impact,'Arial Black',sans-serif;letter-spacing:8px;margin:0;color:#ecf1cf;text-shadow:0 3px #a4b98b,0 7px #718469,0 11px #354b3d,7px 15px 0 #14231c80;transform:perspective(600px) rotateX(7deg)}.brand p{font-size:16px;letter-spacing:2px;color:#eee6b7;margin:24px 0 0}.brand-rule{height:3px;background:#d7daa4;width:50px;margin:27px auto -10px}#menu{background:linear-gradient(#172b2022,#0c191525 40%,#07100fc0)}.menu-box{width:360px;max-width:90vw;display:grid;gap:10px}.menu-small{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu-footer{position:absolute;bottom:22px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#d8dfce}.menu-footer button{padding:6px 12px;font-size:13px;background:transparent;border:0;text-decoration:underline}#loading{background:#11261f;z-index:50}#loading h2{font-size:23px;margin:28px 0 8px}#loading p{color:#b5caa6;font-size:15px}.loading-track{width:270px;height:8px;background:#0005;margin-top:18px}.loading-track span{display:block;background:#acc878;height:100%;width:5%;transition:width .2s}.loading-block{width:56px;height:56px;background:linear-gradient(#92b762 30%,#72563b 31%);border-bottom:8px solid #533c27;box-shadow:8px 8px 0 #0003;animation:bob 1s ease-in-out infinite alternate}@keyframes bob{to{transform:translateY(-12px) rotate(4deg)}}#hud{position:absolute;inset:0;pointer-events:none;z-index:5;text-shadow:2px 2px 0 #0008}#location{position:absolute;left:26px;top:24px;display:grid;gap:7px}#location strong{letter-spacing:4px;font-size:18px}#location span{font-size:12px;letter-spacing:2px;color:#dee7bb}#coordinates{font-size:12px;color:#f1eed4a0}#world-clock{position:absolute;top:26px;right:26px;font-size:14px;display:flex;gap:9px;align-items:center}#clock-icon{color:#ffe9a7;font-size:25px}#crosshair{position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);filter:drop-shadow(1px 1px 0 #0009)}#crosshair i,#crosshair b{position:absolute;background:#fff9}#crosshair i{width:16px;height:2px;left:2px;top:9px}#crosshair b{width:2px;height:16px;left:9px;top:2px}#target-label{position:absolute;top:57%;left:50%;transform:translateX(-50%);font-size:13px;color:#f6f3df;text-align:center}#mine-progress{position:absolute;top:55%;left:calc(50% - 35px);width:70px;height:4px;background:#0005;display:none}#mine-progress div{height:100%;background:#fff}#hotbar{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);display:flex;padding:4px;background:#192019b8;border:2px solid #b9bd9a;box-shadow:0 3px 0 #0007;pointer-events:auto}.slot{position:relative;width:51px;height:51px;margin:1px;border:2px solid #151b1680;border-right-color:#ffffff27;border-bottom-color:#ffffff35;background:#71776745;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none}.slot.active{outline:3px solid #f2eed2;outline-offset:1px;background:#cad2a13d;box-shadow:inset 0 0 0 2px #313e2f}.slot img{width:34px;height:34px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(2px 3px 0 #0004)}.slot .count{position:absolute;bottom:1px;right:3px;font-weight:bold;font-size:15px}.slot .key{position:absolute;top:1px;left:3px;font-size:10px;color:#efeacf80}.slot .durability{position:absolute;bottom:3px;left:5px;right:5px;height:3px;background:#1e2917}.slot .durability i{display:block;height:100%;background:#a8d758}#held-name{position:absolute;left:50%;transform:translateX(-50%);bottom:128px;font-size:16px;text-align:center}#survival{position:absolute;bottom:89px;left:50%;transform:translateX(-50%);width:484px;height:28px}#health,#hunger{font-size:22px;letter-spacing:0;white-space:nowrap;line-height:22px}#health{position:absolute;left:0;color:#e5544f}#hunger{position:absolute;right:0;color:#d49b59}#breath{position:absolute;right:0;top:-24px;color:#8ce4ff;font-size:19px}#experience{position:absolute;left:0;right:0;bottom:-5px;height:5px;background:#172714;border:1px solid #090e07}#experience span{display:block;height:100%;width:0;background:#c0df5b}#quickhelp{position:absolute;bottom:25px;left:24px;font-size:12px;color:#f6f3ddd0;display:flex;align-items:center;gap:6px}kbd{display:inline-block;min-width:22px;font:12px inherit;text-align:center;border:1px solid #bdc5ad77;background:#101a1480;padding:4px 5px;color:#fff}#toast{position:absolute;right:24px;top:82px;background:#263125df;border:2px solid #9ba87a;padding:15px 22px;max-width:340px;font-size:14px;opacity:0;transform:translateX(20px);transition:.2s}#toast.show{opacity:1;transform:translateX(0)}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,#08202a30);z-index:2}#underwater,#hurt{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:4}#underwater{background:#086caa65}#hurt{background:radial-gradient(ellipse at center,transparent 40%,#ff24157a);transition:opacity .2s}.panel-backdrop{position:absolute;inset:0;background:#07130ccc;z-index:30;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px)}.panel{background:#c6c6ad;color:#253024;border:4px solid #e6e7d4;border-bottom-color:#5c6352;border-right-color:#5c6352;box-shadow:0 12px 60px #0009;width:min(780px,94vw);padding:24px;max-height:90vh;overflow:auto;text-shadow:none}.panel h2{font-size:23px;margin:0 0 18px}.panel h3{font-size:16px;margin:20px 0 10px}.panel p{line-height:1.6;font-size:15px}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head button{padding:3px 10px}.panel .slot{background:#7479694f;border:2px solid #606457;border-bottom-color:#e4e6ce;border-right-color:#e4e6ce;width:49px;height:49px}.panel .slot .count{color:#fff;text-shadow:1px 2px #000}.panel .slot.active{outline-color:#e7f3a2}.inventory-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:2px}.inventory-layout{display:grid;grid-template-columns:1fr 240px;gap:25px}.muted{color:#616b54;font-size:13px}.panel label{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:20px 0;font-size:15px}.panel input,.panel select{background:#edf0d9;border:2px solid #69745c;padding:7px;color:#26341e}.panel a{color:#345629}.setting-buttons{display:grid;gap:8px;margin-top:24px}.recipe-list{display:grid;gap:5px;max-height:375px;overflow:auto}.recipe{padding:8px;display:flex;align-items:center;gap:10px;text-align:left}.recipe img{width:28px;image-rendering:pixelated}.recipe strong{display:block;font-size:14px}.recipe small{font-size:12px}.craft-grid{display:grid;grid-template-columns:repeat(3,51px);gap:2px}.pause-panel{width:400px}.pause-panel .setting-buttons button{width:100%}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}.help-grid p{margin:7px 0}.help-grid kbd{color:#fff;background:#49543c}#error{background:#17241d;padding:25px;text-align:center}#error-message{max-width:600px;line-height:1.6}.damage-number{position:absolute;pointer-events:none;color:#fdf1cd;font-weight:bold;animation:damage .8s forwards}@keyframes damage{to{transform:translateY(-60px);opacity:0}}@media(max-width:1000px){#quickhelp{bottom:94px;left:20px;max-width:140px;flex-wrap:wrap;font-size:11px}#location{left:16px;top:16px}}@media(max-width:600px){.brand{margin-bottom:30px}.brand h1{font-size:56px;letter-spacing:4px}.brand p{font-size:14px}.eyebrow{font-size:12px;letter-spacing:3px}.menu-footer{left:15px;right:15px;bottom:10px;font-size:10px}.menu-footer span:first-child{max-width:110px}#hotbar{bottom:15px}.slot{width:35px;height:39px}.slot img{width:27px;height:27px}#survival{width:342px;bottom:67px}#health,#hunger{font-size:16px}#held-name{bottom:105px}#quickhelp{display:none}#world-clock{font-size:12px;right:12px;top:12px}.inventory-layout{display:block}.panel{padding:14px}.panel .slot{width:32px;height:36px}.panel .slot img{width:25px;height:25px}.recipe-list{max-height:170px;margin-top:18px}.help-grid{display:block}.touch-stick{position:absolute;bottom:100px;left:25px;width:110px;height:110px;background:#fff2;border:2px solid #fff4;border-radius:50%;pointer-events:auto;touch-action:none}.touch-stick i{position:absolute;left:32px;top:32px;width:42px;height:42px;background:#fff5;border-radius:50%}#touch-controls button{position:absolute;pointer-events:auto;font-size:13px;padding:12px;background:#24352388;touch-action:none}#touch-jump{bottom:190px;right:28px}#touch-mine{bottom:132px;right:72px}#touch-place{bottom:88px;right:18px}#touch-inventory{top:65px;right:15px}}
/* Game work surfaces */
.inventory-panel{width:min(925px,96vw)}.inventory-layout{grid-template-columns:minmax(470px,1fr) 280px;gap:24px}.inventory-grid{grid-template-columns:repeat(9,49px);gap:3px}.bag-grid .slot:nth-child(28){margin-top:12px}.bag-grid .slot:nth-child(n+28){margin-top:12px}.crafting-area{display:flex;gap:25px;align-items:center;min-height:174px}.craft-arrow{font-size:30px;color:#777c64;margin-top:30px}.character-preview{margin-left:auto;display:flex;flex-direction:column;gap:15px;align-items:center;padding:20px;color:#606b52;font-size:13px}.pixel-head{width:50px;height:50px;background:#bb8c68;border-top:13px solid #4a3a2c;box-shadow:inset 0 -12px #805b42;position:relative}.pixel-head:before{content:'';position:absolute;left:9px;top:9px;width:8px;height:7px;background:#e0dfd2;box-shadow:24px 0 #e0dfd2}.pixel-head:after{content:'';position:absolute;left:13px;top:10px;width:4px;height:6px;background:#47616e;box-shadow:20px 0 #47616e}.inventory-hint{display:flex;gap:14px;color:#5f6855;font-size:11px;margin-top:13px;align-items:center}.inventory-hint kbd{font-size:11px;min-width:18px;padding:2px 4px}.book-head h3{margin-top:0}.book-head input{width:100%;margin:0 0 12px;font-size:14px}.creative-grid{display:grid;grid-template-columns:repeat(5,44px);gap:3px;max-height:440px;overflow:auto;padding:3px}.creative-grid .slot{width:41px;height:42px}.recipe-list{max-height:425px}.recipe{background:#858c6a;border-color:#aeb596;box-shadow:none;text-shadow:1px 1px #26331f}.recipe.craftable{background:linear-gradient(#709055,#59723e);border-top-color:#c3d597}.recipe:disabled{opacity:.48;filter:saturate(.4)}.recipe small{line-height:1.4}.station-note{color:#fff0a7}.furnace-layout{height:180px;display:flex;align-items:center;justify-content:center;gap:35px}.furnace-layout>div:first-child{display:flex;flex-direction:column;align-items:center}.furnace-layout small{font-size:12px;color:#5d674f}.fire-symbol{color:#bc712b;font-size:22px;height:25px}.smelt-arrow{position:relative;width:65px;height:25px;background:#737b6140;color:#5e684e;font-size:33px;line-height:22px}.smelt-arrow span{position:absolute;inset:0;background:#e0c46380}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.settings-grid label{gap:12px}.settings-grid input[type=range]{width:130px;padding:0}.settings-grid output{font-size:12px;min-width:26px}.world-controls{display:flex;gap:8px}.world-controls button{flex:1;padding:8px}.pause-world{display:grid;gap:8px;color:#5c694e;margin:12px 0 22px}.pause-world span{font-size:13px}#item-tooltip{position:absolute;display:none;z-index:80;pointer-events:none;background:#1e142eea;border:2px solid #76648b;padding:9px 14px;max-width:230px;font-size:14px;box-shadow:2px 3px #0006}#item-tooltip small{display:block;color:#b0c496;font-size:12px;margin-top:6px}#cursor-item{position:absolute;z-index:90;pointer-events:none;display:flex;align-items:center}#cursor-item img{width:38px;height:38px;image-rendering:pixelated;filter:drop-shadow(2px 3px #0007)}#cursor-item span{position:absolute;bottom:0;right:0;color:#fff;text-shadow:1px 2px #000}#held-name{transition:opacity .5s}#debug{position:absolute;left:25px;top:100px;white-space:pre;font:12px/1.6 monospace;color:#fff;background:#0007;padding:10px;z-index:6;pointer-events:none}.chest-grid{max-height:174px;overflow:auto}.panel{scrollbar-color:#717d5e #b6bba0;scrollbar-width:thin}@media(max-width:850px){.inventory-layout{grid-template-columns:1fr}.recipe-book{border-top:2px solid #879074;padding-top:17px;margin-top:18px}.recipe-list{max-height:190px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.creative-grid{grid-template-columns:repeat(9,1fr);max-height:160px}.creative-grid .slot{width:42px}.settings-grid{grid-template-columns:1fr;gap:8px}.inventory-panel{width:540px;max-width:96vw}.character-preview{display:none}}@media(max-width:550px){.inventory-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:2px}.inventory-layout{grid-template-columns:minmax(0,1fr)}.inventory-grid .slot{width:100%;margin:0}.crafting-area{min-height:130px;gap:20px}.craft-grid{grid-template-columns:repeat(var(--grid-size,2),42px)!important}.craft-grid .slot{width:40px;height:40px}.inventory-hint{gap:9px;font-size:10px}.creative-grid{grid-template-columns:repeat(7,1fr)}.creative-grid .slot{width:100%;height:35px}.world-controls{flex-wrap:wrap}.recipe-list{grid-template-columns:1fr}.menu-footer span{font-size:10px}}

.mode-mark{font-size:38px;color:#637944}

#tour-label{position:absolute;inset:24px 28px auto;display:flex;align-items:center;justify-content:space-between;z-index:15;color:#f0efdb;letter-spacing:2px;font-size:12px;text-shadow:1px 2px #182b21}#tour-label button{width:auto;padding:10px 16px;font-size:12px;letter-spacing:0}
