*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#120713;color:#fff;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;touch-action:none}#game{width:100vw;height:100vh;display:block;outline:none}.hud.top{position:fixed;left:18px;right:18px;top:14px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;z-index:5}.hud h1{margin:0;font-size:clamp(34px,8vw,72px);line-height:.86;letter-spacing:-.08em;text-shadow:0 5px 0 #8914a5,0 0 26px #ff64f4}.hud p{margin:9px 0 0;color:#ffe0fb;font-weight:900;text-shadow:0 2px 8px #000}.score{width:86px;height:86px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(160deg,rgba(255,255,255,.24),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.38);box-shadow:0 10px 40px rgba(0,0,0,.35);backdrop-filter:blur(10px);font-weight:1000}.score span{font-size:38px;line-height:.8}.score small{font-size:12px;color:#ffeb87}.status{position:fixed;left:50%;top:96px;transform:translateX(-50%);z-index:5;padding:10px 18px;border-radius:999px;background:rgba(0,0,0,.54);border:1px solid rgba(255,255,255,.26);font-family:"Courier New",monospace;font-weight:1000;letter-spacing:.12em;color:#ffe777;box-shadow:0 10px 30px rgba(0,0,0,.26);pointer-events:none}.controls{position:fixed;left:18px;right:18px;bottom:20px;display:flex;align-items:flex-end;justify-content:space-between;z-index:5;pointer-events:none}.pad{width:150px;height:150px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:8px;pointer-events:auto}.pad button,.grab{border:0;color:white;font-weight:1000;cursor:pointer;user-select:none;-webkit-user-select:none}.pad button{border-radius:18px;background:linear-gradient(180deg,#ff7bf5,#8b20ff);box-shadow:0 7px 0 #491477,0 14px 26px rgba(0,0,0,.38);font-size:22px}.pad button:active,.grab:active{transform:translateY(5px);box-shadow:0 2px 0 #491477,0 8px 16px rgba(0,0,0,.34)}.pad button[data-move=up]{grid-column:2;grid-row:1}.pad button[data-move=left]{grid-column:1;grid-row:2}.pad button[data-move=right]{grid-column:3;grid-row:2}.pad button[data-move=down]{grid-column:2;grid-row:3}.grab{pointer-events:auto;width:150px;height:150px;border-radius:50%;font-size:26px;background:radial-gradient(circle at 35% 28%,#fff6a5,#ff437b 45%,#8e1032 100%);box-shadow:0 11px 0 #4e0719,0 20px 40px rgba(0,0,0,.45),0 0 28px rgba(255,74,137,.52)}.grab:disabled{filter:grayscale(.9);opacity:.58;cursor:not-allowed}.tip{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:4;color:#fff1c0;background:rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:10px 14px;font-size:13px;font-weight:900;text-align:center;pointer-events:none}@media(max-width:720px){.hud.top{left:12px;right:12px}.status{top:82px}.score{width:68px;height:68px;border-radius:19px}.score span{font-size:30px}.controls{left:12px;right:12px;bottom:14px}.pad{width:132px;height:132px;gap:7px}.pad button{border-radius:16px}.grab{width:132px;height:132px;font-size:23px}.tip{bottom:154px;width:max-content;max-width:92vw;font-size:12px}.hud p{max-width:220px;font-size:13px}}