*{box-sizing:border-box}html,body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;color:#fff;background:#323c50;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#title{top:calc(8px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));letter-spacing:.5px;text-shadow:0 1px 3px #0009;font-size:18px;font-weight:800;position:absolute}#troll-counter{top:calc(8px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));background:#0b22408c;border-radius:8px;padding:4px 10px;font-size:15px;font-weight:600;position:absolute}#crosshair{opacity:.85;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";background:#fff;position:absolute;box-shadow:0 0 2px #000c}#crosshair:before{width:2px;height:18px;top:0;left:8px}#crosshair:after{width:18px;height:2px;top:8px;left:0}#hotbar{bottom:calc(10px + env(safe-area-inset-bottom));pointer-events:auto;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.slot{cursor:pointer;background:#0b22408c;border:2px solid #ffffff59;border-radius:6px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.slot.active{background:#0b6edc40;border-color:#0b6edc;box-shadow:0 0 8px #0b6edce6}.slot-icon{width:36px;height:36px;image-rendering:pixelated;border-radius:3px}.slot-num{opacity:.8;font-size:10px;position:absolute;top:1px;left:4px}#mode-badge{bottom:calc(70px + env(safe-area-inset-bottom));background:#0b224099;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}#lock-hint{background:#0b2240b3;border-radius:10px;padding:8px 16px;font-size:16px;font-weight:600;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}#help-panel{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b2240d1;border:1px solid #0b6edc99;border-radius:14px;max-width:min(480px,86vw);padding:18px 22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#help-panel h2{color:#7cc4ff;margin:0 0 10px;font-size:22px}#help-panel p{margin:6px 0;font-size:14px;line-height:1.45}#bonk-layer{position:absolute;inset:0;overflow:hidden}.bonk{color:#ffd23c;text-shadow:0 2px 4px #000000b3;white-space:nowrap;font-size:22px;font-weight:800;animation:1.5s ease-out forwards bonk-float;position:absolute;top:30%;left:50%;transform:translate(-50%)}@keyframes bonk-float{0%{opacity:0;transform:translate(-50%)translateY(14px)scale(.6)rotate(-4deg)}15%{opacity:1;transform:translate(-50%)translateY(0)scale(1.15)rotate(3deg)}to{opacity:0;transform:translate(-50%)translateY(-46px)scale(1)rotate(0)}}#touch-layer{display:none;position:absolute;inset:0}body.touch #touch-layer{display:block}#joystick{left:calc(18px + env(safe-area-inset-left));bottom:calc(86px + env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;background:#0b224066;border:2px solid #ffffff59;border-radius:50%;width:112px;height:112px;position:absolute}#joystick-knob{background:#0b6edcbf;border:2px solid #ffffffb3;border-radius:50%;width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-btn{right:calc(18px + env(safe-area-inset-right));color:#fff;pointer-events:auto;touch-action:none;background:#0b224080;border:2px solid #fff6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:74px;height:74px;font-size:13px;font-weight:700;display:flex;position:absolute}.touch-btn:active{background:#0b6edc8c}#btn-jump{bottom:calc(86px + env(safe-area-inset-bottom))}#btn-mode{bottom:calc(176px + env(safe-area-inset-bottom));font-size:22px}