@font-face{font-family:Silkscreen;src:url('/Silkscreen-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{font-family:Silkscreen,monospace;font-weight:400;color:#fff;font-size:14px;--light:#eee;--gray:#c6c6c6;--edge:#373737}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#77a2ef}button,input,select{font:inherit}button{color:#fff;text-shadow:2px 2px #333;background:#777;border:2px solid #111;box-shadow:inset 2px 2px #aaa,inset -2px -2px #454545;padding:11px 15px;cursor:pointer;border-radius:0}button:hover{background:#8c91b3;box-shadow:inset 2px 2px #c8caff,inset -2px -2px #4e526b}button:focus-visible{outline:3px solid #fff;outline-offset:2px}button:disabled{color:#888;background:#444;cursor:default;box-shadow:none;text-shadow:none}.primary{background:#547438;box-shadow:inset 2px 2px #95b46c,inset -2px -2px #2d431c}.primary:hover{background:#648b43}input,select{color:#fff;background:#222;border:2px solid #aaa;padding:11px;outline:none;width:100%;margin:8px 0 20px}input:focus,select:focus{border-color:#fff}label{display:block;text-align:left;font-size:13px;color:#ccc}canvas{display:block;width:100vw;height:100vh;touch-action:none;image-rendering:pixelated}.hidden{display:none!important}#hud{position:absolute;inset:0;pointer-events:none;text-shadow:2px 2px #0008}#world-info{position:absolute;top:18px;left:20px;display:flex;flex-direction:column;gap:6px;font-size:12px}.series{font-size:10px;letter-spacing:2px;color:#fff9}#save-status{font-size:10px;color:#dedede}.top-actions{position:absolute;top:14px;right:17px;display:flex;gap:8px;opacity:.8;pointer-events:auto}.top-actions button{font-size:11px;padding:8px 11px}kbd{font:11px Silkscreen,monospace;font-weight:400;color:#ccc;margin-left:4px}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:Arial,sans-serif;font-size:29px;font-weight:400;text-shadow:1px 1px #333;mix-blend-mode:difference}#target{position:absolute;top:calc(50% + 28px);left:50%;transform:translateX(-50%);font-size:11px;background:#0005;padding:5px 9px;white-space:nowrap;opacity:.8}#target:empty{display:none}#mining{position:absolute;width:64px;height:5px;left:calc(50% - 32px);top:calc(50% + 20px);background:#0008;display:none}#mining span{display:block;height:100%;background:#ddd;width:0}#toast{position:absolute;top:17%;left:50%;transform:translateX(-50%);padding:11px 19px;background:#151515b8;border:2px solid #aaa;opacity:0;transition:opacity .15s;text-align:center;max-width:650px}#toast.visible{opacity:1}#hotbar{display:flex;position:absolute;bottom:17px;left:50%;transform:translateX(-50%);background:#2229;outline:2px solid #111;pointer-events:auto}.slot{position:relative;width:54px;height:54px;padding:6px;background:#8b8b8b90;border:3px solid #393939;box-shadow:inset 2px 2px #aaa8,inset -2px -2px #3338;color:white}.slot:hover{background:#aaaaaa9c}.slot.selected{outline:3px solid #eee;outline-offset:-1px;z-index:2;border-color:#bbb;box-shadow:inset 2px 2px #fff,inset -2px -2px #777}.slot img,.item-button img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(2px 2px 0 #0005)}.slot .count{position:absolute;bottom:0;right:2px;font-size:14px;text-shadow:2px 2px #222}.slot .number{position:absolute;left:2px;top:1px;font-size:8px;color:#eee9}.tool-glyph{display:grid;place-items:center;width:100%;height:100%;font-size:28px}.slot-empty{opacity:.4}#selected-name{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);font-size:16px;text-shadow:2px 2px #222;text-align:center}#survival-hud{position:absolute;bottom:76px;width:486px;left:50%;transform:translateX(-50%);height:28px;display:flex;justify-content:space-between}#hearts,#hunger{display:flex;gap:2px;height:17px;align-items:center}.heart{width:16px;height:14px;background:#b3131b;clip-path:polygon(0 14%,14% 0,42% 0,50% 14%,58% 0,86% 0,100% 14%,100% 50%,50% 100%,0 50%);filter:drop-shadow(1px 1px #000)}.heart.empty{background:#411619}.food{background:#b47c36;width:13px;height:13px;border:2px solid #3c2516;transform:rotate(30deg)}.food.empty{background:#3b2d20}#xp{position:absolute;bottom:0;width:100%;height:6px;background:#1e311c;border:1px solid #101d0e}#xp span{display:block;background:#7abd35;width:0;height:100%}#quick-controls{position:absolute;bottom:18px;left:18px;font-size:10px;line-height:1.8;color:#fffd;background:#0003;padding:6px 8px}#drag-controls{position:absolute;bottom:20px;right:17px;pointer-events:auto;display:flex;gap:5px}#drag-controls button{font-size:11px;padding:8px}#debug{position:absolute;top:85px;left:20px;font-size:12px;white-space:pre;background:#0008;padding:8px}#underwater{position:absolute;inset:0;background:#1554cc60;pointer-events:none}#damage{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px #ce141400}#damage.hit{box-shadow:inset 0 0 100px #ce1414ad}#overlay,#inventory-panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0008}.menu{width:450px;max-width:95vw;text-align:center;padding:25px;background:#1e1e1ecc;border:3px solid #777;box-shadow:0 10px 0 #0004}.welcome{width:570px;background:transparent;border:0;box-shadow:none;margin-top:-15px}.brand{position:relative;margin-bottom:50px}.brand>span{font-size:10px;letter-spacing:4px}.brand h1{font-size:65px;line-height:1;letter-spacing:-4px;margin:13px -50px 0;color:#ddd;text-shadow:0 3px #9b9b9b,0 7px #555,0 11px #1d1d1d,3px 11px #111,-3px 11px #111;transform:scaleY(1.2)}.splash{position:absolute;color:#fff447;text-shadow:2px 2px #514a00;right:-36px;bottom:-21px;transform:rotate(-12deg);font-size:17px}.menu h2{font-size:25px;margin:0 0 27px;text-shadow:2px 2px #111}.menu p{font-size:12px;line-height:1.7;color:#ddd}.menu-sub{margin:0 0 22px!important;font-size:17px!important;text-shadow:2px 2px #222}.wide{display:block;width:100%;margin:10px 0}.row{display:flex;gap:10px;margin:10px 0}.row>*{flex:1;min-width:0}.menu-foot{font-size:11px;color:#bbb;margin-top:20px}.controls-text{margin-top:23px;line-height:1.9!important;color:#bbb!important;font-size:10px!important}#error{color:#ffadad}:root{--inventory-slot:46px}
.inventory-window{background:#c6c6c6;color:#353535;border:3px solid #151515;box-shadow:inset 3px 3px #fff,inset -3px -3px #777;padding:17px;width:max-content;max-width:96vw;max-height:94vh;overflow:auto;text-shadow:none;user-select:none}
.inventory-window header{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:14px}.inventory-window h2{font-size:17px;margin:0 0 5px;font-weight:400}.inventory-window h3{font-size:12px;font-weight:400;margin:0 0 9px}.inventory-window header p{font-size:9px;color:#656565;margin:0}.inventory-header-actions{display:flex;gap:8px}.inventory-header-actions button{font-size:11px;padding:5px 8px}
.inventory-layout{display:flex;gap:18px;align-items:stretch}.inventory-main{width:calc(var(--inventory-slot)*9);flex-shrink:0}.inventory-window input,.inventory-window select{padding:7px;font-size:11px;background:#444;color:#fff;border:2px solid #777;margin:0 0 8px;width:100%;box-shadow:inset 1px 1px #202020}.inventory-window input::placeholder{color:#bbb}.inventory-window input[type=checkbox]{width:16px;height:16px;box-shadow:none;vertical-align:middle;margin:0 5px 0 0;accent-color:#638246}
#recipe-book{width:222px;padding:10px;background:#aaa;border:2px solid;border-color:#777 #e3e3e3 #e3e3e3 #777;flex-shrink:0}#craftable-filter{font-size:9px;color:#333;margin:2px 0 10px;display:flex;align-items:center}#recipes{display:grid;grid-template-columns:repeat(4,var(--inventory-slot));gap:3px;align-content:start;max-height:320px;overflow:auto;overscroll-behavior:contain}#recipe-detail{font-size:9px;line-height:1.6;margin:9px 0 0;min-height:26px;max-width:196px}.book-help{grid-column:1/-1;font-size:11px;line-height:1.8}.inventory-window .slot{width:var(--inventory-slot);height:var(--inventory-slot);padding:5px;background:#8b8b8b;border:2px solid;border-color:#373737 #fff #fff #373737;box-shadow:none;outline:none;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.inventory-window .slot:hover{background:#b9b9b9}.inventory-window .slot.selected{box-shadow:inset 0 0 0 2px #eee}.inventory-window .slot img{width:32px;height:32px;image-rendering:pixelated;pointer-events:none;filter:none}.inventory-window .slot.unavailable{background:#9c7977}.inventory-window .slot.unavailable img{opacity:.6}.slot.ghost-slot img{opacity:.35}.slot.ghost-slot{background:#a48583!important}.inventory-window .count,#cursor-stack .count{position:absolute;right:1px;bottom:0;color:white;font-size:13px;text-shadow:2px 2px #333;pointer-events:none}.durability{position:absolute;bottom:3px;left:5px;right:5px;height:4px;background:#171717;pointer-events:none}.durability:after{content:'';display:block;width:var(--durability);height:2px;background:var(--durability-color)}
#inventory-workspace{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:205px;padding-bottom:12px}#inventory-workspace[data-kind=crafting],#inventory-workspace[data-kind=furnace]{justify-content:center}#player-equipment{display:flex;align-items:center;gap:8px}#armor-slots{display:grid;grid-template-rows:repeat(4,var(--inventory-slot))}#player-preview{display:block;width:88px;height:176px;background:#232323;image-rendering:pixelated;touch-action:none}#craft-workspace h3{margin-bottom:12px}#craft-grid{display:grid;grid-template-columns:repeat(2,var(--inventory-slot))}.crafting-row{display:flex;align-items:center;gap:9px}.craft-arrow{font-family:Arial,sans-serif;font-size:32px;color:#747474;text-shadow:1px 1px #fff}#craft-result .slot{width:calc(var(--inventory-slot) + 6px);height:calc(var(--inventory-slot) + 6px)}#items,#chest-slots{display:grid;grid-template-columns:repeat(9,var(--inventory-slot));gap:0;min-height:0;max-height:none;overflow:visible}#inventory-hotbar{display:grid;grid-template-columns:repeat(9,var(--inventory-slot));margin-top:12px}.inventory-label{margin:4px 0 8px!important}#inventory-workspace[data-kind=chest]{padding-bottom:12px;min-height:0}
#furnace-workspace{display:flex;align-items:center;gap:36px;justify-content:center;width:100%}.furnace-left{display:flex;flex-direction:column;align-items:center}.station-label{font-size:9px;margin:5px 0;display:block}#furnace-flame{height:33px;width:23px;margin:4px;background:#655442;clip-path:polygon(48% 0,70% 33%,76% 20%,100% 67%,83% 100%,17% 100%,0 67%,23% 23%,26% 50%);position:relative}#furnace-flame span{position:absolute;bottom:0;left:0;width:100%;height:var(--burn);background:linear-gradient(#ffe04b,#f0811b)}#furnace-progress{font-family:Arial,sans-serif;font-size:42px;position:relative;width:48px;color:#727272}#furnace-progress:after{content:'';position:absolute;height:4px;background:#e5b851;width:var(--progress);bottom:0;left:0}#furnace-time{font-size:9px;text-align:center;color:#666;margin:8px 0}
.inventory-actions{display:flex;gap:14px;justify-content:space-between;align-items:center;margin-top:13px;padding-top:12px;border-top:2px solid #999;font-size:9px;line-height:1.6;max-width:660px}.inventory-actions button{font-size:10px;padding:7px;white-space:nowrap}.inventory-actions span{max-width:540px}#cursor-stack{position:fixed;z-index:100;pointer-events:none;width:36px;height:36px;transform:translate(-50%,-50%)}#cursor-stack img{width:36px;height:36px;image-rendering:pixelated}#recovered-items{font-size:10px;margin-top:12px;max-width:660px}#recovery-list{display:flex;flex-wrap:wrap;gap:5px;max-height:90px;overflow:auto}#recovery-list button{font-size:10px;padding:7px}.inventory-open #crosshair,.inventory-open #target,.inventory-open .top-actions,.inventory-open #drag-controls{visibility:hidden}
#hotbar .slot{width:48px;height:48px;padding:5px}.slot .number{display:none}#survival-hud{width:432px;bottom:70px}#armor-hud{position:absolute;bottom:33px;left:0;display:flex;gap:2px}.armor-point{width:15px;height:14px;background:#bbc0c5;clip-path:polygon(0 0,29% 0,29% 20%,71% 20%,71% 0,100% 0,100% 50%,79% 50%,79% 100%,21% 100%,21% 50%,0 50%);filter:drop-shadow(1px 1px #111)}.armor-point.empty{background:#3d4146}.heart.half{background:linear-gradient(90deg,#b3131b 50%,#411619 50%)}#selected-name{bottom:121px}.option-checks{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0 18px}.option-checks label{display:flex;align-items:center;gap:8px;font-size:11px}.option-checks input{width:18px;height:18px;margin:0;accent-color:#7d9b55}#options-panel output{float:right;color:#fff}#options-panel input[type=range]{padding:0;margin:10px 0 18px;accent-color:#999}#options-panel label{font-size:11px}body.clean #hud{display:none}
@media(max-width:850px){:root{--inventory-slot:38px}#recipe-book{width:190px}#recipes{max-height:280px}.inventory-layout{gap:12px}.inventory-window{padding:12px}.inventory-window .slot img{width:28px;height:28px}#player-preview{width:70px;height:152px}#inventory-workspace{gap:8px;min-height:168px}#player-equipment{gap:5px}.crafting-row{gap:5px}.craft-arrow{font-size:24px}.inventory-actions{max-width:550px}}
@media(max-width:600px){.inventory-layout{flex-direction:column-reverse}#recipe-book{width:100%;padding:8px;max-height:188px}#recipes{grid-template-columns:repeat(8,var(--inventory-slot));max-height:85px}#recipe-book h3,#recipe-detail{display:none}#recipe-book input,#recipe-book select{width:48%;display:inline-block}#craftable-filter{margin-bottom:5px}.inventory-window header{margin-bottom:10px}#quick-controls{display:none}#drag-controls{bottom:82px}.inventory-actions{max-width:342px}}
@media(max-height:740px){.inventory-window{padding:11px}.inventory-window header{margin-bottom:8px}#inventory-workspace{min-height:188px;padding-bottom:5px}#recipes{max-height:265px}.inventory-actions{margin-top:8px;padding-top:7px}.welcome{transform:scale(.85)}.menu{padding:18px;max-height:94vh;overflow:auto}.menu h2{margin-bottom:15px}.wide{margin:7px 0}.controls-text{margin-top:10px!important}#quick-controls{opacity:.7}}
.empty-equipment img{opacity:.2;filter:grayscale(1)!important}
#xp{position:relative}#xp::after{content:attr(data-level);position:absolute;left:50%;bottom:7px;transform:translateX(-50%);color:#8cdb47;font-size:18px;text-shadow:2px 2px #162506}

/* Touch play keeps independent fingers on movement, look, and actions. */
:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}
html,body{width:100%;height:100%;overscroll-behavior:none}
#game{height:100dvh}
#hud,#overlay,#inventory-panel,#underwater,#damage{position:fixed}
#touch-controls,.touch-help,#touch-inventory-tools{display:none}
.touch-mode{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.touch-mode button{touch-action:manipulation;min-height:44px}
.touch-mode input{user-select:text;-webkit-user-select:text}
.touch-mode .touch-help{display:block;font-size:11px;line-height:1.7;color:#e2e7e8}
.touch-mode .keyboard-help,.touch-mode #quick-controls,.touch-mode #drag-controls,.touch-mode kbd{display:none!important}
.touch-mode.playing #touch-controls{display:block}
#touch-controls{position:absolute;inset:0;pointer-events:none}
.touch-left,.touch-right{position:absolute;bottom:calc(88px + var(--safe-bottom));pointer-events:auto}
.touch-left{left:calc(16px + var(--safe-left));width:140px}
.touch-right{right:calc(16px + var(--safe-right));display:grid;grid-template-columns:repeat(2,64px);gap:8px}
.touch-right button,.touch-toggles button{min-height:48px;padding:7px 3px;font-size:11px;background:#35434bc9;box-shadow:inset 2px 2px #a8b8bb70,inset -2px -2px #101a2080;border-color:#111b24b0;touch-action:none}
.touch-right button.held,.touch-toggles button.held,.touch-toggles button[aria-pressed=true],#touch-fly[aria-pressed=true]{background:#718e50e6;box-shadow:inset 2px 2px #d1e6b8,inset -2px -2px #294120}
#touch-mine,#touch-use{background:#495c6ed9}
#touch-jump{background:#466757de}
#touch-fly.hidden+#touch-mine{grid-column:1}
.touch-toggles{display:flex;gap:6px;margin-bottom:10px}
.touch-toggles button{flex:1;min-height:44px;font-size:10px}
#touch-joystick{width:140px;height:140px;border-radius:50%;border:2px solid #e5eeee60;background:#25334075;box-shadow:inset 0 0 0 10px #202b3933;display:grid;place-items:center;touch-action:none;position:relative}
#touch-stick{position:absolute;width:58px;height:58px;border-radius:50%;background:#d9e3e7b5;border:3px solid #f6ffffc0;box-shadow:0 3px 8px #0004;pointer-events:none}
.stick-directions{font-family:Arial,sans-serif;font-size:110px;font-weight:200;color:#e4eeef29;line-height:1;pointer-events:none}
.touch-mode #hotbar{bottom:calc(12px + var(--safe-bottom));width:min(432px,calc(100% - var(--safe-left) - var(--safe-right) - 24px))}
.touch-mode #hotbar .slot{width:calc(100% / 9);height:46px;min-width:0;flex:1 1 0;padding:4px;border-width:2px;touch-action:manipulation}
.touch-mode #hotbar .count{font-size:11px}
.touch-mode #survival-hud{bottom:calc(64px + var(--safe-bottom));width:min(432px,calc(100% - var(--safe-left) - var(--safe-right) - 32px));height:22px}
.touch-mode #xp{position:absolute;left:0;bottom:0;width:100%;height:5px}
.touch-mode #survival-hud .heart{width:12px;height:11px}
.touch-mode #survival-hud .food{width:10px;height:10px}
.touch-mode #hearts,.touch-mode #hunger{gap:1px}
.touch-mode #armor-hud{bottom:24px;left:50%;transform:translateX(-50%);gap:0}
.touch-mode .armor-point{width:8px;height:9px}
.touch-mode #selected-name{top:calc(62px + var(--safe-top));bottom:auto;left:calc(12px + var(--safe-left));transform:none;max-width:70%;font-size:10px;text-align:left;overflow-wrap:anywhere}
.touch-mode #world-info{top:calc(12px + var(--safe-top));left:calc(12px + var(--safe-left));max-width:45%;font-size:10px;gap:5px}
.touch-mode .series{font-size:8px;letter-spacing:1px}
.touch-mode #save-status{font-size:8px}
.touch-mode .top-actions{top:calc(10px + var(--safe-top));right:calc(10px + var(--safe-right));gap:6px;opacity:1}
.touch-mode .top-actions button{padding:8px;font-size:10px}
.touch-mode #toast{top:calc(72px + var(--safe-top));width:max-content;max-width:calc(100% - 32px);font-size:10px;padding:9px 12px}
.touch-mode #target{max-width:60%;white-space:normal;text-align:center;font-size:10px}
.touch-mode #overlay,.touch-mode #inventory-panel{padding:calc(8px + var(--safe-top)) calc(8px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(8px + var(--safe-left))}
.touch-mode .menu{max-width:100%;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 16px);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:18px}
.touch-mode .welcome{transform:none;margin-top:0}
.touch-mode .brand{margin-bottom:36px}
.touch-mode .brand h1{font-size:clamp(30px,8.5vw,65px);margin:13px 0 0;letter-spacing:-2px}
.touch-mode .brand>span{letter-spacing:2px}
.touch-mode .splash{right:0;font-size:13px}
.touch-mode .menu .row{gap:6px}
.touch-mode .menu .row button{font-size:10px;padding:10px 6px}
.touch-mode .controls-text{font-size:9px!important}
.touch-mode .inventory-window{--inventory-slot:46px;max-width:100%;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 16px);padding:12px;overscroll-behavior:contain;touch-action:pan-y}
.touch-mode .inventory-window header{gap:8px;align-items:center;position:sticky;top:0;z-index:4;min-height:56px;padding-bottom:6px;background:#c6c6c6}
.touch-mode .inventory-header-actions{gap:5px}
.touch-mode .inventory-header-actions button{min-width:44px}
.touch-mode .inventory-window .slot{touch-action:manipulation}
.touch-mode #cursor-stack{display:none}
.touch-mode #touch-inventory-tools{display:block;position:sticky;top:56px;z-index:3;margin:0 0 12px;padding:8px;background:#aeb8b4;border:2px solid #8b9590}
.touch-inventory-modes{display:flex;gap:6px}
.touch-inventory-modes button{flex:1;font-size:10px;padding:8px 4px}
.touch-inventory-modes button[aria-pressed=true]{background:#52733f;box-shadow:inset 2px 2px #a8c393,inset -2px -2px #2c3f24}
#touch-held-item{display:flex;align-items:center;gap:7px;min-height:30px;font-size:10px;color:#22392b;margin-top:6px;overflow-wrap:anywhere}
#touch-held-item img{width:24px;height:24px;image-rendering:pixelated}
.touch-mode .inventory-actions{max-width:100%;gap:8px;align-items:start}
.touch-mode .inventory-actions span{font-size:9px}
.touch-mode .inventory-open #touch-controls{display:none}
@media(max-width:700px){
 .touch-mode .inventory-window{--inventory-slot:44px;width:306px;padding:10px}
 .touch-mode .inventory-layout{flex-direction:column-reverse;gap:12px}
 .touch-mode .inventory-main{width:calc(var(--inventory-slot)*6)}
 .touch-mode #items,.touch-mode #chest-slots,.touch-mode #inventory-hotbar{grid-template-columns:repeat(6,var(--inventory-slot))}
 .touch-mode #inventory-hotbar{margin-top:8px}
 .touch-mode #player-preview{display:none}
 .touch-mode #armor-slots{grid-template-columns:repeat(2,var(--inventory-slot));grid-template-rows:repeat(2,var(--inventory-slot))}
 .touch-mode #inventory-workspace{min-height:120px;gap:6px}
 .touch-mode .crafting-row{gap:4px}
 .touch-mode .craft-arrow{font-size:20px}
 .touch-mode .inventory-window h2{font-size:13px}
 .touch-mode #recipe-book{width:100%;max-height:none;padding:8px}
 .touch-mode #recipes{grid-template-columns:repeat(5,var(--inventory-slot));max-height:144px;gap:3px}
 .touch-mode #recipe-book input,.touch-mode #recipe-book select{width:100%;font-size:16px;display:block;min-height:44px}
 .touch-mode #craftable-filter{font-size:10px;min-height:32px}
 .touch-mode #recipe-detail{display:block;max-width:100%}
 .touch-mode #furnace-workspace{gap:20px}
 .touch-mode .touch-inventory-modes button{font-size:9px}
 .touch-mode .inventory-actions{flex-direction:column}
}
@media(max-width:380px){
 .touch-mode .armor-point{width:6px}
 .touch-left{left:calc(10px + var(--safe-left));width:116px}
 #touch-joystick{width:116px;height:116px}
 .touch-right{right:calc(10px + var(--safe-right));grid-template-columns:repeat(2,56px);gap:6px}
 .touch-mode .series{display:none}
}
@media(max-height:500px) and (min-width:600px){
 .touch-left,.touch-right{bottom:calc(72px + var(--safe-bottom))}
 .touch-left{width:108px}
 #touch-joystick{width:108px;height:108px}
 #touch-stick{width:48px;height:48px}
 .touch-toggles{margin-bottom:5px}
 .touch-right{grid-template-columns:repeat(2,60px);gap:5px}
 .touch-right button{min-height:44px}
 .touch-mode .welcome .brand{margin-bottom:27px}
 .touch-mode .welcome .brand h1{font-size:40px}
 .touch-mode .welcome .menu-sub{margin-bottom:8px!important;font-size:14px!important}
 .touch-mode .welcome .touch-help{margin:6px 0}
 .touch-mode .menu-foot{margin-top:10px;font-size:10px}
 .touch-mode #world-info{font-size:9px}
}