#touch-controls{--mc-bronze:#b8863f;--mc-gold:#d8b463;--mc-wood:#3c2a1a;--mc-wood-dark:#241a10;--mc-parchment:#e8d9ad;pointer-events:none;z-index:900;-webkit-user-select:none;user-select:none;font-family:sans-serif;transition:opacity .18s;position:fixed;inset:0}#touch-controls.is-ui-blocked{opacity:0}#touch-controls.is-ui-blocked *{pointer-events:none!important}#touch-interact{right:max(20px, env(safe-area-inset-right,0px));bottom:max(24px, env(safe-area-inset-bottom,0px));pointer-events:auto;touch-action:none;background:radial-gradient(circle at 35% 30%, var(--mc-wood), var(--mc-wood-dark) 75%);border:2px solid var(--mc-bronze);opacity:.55;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:clamp(56px,15vw,76px);height:clamp(56px,15vw,76px);transition:opacity .15s,transform .1s,box-shadow .15s,border-color .15s;display:flex;position:absolute;transform:scale(1);box-shadow:0 3px 8px #0006,inset 0 0 0 1px #d8b4631f}#touch-interact .mc-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;width:52%;height:52%}#touch-interact .mc-label{color:var(--mc-parchment);letter-spacing:.03em;font-size:10px;font-weight:700}#touch-interact.is-inactive{opacity:.4}#touch-interact.is-active{opacity:1;border-color:var(--mc-gold);box-shadow:0 0 0 4px #d8b46338,0 4px 10px #00000073}#touch-interact.is-pressed{transform:scale(.88)}#touch-interact:focus-visible{outline:3px solid var(--mc-gold);outline-offset:3px}@media (hover:hover){#touch-interact:hover{opacity:.85}#touch-interact.is-active:hover{opacity:1;box-shadow:0 0 0 6px #d8b4634d,0 4px 10px #00000073}}#touch-menu{right:max(10px, env(safe-area-inset-right,0px));top:max(10px, env(safe-area-inset-top,0px));pointer-events:auto;flex-direction:column;gap:6px;display:flex;position:absolute}.mc-menu-btn{border:1px solid var(--mc-bronze);touch-action:none;cursor:pointer;background:linear-gradient(160deg,#3c2a1ae6,#241a10e6);border-radius:10px;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:6px 12px 6px 6px;transition:transform .1s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 2px 6px #00000059}.mc-menu-btn .mc-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none;width:22px;height:22px}.mc-menu-btn .mc-menu-label{color:var(--mc-parchment);white-space:nowrap;font-size:12px;font-weight:600}.mc-menu-btn.is-pressed{transform:scale(.92)}.mc-menu-btn:focus-visible{outline:3px solid var(--mc-gold);outline-offset:2px}@media (hover:hover){.mc-menu-btn:hover{border-color:var(--mc-gold);box-shadow:0 0 0 3px #d8b4632e}}@media (width<=480px),(height<=380px){.mc-menu-btn{justify-content:center;min-width:40px;min-height:40px;padding:8px}.mc-menu-btn .mc-menu-label{display:none}}#touch-joystick-hint{left:max(20px, env(safe-area-inset-left,0px));bottom:max(20px, env(safe-area-inset-bottom,0px));pointer-events:none;opacity:.85;background:radial-gradient(circle,#241a1052,#241a100d 70%);border:2px solid #b8863f80;border-radius:50%;width:clamp(64px,20vw,96px);height:clamp(64px,20vw,96px);transition:opacity .18s;position:absolute}#touch-joystick-hint.is-hidden{opacity:0}