@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;overflow:hidden;background:#8fc6ff;color:#f2f7fc;font-family:'Press Start 2P',system-ui,monospace}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}#world{display:block;width:100%;height:100%;touch-action:none;outline:none}.overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:12px;background:linear-gradient(140deg,#0b1929f3,#0d2a3bf4)}.startCard{background:#10283afa;border:2px solid #42637c;border-radius:15px;padding:20px;max-width:500px;width:100%;text-align:center;box-shadow:0 25px 60px #0009}.strap{font-size:11px;font-weight:900;letter-spacing:1.5px;color:#fcd87c}.strap span{margin-left:9px;background:#366955;border-radius:7px;padding:5px 7px;color:#c4ffe2}.startIcon{font-size:36px;padding:12px 0 2px}.startCard h1{font-size:clamp(36px,7vw,58px);line-height:1;margin:0;color:#fff;text-shadow:0 3px #0b1019}.startCard h1 span{color:#ffd067}.startCard p{color:#c6d7e6;font-size:15px;line-height:1.5;margin:14px auto}.entry{display:flex;gap:9px;align-items:end;margin:14px 0}.entry label{flex:1;min-width:0;text-align:left;font-size:11px;letter-spacing:.6px;font-weight:800;color:#c2dbec}.entry input{display:block;margin-top:6px;background:#091a28;border:1px solid #4b7089;color:white;border-radius:7px;padding:12px;width:100%;outline:none}.entry button{background:#65d68d;color:#0b2817;border:0;padding:12px 16px;font-weight:900;border-radius:7px;white-space:nowrap;box-shadow:0 4px #368657}#startStatus{font-size:12px;color:#aaccdf;margin:14px 0 7px}.startCard small{color:#94acc0;font-size:10px}#hud{position:fixed;inset:0;pointer-events:none;text-shadow:0 1px 2px #000b}#hud button{pointer-events:auto}#hud[hidden]{display:none}.topbar{display:flex;align-items:center;gap:9px;position:absolute;top:0;left:0;right:0;padding:7px;background:linear-gradient(#071521b8,#07152136);font-size:11px;font-weight:700}.topbar strong{font-size:13px;color:#ffe3a2;white-space:nowrap}.peace{background:#28553cc5;color:#c7ffda;padding:5px 6px;border-radius:6px}.miniBtn{background:#223a4ea9;border:1px solid #7ca5b2;color:#fff;padding:6px 9px;border-radius:5px}.topbar #online{color:#a9ffcb;margin-left:auto;white-space:nowrap}.topbar #fps{color:#d5e6f5;white-space:nowrap}.topActions{position:absolute;right:10px;top:44px;display:flex;gap:6px}.topActions button{color:white;background:#214458cc;border:1px solid #6b9baa;border-radius:6px;padding:8px 11px;font-weight:800;font-size:12px}.topActions button:active,.gameActions button:active{background:#44849c}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;font-size:21px;color:#fff9}#contextHint{position:absolute;top:67%;left:50%;transform:translateX(-50%);max-width:70%;text-align:center;background:#071724c0;border-radius:5px;padding:5px 8px;font-size:11px;color:#e7f2fa}#toast{opacity:0;transition:opacity .2s;position:absolute;left:50%;top:75px;transform:translateX(-50%);background:#123326e8;border:1px solid #5ba68b;border-radius:6px;padding:8px 10px;font-size:12px;max-width:84%;text-align:center}.bottom{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:5px}#vitals{display:flex;gap:8px;background:#06121ba9;padding:5px 8px;border-radius:6px;font-size:13px;white-space:nowrap}#hearts{color:#ff7b8d}#food{color:#eabd67}#hotbar{display:flex;background:#071522ca;border-radius:7px;padding:4px;gap:4px}.slot{width:45px;height:43px;background:#254357;border:2px solid #627d8e;border-radius:5px;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:14px;color:#eff8ff;pointer-events:auto}.slot.active{border-color:#f7d070;background:#395c69}.slot small{font-size:9px;color:#d1e0e8}#joystick{position:absolute;bottom:82px;left:15px;width:104px;height:104px;border-radius:50%;background:#e5ffff27;border:2px solid #ffffff59;pointer-events:auto;touch-action:none}#knob{position:absolute;left:31px;top:31px;width:40px;height:40px;border-radius:50%;background:#d9f6ff8f;border:2px solid #fff8}.gameActions{position:absolute;right:13px;bottom:95px;display:grid;grid-template-columns:repeat(2,56px);gap:8px}.gameActions button{display:flex;align-items:center;justify-content:center;flex-direction:column;width:56px;height:52px;font-size:22px;border-radius:8px;background:#152737af;color:white;border:1px solid #aad3db8c}.gameActions small{font-size:9px;font-weight:900}.panel{position:fixed;z-index:50;top:48px;right:9px;width:min(94vw,390px);max-height:min(70vh,450px);overflow:auto;padding:12px;background:#112331f3;border:2px solid #5c8b9e;border-radius:9px;box-shadow:0 12px 40px #000b;color:#fff}.panel.hidden{display:none}.panel header{display:flex;justify-content:space-between;align-items:center;color:#ffd78b;font-size:17px;font-weight:900;margin-bottom:10px}.panel button{border:1px solid #5e8998;border-radius:6px;background:#265468;color:#fff;padding:8px}.panel header button{background:transparent;border:0;font-size:18px}.panel input{background:#07141d;border:1px solid #4c7289;color:#fff;padding:10px;width:100%;border-radius:5px;margin:5px 0 10px}.panel p,.panel small{color:#b8cedb;font-size:12px;line-height:1.5}.inventoryGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:9px}.item{background:#1d3a48;padding:10px;border:1px solid #4a7a8a;border-radius:6px;font-size:12px}.chatLog{height:160px;overflow:auto;background:#071520ad;border-radius:6px;padding:8px;font-size:12px}.chatMsg{padding:3px 0;overflow-wrap:anywhere}.chatMsg b{color:#85dcff}#chatForm{display:flex;gap:7px;margin-top:7px}#chatForm input{margin:0;flex:1;min-width:0}#chatForm button{font-size:12px}#chatPreview{position:absolute;left:7px;bottom:188px;max-width:45vw;max-height:56px;overflow:hidden;font-size:10px;background:#07111a88;padding:4px;border-radius:4px}#marketList{font-size:12px;overflow-wrap:anywhere}@media(min-width:900px){#joystick,.gameActions{display:none}#contextHint{top:auto;bottom:88px}#chatPreview{bottom:95px}}@media(max-height:470px){.startIcon{display:none}.startCard{padding:12px}.startCard p{margin:8px auto}.topActions{top:40px}.bottom{bottom:4px}.slot{height:31px;width:37px}#joystick{bottom:62px;width:80px;height:80px}#knob{left:21px;top:21px;width:36px;height:36px}.gameActions{bottom:60px;grid-template-columns:repeat(2,44px)}.gameActions button{width:44px;height:41px;font-size:18px}.gameActions small{font-size:7px}#vitals{font-size:10px}#chatPreview{bottom:85px}}@media(max-width:410px){.topbar{gap:5px;font-size:9px}.peace{padding:4px}.topbar strong{font-size:11px}.entry{flex-direction:column;align-items:stretch}}
.remoteTag{position:fixed;left:0;top:0;z-index:9;pointer-events:none;transform:translate(-50%,-100%);background:#071623bb;border:1px solid #98c9d986;border-radius:5px;padding:2px 7px;font:700 11px system-ui,Arial;color:#fff;white-space:nowrap;text-shadow:0 1px 2px #000b}

html,body,button,input{font-family:'Press Start 2P',system-ui,monospace!important;letter-spacing:.2px}
.startCard,.panel,.topActions button,.gameActions button,.slot,.miniBtn,.entry button,.entry input,.panel input{border-radius:0!important}
.startCard{background:#1f1f1f;border:4px solid #0f0f0f;box-shadow:0 0 0 4px #565656, 0 20px 45px #000b}
.strap{font-size:10px;line-height:1.6}.strap span{border-radius:0!important;background:#3f6336;color:#e9ffd1;padding:4px 6px}
.startIcon{font-size:20px;background:#3a3a3a;border:3px solid #111;display:inline-block;padding:9px 12px;color:#f1d27f;letter-spacing:1px}
.startCard h1{font-size:clamp(28px,6vw,44px);text-shadow:3px 3px 0 #000}
.entry label{font-size:10px}.entry input{padding:13px;border:3px solid #1a1a1a;background:#0f0f0f}.entry button{padding:13px 16px;background:#6ba84a;color:#fff;border:3px solid #2a4e1c;box-shadow:inset 0 -4px 0 #2a4e1c}.entry button:active{transform:translateY(2px);box-shadow:inset 0 -2px 0 #2a4e1c}
.topbar{background:linear-gradient(#0b0b0be6,#0b0b0b88);font-size:10px;padding:10px 8px}.topbar strong{font-size:12px;color:#f1d27f}.peace{background:#4c7a3d;color:#fff;border:2px solid #243c1d;border-radius:0!important}.miniBtn{padding:8px 10px;background:#6b6b6b;border:2px solid #222}
.topActions{top:56px;gap:8px}.topActions button{background:#6b6b6bcc;border:3px solid #222;padding:10px 12px;font-size:10px;box-shadow:inset 0 -3px 0 #2b2b2b}
#contextHint{font-size:10px;border:2px solid #111;background:#1b1b1bd6;border-radius:0!important;padding:8px 10px;line-height:1.5}
#toast{top:82px;font-size:10px;background:#1e3d27f0;border:2px solid #0d1f12;border-radius:0!important;line-height:1.4}
.bottom{bottom:54px}.gameActions{bottom:138px;grid-template-columns:repeat(2,62px)}.gameActions button{width:62px;height:58px;font-size:16px;border-radius:0!important;background:#6b6b6bcc;border:3px solid #202020;box-shadow:inset 0 -3px 0 #2b2b2b}.gameActions small{font-size:8px}.actionIcon{display:block;font-size:15px;line-height:1;margin-bottom:2px}
#vitals{font-size:11px;border-radius:0!important;border:2px solid #111;background:#1b1b1bcc}#hotbar{border-radius:0!important;border:3px solid #1a1a1a;background:#3c3c3ccc;padding:5px}.slot{width:48px;height:46px;background:#8b8b8bcc;border:3px solid #2c2c2c;color:#fff;box-shadow:inset 0 2px 0 #b8b8b8,inset 0 -3px 0 #4a4a4a}.slot.active{background:#6f6f6f;border-color:#f1d27f;box-shadow:inset 0 2px 0 #b8b8b8,inset 0 -3px 0 #4a4a4a,0 0 0 2px #3e2c00} .slot small{font-size:8px}
#joystick{bottom:128px;border-radius:50%;background:#00000030;border:3px solid #d7d7d766}#knob{border:3px solid #ffffffb0;background:#ffffff80}
.panel{top:66px;left:50%;right:auto;transform:translateX(-50%);width:min(86vw,360px);max-height:min(58vh,390px);padding:12px;background:#c6c6c6f8;border:4px solid #111;border-radius:0!important;box-shadow:0 0 0 4px #5a5a5a, 0 18px 40px #000c;color:#111}.panel header{color:#111;font-size:14px;border-bottom:3px solid #7c7c7c;padding-bottom:8px}.panel button{border-radius:0!important;background:#7c7c7c;color:#fff;border:3px solid #2a2a2a;box-shadow:inset 0 -3px 0 #474747}.panel header button{padding:5px 8px;font-size:12px}.panel input{background:#fff;border:3px solid #2b2b2b;color:#111;border-radius:0!important;padding:12px 10px;font-size:11px}.panel p,.panel small{color:#222;line-height:1.6;font-size:10px}.inventoryGrid{grid-template-columns:repeat(2,1fr);gap:10px}.item{background:#8b8b8b;padding:10px;border:3px solid #3a3a3a;border-radius:0!important;color:#fff;box-shadow:inset 0 2px 0 #b8b8b8,inset 0 -3px 0 #4a4a4a}.chatLog{background:#fff;border:3px solid #2a2a2a;border-radius:0!important;color:#111;font-size:10px}.chatMsg b{color:#0c4f8a}#chatForm button{font-size:10px}
.remoteTag{font:700 10px 'Press Start 2P',system-ui,monospace;border-radius:0!important}
@media(max-width:500px){.panel{width:min(92vw,350px);max-height:min(54vh,340px)}.topActions{top:60px;right:8px}.topActions button{padding:9px 10px;font-size:9px}.bottom{bottom:60px}.gameActions{bottom:148px;right:12px;grid-template-columns:repeat(2,58px)}.gameActions button{width:58px;height:54px}.slot{width:44px;height:42px}}


/* FINAL GREY MINECRAFT-LIKE UI OVERRIDES */
html,body{background:#6a6a6a;color:#fff}
.overlay{background:linear-gradient(180deg,#2b2b2bf2,#111111f3)}
.startCard{background:#c6c6c6;border:4px solid #2b2b2b;box-shadow:0 0 0 4px #555,0 18px 40px #000c;color:#111}
.startCard h1{color:#fff;text-shadow:3px 3px 0 #000}
.startCard h1 span{color:#f0d070}
.startCard p,.startCard small,#startStatus,.entry label{color:#222}
.strap{color:#f0d070}.strap span{background:#6f6f6f;color:#fff;border:2px solid #2b2b2b}
.startIcon{background:#8b8b8b;border:3px solid #2b2b2b;color:#fff}
.entry input{background:#ffffff;border:3px solid #2b2b2b;color:#111}
.entry button{background:#7d7d7d;color:#fff;border:3px solid #2b2b2b;box-shadow:inset 0 -4px 0 #4b4b4b}
.entry button:active{box-shadow:inset 0 -2px 0 #4b4b4b}
.topbar{background:linear-gradient(#1d1d1de9,#1d1d1d9c);border-bottom:3px solid #0f0f0f}
.topbar strong{color:#f0d070}.peace{background:#707070;color:#fff;border:2px solid #2b2b2b}
.miniBtn{background:#8b8b8b;border:3px solid #2b2b2b;color:#fff;box-shadow:inset 0 2px 0 #b8b8b8,inset 0 -3px 0 #4a4a4a}
.topbar #online{color:#d8ffd5}.topbar #fps{color:#f2f2f2}
.topActions button{background:#8b8b8b;border:3px solid #2b2b2b;color:#fff;box-shadow:inset 0 2px 0 #b8b8b8,inset 0 -3px 0 #4a4a4a}
.topActions button:active,.gameActions button:active,.panel button:active,.miniBtn:active{transform:translateY(1px);box-shadow:inset 0 1px 0 #b8b8b8,inset 0 -2px 0 #4a4a4a}
#contextHint{background:#1c1c1ce8;border:3px solid #0f0f0f;color:#fff}
#toast{background:#2c2c2cf0;border:3px solid #111;color:#fff}
#vitals{background:#202020d8;border:3px solid #111}
#hotbar{background:#8b8b8bcc;border:3px solid #2b2b2b;box-shadow:inset 0 2px 0 #b8b8b8,inset 0 -3px 0 #4a4a4a}
.slot{background:#6f6f6fcc;border:3px solid #2c2c2c;box-shadow:inset 0 2px 0 #b8b8b8,inset 0 -3px 0 #4a4a4a;color:#fff}
.slot.active{background:#8b8b8b;border-color:#f0d070;box-shadow:inset 0 2px 0 #d9d9d9,inset 0 -3px 0 #4a4a4a,0 0 0 2px #3b2c00}
#joystick{background:#00000040;border:3px solid #cfcfcf66}#knob{background:#d9d9d980;border:3px solid #ffffffb0}
.gameActions button{background:#8b8b8bcc;border:3px solid #2b2b2b;color:#fff;box-shadow:inset 0 2px 0 #b8b8b8,inset 0 -3px 0 #4a4a4a}
.panel{background:#c6c6c6f8;border:4px solid #111;box-shadow:0 0 0 4px #5a5a5a,0 18px 40px #000c;color:#111}
.panel header{color:#111;border-bottom:3px solid #7c7c7c}
.panel p,.panel small{color:#222}.panel input{background:#fff;border:3px solid #2b2b2b;color:#111}
.panel button{background:#8b8b8b;border:3px solid #2b2b2b;color:#fff;box-shadow:inset 0 2px 0 #b8b8b8,inset 0 -3px 0 #4a4a4a}
.item{background:#8b8b8b;border:3px solid #3a3a3a;color:#fff;box-shadow:inset 0 2px 0 #b8b8b8,inset 0 -3px 0 #4a4a4a}
.chatLog{background:#111;border:3px solid #2b2b2b;color:#eee}.chatMsg b{color:#f0d070}
#chatPreview{background:#111111b8;border:2px solid #2b2b2b;color:#fff}
.remoteTag{background:#111111d8;border:2px solid #777;color:#fff}


/* DECORATED MINECRAFT-LIKE INVENTORY + PLAYER ARM */
.topbar,.topActions button,.panel,.slot,.item,.gameActions button,.miniBtn,.peace,#hotbar,#vitals{font-family:'Press Start 2P',system-ui,monospace}
#inventoryPanel.mcInventory{width:min(92vw,470px);max-height:min(70vh,520px)}
.invWrap{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:start;margin-bottom:12px}
.playerCard,.craftCard{background:#2d4858;border:4px solid #0d2530;box-shadow:inset 0 0 0 2px #4f778b;padding:10px;color:#d8ecf2}
.playerCard{display:grid;grid-template-columns:1fr 34px;gap:8px;min-height:154px}
.playerPreview{position:relative;height:138px;background:#173341;border:3px solid #2b5d73}
.avatarHead,.avatarBody,.avatarLegs{position:absolute;left:50%;transform:translateX(-50%);image-rendering:pixelated}
.avatarHead{top:12px;width:38px;height:38px;background:linear-gradient(#6a432d 0 22%, var(--skin,#f2c8a1) 22% 100%);border:3px solid #4f2f20;box-shadow:inset -6px 0 0 #d9b08c}
.avatarHead::before,.avatarHead::after{content:'';position:absolute;top:15px;width:5px;height:5px;background:#2a201b}.avatarHead::before{left:8px}.avatarHead::after{right:8px}
.avatarBody{top:54px;width:52px;height:42px;background:var(--shirt,#2f6b76);border:3px solid var(--sleeve,#1a3d45)}
.avatarBody::before,.avatarBody::after{content:'';position:absolute;top:0;width:12px;height:42px;background:var(--shirt,#2f6b76);border:3px solid var(--sleeve,#1a3d45)}.avatarBody::before{left:-16px}.avatarBody::after{right:-16px}
.avatarLegs{top:98px;width:34px;height:36px;background:linear-gradient(90deg,var(--pants,#c0b197) 0 46%,transparent 46% 54%,var(--pants,#c0b197) 54% 100%)}
.avatarLegs::before,.avatarLegs::after{content:'';position:absolute;bottom:-6px;width:14px;height:6px;background:var(--shoe,#6a4c32)}.avatarLegs::before{left:0}.avatarLegs::after{right:0}
.armorCol{display:grid;grid-template-rows:repeat(4,1fr);gap:8px}.armorSlot,.craftCell,.craftOut{width:30px;height:30px;background:#14303d;border:3px solid #2f667b;box-shadow:inset 0 0 0 2px #264f60}
.craftCard{min-height:154px}.craftTitle{font-size:12px;color:#d8ecf2;margin-bottom:12px}.craftMini{display:grid;grid-template-columns:repeat(2,30px) 26px 30px;grid-template-rows:repeat(2,30px);gap:8px;align-items:center;justify-content:start}.craftArrow{grid-row:1 / span 2;grid-column:3;color:#b8dce7;font-size:20px;align-self:center;justify-self:center}.craftOut{grid-row:1 / span 2;grid-column:4}
.inventoryGrid{display:grid;grid-template-columns:repeat(9,1fr)!important;gap:6px!important}
.item{min-height:42px;display:flex;align-items:flex-end;justify-content:center;position:relative;background:#173341;border:3px solid #2f667b;box-shadow:inset 0 0 0 2px #264f60,inset 0 -4px 0 #0b1d24;padding:4px;font-size:8px;text-align:center;line-height:1.2}
.item::before{content:'';position:absolute;top:5px;left:50%;transform:translateX(-50%);width:14px;height:14px;background:#8b8b8b;border:2px solid #d8d8d8;box-shadow:inset 0 -2px 0 #4a4a4a}
.item[data-type='grass']::before{background:#6ba84a;border-color:#bde596}
.item[data-type='dirt']::before{background:#8e643f;border-color:#c89c70}
.item[data-type='stone']::before{background:#7f868d;border-color:#c1c5ca}
.item[data-type='ore']::before{background:#9f8f59;border-color:#f4dc83}
.remoteTag{background:#111111d8;border:2px solid #8b8b8b;color:#fff;padding:4px 6px;box-shadow:0 0 0 2px #2f2f2f;font-size:9px}
#handOverlay{position:fixed;right:8px;bottom:58px;width:110px;height:110px;pointer-events:none;transform-origin:80% 80%;opacity:0;transition:transform .08s linear,opacity .2s;z-index:20}
.handSleeve{position:absolute;right:24px;bottom:10px;width:44px;height:64px;background:#2f6b76;border:4px solid #18353d;transform:skew(-18deg) rotate(8deg);transform-origin:bottom right}
.handSkin{position:absolute;right:10px;bottom:-2px;width:36px;height:46px;background:#c79267;border:4px solid #6e4427;transform:skew(-18deg) rotate(8deg);transform-origin:bottom right}
#chatPreview{background:#111111b8;border:2px solid #2b2b2b;box-shadow:0 0 0 2px #3d3d3d;padding:6px}
#chatPreview div{font-size:9px;line-height:1.35}
.topActions{gap:6px}
.topActions button{min-width:120px}
#hotbar{gap:4px}
.slot{position:relative;font-size:13px}
.slot small{position:absolute;right:4px;bottom:2px;font-size:7px}
@media(max-width:540px){#inventoryPanel.mcInventory{width:min(95vw,420px)}.invWrap{grid-template-columns:118px 1fr;gap:10px}.playerCard,.craftCard{padding:8px}.playerPreview{height:120px}.inventoryGrid{grid-template-columns:repeat(6,1fr)!important}.item{min-height:40px}}


/* ULTIMATE MINECRAFT UI OVERRIDES */
#inventoryPanel.mcInventory{width:min(94vw,470px);max-height:min(78vh,560px);top:52px;left:50%;right:auto;transform:translateX(-50%)}
#inventoryPanel header{font-size:16px;color:#202020;background:#d1d1d1;padding:2px 0 10px;border-bottom:4px solid #8b8b8b;margin-bottom:10px}
#inventoryPanel header button{background:transparent!important;color:#888;border:0!important;box-shadow:none!important}
#inventoryPanel.mcInventory{background:#c6c6c6;color:#111;border:4px solid #111;box-shadow:0 0 0 4px #6a6a6a,0 18px 44px #000c}
.invWrap{grid-template-columns:146px 1fr;gap:12px}
.playerCard,.craftCard{background:#2f5061;border:4px solid #0d2732;box-shadow:inset 0 0 0 2px #4e7282}
.playerCard{min-height:148px}.craftCard{min-height:148px}
.inventoryGrid{grid-template-columns:repeat(9,1fr)!important;gap:6px!important;margin-top:4px}
.item{min-height:40px;background:#1d3c4d;border:3px solid #264f63;box-shadow:inset 0 0 0 2px #447089,inset 0 -4px 0 #0e2330;color:#fff;padding:4px}
.item span{display:block;transform:scale(.88);transform-origin:center bottom}
#inventoryPanel small{color:#202020;font-size:10px}
.forgePanel{left:50%;right:auto;transform:translateX(-50%);width:min(92vw,360px);background:#d5d5d5;color:#111;border:4px solid #111;box-shadow:0 0 0 4px #727272,0 14px 40px #000c;top:60px;max-height:min(78vh,560px)}
.forgePanel header{color:#202020;border-bottom:4px solid #8b8b8b;padding-bottom:8px;margin-bottom:10px}
.forgePanel p,.forgePanel small{color:#222;font-size:10px;line-height:1.45}.forgePanel input,.forgePanel textarea{display:block;width:100%;background:#fff;border:4px solid #3a3a3a;color:#111;padding:12px 10px;margin:0 0 10px;border-radius:0!important;font-family:'Press Start 2P',system-ui,monospace;font-size:10px}.forgePanel textarea{min-height:74px;resize:none}.forgePanel button{width:100%;background:#8d8d8d;border:4px solid #404040;box-shadow:inset 0 2px 0 #d2d2d2,inset 0 -4px 0 #585858;color:#fff;padding:12px 10px;border-radius:0!important}
.topActions button{min-width:122px}
#hotbar{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;min-width:min(92vw,468px);justify-items:center}
.slot{width:46px;height:46px;align-items:center;justify-content:center;padding:0}
.slot .slotIcon{font-size:13px;line-height:1}.slot .slotCount{position:absolute;right:3px;bottom:2px;font-size:7px}.slot.empty .slotIcon{opacity:.18}.slotNum{position:absolute;left:3px;top:2px;font-size:6px;color:#d0d0d0;opacity:.75}
#contextHint{bottom:84px;top:auto}
#handOverlay{right:2px;bottom:68px;width:128px;height:118px;transform-origin:82% 86%}
.handSleeve{right:30px;bottom:18px;width:48px;height:66px;background:#2e6974;border:4px solid #183840;transform:skew(-18deg) rotate(10deg)}
.handSkin{right:12px;bottom:2px;width:38px;height:50px;background:#d0a078;border:4px solid #6e452d;transform:skew(-18deg) rotate(10deg)}
#chatPreview{bottom:152px;max-height:72px;max-width:46vw}
.panel::-webkit-scrollbar{width:10px}.panel::-webkit-scrollbar-track{background:#c6c6c6}.panel::-webkit-scrollbar-thumb{background:#7c7c7c;border:2px solid #c6c6c6}
@media(max-width:540px){#inventoryPanel.mcInventory{width:min(96vw,430px);max-height:min(76vh,540px)}.inventoryGrid{grid-template-columns:repeat(5,1fr)!important}.item{min-height:42px}.forgePanel{width:min(94vw,350px)}#hotbar{min-width:min(96vw,380px)}.slot{width:38px;height:38px}.slot .slotIcon{font-size:11px}}


/* EXACTER MINECRAFT-LIKE UI */
.topActions{top:42px;right:10px;gap:8px}.topActions button{background:#386172;border:3px solid #173341;box-shadow:inset 0 0 0 2px #6e9cae;color:#e7f6ff;font-size:10px;padding:10px 14px;border-radius:0!important}
#inventoryPanel.mcInventory{padding:10px 12px 12px;width:min(96vw,470px)}
#inventoryPanel header{letter-spacing:0}.inventoryGrid{margin-top:8px}.playerCard,.craftCard{padding:10px}
.playerPreview{background:#204052}.avatarHead{width:40px;height:40px}.avatarBody{width:56px;height:44px}.avatarBody::before,.avatarBody::after{height:44px}.avatarLegs{top:100px;width:36px;height:36px}
.armorSlot,.craftCell,.craftOut{width:32px;height:32px}.craftMini{grid-template-columns:repeat(2,32px) 28px 32px;grid-template-rows:repeat(2,32px)}
.inventoryGrid .item{min-height:42px}
#vitals{position:relative;z-index:12}#hotbar{position:relative;z-index:12}
#chatPreview{left:10px;bottom:110px;max-width:300px;background:#111;border:2px solid #3f3f3f;color:#fff}
#chatPreview div{font-size:9px;text-shadow:1px 1px 0 #000}
#contextHint{background:#111;border:2px solid #333;color:#fff;padding:6px 10px}
.mcPopup{position:fixed;inset:0;display:grid;place-items:center;background:#0008;z-index:35}.mcPopup.hidden{display:none}.mcPopupInner{width:min(92vw,460px);background:linear-gradient(180deg,#0f0f10dd,#080808f2), url('preview.png') center/cover; border:4px solid #111; box-shadow:0 0 0 4px #666,0 24px 60px #000c; padding:120px 22px 20px; text-align:center; color:#fff; position:relative; overflow:hidden}.mcPopupInner::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%, rgba(0,0,0,.18) 20%, rgba(0,0,0,.55) 48%, rgba(0,0,0,.78) 100%)}.mcPopupInner>*{position:relative;z-index:1}.mcPopupInner h2{margin:0 0 10px;font-size:24px;color:#f0d070;text-shadow:2px 2px 0 #000}.mcPopupInner p{margin:0 0 8px;font-size:18px;color:#fff;text-shadow:2px 2px 0 #000}.mcPopupInner small{display:block;margin:0 auto 14px;max-width:360px;line-height:1.5;font-size:10px;color:#ddd}.mcPopupInner button{display:block;width:100%;margin:10px 0 0;background:#5a9fb3;border:4px solid #173341;box-shadow:inset 0 0 0 2px #93c7d4,inset 0 -4px 0 #244a58;color:#fff;padding:14px 10px;border-radius:0!important}.mcPopupInner button:last-child{background:#4d6a82}
#handOverlay{right:0px;bottom:66px;width:150px;height:134px}.handSleeve{right:36px;bottom:20px;width:56px;height:72px;transform:skew(-20deg) rotate(10deg);image-rendering:pixelated}.handSkin{right:12px;bottom:2px;width:46px;height:58px;transform:skew(-20deg) rotate(10deg);image-rendering:pixelated}
.slot{width:44px;height:44px}.slot.active{outline:2px solid #fff;outline-offset:-4px}
@media(max-width:540px){.topActions{top:58px;right:8px}.topActions button{font-size:9px;padding:9px 10px}.mcPopupInner{padding:90px 16px 16px}.mcPopupInner h2{font-size:18px}.mcPopupInner p{font-size:15px}#handOverlay{width:126px;height:116px;bottom:58px}.handSleeve{width:48px;height:64px}.handSkin{width:40px;height:50px}#chatPreview{bottom:106px;max-width:52vw}}

/* BLOCKFUN grey-stone interface. Inventory items live ONLY in the bottom row. */
:root{--mc-border:#222;--mc-bg:#c6c6c6;--mc-slot:#8b8b8b;--mc-highlight:#ffde55;--mc-shadow:#444}
.panel,.mcInventory,.forgePanel{background:var(--mc-bg)!important;border:4px solid #111!important;box-shadow:0 0 0 4px #666,0 15px 38px #000b!important;color:#171717!important;border-radius:0!important}
.panel header{color:#181818!important;border-bottom:3px solid #878787!important}
.panel header button{width:auto!important;background:#888!important;border:2px solid #363636!important;color:#fff!important;box-shadow:inset 0 2px #c9c9c9,inset 0 -3px #4c4c4c!important}
#inventoryPanel.mcInventory{width:min(95vw,488px)!important;left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;max-height:min(91dvh,535px)!important;padding:12px!important}
.invWrap{grid-template-columns:142px minmax(0,1fr)!important;gap:10px!important;margin-bottom:9px!important}
.playerCard,.craftCard{background:#747474!important;border:3px solid #3b3b3b!important;box-shadow:inset 0 2px #b4b4b4,inset 0 -3px #4c4c4c!important;color:#fff!important;padding:8px!important;min-height:147px!important}
.playerPreview{background:#414141!important;border:3px solid #292929!important}
.armorSlot,.craftCell,.craftOut{background:#8b8b8b!important;border:3px solid #454545!important;box-shadow:inset 0 2px #b5b5b5,inset 0 -2px #525252!important}
.craftTitle{color:#fff!important;font-size:11px!important}
.craftArrow{color:#fff!important}
.storageLabel{font-size:9px;color:#252525;margin:8px 0 7px;font-weight:700}
.hotbarLabel{margin-top:9px}
.inventoryGrid,.inventoryHotbar{display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr))!important;gap:3px!important;margin:0!important}
#inventoryGrid .item,#inventoryHotbar .item{position:relative;min-height:39px!important;height:39px!important;padding:0!important;margin:0!important;background:#8b8b8b!important;border:3px solid #444!important;color:#fff!important;box-shadow:inset 0 2px #b7b7b7,inset 0 -3px #505050!important;display:flex;align-items:center;justify-content:center;border-radius:0!important}
#inventoryGrid .item::before,#inventoryHotbar .item::before{display:none!important}
#inventoryHotbar .item[data-type=grass],#inventoryHotbar .item[data-type=dirt],#inventoryHotbar .item[data-type=stone],#inventoryHotbar .item[data-type=ore]{background:#777!important}
#inventoryHotbar .item.active{border-color:#ffde55!important;outline:2px solid #33230a;outline-offset:-2px;box-shadow:inset 0 2px #ffffb0,inset 0 -3px #8f6a00!important}
.mcItemIcon{font-size:19px;line-height:1;text-shadow:1px 2px #222;display:block}
.mcItemCount{position:absolute;right:2px;bottom:1px;font-size:7px;text-shadow:1px 1px #222;color:white}
.invHotbarIndex{position:absolute;left:2px;top:2px;font-size:6px;color:#efefef}
#hotbar{display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr))!important;gap:2px!important;background:#373737e6!important;border:3px solid #191919!important;border-radius:0!important;padding:3px!important;width:min(95vw,449px)!important;min-width:0!important;box-shadow:inset 0 1px #bbb!important}
#hotbar .slot{min-width:0!important;width:100%!important;aspect-ratio:1/1;height:auto!important;max-height:46px!important;background:#888!important;border:3px solid #333!important;border-radius:0!important;box-shadow:inset 0 2px #bbb,inset 0 -3px #4b4b4b!important;position:relative!important}
#hotbar .slot.active{border:3px solid #ffde55!important;outline:2px solid #38280a!important;outline-offset:-2px!important;background:#bbb!important;box-shadow:inset 0 2px #fff0a7,inset 0 -3px #a97800!important}
#hotbar .slotIcon{font-size:19px!important;line-height:1!important}
#hotbar .slotCount{font-size:7px!important;right:2px!important;bottom:1px!important}
#hotbar .slotNum{font-size:6px!important;top:1px!important;left:1px!important;color:#ededed}
.bottom{z-index:22!important;bottom:max(8px,env(safe-area-inset-bottom))!important;width:min(95vw,449px)!important;pointer-events:auto!important}
#vitals{background:transparent!important;border:0!important;box-shadow:none!important;font-size:12px!important;padding:0 4px 4px!important;align-self:center!important;color:#fff}
#hearts{color:#ff7089}#food{color:#ebb861}
#handOverlay{position:fixed!important;display:block!important;pointer-events:none!important;width:clamp(126px,27vw,225px)!important;height:auto!important;right:-10px!important;bottom:62px!important;opacity:0;z-index:6!important;object-fit:contain;image-rendering:pixelated;transform-origin:75% 93%;transition:opacity .15s!important}
#craftPrompt{position:absolute;left:50%;bottom:105px;transform:translateX(-50%);z-index:26;pointer-events:auto;background:#808080;color:#fff;border:3px solid #222;box-shadow:inset 0 2px #c7c7c7,inset 0 -3px #464646;padding:9px 12px;font-family:'Press Start 2P',monospace;font-size:9px;line-height:1.5;min-width:235px;white-space:nowrap}
#craftPrompt[hidden]{display:none!important}
#contextHint{top:auto!important;bottom:98px!important;font-size:9px;z-index:2!important;max-width:93%;pointer-events:none}
#chatPreview{bottom:119px!important;pointer-events:none;z-index:5;font-size:9px}
.forgePanel{left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(92vw,390px)!important;max-height:86dvh!important;overflow:auto!important}
.forgePanel p,.forgePanel small{color:#272727!important}.forgePanel input,.forgePanel textarea{background:white!important;border:3px solid #404040!important;color:#111!important;font-family:'Press Start 2P',monospace;font-size:10px}
.tokenImageLabel{display:block;font-size:9px;line-height:1.5;color:#222;margin-bottom:9px}.tokenImageLabel input{width:100%;font-size:9px;background:#ddd!important;margin:6px 0!important}
.mintStatus{font-size:9px;color:#643920!important;font-weight:bold;margin:10px 0!important}
#coinImagePreview img{width:64px;height:64px;image-rendering:pixelated;object-fit:cover;border:3px solid #444}
#marketList .coinCard{border:3px solid #555;background:#dedede;padding:9px;margin-bottom:8px;overflow-wrap:anywhere;color:#151515;font-size:10px;line-height:1.5}
#marketList .coinCard small{font-size:8px}
#marketList .coinCard img{width:45px;height:45px;float:left;margin:0 8px 5px 0;object-fit:cover}
.topActions button{background:#858585!important;border:3px solid #333!important;box-shadow:inset 0 2px #c8c8c8,inset 0 -3px #484848!important;color:#fff!important}
.gameActions button{background:#808080cb!important;border-color:#333!important;box-shadow:inset 0 2px #bfbfbf,inset 0 -3px #484848!important}
@media(max-width:600px){.invWrap{grid-template-columns:minmax(110px,36%) minmax(0,1fr)!important}.playerCard,.craftCard{padding:5px!important}.craftCard .craftMini{transform:scale(.86);transform-origin:top left}.inventoryGrid,.inventoryHotbar{gap:2px!important}#inventoryGrid .item,#inventoryHotbar .item{height:32px!important;min-height:32px!important}.mcItemIcon{font-size:15px}.bottom{bottom:5px!important}#handOverlay{bottom:54px!important}.gameActions{bottom:120px!important}#contextHint{bottom:87px!important}#craftPrompt{bottom:95px;min-width:0;width:max-content;max-width:90vw;font-size:8px}#chatPreview{bottom:111px!important}}
@media(max-height:470px){#inventoryPanel.mcInventory{max-height:94dvh!important}.playerCard,.craftCard{min-height:112px!important}.playerPreview{height:100px!important}.topActions{top:41px}.gameActions{bottom:108px!important}.bottom{bottom:4px!important}.slot{max-height:33px!important}#handOverlay{bottom:38px!important}#craftPrompt{bottom:84px!important}.forgePanel{max-height:90dvh!important}}

/* BLOCKFUN voxel first-person arm: crisp pixels and angled block silhouette */
#handOverlay{image-rendering:pixelated;width:clamp(132px,22vw,250px);height:auto;right:1.5%;bottom:5%;filter:drop-shadow(8px 10px 0 #0005);transform-origin:78% 95%;} 
@media(max-width:600px){#handOverlay{width:clamp(110px,32vw,175px);right:-2%;bottom:12%}}

/* BLOCKFUN 2026: cleaner pixelated first-person hand and game HUD */
#handOverlay{image-rendering:pixelated!important;filter:drop-shadow(8px 10px 0 rgba(0,0,0,.27))!important;will-change:transform;backface-visibility:hidden}
#crosshair{font-family:monospace!important;font-size:25px!important;font-weight:900!important;text-shadow:1px 2px 2px #000, -1px -1px 2px #000!important}
#hotbar{border:2px solid #111!important;border-radius:2px!important;background:#373737e8!important;box-shadow:0 4px 0 #0008!important}
.slot{border-radius:1px!important;background:#777!important;border:2px solid #2b2b2b!important;box-shadow:inset 2px 2px #bcbcbc,inset -2px -2px #4a4a4a!important}
.slot.active{border:3px solid #ffd638!important;background:#989898!important;box-shadow:0 0 0 1px #171717,inset 1px 1px #dedede!important}
@media(max-width:600px){#handOverlay{right:-2%!important;bottom:11%!important;width:clamp(120px,32vw,185px)!important}}

/* Final mobile first-person arm and punch. */
#handOverlay{display:block!important;width:92px!important;height:190px!important;right:-8px!important;bottom:-38px!important;background:linear-gradient(to bottom,var(--skin,#d0a078) 0 38%,var(--shirt,#2f6b76) 38% 100%)!important;border:4px solid #241914!important;border-radius:0!important;clip-path:polygon(13% 0,100% 10%,86% 100%,0 88%)!important;transform:rotate(32deg)!important;transform-origin:80% 100%!important;box-shadow:none!important;filter:none!important;object-fit:initial!important;pointer-events:none!important;opacity:0}
#handOverlay.punch{animation:blockfun-punch .19s ease-out!important}@keyframes blockfun-punch{0%{transform:rotate(32deg) translate(0,0)}45%{transform:rotate(18deg) translate(-54px,-34px)}100%{transform:rotate(32deg) translate(0,0)}}
.playerPreview{overflow:hidden!important;min-width:0!important}
#inventoryPanel .armorSlot,#inventoryPanel .craftCell,#inventoryPanel .craftOut,#inventoryPanel .item{outline:none!important;box-sizing:border-box!important}
#inventoryPanel .ui-selected,#inventoryPanel .item.active,#inventoryPanel .item:hover,#inventoryPanel .armorSlot:hover,#inventoryPanel .craftCell:hover,#inventoryPanel .craftOut:hover,#inventoryPanel .item:focus-visible{border-color:#ffd83d!important;outline:2px solid #241b06!important;outline-offset:-2px!important;box-shadow:inset 0 2px #fff2a0,inset 0 -3px #8b6500!important}
#inventoryPanel .item,#inventoryPanel .armorSlot,#inventoryPanel .craftCell,#inventoryPanel .craftOut{cursor:pointer!important}
body.ui-open{cursor:default!important}body.ui-open #world{cursor:default!important}body.ui-open button{cursor:pointer!important}body.ui-open input,body.ui-open textarea{cursor:text!important}
@media(max-width:600px){#inventoryPanel.mcInventory{width:96vw!important;max-height:86dvh!important;top:42px!important}.invWrap{grid-template-columns:minmax(118px,38%) minmax(0,1fr)!important;gap:6px!important}.playerCard{grid-template-columns:minmax(0,1fr) 29px!important;gap:3px!important;padding:4px!important;min-height:124px!important}.playerPreview{height:112px!important}.avatarHead{top:7px!important;width:32px!important;height:32px!important}.avatarBody{top:43px!important;width:42px!important;height:34px!important}.avatarBody::before,.avatarBody::after{width:9px!important;height:34px!important}.avatarBody::before{left:-12px!important}.avatarBody::after{right:-12px!important}.avatarLegs{top:80px!important;width:29px!important;height:27px!important}.armorCol{gap:3px!important}.armorSlot{width:27px!important;height:27px!important}.craftCard{padding:5px!important;min-height:124px!important;overflow:hidden!important}.craftMini{transform:scale(.72)!important;transform-origin:top left!important}#handOverlay{width:84px!important;height:174px!important;right:-10px!important;bottom:-34px!important}}


/* First-person arm: broad three-face voxel prism matching the supplied reference. */
#handOverlay{display:block!important;width:clamp(150px,10vw,190px)!important;height:clamp(300px,38vh,380px)!important;right:2.2vw!important;bottom:-92px!important;border:0!important;border-radius:0!important;clip-path:polygon(13% 2%,100% 10%,88% 100%,0 94%,0 18%)!important;background:linear-gradient(135deg,#ffffff10 0 12.5%,transparent 12.5% 25%,#0000000d 25% 37.5%,transparent 37.5% 50%) 0 0/36px 36px,linear-gradient(171deg,var(--skin,#d0a078) 0 31%,color-mix(in srgb,var(--skin,#d0a078) 84%,#f6ce92) 31% 43%,var(--shirt,#167f97) 43% 100%)!important;background-blend-mode:soft-light,normal!important;transform:rotate(-15deg)!important;transform-origin:56% 100%!important;box-shadow:inset -5px 0 #0002,inset 0 3px #fff2!important;filter:drop-shadow(8px 10px 0 #0004)!important;transition:opacity .15s!important;overflow:visible!important;translate:0 0;scale:1}
#handOverlay::before{content:"";position:absolute;z-index:2;left:-24px;top:14px;width:25px;height:calc(100% - 18px);background:linear-gradient(171deg,color-mix(in srgb,var(--skin,#d0a078) 68%,#5b321f) 0 31%,color-mix(in srgb,var(--skin,#d0a078) 72%,#7c512e) 31% 43%,color-mix(in srgb,var(--shirt,#167f97) 68%,#073d4d) 43% 100%);clip-path:polygon(100% 0,100% 100%,0 92%,0 16%);box-shadow:inset -3px 0 #fff1}
#handOverlay::after{content:"";position:absolute;z-index:3;left:13%;top:-22px;width:87%;height:25px;background:linear-gradient(150deg,color-mix(in srgb,var(--skin,#d0a078) 72%,#5a2e1c),var(--skin,#d0a078));clip-path:polygon(0 100%,22px 0,100% 9px,100% 100%);box-shadow:inset 0 3px #fff2}
#handOverlay.punch{animation:blockfun-punch-pc .28s cubic-bezier(.2,.74,.3,1)!important}
@keyframes blockfun-punch-pc{0%{translate:0 0;scale:1}34%{translate:-72px 76px;scale:.94}62%{translate:-34px 34px;scale:.98}100%{translate:0 0;scale:1}}
body.playing #world{cursor:none}
#hotbar .slotIcon,#inventoryHotbar .mcItemIcon{display:block;width:24px;height:24px;border:2px solid #191919;box-shadow:inset 3px 3px #fff3,inset -3px -3px #0004;image-rendering:pixelated}
#hotbar .slot[data-type=grass] .slotIcon,#inventoryHotbar .item[data-type=grass] .mcItemIcon{background:linear-gradient(#58a83e 0 28%,#775033 28% 100%)}
#hotbar .slot[data-type=dirt] .slotIcon,#inventoryHotbar .item[data-type=dirt] .mcItemIcon{background:repeating-linear-gradient(135deg,#8b603d 0 4px,#765033 4px 8px)}
#hotbar .slot[data-type=stone] .slotIcon,#inventoryHotbar .item[data-type=stone] .mcItemIcon{background:repeating-linear-gradient(135deg,#898989 0 4px,#6e6e6e 4px 8px)}
#hotbar .slot[data-type=ore] .slotIcon,#inventoryHotbar .item[data-type=ore] .mcItemIcon{background:linear-gradient(135deg,#777 0 35%,#d4ad3e 35% 52%,#737373 52% 72%,#d4ad3e 72%)}
#hotbar .slot.empty .slotIcon,#inventoryHotbar .item:not([data-type]) .mcItemIcon{display:none}
#contextHint{display:none!important}
#vitals{display:flex!important;justify-content:space-between!important;width:252px!important;height:14px!important;gap:12px!important;background:transparent!important;border:0!important;padding:0!important}
#hearts,#food{display:block!important;width:120px!important;height:12px!important;background-repeat:repeat-x!important;background-size:12px 12px!important;image-rendering:pixelated;color:transparent!important;font-size:0!important;text-shadow:none!important}
#hearts{background-image:url('./assets/hud-heart.png')!important}
#food{background-image:url('./assets/hud-food.png')!important}
#craftPrompt{bottom:170px!important}
@media(max-width:600px){#handOverlay{width:112px!important;height:248px!important;right:4px!important;bottom:-66px!important;transform:rotate(-15deg)!important}#handOverlay::before{left:-17px;width:18px;top:10px}#handOverlay::after{top:-16px;height:18px;clip-path:polygon(0 100%,16px 0,100% 6px,100% 100%)}#craftPrompt{bottom:126px!important}@keyframes blockfun-punch-pc{0%{translate:0 0;scale:1}34%{translate:-46px 52px;scale:.94}62%{translate:-22px 24px;scale:.98}100%{translate:0 0;scale:1}}}
@media(max-height:470px){#craftPrompt{bottom:86px!important}#vitals{height:12px!important}}

/* Reference-matched voxel arm and visible attack recharge indicator. */
#handOverlay{width:clamp(175px,13vw,245px)!important;height:clamp(310px,45vh,455px)!important;right:1.4vw!important;bottom:-58px!important;background:url('./assets/voxel-arm.svg') center bottom/contain no-repeat!important;clip-path:none!important;box-shadow:none!important;filter:drop-shadow(8px 12px 0 #0004)!important;transform:rotate(0deg)!important;transform-origin:70% 100%!important;translate:0 0;scale:1}
#handOverlay::before,#handOverlay::after{content:none!important;display:none!important}
#handOverlay.punch{animation:blockfun-reference-punch .42s cubic-bezier(.18,.74,.27,1)!important}
@keyframes blockfun-reference-punch{0%{translate:0 0;scale:1}24%{translate:-92px 82px;scale:.91}48%{translate:-58px 54px;scale:.95}100%{translate:0 0;scale:1}}
#attackCooldown{position:absolute;z-index:25;left:50%;top:calc(50% + 25px);width:42px;height:7px;transform:translateX(-50%);padding:1px;background:#181818;border:1px solid #000;box-shadow:0 1px 0 #fff5;opacity:0;overflow:hidden}
#attackCooldown i{display:block;width:100%;height:100%;background:#e8e8e8;transform-origin:left center;transform:scaleX(1)}
#attackCooldown.cooling{opacity:1}
#attackCooldown.cooling i{animation:blockfun-cooldown .42s linear both}
@keyframes blockfun-cooldown{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@media(max-width:600px){#handOverlay{width:132px!important;height:292px!important;right:-2px!important;bottom:-44px!important}@keyframes blockfun-reference-punch{0%{translate:0 0;scale:1}24%{translate:-52px 56px;scale:.91}48%{translate:-30px 31px;scale:.95}100%{translate:0 0;scale:1}}#attackCooldown{top:calc(50% + 23px);width:36px}}


/* Supplied first-person arm: real PNG, always visible during gameplay. */
#handOverlay{position:fixed!important;display:block!important;width:clamp(205px,28vw,330px)!important;height:auto!important;right:-8px!important;bottom:18px!important;background:none!important;border:0!important;clip-path:none!important;box-shadow:none!important;filter:drop-shadow(7px 9px 0 #0004)!important;object-fit:contain!important;image-rendering:auto!important;transform:none!important;translate:0 0!important;scale:1!important;z-index:24!important;pointer-events:none!important;opacity:0}
#handOverlay::before,#handOverlay::after{content:none!important;display:none!important}
@media(max-width:600px){#handOverlay{width:clamp(170px,39vw,230px)!important;right:-10px!important;bottom:70px!important}}


/* Final interaction fixes: menu stays clickable and inventory avatar stays inside its frame. */
#menuBtn{position:relative!important;z-index:60!important;pointer-events:auto!important;cursor:pointer!important}
.playerPreview{overflow:hidden!important}
.playerPreview .avatarHead,.playerPreview .avatarBody,.playerPreview .avatarLegs{max-width:80%!important}


/* TWEETPUMP original home screen: inspired by voxel menus, not a copy. */
.tweetpumpHome{background:linear-gradient(#0a152366,#07131acc),url('./preview.png') center/cover no-repeat!important;padding:18px!important}
.tweetpumpHome .startCard{width:min(92vw,560px)!important;max-width:560px!important;background:#111a20e8!important;border:4px solid #182127!important;box-shadow:0 0 0 3px #8aa0a7,0 18px 42px #000b!important;padding:clamp(18px,4vw,30px)!important}
.pumpBadge{display:inline-block;background:#263d43;border:2px solid #9fb7b9;color:#dcebea;padding:7px 10px;font-size:9px;line-height:1.4}
.tweetpumpHome h1{font-size:clamp(38px,10vw,72px)!important;margin:18px 0 8px!important;color:#e7eded!important;text-shadow:4px 5px #172329,7px 8px #000!important;letter-spacing:-2px}.tweetpumpHome h1 span{color:#74bf6b!important}
.homeTagline{max-width:470px;font-size:11px!important;color:#e0e7e4!important;text-shadow:2px 2px #000!important}.homeName{display:block;text-align:left;color:#dce7e5;font-size:9px;margin:17px 0 8px}.homeName input{display:block;width:100%;margin-top:7px;padding:12px;background:#18282e;color:#fff;border:3px solid #718a8f;outline:none}
.homeButtons{display:grid;gap:10px}.homeButtons button{width:100%;padding:15px 10px;background:#2e505a;color:#fff;border:3px solid #0c171b;box-shadow:inset 0 0 0 2px #8fb5b9,0 4px #081014;font-size:13px;text-shadow:2px 2px #000}.homeButtons button:active{transform:translateY(3px);box-shadow:inset 0 0 0 2px #b3d0d1,0 1px #081014}.homeButtons #play{background:#39745d}.homeButtons #startMarket{background:#35596a}
#marketPanel.home-open{z-index:180!important;left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(92vw,430px)!important;max-height:78dvh!important}
/* Hand sits naturally at the bottom edge; every tap restarts the supplied GIF. */
#handOverlay{bottom:-34px!important;right:-12px!important;z-index:6!important}
@media(max-width:600px){.tweetpumpHome .startCard{padding:18px 14px!important}.tweetpumpHome h1{font-size:clamp(34px,12vw,54px)!important}.homeButtons button{padding:14px 8px;font-size:11px}#handOverlay{width:clamp(165px,38vw,215px)!important;right:-16px!important;bottom:-28px!important}}


/* FIRST-PERSON VOXEL ARM — configurable, crisp CSS prism */
:root{
 --arm-duration:440ms;
 --arm-drop-x:-72vw;
 --arm-drop-y:105vh;
 --arm-skin-left:#79533A;
 --arm-skin-right:#5B3F2D;
 --arm-band-left:#9B8659;
 --arm-band-right:#746444;
 --arm-sleeve-left:#1A494C;
 --arm-sleeve-right-top:#0F3238;
 --arm-sleeve-right-bottom:#1C4850;
}
#handOverlay{
 position:fixed!important;
 display:block!important;
 right:-2.2rem!important;
 bottom:-7.5rem!important;
 width:clamp(132px,16vw,192px)!important;
 height:auto!important;
 aspect-ratio:1/3;
 pointer-events:none!important;
 opacity:0;
 z-index:6!important;
 transform-origin:54% 100%!important;
 transform:translate3d(0,0,0) rotate(-31deg);
 transition:opacity .12s linear!important;
 image-rendering:auto!important;
 object-fit:initial!important;
 filter:drop-shadow(9px 12px 8px #0004)!important;
 will-change:transform;
 backface-visibility:hidden;
}
#handOverlay .arm-face{position:absolute;inset:0}
#handOverlay .arm-face::after{
 content:"";position:absolute;inset:0;opacity:.11;
 background:
  linear-gradient(90deg,transparent 0 46%,#fff4 46% 52%,transparent 52%) 0 0/23px 23px,
  linear-gradient(0deg,transparent 0 47%,#0003 47% 53%,transparent 53%) 0 0/23px 23px;
}
#handOverlay .arm-left{
 clip-path:polygon(50% 0,0 7%,0 93%,50% 100%);
 background:linear-gradient(180deg,var(--arm-skin-left) 0 49%,var(--arm-band-left) 49% 56%,var(--arm-sleeve-left) 56% 100%);
}
#handOverlay .arm-right{
 clip-path:polygon(50% 0,100% 7%,100% 93%,50% 100%);
 background:linear-gradient(180deg,var(--arm-skin-right) 0 49%,var(--arm-band-right) 49% 56%,var(--arm-sleeve-right-top) 56%,var(--arm-sleeve-right-bottom) 100%);
}
#handOverlay.punching{animation:voxel-arm-punch var(--arm-duration) both}
@keyframes voxel-arm-punch{
 0%{transform:translate3d(0,0,0) rotate(-31deg)}
 23%{transform:translate3d(var(--arm-drop-x),var(--arm-drop-y),0) rotate(-54deg)}
 56%{transform:translate3d(var(--arm-drop-x),var(--arm-drop-y),0) rotate(-54deg)}
 100%{transform:translate3d(0,0,0) rotate(-31deg)}
}
@media(max-width:600px){
 #handOverlay{right:-2.8rem!important;bottom:-6rem!important;width:clamp(126px,38vw,168px)!important}
}