:root{color-scheme:dark;--void: #030510;--space: #080d25;--panel: rgba(10, 18, 48, .82);--panel-strong: rgba(8, 14, 38, .94);--white: #f5f8ff;--muted: #aab5d3;--cyan: #53f6ff;--blue: #4d7cff;--violet: #9c6cff;--magenta: #ff5bd8;--amber: #ffd166;--danger: #ff647c;--success: #6cffb4;--line: rgba(83, 246, 255, .28);--line-strong: rgba(83, 246, 255, .58);--content: 1200px;--header-offset: 1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,*:before,*:after{box-sizing:border-box}html{background:var(--void);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-width:0;margin:0;overflow-x:hidden;background:radial-gradient(circle at 8% 10%,rgba(77,124,255,.12),transparent 28rem),var(--void);color:var(--white);font:500 1rem/1.65 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}img,picture{display:block;max-width:100%}a{color:var(--cyan);text-underline-offset:.2em}a:hover{color:var(--white)}a:focus-visible,[tabindex]:focus-visible{border-radius:.15rem;outline:3px solid var(--amber);outline-offset:2px}h1,h2,h3,p,figure,dl,dd,ol{margin-block-start:0}h1,h2,h3{overflow-wrap:anywhere;color:var(--white);font-weight:900;letter-spacing:.08em;line-height:1.02;text-transform:uppercase}h1{margin-block-end:1.25rem;font-size:clamp(3rem,15vw,7.7rem)}h2{margin-block-end:1.15rem;font-size:clamp(2rem,7vw,4.5rem)}h3{margin-block-end:.75rem;font-size:clamp(1rem,2.3vw,1.25rem);line-height:1.2}p{max-width:70ch;margin-block-end:1rem}code{border:1px solid rgba(83,246,255,.22);border-radius:.25rem;padding:.08em .32em;background:#53f6ff14;color:var(--white);font:inherit;overflow-wrap:anywhere}.skip-link{position:fixed;z-index:100;inset-block-start:.75rem;inset-inline-start:.75rem;min-height:44px;padding:.65rem 1rem;transform:translateY(-200%);border:2px solid var(--amber);border-radius:.35rem;background:var(--void);color:var(--white);font-weight:900}.skip-link:focus{transform:translateY(0)}.site-header{position:relative;z-index:50;inset-block-start:0;border-block-end:1px solid rgba(83,246,255,.18);background:#030510f5}.header-inner,.section-inner,.hero-inner,.footer-inner{width:min(100% - 2rem,var(--content));margin-inline:auto}.header-inner{display:flex;flex-direction:column;gap:.4rem;min-width:0;padding-block:.7rem .6rem}.brand-link{display:inline-flex;align-items:center;align-self:flex-start;gap:.65rem;min-height:44px;color:var(--white);font-size:1rem;font-weight:900;letter-spacing:.14em;text-decoration:none}.brand-mark{position:relative;width:1.55rem;height:1.55rem;flex:0 0 auto;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 1rem #53f6ff8c}.brand-mark:after{position:absolute;width:.45rem;height:.45rem;inset:0;margin:auto;border-radius:50%;background:var(--amber);content:""}.primary-nav,.site-footer nav{display:flex;flex-wrap:wrap;gap:.15rem .75rem;min-width:0}.primary-nav a,.site-footer nav a{display:inline-flex;min-height:44px;align-items:center;color:var(--muted);font-size:.875rem;font-weight:850;letter-spacing:.12em;text-decoration:none}.primary-nav a:hover,.site-footer nav a:hover,.primary-nav a[aria-current=page],.site-footer nav a[aria-current=page]{color:var(--cyan)}section[id]{scroll-margin-block-start:var(--header-offset)}.hero{position:relative;isolation:isolate;overflow:hidden;border-block-end:1px solid rgba(83,246,255,.18);background-color:var(--void)}.hero:before{position:absolute;z-index:-2;inset:0;background-image:url(/games/cannon-hit/assets/backgrounds/command-space-480.webp);background-position:center 38%;background-size:cover;content:""}@supports (background-image: image-set(url(x.avif) type("image/avif") 1x)){.hero:before{background-image:image-set(url(/games/cannon-hit/assets/backgrounds/command-space-480.avif) type("image/avif") 1x,url(/games/cannon-hit/assets/backgrounds/command-space-480.webp) type("image/webp") 1x)}}.hero:after{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#030510ad,#030510f2 92%),linear-gradient(90deg,rgba(3,5,16,.5),transparent 70%);content:""}.hero-inner{display:grid;min-width:0;gap:1.25rem;padding-block:clamp(3.5rem,9vw,7.75rem) 2rem}.hero-copy,.hero-art{min-width:0}.eyebrow,.card-index,.world-card figcaption>span,.callout{color:var(--cyan);font-size:.78rem;font-weight:900;letter-spacing:.18em;line-height:1.4;text-transform:uppercase}.hero h1{max-width:8ch;background:linear-gradient(102deg,var(--white) 10%,var(--cyan) 58%,#a8a6ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 2.6rem rgba(83,246,255,.12)}.hero-lead{max-width:31ch;margin-block-end:1rem;color:var(--white);font-size:clamp(1.22rem,3vw,1.7rem);font-weight:750;line-height:1.38}.hero-support{color:var(--muted);font-size:1.02rem}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem;margin-block-start:1.75rem}.store-status{display:inline-flex;min-height:44px;align-items:center;margin:0;border-inline-start:3px solid var(--amber);padding:.5rem .25rem .5rem .85rem;color:var(--white);font-size:.9rem;font-weight:750}.button{display:inline-flex;min-width:0;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--cyan);border-radius:.4rem;padding:.75rem 1.05rem;background:linear-gradient(112deg,#53f6ff33,#4d7cff3d,#9c6cff33);box-shadow:inset 0 0 0 1px #f5f8ff0a,0 0 1.4rem #53f6ff1f;color:var(--white);font-size:.86rem;font-weight:900;letter-spacing:.12em;line-height:1.25;text-align:center;text-decoration:none}.button:hover{border-color:var(--white);background-color:#53f6ff2e;color:var(--white)}.button-secondary{border-color:#9c6cffb8;background:#080e26bf}.hero-art{position:relative;align-self:center;width:min(100%,31rem);margin-inline:auto}.hero-art picture{position:relative;z-index:2;overflow:hidden;border:1px solid rgba(83,246,255,.52);border-radius:14%;box-shadow:0 0 0 .55rem #0305105c,0 0 4rem #4d7cff66}.hero-art img{width:100%;height:auto}.orbit-ring{position:absolute;z-index:1;inset:50% auto auto 50%;border:1px solid rgba(83,246,255,.32);border-radius:50%;transform:translate(-50%,-50%) rotate(-22deg);box-shadow:0 0 1.4rem #53f6ff1a}.orbit-ring-one{width:112%;height:49%}.orbit-ring-two{width:121%;height:60%;transform:translate(-50%,-50%) rotate(28deg);border-color:#9c6cff52}.proof-strip{display:grid;grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));margin-block:1.25rem 0;overflow:hidden;border:1px solid var(--line);border-radius:.55rem;background:#030510c2}.proof-strip div{min-width:0;padding:1rem;border-block-end:1px solid var(--line)}.proof-strip div:nth-child(odd){border-inline-end:1px solid var(--line)}.proof-strip div:nth-last-child(-n+2){border-block-end:0}.proof-strip dt{color:var(--amber);font-size:clamp(1.65rem,5vw,2.4rem);font-weight:900;line-height:1}.proof-strip dd{margin-block-start:.35rem;margin-inline-start:0;color:var(--muted);font-size:.74rem;font-weight:850;letter-spacing:.13em;line-height:1.3}.section{position:relative;padding-block:clamp(4.5rem,10vw,8.5rem)}.section+.section{border-block-start:1px solid rgba(83,246,255,.1)}.section-space,.section-arsenal,.section-screenshots{background:var(--space)}.section-heading{margin-block-end:clamp(2.25rem,6vw,4.5rem)}.section-heading>p:last-child{color:var(--muted);font-size:1.05rem}.compact-heading{margin-block-end:2.5rem}.step-grid,.feature-grid,.arsenal-grid,.support-grid{display:grid;grid-template-columns:1fr;gap:1rem;padding:0;list-style:none}.step-grid li,.feature-grid article,.arsenal-grid article,.support-grid article{position:relative;min-width:0;margin:0;border:1px solid var(--line);border-radius:.55rem;padding:1.35rem;background:var(--panel);box-shadow:inset 0 1px #f5f8ff0a}.step-grid p,.feature-grid p,.arsenal-grid p,.support-grid p{margin-block-end:0;color:var(--muted)}.step-number{display:block;margin-block-end:1.75rem;color:var(--amber);font-size:1.65rem;font-weight:900;letter-spacing:.1em}.feature-grid article{min-height:15rem;border-block-start-color:var(--line-strong)}.card-index{margin-block-end:2.6rem!important;color:var(--cyan)!important}.arsenal-grid article{--shot: var(--cyan);border-inline-start:3px solid var(--shot);padding-block-start:3.5rem}.shot-signal{position:absolute;inset-block-start:1.35rem;inset-inline-start:1.35rem;width:1rem;height:1rem;border:2px solid var(--shot);border-radius:50%;box-shadow:0 0 1rem var(--shot)}.shot-heavy{--shot: #c3d4eb !important}.shot-twin{--shot: #53f6ff !important}.shot-triple{--shot: #9c6cff !important}.shot-blast{--shot: #ff647c !important}.shot-sticky{--shot: #ffd166 !important}.shot-supersonic{--shot: #718bff !important}.shot-megablast{--shot: #ff5bd8 !important}.shot-electrifier{--shot: #6cfff0 !important}.shot-acid{--shot: #6cffb4 !important}.shot-laser{--shot: #ff809c !important}.shot-gravity{--shot: #c97bff !important}.arsenal-grid h3{margin-block-end:.35rem}.arsenal-grid .callout{margin-block-end:.8rem;color:var(--shot);font-size:.72rem}.standard-fire{margin-block:2rem 0;color:var(--muted)}.section-worlds{isolation:isolate;overflow:hidden;background:var(--void)}.section-worlds:before{position:absolute;z-index:-2;inset:0;background-image:url(/games/cannon-hit/assets/backgrounds/battle-space-480.webp);background-position:center;background-size:cover;content:""}@supports (background-image: image-set(url(x.avif) type("image/avif") 1x)){.section-worlds:before{background-image:image-set(url(/games/cannon-hit/assets/backgrounds/battle-space-480.avif) type("image/avif") 1x,url(/games/cannon-hit/assets/backgrounds/battle-space-480.webp) type("image/webp") 1x)}}.section-worlds:after{position:absolute;z-index:-1;inset:0;background:#030510d1;content:""}.world-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.world-card{--world: var(--cyan);position:relative;min-width:0;aspect-ratio:9 / 16;margin:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--world) 64%,transparent);border-radius:.55rem;background:var(--space);box-shadow:0 0 1.25rem color-mix(in srgb,var(--world) 11%,transparent)}.world-card picture,.world-card img{width:100%;height:100%}.world-card img{object-fit:cover}.world-card:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(3,5,16,.42) 52%,rgba(3,5,16,.98) 89%);content:""}.world-card figcaption{position:absolute;z-index:2;inset:auto 0 0;min-width:0;padding:clamp(.7rem,3vw,1rem)}.world-card figcaption>span{display:block;margin-block-end:.35rem;color:var(--world);font-size:clamp(.62rem,2.4vw,.72rem)}.world-card h3{margin-block-end:.45rem;font-size:clamp(.74rem,3.5vw,1rem);line-height:1.14}.world-card p{margin:0;color:#e2e9ff;font-size:clamp(.69rem,2.5vw,.79rem);font-weight:650;line-height:1.35}.world-01{--world: #55efff}.world-02{--world: #ff587e}.world-03{--world: #58ffb4}.world-04{--world: #ffb23d}.world-05{--world: #9edcff}.world-06{--world: #c97bff}.world-07{--world: #ffd65a}.world-08{--world: #718bff}.world-09{--world: #ff7fae}.world-10{--world: #ff5b48}.screenshot-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}.screenshot-grid figure{min-width:0;margin:0}.screenshot-grid picture{overflow:hidden;border:1px solid var(--line-strong);border-radius:1.25rem;background:var(--void);box-shadow:0 1.5rem 3rem #00000047}.screenshot-grid img{width:100%;height:auto}.screenshot-grid figcaption{padding:1rem .4rem 0;color:var(--muted);font-weight:650}.section-support{background:radial-gradient(circle at 86% 25%,rgba(156,108,255,.14),transparent 28rem),var(--void)}.support-grid article{border-inline-start:3px solid var(--blue)}.support-grid .contact-card{border-color:var(--line-strong);border-inline-start-color:var(--cyan);background:linear-gradient(135deg,#53f6ff17,#4d7cff14),var(--panel-strong)}.support-grid a{overflow-wrap:anywhere;font-weight:800}.site-footer{border-block-start:1px solid var(--line);background:#02030a}.footer-inner{display:grid;gap:1rem;padding-block:2rem}.footer-inner p{margin:0;color:var(--muted);font-size:.87rem}.privacy-page{background:var(--void)}.privacy-main{width:min(100% - 2rem,78ch);margin-inline:auto;padding-block:clamp(2.75rem,8vw,6rem)}.privacy-panel{overflow-wrap:anywhere;border:1px solid var(--line);border-radius:.6rem;padding:clamp(1.15rem,4vw,3.5rem);background:var(--panel-strong);box-shadow:0 1.4rem 4rem #00000047}.privacy-title{padding-block-end:2rem;border-block-end:1px solid var(--line)}.privacy-title h1{max-width:13ch;font-size:clamp(2.4rem,9vw,5rem)}.privacy-title>p:not(.eyebrow){color:var(--muted)}.privacy-panel section{padding-block:2.25rem;border-block-end:1px solid rgba(83,246,255,.14);scroll-margin-block-start:var(--header-offset)}.privacy-panel section:last-child{padding-block-end:0;border-block-end:0}.privacy-panel h2{font-size:clamp(1.45rem,4vw,2rem);line-height:1.2;text-transform:none}.privacy-panel h3{margin-block:1.75rem .65rem;font-size:1rem;text-transform:none}.privacy-panel p{color:#d2daef}.privacy-panel address{color:#d2daef;font-style:normal}.not-found-page{min-height:100vh;background:radial-gradient(circle at 50% 30%,rgba(77,124,255,.28),transparent 25rem),radial-gradient(circle at 80% 70%,rgba(156,108,255,.14),transparent 24rem),var(--void)}.not-found-main{display:grid;min-height:100vh;place-items:center;padding:1rem}.not-found-panel{width:min(100%,46rem);border:1px solid var(--line-strong);border-radius:.6rem;padding:clamp(1.5rem,7vw,4rem);background:var(--panel-strong);text-align:center}.not-found-panel h1{font-size:clamp(2.5rem,10vw,5.2rem)}.not-found-panel p{margin-inline:auto;color:var(--muted)}.not-found-panel nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-block-start:2rem}@media(min-width:640px){.header-inner,.section-inner,.hero-inner,.footer-inner{width:min(100% - 3rem,var(--content))}.step-grid,.feature-grid,.arsenal-grid,.support-grid,.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.proof-strip div,.proof-strip div:nth-child(odd){border-block-end:0;border-inline-end:1px solid var(--line)}.proof-strip div:last-child{border-inline-end:0}.feature-grid article:first-child,.feature-grid article:last-child,.contact-card{grid-column:1 / -1}.world-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.world-card h3{font-size:clamp(.85rem,2vw,1.05rem)}.screenshot-grid figure:last-child{width:calc(50% - .625rem);grid-column:1 / -1;justify-self:center}.footer-inner{grid-template-columns:1fr auto;align-items:center}.footer-inner p:last-child{grid-column:1 / -1}}@media(min-width:900px){.hero:before{background-image:url(/games/cannon-hit/assets/backgrounds/command-space-898.webp)}.section-worlds:before{background-image:url(/games/cannon-hit/assets/backgrounds/battle-space-899.webp)}@supports (background-image: image-set(url(x.avif) type("image/avif") 1x)){.hero:before{background-image:image-set(url(/games/cannon-hit/assets/backgrounds/command-space-898.avif) type("image/avif") 1x,url(/games/cannon-hit/assets/backgrounds/command-space-898.webp) type("image/webp") 1x)}.section-worlds:before{background-image:image-set(url(/games/cannon-hit/assets/backgrounds/battle-space-899.avif) type("image/avif") 1x,url(/games/cannon-hit/assets/backgrounds/battle-space-899.webp) type("image/webp") 1x)}}}@media(min-width:1024px){:root{--header-offset: 6rem}.header-inner{flex-direction:row;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:.5rem}.site-header{position:sticky}.primary-nav{justify-content:flex-end}.hero-inner{grid-template-columns:minmax(0,1.08fr) minmax(22rem,.92fr);align-items:center;gap:clamp(2rem,5vw,5rem)}.hero-art{grid-column:2;grid-row:1;width:min(100%,33rem)}.hero-copy{grid-column:1;grid-row:1}.step-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-grid,.arsenal-grid,.support-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid article:first-child,.feature-grid article:last-child,.contact-card{grid-column:auto}.feature-grid article:first-child{grid-column:span 2}.feature-grid article:last-child{grid-column:span 2}.world-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.screenshot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.screenshot-grid figure:last-child{width:auto;grid-column:auto}.support-layout{display:grid;grid-template-columns:minmax(16rem,.72fr) minmax(0,1.5fr);gap:3rem;align-items:start}.support-layout .section-heading{position:sticky;inset-block-start:7rem}.support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-grid .contact-card{grid-column:1 / -1}.privacy-main{width:min(100% - 4rem,78ch)}}@media(max-width:359px){.header-inner,.section-inner,.hero-inner,.footer-inner,.privacy-main{width:min(100% - 1.25rem,var(--content))}.primary-nav{gap-inline:.42rem}.primary-nav a{font-size:.78rem;letter-spacing:.07em}.world-grid{grid-template-columns:1fr}.world-card{width:min(100%,18rem);justify-self:center}}@media(prefers-contrast:more){:root{--muted: #dbe3f7;--line: rgba(83, 246, 255, .65);--line-strong: #53f6ff}.site-header,.step-grid li,.feature-grid article,.arsenal-grid article,.support-grid article,.privacy-panel{background:#080d25}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.site-header,.site-footer,.skip-link{display:none}body,.privacy-page,.privacy-panel{background:#fff;color:#111}.privacy-main{width:auto;padding:0}.privacy-panel{border:0;box-shadow:none}.privacy-panel h1,.privacy-panel h2,.privacy-panel h3,.privacy-panel p,.privacy-panel address,.privacy-title>p:not(.eyebrow),a{color:#111}}