*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(145deg,#0b0f1a,#1a1f2e);min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,system-ui,sans-serif}.gameWrapper{position:relative;width:400px;height:600px;border-radius:24px;background:linear-gradient(180deg,#0f172a,#1e293b,#0f172a);box-shadow:0 20px 60px #0009;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;position:absolute;top:0;left:0;right:0;z-index:10;pointer-events:none}.title{color:#e2e8f0;font-weight:700;font-size:16px;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.cloudBadge{background:#ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:3px 10px;border-radius:10px;font-size:11px;color:#94a3b8;border:1px solid rgba(255,255,255,.06);pointer-events:auto}.gameCanvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:20;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.startBox,.endBox{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.08);border-radius:32px;padding:40px 32px;text-align:center;box-shadow:0 12px 40px #00000080;width:320px;display:flex;flex-direction:column;gap:18px;align-items:center}.startTitle{font-size:32px;font-weight:800;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.startSub{font-size:14px;color:#94a3b8;letter-spacing:.5px}.btnPrimary{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:40px;padding:14px 48px;font-size:18px;font-weight:700;color:#fff;cursor:pointer;transition:transform .15s,box-shadow .2s;box-shadow:0 6px 20px #2563eb4d;letter-spacing:1px}.btnPrimary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #2563eb73}.btnPrimary:active{transform:scale(.96)}.highScore{color:#a5b4fc;font-size:14px;background:#ffffff0a;padding:6px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.04)}.hud{position:absolute;top:40px;left:0;right:0;display:flex;justify-content:space-between;padding:0 12px;z-index:5;pointer-events:none;align-items:center;gap:4px;flex-wrap:wrap}.hudItem{color:#f1f5f9;font-size:18px;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:4px 10px;border-radius:40px;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:4px}.hudBoss,.hudMinion{font-size:14px;color:#ef4444;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 10px;border-radius:40px;border:1px solid rgba(239,68,68,.3)}.hudMinion{color:#a21caf;border-color:#a21caf}.toast{position:absolute;bottom:70px;left:50%;transform:translate(-50%);z-index:30;background:#000000bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#a5f3fc;padding:10px 24px;border-radius:40px;font-size:14px;border:1px solid rgba(255,255,255,.06);animation:toastIn .3s ease-out}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.endTitle{font-size:28px;font-weight:800;background:linear-gradient(135deg,#f87171,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.endScore{font-size:40px;font-weight:700;color:#facc15}.endHigh{font-size:16px;color:#94a3b8}@media (max-width:420px){.gameWrapper{width:100vw;height:100vh;border-radius:0}}