:root{--sp-marine:#323c50;--sp-red:#e2231a;--sp-blue:#0b6edc;--sp-gold:#bba069;--sp-white:#fff;--sp-light:#fbfbfb;--sp-text:#3a3a3a;--sp-panel:#323c50d1}@font-face{font-family:Miriam Libre;src:url(../fonts/miriam-libre-latin.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{background:var(--sp-marine);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100%;color:var(--sp-white);margin:0;padding:0;font-family:Miriam Libre,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:700;position:absolute}#troll-counter{top:calc(8px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));background:var(--sp-panel);border:1.5px solid var(--sp-gold);border-radius:999px;padding:4px 12px;font-size:15px;font-weight:700;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{background:var(--sp-panel);cursor:pointer;border:2px solid #ffffff59;border-radius:6px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.slot.active{border-color:var(--sp-red);background:#e2231a38;box-shadow:0 0 8px #e2231ad9}.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:var(--sp-panel);border:1px solid #ffffff40;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}#lock-hint{background:var(--sp-red);border-radius:999px;padding:9px 20px;font-size:16px;font-weight:700;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 12px #00000059}#help-panel{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#323c50eb;border:1px solid #bba0698c;border-radius:14px;max-width:min(480px,86vw);padding:18px 22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#help-panel .brand-chip{background:var(--sp-light);border-radius:10px;margin-bottom:8px;padding:10px 16px 6px;display:inline-block}#help-panel .brand-logo{width:min(190px,50vw);height:auto;display:block}#help-panel h2{color:var(--sp-white);margin:0 0 10px;font-size:22px;font-weight:700}#help-panel p{margin:6px 0;font-size:14px;line-height:1.45}#help-panel .cta{background:var(--sp-red);color:var(--sp-white);border-radius:999px;margin-top:12px;padding:10px 22px;font-size:15px;font-weight:700;display:inline-block;box-shadow:0 3px 12px #00000059}#bonk-layer{position:absolute;inset:0;overflow:hidden}.bonk{color:var(--sp-red);text-shadow:0 0 6px #fbfbfbf2,0 2px 4px #000000a6;white-space:nowrap;font-size:22px;font-weight:700;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:#323c5066;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));width:74px;height:74px;color:var(--sp-white);pointer-events:auto;touch-action:none;background:#323c508c;border:2px solid #fff6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-family:inherit;font-size:13px;font-weight:700;display:flex;position:absolute}.touch-btn:active{background:#e2231abf;border-color:#ffffffbf}#btn-jump{bottom:calc(86px + env(safe-area-inset-bottom))}#btn-mode{bottom:calc(176px + env(safe-area-inset-bottom));font-size:22px}