@import"https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Inter:wght@500;700;900&display=swap";:root{--pink:#ff3fa4;--cyan:#38e8ff;--gold:#ffd166;--glass:rgba(255,255,255,.12);--panel:rgba(12,14,28,.64)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#050611;color:#fff;font-family:Inter,system-ui,sans-serif}#renderCanvas{width:100vw;height:100vh;display:block;touch-action:none;outline:none}#hud{position:fixed;inset:18px 18px auto;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;gap:16px;z-index:10}.brand,.score-card{border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,#111630bd,#080a1685);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 50px #00000047,inset 0 0 38px #38e8ff0f;border-radius:24px}.brand{padding:18px 22px;max-width:min(420px,58vw)}.brand p{margin:0 0 4px;color:var(--cyan);letter-spacing:.18em;font-size:11px;font-weight:900}.brand h1{margin:0;font-family:Black Han Sans,Inter,sans-serif;font-size:clamp(34px,6vw,66px);line-height:.94;text-shadow:0 0 18px rgba(255,63,164,.45),0 5px 0 rgba(0,0,0,.25)}.brand span{display:inline-block;margin-top:8px;color:#ffffffc2;font-size:14px}.score-card{padding:14px;display:grid;grid-template-columns:repeat(3,minmax(76px,1fr));gap:10px;min-width:300px}.score-card div{padding:12px 14px;border-radius:17px;background:#ffffff14;text-align:center}.score-card small{display:block;color:#ffffff8a;font-size:10px;letter-spacing:.12em;font-weight:900}.score-card b{display:block;margin-top:4px;font-size:21px;color:#fff}#controls{position:fixed;left:24px;right:24px;bottom:max(24px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:end;z-index:20;pointer-events:none;gap:18px}.joystick-stack{pointer-events:auto;display:flex;align-items:end;gap:18px}.joystick,#grabBtn{pointer-events:auto;-webkit-user-select:none;user-select:none}.joystick{position:relative;border:1px solid rgba(255,255,255,.22);background:radial-gradient(circle at 36% 30%,#ffffff38,#38e8ff14 50%,#0a0d1ecc);box-shadow:0 16px 50px #00000080,inset 0 0 30px #38e8ff1f;display:flex;align-items:center;justify-content:center;touch-action:none}.joystick.horizontal{width:160px;height:88px;border-radius:999px}.joystick.vertical{width:88px;height:160px;border-radius:999px}.ring{position:absolute;border:2px dashed rgba(255,255,255,.16);border-radius:999px}.horizontal .ring{left:16px;right:16px;top:50%;height:24px;transform:translateY(-50%)}.vertical .ring{top:16px;bottom:16px;left:50%;width:24px;transform:translate(-50%)}.stick{position:absolute;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,var(--cyan) 40%,#0aa6ff);box-shadow:0 6px 16px #0006,0 0 24px #38e8ff94;transition:transform .08s ease-out;will-change:transform}.joystick span{position:absolute;bottom:-24px;left:0;right:0;text-align:center;color:#fff9;font-size:10px;font-weight:900;letter-spacing:.1em;white-space:nowrap}#grabBtn{width:154px;height:154px;border:0;border-radius:50%;color:#fff;cursor:pointer;background:radial-gradient(circle at 34% 28%,#fff3,#ff6bbe 30%,#db1676 64%,#700a42);box-shadow:0 20px 60px #ff3fa459,inset 0 -10px 24px #00000059,inset 0 0 16px #ffffff2e;transition:transform .12s ease,filter .12s ease}#grabBtn:active{transform:scale(.95)}#grabBtn:disabled{filter:grayscale(.6) brightness(.65);cursor:not-allowed}#grabBtn strong{display:block;font-size:31px;letter-spacing:.06em}#grabBtn small{display:block;margin-top:5px;font-size:13px;font-weight:900;color:#ffffffc2}#resultToast{position:fixed;left:50%;top:50%;transform:translate(-50%,-45%) scale(.92);padding:18px 28px;border-radius:999px;background:#000000b8;border:1px solid rgba(255,255,255,.18);color:#fff;font-size:24px;font-weight:900;letter-spacing:.04em;z-index:50;opacity:0;pointer-events:none;transition:.22s ease;box-shadow:0 20px 70px #00000080}#resultToast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}@media(max-width:760px){#hud{inset:12px 12px auto;gap:10px}.brand{padding:13px 15px;max-width:56vw;border-radius:18px}.brand p{font-size:9px}.brand span{font-size:12px}.score-card{grid-template-columns:1fr;padding:8px;gap:6px;min-width:82px}.score-card div{padding:7px 9px}.score-card small{font-size:8px}.score-card b{font-size:16px}#controls{left:14px;right:14px;bottom:max(18px,env(safe-area-inset-bottom));gap:12px}.joystick-stack{gap:10px}.joystick.horizontal{width:132px;height:76px}.joystick.vertical{width:76px;height:132px}.stick{width:46px;height:46px}.joystick span{font-size:8px;bottom:-20px}#grabBtn{width:126px;height:126px}#grabBtn strong{font-size:24px}#grabBtn small{font-size:11px}}