:root{--font-comic:"Lilita One", system-ui, sans-serif;--font-ui:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-zombie:#7ee628;--color-zombie-dark:#357c0e;--color-zombie-glow:#7ee62873;--color-gold:#ffc928;--color-gold-dark:#b87807;--color-accent-orange:#ff6820;--color-panel-bg:#141820e0;--color-panel-border:#ffffff29;touch-action:manipulation}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body,#app{width:100%;height:100%;font-family:var(--font-ui);color:#fff;background:#0f141c;margin:0;padding:0;overflow:hidden}body{overscroll-behavior:none}#app{min-height:100%;position:relative}#game{touch-action:none;z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.hidden{display:none!important}.hud{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));pointer-events:none;z-index:10;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute}.hud-left{flex-wrap:nowrap;align-items:center;gap:10px;display:flex}.hud-badge{-webkit-backdrop-filter:blur(8px);background:linear-gradient(#202634e6 0%,#121620f2 100%);border:2px solid #fff3;border-radius:999px;align-items:center;padding:3px 14px 3px 4px;transition:transform .15s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 14px #0006,inset 0 1px 1px #ffffff4d}.hud-badge.bump{animation:.25s cubic-bezier(.34,1.56,.64,1) badgePop}@keyframes badgePop{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}.badge-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-right:8px;font-size:20px;display:flex;box-shadow:inset 0 2px 4px #fff6,0 2px 6px #0000004d}.zombie-avatar{background:radial-gradient(circle at 35% 35%,#8bf834,#3a8a0e);border:2px solid #a4ff4a}.coin-avatar{background:radial-gradient(circle at 35% 35%,#ffe642,#b87807);border:2px solid #fff078}.flag-avatar{background:radial-gradient(circle at 35% 35%,#5eb4ff,#1c52b0);border:2px solid #8ecbff}.badge-body{flex-direction:column;line-height:1.1;display:flex}.badge-label{letter-spacing:.12em;color:#a4b3ca;text-transform:uppercase;font-size:9px;font-weight:900}.badge-value{font-family:var(--font-comic);letter-spacing:.03em;color:#fff;text-shadow:0 2px #000000b3;font-size:20px}.horde-badge .badge-value{color:#9cf53b;text-shadow:0 2px #1b4a08}.coin-badge .badge-value{color:#ffd83b;text-shadow:0 2px #7a4a03}.hud-right{pointer-events:auto}.hud-btn{color:#fff;cursor:pointer;background:linear-gradient(#374254 0%,#1e2430 100%);border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:19px;transition:transform .1s,background .15s;display:flex;box-shadow:0 4px 10px #00000059,inset 0 1px 2px #ffffff4d}.hud-btn:active{transform:scale(.92)}.sdk-badge{right:max(12px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));z-index:12;color:#ffffffb8;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e121abf;border:1px solid #ffffff1f;border-radius:12px;padding:5px 11px;font-size:11px;font-weight:600;position:absolute}.overlay{z-index:20;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(8px);opacity:0;background:radial-gradient(circle,#0e1420bf 0%,#06090feb 100%);place-items:center;transition:opacity .2s;display:none;position:absolute;inset:0}.overlay.visible{opacity:1;display:grid!important}.comic-panel{text-align:center;background:linear-gradient(#1f2737 0%,#121722 100%);border:4px solid #2e3a4e;border-radius:32px;width:min(94vw,440px);padding:34px 26px 28px;animation:.3s cubic-bezier(.18,.89,.32,1.28) panelSlideUp;position:relative;box-shadow:0 20px 60px #000000b3,0 0 0 2px #ffffff14,inset 0 2px 4px #fff3}@keyframes panelSlideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.comic-banner-tape{font-family:var(--font-comic);letter-spacing:.15em;color:#fff;background:#ff5722;border:2px solid #ffe0b2;border-radius:8px;margin-bottom:12px;padding:4px 16px;font-size:13px;display:inline-block;transform:rotate(-2deg);box-shadow:0 4px 10px #ff572266}.game-logo-wrapper{margin:4px 0 16px}.comic-title{font-family:var(--font-comic);flex-direction:column;margin:0;line-height:.85;display:flex}.title-top{color:#88ff2a;letter-spacing:.02em;-webkit-text-stroke:3px #194a08;text-shadow:0 6px #123605,0 10px 20px #0009;filter:drop-shadow(0 0 12px #88ff2a66);font-size:clamp(52px,14vw,76px);transform:rotate(-1deg)}.title-bottom{color:#ffbc26;letter-spacing:.04em;-webkit-text-stroke:2.5px #6e3d00;text-shadow:0 5px #4e2b00,0 8px 18px #00000080;margin-top:4px;font-size:clamp(34px,9.5vw,48px);transform:rotate(1.5deg)}.title-sub-tag{letter-spacing:.22em;color:#9cb1ce;background:#ffffff17;border:1px solid #ffffff26;border-radius:999px;margin-top:8px;padding:3px 12px;font-size:11px;font-weight:800;display:inline-block}.tagline{color:#c4d2e5;max-width:330px;margin:12px auto 16px;font-size:14.5px;line-height:1.45}.feature-pills{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:22px;display:flex}.feat-pill{color:#e1e9f4;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.comic-btn{width:100%;min-height:58px;font-family:var(--font-comic);letter-spacing:.05em;color:#fff;cursor:pointer;border:none;border-radius:20px;font-size:24px;transition:transform .1s cubic-bezier(.2,.8,.4,1),box-shadow .1s;position:relative;overflow:hidden}.play-btn{text-shadow:0 2px #235503,0 0 10px #0006;background:linear-gradient(#96f534 0%,#68cc12 50%,#4ea607 100%);border:3px solid #b3ff64;box-shadow:0 8px #2c6606,0 16px 28px #00000080}.play-btn:active{transform:translateY(6px);box-shadow:0 2px #2c6606,0 8px 14px #0006}.retry-btn{text-shadow:0 2px #6e2400;background:linear-gradient(#ff9e2b 0%,#ff7315 50%,#d85200 100%);border:3px solid #ffcc78;box-shadow:0 8px #8c3000,0 16px 28px #00000080}.retry-btn:active{transform:translateY(6px);box-shadow:0 2px #8c3000,0 8px 14px #0006}.btn-shine{pointer-events:none;background:linear-gradient(#ffffff6b 0%,#ffffff0d 100%);border-radius:16px 16px 40px 40px;height:48%;position:absolute;top:0;left:0;right:0}.controls-hint{color:#8c9cb3;margin-top:14px;font-size:13px;font-weight:600}.key-tag{color:#fff;background:#ffffff1f;border-radius:6px;padding:2px 8px;font-size:12px}.gameover-ribbon{background:linear-gradient(#e53935 0%,#b71c1c 100%);border:3px solid #ff8a80;border-radius:14px;margin-top:-50px;margin-bottom:22px;padding:8px 24px;display:inline-block;transform:rotate(-1.5deg);box-shadow:0 8px 22px #b71c1c80}.gameover-ribbon span{font-family:var(--font-comic);letter-spacing:.05em;color:#fff;text-shadow:0 3px #5f0c0c;font-size:26px}.results-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px;display:grid}.stat-card{background:#ffffff0d;border:1.5px solid #ffffff1f;border-radius:18px;flex-direction:column;align-items:center;padding:14px 8px;transition:transform .15s;display:flex}.stat-card.best-stat{background:linear-gradient(#ffd7401f 0%,#ffab000f 100%);border-color:#ffd74059}.stat-icon{margin-bottom:4px;font-size:24px}.stat-name{letter-spacing:.12em;color:#92a2b7;margin-bottom:2px;font-size:10px;font-weight:800;display:block}.stat-number{font-family:var(--font-comic);color:#fff;font-size:20px}.best-stat .stat-number{color:#ffd740;text-shadow:0 1px #775200}.comic-toast{z-index:15;font-family:var(--font-comic);letter-spacing:.05em;color:#2e1700;opacity:0;pointer-events:none;white-space:nowrap;background:linear-gradient(#ffc400 0%,#ff8f00 100%);border:3px solid #fff9c4;border-radius:999px;padding:8px 24px;font-size:20px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s;position:absolute;top:18%;left:50%;transform:translate(-50%,-20px)scale(.8);box-shadow:0 8px 24px #0006,0 0 18px #ffc40073}.comic-toast.show{opacity:1;transform:translate(-50%)scale(1)}@media (width<=540px){.hud{gap:8px}.hud-badge{padding:2px 10px 2px 3px}.badge-icon{width:30px;height:30px;margin-right:6px;font-size:17px}.badge-value{font-size:17px}.comic-panel{padding:30px 18px 22px}.results-grid{gap:6px}.stat-card{padding:10px 4px}.stat-number{font-size:17px}}