@font-face{font-family:Monocraft;src:url('./assets/fonts/Monocraft.ttf') format('truetype');font-display:swap}
:root{--u:3px;--ink:#3e3e3e;--panel:#c6c6c6;--slot:#8b8b8b}
html,body,button,input,select{font-family:Monocraft,monospace}body{background:#171717}button{border:2px solid #171717;background:#777;box-shadow:inset 2px 2px #aaa,inset -2px -2px #4b4b4b;color:#eee;padding:11px 16px;text-shadow:2px 2px #333;font-weight:normal;transition:none}button:hover{border-color:#fff;background:#8585a0;filter:none}button:active{transform:none;background:#626279}button.primary{background:#777;border-color:#171717;box-shadow:inset 2px 2px #b0b0b0,inset -2px -2px #484848}button.primary:hover{background:#8585a0;border-color:#fff}button:disabled{opacity:.45;filter:none}button small{color:#ddd;font-size:12px}button span{font-size:18px}
#menu{background:linear-gradient(#0002,#0000 55%,#0007)}.brand{margin-bottom:40px;filter:drop-shadow(0 6px #141414)}.eyebrow{font-size:11px;letter-spacing:3px;color:#e4e4e4}.brand h1{font-family:Monocraft,monospace;font-weight:normal;font-size:clamp(54px,7.5vw,108px);letter-spacing:1px;color:#d9d9d9;text-shadow:0 3px #888,0 6px #626262,0 9px #272727,4px 12px #1118;transform:perspective(600px) rotateX(10deg)}.brand p{color:#ffff55;font-size:14px;letter-spacing:0;text-shadow:2px 2px #444;transform:rotate(-6deg);margin:20px 0}.brand-rule{display:none}.menu-box{width:390px;gap:9px}.menu-box button{min-height:44px}.menu-footer{font-size:11px;color:#fff;left:14px;right:14px;bottom:12px}.menu-footer button{box-shadow:none;color:white;font-size:11px}.menu-footer span:last-child{font-size:10px}#loading{background:#211b18 url('./assets/blocks/dirt.png');background-size:96px;image-rendering:pixelated;box-shadow:inset 0 0 0 100vmax #0009}#loading p{color:#ccc}.loading-track{background:#333;border:2px solid #111;height:12px}.loading-track span{background:#8bcb3d}.loading-block{display:none}#loading h2{font-size:20px}
#vignette{background:radial-gradient(ellipse at center,transparent 68%,#0002)}#hud{text-shadow:calc(var(--u)*.7) calc(var(--u)*.7) #333}#location{display:none;top:8px;left:8px}#location.show-coordinates{display:block}#location strong,#location span,#world-clock,#target-label,#quickhelp{display:none}#coordinates{font-size:14px;color:#fff;background:#0005;padding:3px}#crosshair{width:calc(var(--u)*15);height:calc(var(--u)*15);filter:drop-shadow(1px 1px #3338)}#crosshair i{width:calc(var(--u)*13);height:var(--u);left:var(--u);top:calc(var(--u)*7);background:#fffc}#crosshair b{width:var(--u);height:calc(var(--u)*13);left:calc(var(--u)*7);top:var(--u);background:#fffc}#mine-progress{width:calc(var(--u)*16);height:var(--u);left:calc(50% - var(--u)*8);top:calc(50% + var(--u)*12);background:#0006}#attack-indicator{display:none;position:absolute;left:calc(50% - var(--u)*8);top:calc(50% + var(--u)*12);width:calc(var(--u)*16);height:calc(var(--u)*3);border:var(--u) solid #3338;background:linear-gradient(to right,#eee calc(var(--charge)*100%),transparent 0)}#attack-indicator.visible{display:block}
#hotbar{bottom:0;padding:var(--u);border:var(--u) solid #222;box-shadow:inset 0 0 0 var(--u) #aaa;background:#686868a6;height:calc(var(--u)*22);width:calc(var(--u)*182);gap:0}#hotbar .slot{width:calc(var(--u)*20);height:calc(var(--u)*20);border:var(--u) solid #25252580;border-right-color:#8888;border-bottom-color:#aaa8;background:#53535333;flex:none;margin:calc(var(--u)*-1) 0 0 0}#hotbar .slot.active{outline:none;border-color:#eee;box-shadow:inset 0 0 0 var(--u) #222,0 0 0 var(--u) #eee;background:#fff1;z-index:2}#hotbar .slot img{width:calc(var(--u)*16);height:calc(var(--u)*16)}.slot img{filter:drop-shadow(var(--u) var(--u) #0004);image-rendering:pixelated;object-fit:contain}.slot .key{display:none}.slot .count{font-family:Monocraft,monospace;font-weight:normal;font-size:calc(var(--u)*7);right:0;bottom:calc(var(--u)*-.5);text-shadow:var(--u) var(--u) #333;color:white;line-height:1}.slot .durability{left:var(--u);right:var(--u);bottom:var(--u);height:var(--u);background:#111}.slot .durability i{height:100%}#held-name{bottom:calc(var(--u)*60);font-size:calc(var(--u)*8);max-width:90vw;white-space:nowrap}#survival{bottom:calc(var(--u)*23);height:calc(var(--u)*29);width:calc(var(--u)*182)}#health,#hunger,#armor,#breath{position:absolute;display:flex;gap:calc(var(--u)*-1);height:calc(var(--u)*9);line-height:0;font-size:0;letter-spacing:0}#health{left:0;bottom:calc(var(--u)*8)}#hunger{right:0;bottom:calc(var(--u)*8)}#armor{left:0;bottom:calc(var(--u)*18)}#breath{right:0;bottom:calc(var(--u)*18);top:auto}#health img,#hunger img,#armor img,#breath img{width:calc(var(--u)*9);height:calc(var(--u)*9);margin-right:calc(var(--u)*-1);image-rendering:pixelated;filter:drop-shadow(var(--u) var(--u) #0007)}#health img:last-child,#hunger img:last-child,#armor img:last-child,#breath img:last-child{margin-right:0}#experience{bottom:0;height:calc(var(--u)*5);background:#17230e;border:var(--u) solid #101509;box-shadow:inset 0 var(--u) #30401d}#experience span{background:#80cf1e;box-shadow:inset 0 var(--u) #c4ef57;height:100%}#xp-level{position:absolute;bottom:calc(var(--u)*7);left:50%;transform:translateX(-50%);font-size:calc(var(--u)*8);color:#80ff20;text-shadow:var(--u) var(--u) #194008,-1px -1px #194008}#offhand-hud{position:absolute;bottom:var(--u);left:calc(50% - var(--u)*122);pointer-events:auto}#offhand-hud .slot{width:calc(var(--u)*22);height:calc(var(--u)*22);margin:0;background:#6669;border:calc(var(--u)*1) solid #aaa;box-shadow:inset 0 0 0 var(--u) #333}#offhand-hud img{width:calc(var(--u)*16);height:calc(var(--u)*16)}#toast{top:12px;right:12px;border:2px solid #aaa;background:#222e;color:#eee;box-shadow:inset 0 0 0 2px #555;padding:12px 18px;font-size:12px;max-width:360px;line-height:1.6}.hurt-flash{filter:brightness(1.6)}.low-health{animation:hearts-jitter .7s steps(2) infinite}@keyframes hearts-jitter{50%{transform:translateY(-2px)}}
.panel-backdrop{background:#0009;backdrop-filter:none}.panel{background:#c6c6c6;color:#333;border-color:#fff;border-bottom-color:#555;border-right-color:#555;box-shadow:0 0 0 2px #111;padding:24px;scrollbar-color:#777 #aaa}.panel h2{font-size:22px}.panel h3{font-size:16px}.panel p{font-size:13px}.panel label{font-size:13px}.panel input,.panel select{color:#eee;background:#222;border:2px solid #777;border-bottom-color:#eee;border-right-color:#eee;font-size:13px}.panel a{color:#344a83}.muted,.pause-world{color:#555}.panel kbd{background:#777;color:#fff;border-color:#444}.settings-grid{gap:24px}.settings-grid input[type=range]{width:115px}.settings-grid label{gap:10px}.world-controls button{font-size:12px}.pause-panel{width:430px}.pause-world span{font-size:12px}
.inventory-panel{background:transparent;border:0;box-shadow:none;padding:0;width:auto;max-width:98vw;max-height:98vh;overflow:auto}.inventory-panel>.panel-head{height:0;position:relative;z-index:4;display:block}.inventory-panel>.panel-head h2{display:none}.inventory-panel #panel-close{position:absolute;right:calc(var(--u)*-1);top:calc(var(--u)*-1);width:calc(var(--u)*11);height:calc(var(--u)*11);padding:0;font-size:calc(var(--u)*7);background:#777;color:#eee;line-height:1;box-shadow:none}.inventory-layout{display:flex;gap:calc(var(--u)*5);align-items:flex-start}.inventory-main{position:relative;width:calc(var(--u)*176);height:calc(var(--u)*166);flex:none;background:#c6c6c6;border:calc(var(--u)*2) solid #fff;border-right-color:#555;border-bottom-color:#555;box-shadow:0 0 0 var(--u) #111;color:#404040;font-size:calc(var(--u)*8)}.inventory-panel .slot{width:calc(var(--u)*18);height:calc(var(--u)*18);margin:0;border:var(--u) solid #373737;border-bottom-color:#fff;border-right-color:#fff;box-shadow:none;background:#8b8b8b;outline:none}.inventory-panel .slot:hover{background:#b3b3b3}.inventory-panel .slot img{width:calc(var(--u)*16);height:calc(var(--u)*16);max-width:none}.inventory-panel .inventory-grid{display:grid;grid-template-columns:repeat(9,calc(var(--u)*18));gap:0;max-height:none;overflow:visible}.bag-grid{position:absolute;left:calc(var(--u)*6);top:calc(var(--u)*82)}.bag-grid .slot:nth-child(n+28){margin-top:calc(var(--u)*4)}.bag-title{position:absolute;left:calc(var(--u)*6);top:calc(var(--u)*71);font-size:calc(var(--u)*8)}.inventory-main:not(.at-table):not(.at-chest):not(.at-furnace) .bag-title{display:none}.equipment-grid{position:absolute;left:calc(var(--u)*6);top:calc(var(--u)*6);display:grid;gap:0}.equipment-grid .slot:empty:before,.offhand-slot .slot:empty:before{content:'';width:calc(var(--u)*13);height:calc(var(--u)*13);opacity:.2;background:#ddd}.equipment-grid .slot[data-empty=helmet]:empty:before{clip-path:polygon(0 0,100% 0,100% 70%,75% 70%,75% 30%,25% 30%,25% 70%,0 70%)}.equipment-grid .slot[data-empty=chestplate]:empty:before{clip-path:polygon(0 0,30% 0,40% 20%,60% 20%,70% 0,100% 0,100% 40%,80% 40%,80% 100%,20% 100%,20% 40%,0 40%)}.equipment-grid .slot[data-empty=leggings]:empty:before{clip-path:polygon(10% 0,90% 0,90% 100%,60% 100%,60% 40%,40% 40%,40% 100%,10% 100%)}.equipment-grid .slot[data-empty=boots]:empty:before{clip-path:polygon(10% 25%,40% 25%,40% 100%,0 100%,0 65%,10% 65%,10% 25%,65% 25%,95% 25%,95% 65%,100% 65%,100% 100%,60% 100%,60% 25%)}.offhand-slot .slot:empty:before{clip-path:polygon(10% 0,90% 0,90% 70%,50% 100%,10% 70%)}.character-preview{position:absolute;left:calc(var(--u)*25);top:calc(var(--u)*6);width:calc(var(--u)*49);height:calc(var(--u)*70);padding:0;margin:0;background:#000;display:block}.avatar-canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.offhand-slot{position:absolute;left:calc(var(--u)*75);top:calc(var(--u)*60)}.craft-title{position:absolute;left:calc(var(--u)*96);top:calc(var(--u)*6)}.craft-grid{position:absolute;left:calc(var(--u)*96);top:calc(var(--u)*16);display:grid;grid-template-columns:repeat(var(--grid-size),calc(var(--u)*18))!important;gap:0}.craft-grid .slot{width:calc(var(--u)*18);height:calc(var(--u)*18)}.craft-output{position:absolute;left:calc(var(--u)*150);top:calc(var(--u)*25)}.craft-output .slot,.furnace-output .slot{width:calc(var(--u)*24);height:calc(var(--u)*24);margin-left:calc(var(--u)*-3);margin-top:calc(var(--u)*-3)}.craft-arrow{position:absolute;left:calc(var(--u)*133);top:calc(var(--u)*29);width:calc(var(--u)*14);height:calc(var(--u)*10);background:#8b8b8b;margin:0;clip-path:polygon(0 30%,60% 30%,60% 0,100% 50%,60% 100%,60% 70%,0 70%);filter:drop-shadow(var(--u) var(--u) #fff)}.at-table .craft-title{left:calc(var(--u)*28)}.at-table .craft-grid{left:calc(var(--u)*28);top:calc(var(--u)*15)}.at-table .craft-output{left:calc(var(--u)*122);top:calc(var(--u)*33)}.at-table .craft-arrow{left:calc(var(--u)*88);top:calc(var(--u)*37);width:calc(var(--u)*24)}#toggle-book{position:absolute;left:calc(var(--u)*96);top:calc(var(--u)*60);padding:0;width:calc(var(--u)*20);height:calc(var(--u)*17);font-size:calc(var(--u)*12);line-height:1;background:#809357;color:#e0ebc0;border:var(--u) solid #333;box-shadow:inset var(--u) var(--u) #aec28a}.at-table #toggle-book{left:calc(var(--u)*3);top:calc(var(--u)*30)}.inventory-hint{color:#ddd;text-shadow:1px 1px #333;font-size:10px;display:block;text-align:right;margin-top:10px;white-space:nowrap}.inv-title{position:absolute;left:calc(var(--u)*6);top:calc(var(--u)*4)}.chest-grid{position:absolute;left:calc(var(--u)*6);top:calc(var(--u)*16)}.furnace-title{left:calc(var(--u)*58)}.furnace-input{position:absolute;left:calc(var(--u)*54);top:calc(var(--u)*15)}.furnace-fuel{position:absolute;left:calc(var(--u)*54);top:calc(var(--u)*51)}.furnace-output{position:absolute;left:calc(var(--u)*114);top:calc(var(--u)*33)}.furnace-fire{position:absolute;left:calc(var(--u)*56);top:calc(var(--u)*33);font-size:calc(var(--u)*15);line-height:1;color:#888}.furnace-fire.lit{color:#e76b0c;text-shadow:0 calc(var(--u)*-2) #ffc72f}.smelt-arrow{position:absolute;left:calc(var(--u)*78);top:calc(var(--u)*35);width:calc(var(--u)*24);height:calc(var(--u)*16);background:#777;clip-path:polygon(0 30%,60% 30%,60% 0,100% 50%,60% 100%,60% 70%,0 70%)}.smelt-arrow i{display:block;height:100%;background:#eee}
.recipe-book{border:calc(var(--u)*2) solid #ddd;border-right-color:#444;border-bottom-color:#444;box-shadow:0 0 0 var(--u) #111;background:#bababa;width:calc(var(--u)*110);height:calc(var(--u)*166);padding:calc(var(--u)*4);margin:0;flex:none;color:#333}.book-head{font-size:calc(var(--u)*7)}.book-head input{display:block;width:100%;padding:calc(var(--u)*2);margin:calc(var(--u)*4) 0;font-size:calc(var(--u)*6);height:calc(var(--u)*14);outline:none}.recipe-list{display:flex;flex-direction:column;gap:calc(var(--u)*2);height:calc(var(--u)*130);max-height:none;overflow:auto;margin:0}.recipe{padding:calc(var(--u)*2);min-height:calc(var(--u)*22);display:flex;gap:calc(var(--u)*3);text-align:left;background:#8b8b8b;border:var(--u) solid #555;box-shadow:none;text-shadow:1px 1px #333}.recipe.craftable{background:#858575;border-color:#f0f0e0}.recipe img{width:calc(var(--u)*16);height:calc(var(--u)*16);flex:none}.recipe strong{font-size:calc(var(--u)*5.5);font-weight:normal}.recipe small{font-size:calc(var(--u)*4);color:#ddd;line-height:1.45}.creative-grid{grid-template-columns:repeat(5,calc(var(--u)*18));gap:var(--u);height:calc(var(--u)*108);max-height:none;padding:var(--u);overflow:auto}.creative-grid .slot{width:calc(var(--u)*18);height:calc(var(--u)*18)}.catalog-tabs{display:flex;flex-wrap:wrap;gap:var(--u);margin-bottom:calc(var(--u)*3)}.catalog-tabs button{padding:calc(var(--u)*1);font-size:calc(var(--u)*4);box-shadow:none;border:1px solid #555}.catalog-tabs button.selected{background:#ddd;color:#222;text-shadow:none;border-color:#fff}#item-tooltip{background:#100715f5;border:2px solid #35215f;border-top-color:#744cb1;border-left-color:#744cb1;padding:8px 12px;font-size:14px;color:white;max-width:280px;line-height:1.4}#item-tooltip small{color:#aaa;font-size:11px}#cursor-item img{width:calc(var(--u)*16);height:calc(var(--u)*16)}#cursor-item span{font-size:calc(var(--u)*7);text-shadow:var(--u) var(--u) #333}#debug{top:7px;left:7px;padding:5px;background:#0008;font-size:13px}#tour-label{font-size:11px}#tour-label button{font-size:11px}
@media(max-width:960px),(max-height:620px){:root{--u:2px}.inventory-panel{width:auto;max-width:98vw}.brand{margin-bottom:26px}.brand h1{font-size:64px}.brand p{margin:12px 0}.menu-box{width:340px}.menu-box button{padding:8px 12px}.recipe-book{padding:8px}.settings-grid{grid-template-columns:1fr}.panel{max-height:94vh}.inventory-panel{padding:0}.inventory-panel .character-preview{display:block}.inventory-hint{font-size:9px}}
@media(max-width:610px){.inventory-layout{flex-direction:column-reverse;gap:10px}.recipe-book{width:calc(var(--u)*176);height:220px}.creative-grid{grid-template-columns:repeat(8,calc(var(--u)*18));height:136px;gap:3px}.recipe-list{height:160px;display:flex}.recipe-book .book-head input{margin:6px 0}.catalog-tabs button{font-size:9px;padding:2px 4px}.inventory-panel{padding:3px 4px 6px}.inventory-hint{font-size:8px;white-space:normal;max-width:352px}.menu-footer span:first-child{display:none}.menu-footer{justify-content:space-between}.brand h1{font-size:50px}.brand p{font-size:12px}.menu-box{width:300px}.brand{margin-bottom:24px}#held-name{font-size:14px}#touch-controls .touch-stick{bottom:110px}#toast{max-width:280px;font-size:11px}#tour-label{left:12px;right:12px;letter-spacing:0}.help-grid{display:block}}

#cursor-item,#item-tooltip{position:fixed}