/* Prompter Hawk Landing Page - Dark Theme */
/* Strong black & white design with vibrant colored panels */

/* Iosevka Font Family - Custom developer-focused typeface */
@font-face {
    font-family: 'Iosevka Custom';
    src: url('fonts/IosevkaCustom-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Iosevka Custom';
    src: url('fonts/IosevkaCustom-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Iosevka Custom';
    src: url('fonts/IosevkaCustom-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Iosevka Custom';
    src: url('fonts/IosevkaCustom-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Iosevka Custom Extended';
    src: url('fonts/IosevkaCustom-Extended.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Iosevka Custom Extended';
    src: url('fonts/IosevkaCustom-ExtendedItalic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Iosevka Custom Extended';
    src: url('fonts/IosevkaCustom-ExtendedBold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Iosevka Custom Extended';
    src: url('fonts/IosevkaCustom-ExtendedBoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

:root {
    /* Dark theme - Seti UI inspired */
    --seti-black: #0e1112;
    --seti-black-dark: #090b0d;
    --seti-white: #ffffff;
    --seti-grey-dark: #1f2326;
    --seti-grey-light: #6d8086;
    --seti-grey-lighter: #9da5ab;

    /* Vibrant accent colors for panels - NEW PALETTE */
    --color-green: #4a9079;     /* jade-green */
    --color-blue: #3655c7;      /* byzantine-blue */
    --color-cyan: #5a9fd4;      /* Derived cyan (lighter blue tone) */
    --color-purple: #b76dc4;    /* Derived purple (cooler magenta) */
    --color-pink: #d468ba;      /* sky-magenta */
    --color-slate: #6b8590;     /* Muted slate-grey */
    --color-orange: #c03221;    /* engineering-orange */
    --color-yellow: #fcd83c;    /* mustard */
    --color-red: #c03221;       /* engineering-orange (primary red) */

    /* Animation color palette - updated to match new palette */
    --madder: #8a2a1d;          /* Darker engineering-orange tone */
    --fire-brick: #c03221;      /* engineering-orange */
    --red-cmyk: #d84632;        /* Lighter engineering-orange */
    --steel-blue: #3655c7;      /* byzantine-blue */
    --polynesian-blue: #2a45a0; /* Darker byzantine-blue */
    --royal-blue-traditional: #1e3378; /* Even darker blue */
    --penn-blue: #042025;       /* gunmetal (darkest) */

    /* Animation semantic mapping */
    --primary: var(--fire-brick);
    --primary-hover: var(--red-cmyk);
    --dark: var(--penn-blue);
    --dark-accent: var(--royal-blue-traditional);
    --text-light: var(--seti-grey-lighter);

    /* Semantic mapping */
    --bg-primary: var(--seti-black);
    --bg-secondary: var(--seti-black-dark);
    --bg-panel: var(--seti-grey-dark);
    --text-primary: var(--seti-white);
    --text-secondary: var(--seti-grey-lighter);
    --text-muted: var(--seti-grey-light);
    --border: var(--seti-grey-dark);

    /* Typography - Iosevka with monospace feel */
    --font-sans: 'Iosevka Custom', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-mono: 'Iosevka Custom', 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;

    /* Spacing - Precise, grid-based */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 6rem;

    /* Border radius - Minimal */
    --radius-sm: 3px;
    --radius-md: 6px;
    --radius-lg: 8px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-sans);
    color: var(--text-primary);
    line-height: 1.6;
    background: var(--bg-primary);
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--spacing-md);
}

/* Navigation - Dark with accent */
.nav {
    background: var(--bg-secondary);
    border-bottom: 2px solid var(--color-cyan);
    padding: var(--spacing-sm) 0;
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.nav-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
}

.logo-img {
    height: 40px;
    width: auto;
    filter: brightness(1.2);
}

.logo-text {
    color: var(--text-primary);
}

.nav-links {
    display: flex;
    gap: var(--spacing-md);
}

.nav-links a {
    color: var(--text-secondary);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
}

.nav-links a:hover {
    color: var(--color-cyan);
}

/* Hero Section - Copied from working index.html styles */
.hero {
    padding: var(--spacing-xl) 0;
    background: var(--bg-primary);
    position: relative;
    overflow: hidden;
}

.hero-content {
    max-width: 800px;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.hero-visual {
    margin-top: var(--spacing-lg);
    position: relative;
    z-index: 1;
}

.hero-headline {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: var(--spacing-md);
    color: var(--text-primary);
}

.hero-subheadline {
    font-size: 1.25rem;
    color: var(--text-secondary);
    margin-bottom: var(--spacing-md);
    line-height: 1.6;
}

.hero-cta {
    display: flex;
    gap: var(--spacing-sm);
    justify-content: center;
    margin-bottom: var(--spacing-sm);
}

.btn-primary, .btn-primary-large {
    background: var(--color-orange);
    color: var(--seti-white);
    padding: 0.875rem 2rem;
    border: none;
    border-radius: var(--radius-sm);
    font-size: 1.125rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-block;
}

.btn-primary:hover, .btn-primary-large:hover {
    background: var(--red-cmyk);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(192, 50, 33, 0.4);
}

.btn-primary-large {
    font-size: 1.25rem;
    padding: 1.125rem 2.5rem;
}

.btn-secondary {
    background: transparent;
    color: var(--text-primary);
    padding: 0.875rem 2rem;
    border: 2px solid var(--border);
    border-radius: var(--radius-sm);
    font-size: 1.125rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-block;
}

.btn-secondary:hover {
    border-color: var(--color-cyan);
    color: var(--color-cyan);
}

.btn-outline {
    background: transparent;
    color: var(--text-primary);
    padding: 0.75rem 1.5rem;
    border: 2px solid var(--border);
    border-radius: var(--radius-sm);
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-block;
    text-align: center;
}

.btn-outline:hover {
    border-color: var(--color-cyan);
    color: var(--color-cyan);
}

.hero-proof {
    color: var(--text-muted);
    font-size: 0.875rem;
    font-weight: 500;
}

.hero-logo {
    margin-top: var(--spacing-md);
}

.hero-logo-img {
    height: 80px;
    width: auto;
    opacity: 0.6;
}

/* Problem Statement - Cards with colored accents */
.problem-statement {
    background: var(--bg-secondary);
    padding: var(--spacing-xl) 0;
}

.problem-statement h2 {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: var(--spacing-lg);
    color: var(--text-primary);
}

.problem-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--spacing-md);
}

.problem-card {
    background: var(--bg-secondary);
    border: 1px solid var(--color-red);
    border-radius: var(--radius-sm);
    padding: var(--spacing-md);
    position: relative;
    overflow: hidden;
}

.problem-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--color-red);
}

.problem-card:nth-child(1)::before {
    background: var(--color-red);
}

.problem-card:nth-child(1) {
    border-color: var(--color-red);
}

.problem-card:nth-child(2)::before {
    background: var(--color-orange);
}

.problem-card:nth-child(2) {
    border-color: var(--color-orange);
}

.problem-card:nth-child(3)::before {
    background: var(--color-yellow);
}

.problem-card:nth-child(3) {
    border-color: var(--color-yellow);
}

.problem-card h3 {
    font-size: 1.5rem;
    margin: var(--spacing-md) 0 var(--spacing-sm);
    color: var(--text-primary);
}

.problem-card p {
    color: var(--text-secondary);
    line-height: 1.6;
}

/* Solution Section */
.solution {
    background: var(--bg-primary);
    padding: var(--spacing-xl) 0;
}

.section-header {
    text-align: center;
    margin-bottom: var(--spacing-lg);
}

.section-header h2 {
    font-size: 2.5rem;
    margin-bottom: var(--spacing-sm);
    color: var(--text-primary);
}

.section-header p {
    font-size: 1.125rem;
    color: var(--text-secondary);
}

.solution-steps {
    display: grid;
    gap: var(--spacing-lg);
}

.step {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: var(--spacing-md);
    position: relative;
}

.step::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

.step:nth-child(1)::before {
    background: var(--color-cyan);
}

.step:nth-child(2)::before {
    background: var(--color-orange);
}

.step:nth-child(3)::before {
    background: var(--color-cyan);
}

.step:nth-child(4)::before {
    background: var(--color-orange);
}

.step-number {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--bg-primary);
    border: 2px solid var(--color-cyan);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: var(--spacing-sm);
    color: var(--color-cyan);
}

.step:nth-child(2) .step-number {
    border-color: var(--color-orange);
    color: var(--color-orange);
}

.step:nth-child(3) .step-number {
    border-color: var(--color-cyan);
    color: var(--color-cyan);
}

.step:nth-child(4) .step-number {
    border-color: var(--color-orange);
    color: var(--color-orange);
}

.step h3 {
    font-size: 1.75rem;
    margin-bottom: var(--spacing-sm);
    color: var(--text-primary);
}

.step p {
    color: var(--text-secondary);
    margin-bottom: var(--spacing-sm);
}

.step code {
    display: block;
    background: var(--bg-primary);
    border: 1px solid var(--border);
    padding: var(--spacing-sm);
    border-radius: var(--radius-sm);
    font-family: var(--font-mono);
    color: var(--color-cyan);
    margin-top: var(--spacing-sm);
}

.agent-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: var(--spacing-sm);
}

.agent-tag {
    background: var(--bg-primary);
    border: 1px solid var(--border);
    padding: 0.375rem 0.75rem;
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    color: var(--text-secondary);
    font-family: var(--font-mono);
}

/* Task Completion Animation - Step 4 "Watch Progress Accelerate" */
.task-completion-animation {
    margin-top: var(--spacing-sm);
    padding: var(--spacing-md);
    background: rgba(0, 0, 0, 0.4);
    border: 2px solid var(--border);
    border-radius: var(--radius-sm);
    min-height: 200px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.5rem;
    align-content: start;
}

.task-card {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    font-size: 0.85rem;
    opacity: 0;
    transform: translateY(10px);
    animation: taskAppear 0.3s ease forwards;
}

.task-card .task-checkbox {
    width: 16px;
    height: 16px;
    border: 2px solid var(--color-orange);
    border-radius: 2px;
    flex-shrink: 0;
    position: relative;
    transition: all 0.3s ease;
}

.task-card.completed .task-checkbox {
    background: var(--color-cyan);
    border-color: var(--color-cyan);
}

.task-card.completed .task-checkbox::after {
    content: '✓';
    position: absolute;
    top: -4px;
    left: 2px;
    color: var(--bg-primary);
    font-size: 0.75rem;
    font-weight: 700;
}

.task-card.completed {
    opacity: 0.7;
    color: var(--text-primary);
    animation: taskComplete 0.5s ease forwards;
}

.task-card span {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Staggered appearance animation for each task card */
.task-card-1 { animation-delay: 0.1s; }
.task-card-2 { animation-delay: 0.15s; }
.task-card-3 { animation-delay: 0.2s; }
.task-card-4 { animation-delay: 0.25s; }
.task-card-5 { animation-delay: 0.3s; }
.task-card-6 { animation-delay: 0.35s; }
.task-card-7 { animation-delay: 0.4s; }
.task-card-8 { animation-delay: 0.45s; }
.task-card-9 { animation-delay: 0.5s; }
.task-card-10 { animation-delay: 0.55s; }
.task-card-11 { animation-delay: 0.6s; }
.task-card-12 { animation-delay: 0.65s; }
.task-card-13 { animation-delay: 0.7s; }
.task-card-14 { animation-delay: 0.75s; }
.task-card-15 { animation-delay: 0.8s; }
.task-card-16 { animation-delay: 0.85s; }
.task-card-17 { animation-delay: 0.9s; }
.task-card-18 { animation-delay: 0.95s; }
.task-card-19 { animation-delay: 1s; }
.task-card-20 { animation-delay: 1.05s; }
.task-card-21 { animation-delay: 1.1s; }
.task-card-22 { animation-delay: 1.15s; }

@keyframes taskAppear {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes taskComplete {
    0% {
        border-color: var(--color-orange);
        background: rgba(192, 50, 33, 0.15);
    }
    50% {
        border-color: var(--color-cyan);
        background: rgba(90, 159, 212, 0.15);
        transform: scale(1.05);
    }
    100% {
        border-color: var(--color-cyan);
        background: rgba(90, 159, 212, 0.1);
        transform: scale(1);
    }
}

/* Responsive adjustments for task completion animation */
@media (max-width: 768px) {
    .task-completion-animation {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 0.4rem;
    }

    .task-card {
        font-size: 0.75rem;
        padding: 0.4rem;
    }
}

@media (max-width: 480px) {
    .task-completion-animation {
        grid-template-columns: 1fr;
        gap: 0.3rem;
    }

    .task-card {
        font-size: 0.7rem;
        padding: 0.35rem;
    }
}

/* Features Section - Vibrant colored cards */
.features {
    background: var(--bg-secondary);
    padding: var(--spacing-xl) 0;
}

.features h2 {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: var(--spacing-lg);
    color: var(--text-primary);
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--spacing-md);
}

.feature-card {
    background: var(--bg-secondary);
    border: 1px solid var(--color-cyan);
    border-radius: var(--radius-sm);
    padding: var(--spacing-md);
    position: relative;
    transition: transform 0.2s, box-shadow 0.2s;
}

.feature-card:hover {
    transform: translateY(-4px);
}

/* Color-coded feature cards */
.feature-card:nth-child(1) {
    border-color: var(--color-blue);
}

.feature-card:nth-child(2) {
    border-color: var(--color-orange);
}

.feature-card:nth-child(3) {
    border-color: var(--color-green);
}

.feature-card:nth-child(4) {
    border-color: var(--color-yellow);
}

.feature-card:nth-child(5) {
    border-color: var(--color-purple);
}

.feature-card:nth-child(6) {
    border-color: var(--color-pink);
}

.feature-card:nth-child(7) {
    border-color: var(--color-orange);
}

.feature-card:nth-child(8) {
    border-color: var(--color-yellow);
}

.feature-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: var(--spacing-sm);
    margin: calc(-1 * var(--spacing-md)) calc(-1 * var(--spacing-md)) var(--spacing-sm);
    border-bottom: 2px solid;
    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
}

.feature-card:nth-child(1) .feature-header {
    border-bottom-color: var(--color-blue);
    background: #3655c720;
}

.feature-card:nth-child(2) .feature-header {
    border-bottom-color: var(--color-orange);
    background: #c0322120;
}

.feature-card:nth-child(3) .feature-header {
    border-bottom-color: var(--color-green);
    background: #4a907920;
}

.feature-card:nth-child(4) .feature-header {
    border-bottom-color: var(--color-yellow);
    background: #fcd83c20;
}

.feature-card:nth-child(5) .feature-header {
    border-bottom-color: var(--color-purple);
    background: #b76dc420;
}

.feature-card:nth-child(6) .feature-header {
    border-bottom-color: var(--color-pink);
    background: #d468ba20;
}

.feature-card:nth-child(7) .feature-header {
    border-bottom-color: var(--color-orange);
    background: #ff950020;
}

.feature-card:nth-child(8) .feature-header {
    border-bottom-color: var(--color-yellow);
    background: #ffd70020;
}

.feature-icon {
    font-size: 2.5rem;
    flex-shrink: 0;
}

.feature-title {
    color: var(--text-primary);
    font-size: 1.35rem;
    font-weight: 600;
    line-height: 1.2;
}

.feature-card h3 {
    font-size: 1.5rem;
    margin-bottom: var(--spacing-sm);
    color: var(--text-primary);
}

.feature-benefit {
    color: var(--text-secondary);
    margin-bottom: var(--spacing-sm);
    line-height: 1.6;
}

.feature-outcome {
    color: var(--text-muted);
    font-style: italic;
    margin-bottom: var(--spacing-sm);
    font-size: 0.938rem;
}

.feature-details {
    list-style: none;
    margin-top: var(--spacing-sm);
}

.feature-details li {
    color: var(--text-secondary);
    padding-left: 1.5rem;
    position: relative;
    margin-bottom: 0.5rem;
}

.feature-details li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: var(--color-cyan);
}

/* Color-matched bullets for each feature card */
.feature-card:nth-child(1) .feature-details li::before {
    color: var(--color-blue);
}

.feature-card:nth-child(2) .feature-details li::before {
    color: var(--color-orange);
}

.feature-card:nth-child(3) .feature-details li::before {
    color: var(--color-green);
}

.feature-card:nth-child(4) .feature-details li::before {
    color: var(--color-yellow);
}

.feature-card:nth-child(5) .feature-details li::before {
    color: var(--color-purple);
}

.feature-card:nth-child(6) .feature-details li::before {
    color: var(--color-pink);
}

.feature-card:nth-child(7) .feature-details li::before {
    color: var(--color-orange);
}

.feature-card:nth-child(8) .feature-details li::before {
    color: var(--color-yellow);
}

/* Social Proof / Differentiators */
.social-proof {
    background: var(--bg-primary);
    padding: var(--spacing-xl) 0;
}

.social-proof h2 {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: var(--spacing-lg);
    color: var(--text-primary);
}

.testimonials {
    display: grid;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-lg);
}

.testimonial {
    background: var(--bg-secondary);
    border-left: 4px solid var(--color-blue);
    padding: var(--spacing-md);
    border-radius: var(--radius-sm);
}

.testimonial:nth-child(2) {
    border-left-color: var(--color-green);
}

.testimonial:nth-child(3) {
    border-left-color: var(--color-pink);
}

.quote {
    color: var(--text-secondary);
    font-size: 1.125rem;
    line-height: 1.6;
}

.quote strong {
    color: var(--text-primary);
}

.stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--spacing-md);
    margin-top: var(--spacing-lg);
}

.stat {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    padding: var(--spacing-md);
    text-align: center;
    border-radius: var(--radius-sm);
}

.stat:nth-child(1) {
    border-top: 3px solid var(--color-yellow);
}

.stat:nth-child(2) {
    border-top: 3px solid var(--color-purple);
}

.stat:nth-child(3) {
    border-top: 3px solid var(--color-orange);
}

.stat-number {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.stat-label {
    color: var(--text-secondary);
    font-size: 0.938rem;
}

/* Pricing Section */
.pricing {
    background: var(--bg-secondary);
    padding: var(--spacing-xl) 0;
}

.pricing .section-header h2 {
    color: var(--text-primary);
}

.pricing-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--spacing-md);
    margin-top: var(--spacing-lg);
}

.pricing-card {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: var(--spacing-md);
    text-align: center;
    position: relative;
    transition: transform 0.2s;
}

.pricing-card:hover {
    transform: translateY(-4px);
}

.pricing-card.featured {
    border: 2px solid var(--color-cyan);
    border-top: 4px solid var(--color-cyan);
}

.badge {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-orange);
    color: var(--seti-white);
    padding: 0.25rem 1rem;
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    font-weight: 700;
}

.pricing-card h3 {
    font-size: 1.75rem;
    margin-bottom: var(--spacing-sm);
    color: var(--text-primary);
}

.price {
    margin: var(--spacing-md) 0;
}

.price-amount {
    font-size: 3rem;
    font-weight: 700;
    color: var(--text-primary);
}

.price-period {
    font-size: 1.125rem;
    color: var(--text-muted);
}

.pricing-description {
    color: var(--text-secondary);
    margin-bottom: var(--spacing-md);
}

.pricing-features {
    list-style: none;
    margin: var(--spacing-md) 0;
    text-align: left;
}

.pricing-features li {
    color: var(--text-secondary);
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--border);
}

.pricing-features li:last-child {
    border-bottom: none;
}

.pricing-note {
    margin-top: var(--spacing-sm);
    font-size: 0.875rem;
    color: var(--text-muted);
    font-style: italic;
}

/* Final CTA */
.final-cta {
    background: var(--bg-primary);
    padding: var(--spacing-xl) 0;
    text-align: center;
}

.final-cta h2 {
    font-size: 2.5rem;
    margin-bottom: var(--spacing-sm);
    color: var(--text-primary);
}

.final-cta p {
    font-size: 1.125rem;
    color: var(--text-secondary);
    margin-bottom: var(--spacing-md);
}

.cta-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-sm);
}

.cta-note {
    color: var(--text-muted);
    font-size: 0.875rem;
}

/* Footer */
.footer {
    background: var(--bg-secondary);
    border-top: 2px solid var(--border);
    padding: var(--spacing-lg) 0;
}

.footer-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-md);
}

.footer-section h4 {
    color: var(--text-primary);
    margin-bottom: var(--spacing-sm);
    font-size: 1.125rem;
}

.footer-section a {
    display: block;
    color: var(--text-secondary);
    text-decoration: none;
    margin-bottom: 0.5rem;
    transition: color 0.2s;
}

.footer-section a:hover {
    color: var(--color-cyan);
}

.footer-bottom {
    text-align: center;
    padding-top: var(--spacing-md);
    border-top: 1px solid var(--border);
    color: var(--text-muted);
}

.privacy-notice {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: var(--text-muted);
}

.privacy-notice a {
    color: var(--color-cyan);
    text-decoration: underline;
}

/* Modal Styles */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(4px);
}

.modal-content {
    background: var(--bg-secondary);
    border: 2px solid var(--color-blue);
    border-top: 4px solid var(--color-blue);
    margin: 5% auto;
    padding: 0;
    border-radius: var(--radius-md);
    width: 90%;
    max-width: 500px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

.modal-header {
    background: #3655c720;
    border-bottom: 2px solid var(--color-blue);
    padding: var(--spacing-md);
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    position: relative;
}

.modal-header h2 {
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.modal-header p {
    color: var(--text-secondary);
}

.close {
    color: var(--text-muted);
    float: right;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    line-height: 1;
    transition: color 0.2s;
}

.close:hover {
    color: var(--color-red);
}

.modal-body {
    padding: var(--spacing-md);
}

.form-group {
    margin-bottom: var(--spacing-md);
}

.form-group label {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    font-weight: 600;
}

.form-group input,
.form-group select {
    width: 100%;
    padding: 0.75rem;
    background: var(--bg-primary);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    color: var(--text-primary);
    font-family: var(--font-sans);
    font-size: 1rem;
}

.form-group input:focus,
.form-group select:focus {
    outline: none;
    border-color: var(--color-cyan);
}

.form-benefits {
    background: var(--bg-primary);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: var(--spacing-sm);
    margin-bottom: var(--spacing-md);
}

.form-benefits h4 {
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.form-benefits ul {
    list-style: none;
    padding-left: 0;
}

.form-benefits li {
    color: var(--text-secondary);
    padding: 0.25rem 0;
    padding-left: 1.5rem;
    position: relative;
}

.form-benefits li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--color-cyan);
}

.submit-btn {
    width: 100%;
    background: var(--color-orange);
    color: var(--seti-white);
    padding: 1rem;
    border: none;
    border-radius: var(--radius-sm);
    font-size: 1.125rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.submit-btn:hover {
    background: var(--red-cmyk);
    transform: translateY(-2px);
}

.success-message {
    display: none;
    text-align: center;
    padding: var(--spacing-md);
}

.success-icon {
    font-size: 4rem;
    margin-bottom: var(--spacing-sm);
}

.success-message h3 {
    color: var(--text-primary);
    margin-bottom: var(--spacing-sm);
}

.success-message p {
    color: var(--text-secondary);
    margin-bottom: var(--spacing-sm);
}

/* Responsive Design */
@media (max-width: 768px) {
    .hero-headline {
        font-size: 2.5rem;
    }

    .hero-cta {
        flex-direction: column;
    }

    .btn-primary, .btn-secondary {
        width: 100%;
        text-align: center;
    }
}
/* Terminal Chaos Animation */
.terminal-chaos-animation {
    width: 120px;
    height: 90px;
    position: relative;
    margin: 0 auto var(--spacing-sm);
    display: block;
}

.chaos-terminal {
    position: absolute;
    width: 80px;
    height: 50px;
    /* Changed from navy (--dark/--dark-accent) to dark grey for index-dark */
    background: linear-gradient(135deg, #2a2a2a 0%, #3a3a3a 100%);
    border: 2px solid #4a9079; /* Medium-dark jade green */
    border-radius: 3px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

.chaos-terminal::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 8px;
    /* Changed from navy (--dark-accent) to dark grey for terminal header */
    background: #3a3a3a;
    border-bottom: 1px solid #4a9079; /* Medium-dark jade green */
}

.chaos-terminal::after {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 8px;
    right: 8px;
    height: 2px;
    background: #4a9079; /* Medium-dark jade green */
    opacity: 0.7;
    animation: terminalCursor 1.2s infinite;
}

@keyframes terminalCursor {
    0%, 100% { opacity: 0.7; width: 40%; }
    50% { opacity: 0.3; width: 60%; }
}

/* Title in terminal header */
.terminal-title {
    position: absolute;
    top: 2px;
    left: 8px;
    font-size: 10px;
    font-weight: 600;
    color: var(--text-primary);
    z-index: 12;
    pointer-events: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* Stacked terminals at different positions */
.chaos-terminal-1 {
    left: 20px;
    top: 5px;
    z-index: 1;
    animation: bringToFront1 8s ease-in-out infinite;
}

.chaos-terminal-2 {
    left: 15px;
    top: 15px;
    z-index: 2;
    animation: bringToFront2 8s ease-in-out infinite;
}

.chaos-terminal-3 {
    left: 25px;
    top: 25px;
    z-index: 3;
    animation: bringToFront3 8s ease-in-out infinite;
}

.chaos-terminal-4 {
    left: 10px;
    top: 35px;
    z-index: 4;
    animation: bringToFront4 8s ease-in-out infinite;
}

/* Animated cursor trying to navigate */
.chaos-cursor {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 12px solid #4a9079; /* Medium-dark jade green */
    z-index: 11; /* Always on top - never hidden */
    filter: drop-shadow(0 2px 4px rgba(74, 144, 121, 0.5)); /* Jade green shadow */
    animation: chaosCursorMove 8s ease-in-out infinite;
}

/* Click ripple effect */
.chaos-cursor::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-radius: 50%;
    border: 2px solid var(--primary);
    opacity: 0;
    animation: clickRipple 8s ease-out infinite;
}

/* Click ripple animation */
@keyframes clickRipple {
    /* Click 1 - Terminal 1 at 14% */
    0%, 13% { width: 0; height: 0; opacity: 0; }
    14% { width: 20px; height: 20px; opacity: 0.8; }
    16% { width: 30px; height: 30px; opacity: 0; }

    /* Click 2 - Terminal 2 at 31% */
    17%, 30% { width: 0; height: 0; opacity: 0; }
    31% { width: 20px; height: 20px; opacity: 0.8; }
    33% { width: 30px; height: 30px; opacity: 0; }

    /* Click 3 - Terminal 3 at 49% */
    34%, 48% { width: 0; height: 0; opacity: 0; }
    49% { width: 20px; height: 20px; opacity: 0.8; }
    51% { width: 30px; height: 30px; opacity: 0; }

    /* Click 4 - Terminal 4 at 67% */
    52%, 66% { width: 0; height: 0; opacity: 0; }
    67% { width: 20px; height: 20px; opacity: 0.8; }
    69% { width: 30px; height: 30px; opacity: 0; }

    /* Click 5 - Terminal 1 again at 82% */
    70%, 81% { width: 0; height: 0; opacity: 0; }
    82% { width: 20px; height: 20px; opacity: 0.8; }
    84% { width: 30px; height: 30px; opacity: 0; }

    85%, 100% { width: 0; height: 0; opacity: 0; }
}

/* Bring to front animations - each terminal gets checked in sequence */
/* NO scaling, NO movement, NO rotation - only z-index and glow changes */
/* This prevents visual chaos and keeps terminals stable during animation */
@keyframes bringToFront1 {
    /* Rest state - behind other windows */
    0%, 15% {
        z-index: 1;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    }
    /* Cursor clicks at 14%, window responds at 16% (2% delay) */
    /* Brought to front - emphasized with glow */
    16%, 24% {
        z-index: 10;
        box-shadow: 0 8px 24px rgba(74, 144, 121, 0.6);
    }
    /* Return to rest state */
    25%, 83% {
        z-index: 1;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    }
    /* Cursor clicks at 82%, window responds at 84% (2% delay) - second time */
    84%, 92% {
        z-index: 10;
        box-shadow: 0 8px 24px rgba(74, 144, 121, 0.6);
    }
    /* Return to rest state */
    93%, 100% {
        z-index: 1;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    }
}

@keyframes bringToFront2 {
    /* Rest state - behind other windows */
    0%, 32% {
        z-index: 2;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    }
    /* Cursor clicks at 31%, window responds at 33% (2% delay) */
    /* Brought to front - emphasized with glow */
    33%, 42% {
        z-index: 10;
        box-shadow: 0 8px 24px rgba(74, 144, 121, 0.6);
    }
    /* Return to rest state */
    43%, 100% {
        z-index: 2;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    }
}

@keyframes bringToFront3 {
    /* Rest state - behind other windows */
    0%, 50% {
        z-index: 3;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    }
    /* Cursor clicks at 49%, window responds at 51% (2% delay) */
    /* Brought to front - emphasized with glow */
    51%, 60% {
        z-index: 10;
        box-shadow: 0 8px 24px rgba(74, 144, 121, 0.6);
    }
    /* Return to rest state */
    61%, 100% {
        z-index: 3;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    }
}

@keyframes bringToFront4 {
    /* Rest state - behind other windows */
    0%, 68% {
        z-index: 4;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    }
    /* Cursor clicks at 67%, window responds at 69% (2% delay) */
    /* Brought to front - emphasized with glow */
    69%, 78% {
        z-index: 10;
        box-shadow: 0 8px 24px rgba(74, 144, 121, 0.6);
    }
    /* Return to rest state */
    79%, 100% {
        z-index: 4;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    }
}

/* Cursor movement pattern - clicking inside visible terminal windows as they come to front */
/* FIXED: Cursor always visible, clicks top-left of window 2, better timing */
@keyframes chaosCursorMove {
    /* Start visible (not hidden) - REDUCED from 6% to 2% */
    0%, 2% {
        left: 50px;
        top: 10px;
        opacity: 1; /* FIXED: Always visible */
        transform: scale(1);
    }
    /* Move toward Terminal 1's visible area (right edge visible at left: 20px, top: 5px) */
    /* Terminal 1 is behind 2, 3, 4 so only far right edge is visible */
    5% {
        opacity: 1;
        transform: scale(1);
        left: 70px;
        top: 8px;
    }
    8% {
        left: 80px;
        top: 12px;
    }
    11% {
        left: 85px;
        top: 15px;
    }
    /* Click Terminal 1's visible right edge */
    14% {
        left: 88px;
        top: 18px;
        transform: scale(0.9); /* Click animation */
    }
    15%, 22% {
        left: 88px;
        top: 18px;
        transform: scale(1);
    }

    /* Move toward Terminal 2's TOP-LEFT corner (ONLY visible part) */
    /* FIXED: Window 2 at (15px, 15px) - only top-left is uncovered */
    25% {
        left: 30px;
        top: 15px;
    }
    28% {
        left: 22px;
        top: 18px;
    }
    /* Click Terminal 2's visible TOP-LEFT corner - FIXED */
    31% {
        left: 20px; /* FIXED: Top-left instead of bottom-right */
        top: 20px; /* FIXED: Top edge */
        transform: scale(0.9); /* Click animation */
    }
    32%, 40% {
        left: 20px;
        top: 20px;
        transform: scale(1);
    }

    /* Move toward Terminal 3's visible area (right edge and bottom visible) */
    /* Terminal 3 at left: 25px, top: 25px - far right and bottom portions visible */
    43% {
        left: 80px;
        top: 45px;
    }
    46% {
        left: 92px;
        top: 50px;
    }
    /* Click Terminal 3's visible right edge */
    49% {
        left: 95px;
        top: 52px;
        transform: scale(0.9); /* Click animation */
    }
    50%, 58% {
        left: 95px;
        top: 52px;
        transform: scale(1);
    }

    /* Move toward Terminal 4's visible area (most of it is visible as frontmost) */
    /* Terminal 4 at left: 10px, top: 35px - left side and center are visible */
    61% {
        left: 75px;
        top: 60px;
    }
    64% {
        left: 50px;
        top: 68px;
    }
    /* Click Terminal 4's visible left-center area */
    67% {
        left: 35px;
        top: 72px;
        transform: scale(0.9); /* Click animation */
    }
    68%, 76% {
        left: 35px;
        top: 72px;
        transform: scale(1);
    }

    /* Move toward Terminal 1 again - continuous hunting */
    79% {
        left: 70px;
        top: 8px;
    }
    82% {
        left: 88px;
        top: 18px;
        transform: scale(0.9); /* Quick click */
    }
    83%, 90% {
        left: 88px;
        top: 18px;
        transform: scale(1);
    }

    /* Return to start - REDUCED from 42% to 5% of animation */
    95%, 100% {
        left: 50px;
        top: 10px;
        opacity: 1; /* FIXED: Never disappears */
        transform: scale(1);
    }
}

/* Snail Animation - Sequential Bottleneck */
.snail-animation {
    width: 140px;
    height: 100px;
    position: relative;
    margin: 0 auto var(--spacing-sm);
    display: block;
}

/* Snail header with title */
.snail-header {
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
}

.snail-title {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-primary);
    background: var(--bg-secondary);
    padding: 2px 8px;
    border-radius: 3px;
    border: 1px solid var(--color-orange);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    display: inline-block;
}

/* Ground surface - simple base for snail to crawl on */
.ground-surface {
    position: absolute;
    bottom: 20px;
    left: 10px;
    right: 10px;
    height: 3px;
    background: var(--border);
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Snail body - slow moving task */
.snail-body {
    position: absolute;
    width: 45px;
    height: 20px;
    background: linear-gradient(135deg, var(--dark-accent) 0%, var(--polynesian-blue) 100%);
    border-radius: 8px 20px 20px 8px; /* Flipped to face left */
    bottom: 23px;
    left: 10px;
    animation: snailCrawl 96s ease-in-out infinite; /* 16x slower than original: 6s -> 96s (4x slower than previous 24s) */
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}

/* Snail head protrusion */
.snail-body::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 12px;
    background: var(--polynesian-blue);
    border-radius: 8px 8px 4px 4px;
    right: -8px; /* Moved to right side since snail now faces left */
    top: 4px;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2); /* Flipped shadow */
}

/* Snail eyestalks */
.snail-body::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 10px;
    background: var(--dark);
    border-radius: 2px 2px 50% 50%;
    right: -3px; /* Moved to right side (now the front) */
    top: 0px; /* Adjusted to connect with body (was -6px, creating a gap) */
    box-shadow:
        6px 0 0 var(--dark), /* Right eyestalk */
        0 -10px 0 2px var(--primary), /* Left eye tip */
        6px -10px 0 2px var(--primary); /* Right eye tip */
}

/* Snail shell */
.snail-shell {
    position: absolute;
    width: 36px;
    height: 36px;
    background: radial-gradient(circle at 30% 30%, var(--primary-hover), var(--primary));
    border-radius: 50%;
    bottom: 25px;
    left: 8px; /* Moved further left to cover the behind (was 32px, now 8px) */
    animation: snailCrawl 96s ease-in-out infinite, shellWobble 2s ease-in-out infinite; /* 16x slower than original (4x slower than previous 24s) */
    box-shadow:
        inset -4px -4px 8px rgba(0, 0, 0, 0.4),
        inset 2px 2px 4px rgba(255, 255, 255, 0.3),
        0 4px 8px rgba(0, 0, 0, 0.3);
    border: 2px solid var(--madder);
}

/* Shell spiral detail */
.snail-shell::before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    background: radial-gradient(circle at 35% 35%, var(--red-cmyk), transparent 60%);
    border-radius: 50%;
    top: 6px;
    left: 6px;
    box-shadow: inset -2px -2px 4px rgba(0, 0, 0, 0.3);
}

/* Inner spiral */
.snail-shell::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: var(--fire-brick);
    border-radius: 50%;
    top: 12px;
    left: 12px;
    box-shadow: inset -1px -1px 2px rgba(0, 0, 0, 0.4);
}

/* Animations */
@keyframes snailCrawl {
    0% {
        left: 10px;
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    40% {
        left: 90px;
        opacity: 1;
    }
    50% {
        left: 90px;
        opacity: 0;
    }
    51% {
        left: 10px;
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
    90% {
        left: 90px;
        opacity: 1;
    }
    100% {
        left: 90px;
        opacity: 0;
    }
}

@keyframes shellWobble {
    0%, 100% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(-2deg);
    }
    75% {
        transform: rotate(2deg);
    }
}

/* Unreliable Results Animation - Basketball Robot */
.unreliable-animation {
    width: 140px;
    height: 100px;
    position: relative;
    margin: 0 auto var(--spacing-sm);
    display: block;
    overflow: visible;
}

/* Unreliable header with title */
.unreliable-header {
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
}

.unreliable-title {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-primary);
    background: var(--bg-secondary);
    padding: 2px 8px;
    border-radius: 3px;
    border: 1px solid var(--color-yellow);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    display: inline-block;
}

/* Basketball hoop - REDESIGNED */
.basketball-hoop {
    position: absolute;
    right: 15px;
    top: 5px;
    width: 40px;
    height: 50px;
}

.hoop-backboard {
    position: absolute;
    width: 28px;
    height: 35px;
    background: linear-gradient(135deg, #e0e0e0, #ffffff);
    border: 2px solid #000000;
    border-radius: 2px;
    right: 6px;
    top: 0;
    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.4),
        inset -1px -1px 3px rgba(0, 0, 0, 0.3);
}

/* White square on backboard - centered */
.hoop-backboard::before {
    content: '';
    position: absolute;
    width: 14px;
    height: 10px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.hoop-rim {
    position: absolute;
    width: 32px;
    height: 8px;
    border: 2.5px solid #c00021;
    border-bottom: none;
    border-radius: 16px 16px 0 0;
    right: 2px;
    top: 28px;
    background: linear-gradient(to bottom, rgba(192, 0, 33, 0.3), transparent);
    box-shadow:
        0 -1px 2px rgba(255, 255, 255, 0.3) inset,
        0 2px 4px rgba(0, 0, 0, 0.4);
}

/* Net redesign - chain-link style, centered */
.hoop-net {
    position: absolute;
    width: 24px;
    height: 12px;
    right: 6px;
    top: 36px;
    background:
        repeating-linear-gradient(90deg,
            transparent,
            transparent 2px,
            #ffffff 2px,
            var(--text-light) 3px),
        repeating-linear-gradient(0deg,
            transparent,
            transparent 2px,
            #ffffff 2px,
            var(--text-light) 3px);
    opacity: 0.4;
    clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);
}

/* Robot shooter */
.robot-shooter {
    position: absolute;
    left: 15px;
    bottom: 5px;
    width: 30px;
    height: 40px;
    animation: robotShoot 6s linear infinite;
}

.robot-head {
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--steel-blue);
    border: 2px solid var(--dark);
    border-radius: 3px;
    top: 0;
    left: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Robot eyes - white, positioned at top-right, looking at basket */
.robot-head::before,
.robot-head::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    background: #ffffff;
    border-radius: 50%;
    top: 3px;
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.8);
}

.robot-head::before {
    right: 5px;
}

.robot-head::after {
    right: 2px;
}

.robot-body {
    position: absolute;
    width: 20px;
    height: 18px;
    background: linear-gradient(135deg, var(--polynesian-blue), var(--steel-blue));
    border: 2px solid var(--dark);
    border-radius: 4px;
    top: 20px;
    left: 5px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}

/* TWO ARMS - Left arm */
.robot-arm-left {
    position: absolute;
    width: 3px;
    height: 12px;
    background: var(--steel-blue);
    border: 1px solid var(--dark);
    border-radius: 2px;
    top: 22px;
    left: 3px;
    transform-origin: top center;
    animation: armShootLeft 5s linear infinite;
}

/* Right arm */
.robot-arm-right {
    position: absolute;
    width: 3px;
    height: 12px;
    background: var(--steel-blue);
    border: 1px solid var(--dark);
    border-radius: 2px;
    top: 22px;
    right: 3px;
    transform-origin: top center;
    animation: armShootRight 5s linear infinite;
}

/* Legacy support for single .robot-arm class (will use right arm animation) */
.robot-arm {
    position: absolute;
    width: 3px;
    height: 12px;
    background: var(--steel-blue);
    border: 1px solid var(--dark);
    border-radius: 2px;
    top: 22px;
    right: 3px;
    transform-origin: top center;
    animation: armShootRight 5s linear infinite;
}

/* Basketballs */
.basketball {
    position: absolute;
    width: 8px;
    height: 8px;
    background: radial-gradient(circle at 30% 30%, var(--primary-hover), var(--primary));
    border-radius: 50%;
    opacity: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Basketball lines */
.basketball::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: var(--madder);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.basketball::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background: var(--madder);
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

/* Basketball animations - Bouncing parabolic trajectories with realistic physics */
/* Each ball shoots from robot, arcs up, then bounces 3-4 times with decreasing height */
/* Simple 7th grade physics: parabolic arcs + energy loss on each bounce */
.basketball-1 { animation: ballShoot1 5s linear 0s infinite; }
.basketball-2 { animation: ballShoot2 5s linear 0.5s infinite; }
.basketball-3 { animation: ballShoot3 5s linear 1.0s infinite; }
.basketball-4 { animation: ballShoot4 5s linear 1.5s infinite; }
.basketball-5 { animation: ballShoot5 5s linear 2.0s infinite; }
.basketball-6 { animation: ballShoot6 5s linear 2.5s infinite; }
.basketball-7 { animation: ballShoot7 5s linear 3.0s infinite; }
.basketball-8 { animation: ballShoot8 5s linear 3.5s infinite; }
.basketball-9 { animation: ballShoot9 5s linear 4.0s infinite; }
.basketball-10 { animation: ballShoot10 5s linear 4.5s infinite; }

/* Robot shooting animation - continuous subtle bounce */
@keyframes robotShoot {
    0%, 100% {
        transform: translateY(0);
    }
    5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
        transform: translateY(-2px);
    }
    10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
        transform: translateY(0);
    }
}

/* Left arm throwing animation - synced with basketball throws */
/* Throws at: 0%, 20%, 40%, 60%, 80% (5s duration to match basketball loop) */
@keyframes armShootLeft {
    0%, 1.8% {
        transform: rotate(-50deg);
    }
    3.6%, 18.2% {
        transform: rotate(0deg);
    }
    20%, 21.8% {
        transform: rotate(-50deg);
    }
    23.6%, 38.2% {
        transform: rotate(0deg);
    }
    40%, 41.8% {
        transform: rotate(-50deg);
    }
    43.6%, 58.2% {
        transform: rotate(0deg);
    }
    60%, 61.8% {
        transform: rotate(-50deg);
    }
    63.6%, 78.2% {
        transform: rotate(0deg);
    }
    80%, 81.8% {
        transform: rotate(-50deg);
    }
    83.6%, 100% {
        transform: rotate(0deg);
    }
}

/* Right arm throwing animation - synced with basketball throws */
/* Throws at: 10%, 30%, 50%, 70%, 90% (5s duration to match basketball loop) */
@keyframes armShootRight {
    0%, 8.2% {
        transform: rotate(0deg);
    }
    10%, 11.8% {
        transform: rotate(-50deg);
    }
    13.6%, 28.2% {
        transform: rotate(0deg);
    }
    30%, 31.8% {
        transform: rotate(-50deg);
    }
    33.6%, 48.2% {
        transform: rotate(0deg);
    }
    50%, 51.8% {
        transform: rotate(-50deg);
    }
    53.6%, 68.2% {
        transform: rotate(0deg);
    }
    70%, 71.8% {
        transform: rotate(-50deg);
    }
    73.6%, 88.2% {
        transform: rotate(0deg);
    }
    90%, 91.8% {
        transform: rotate(-50deg);
    }
    93.6%, 100% {
        transform: rotate(0deg);
    }
}


/* Generated Bouncing Basketball Animations */
@keyframes ballShoot1 {
    0.0% {
        left: 35.0px;
        bottom: 30px;
        opacity: 0.00;
        transform: rotate(0deg);
    }
    0.5% {
        left: 36.3px;
        bottom: 34.3px;
        opacity: 0.33;
        transform: rotate(4deg);
    }
    1.0% {
        left: 37.5px;
        bottom: 38.3px;
        opacity: 0.67;
        transform: rotate(7deg);
    }
    1.5% {
        left: 38.8px;
        bottom: 42px;
        opacity: 1.00;
        transform: rotate(11deg);
    }
    2.0% {
        left: 40.0px;
        bottom: 45.3px;
        opacity: 1.00;
        transform: rotate(14deg);
    }
    2.5% {
        left: 41.3px;
        bottom: 48.4px;
        opacity: 1.00;
        transform: rotate(18deg);
    }
    3.0% {
        left: 42.5px;
        bottom: 51.1px;
        opacity: 1.00;
        transform: rotate(22deg);
    }
    3.5% {
        left: 43.8px;
        bottom: 53.6px;
        opacity: 1.00;
        transform: rotate(25deg);
    }
    4.0% {
        left: 45.0px;
        bottom: 55.7px;
        opacity: 1.00;
        transform: rotate(29deg);
    }
    4.5% {
        left: 46.3px;
        bottom: 57.5px;
        opacity: 1.00;
        transform: rotate(32deg);
    }
    5.0% {
        left: 47.5px;
        bottom: 59px;
        opacity: 1.00;
        transform: rotate(36deg);
    }
    5.5% {
        left: 48.8px;
        bottom: 60.2px;
        opacity: 1.00;
        transform: rotate(40deg);
    }
    6.0% {
        left: 50.0px;
        bottom: 61px;
        opacity: 1.00;
        transform: rotate(43deg);
    }
    6.5% {
        left: 51.3px;
        bottom: 61.6px;
        opacity: 1.00;
        transform: rotate(47deg);
    }
    7.0% {
        left: 52.5px;
        bottom: 61.8px;
        opacity: 1.00;
        transform: rotate(50deg);
    }
    7.5% {
        left: 53.8px;
        bottom: 61.8px;
        opacity: 1.00;
        transform: rotate(54deg);
    }
    8.0% {
        left: 55.0px;
        bottom: 61.4px;
        opacity: 1.00;
        transform: rotate(58deg);
    }
    8.5% {
        left: 56.3px;
        bottom: 60.7px;
        opacity: 1.00;
        transform: rotate(61deg);
    }
    9.0% {
        left: 57.5px;
        bottom: 59.7px;
        opacity: 1.00;
        transform: rotate(65deg);
    }
    9.5% {
        left: 58.8px;
        bottom: 58.4px;
        opacity: 1.00;
        transform: rotate(68deg);
    }
    10.0% {
        left: 60.0px;
        bottom: 56.7px;
        opacity: 1.00;
        transform: rotate(72deg);
    }
    10.5% {
        left: 61.3px;
        bottom: 54.8px;
        opacity: 1.00;
        transform: rotate(76deg);
    }
    11.0% {
        left: 62.5px;
        bottom: 52.5px;
        opacity: 1.00;
        transform: rotate(79deg);
    }
    11.5% {
        left: 63.8px;
        bottom: 49.9px;
        opacity: 1.00;
        transform: rotate(83deg);
    }
    12.0% {
        left: 65.0px;
        bottom: 47.1px;
        opacity: 1.00;
        transform: rotate(86deg);
    }
    12.5% {
        left: 66.3px;
        bottom: 43.9px;
        opacity: 1.00;
        transform: rotate(90deg);
    }
    13.0% {
        left: 67.5px;
        bottom: 40.4px;
        opacity: 1.00;
        transform: rotate(94deg);
    }
    13.5% {
        left: 68.8px;
        bottom: 36.5px;
        opacity: 1.00;
        transform: rotate(97deg);
    }
    14.0% {
        left: 70.0px;
        bottom: 32.4px;
        opacity: 1.00;
        transform: rotate(101deg);
    }
    14.5% {
        left: 71.3px;
        bottom: 28px;
        opacity: 1.00;
        transform: rotate(104deg);
    }
    15.0% {
        left: 72.5px;
        bottom: 23.2px;
        opacity: 1.00;
        transform: rotate(108deg);
    }
    15.5% {
        left: 73.8px;
        bottom: 18.1px;
        opacity: 1.00;
        transform: rotate(112deg);
    }
    16.0% {
        left: 75.0px;
        bottom: 12.8px;
        opacity: 1.00;
        transform: rotate(115deg);
    }
    16.5% {
        left: 76.3px;
        bottom: 7.1px;
        opacity: 1.00;
        transform: rotate(119deg);
    }
    16.8% {
        left: 77.1px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(121deg);
    }
    17.0% {
        left: 77.5px;
        bottom: 4.3px;
        opacity: 1.00;
        transform: rotate(122deg);
    }
    17.5% {
        left: 78.7px;
        bottom: 8.3px;
        opacity: 1.00;
        transform: rotate(126deg);
    }
    18.0% {
        left: 79.9px;
        bottom: 11.9px;
        opacity: 1.00;
        transform: rotate(130deg);
    }
    18.5% {
        left: 81.0px;
        bottom: 15.3px;
        opacity: 1.00;
        transform: rotate(133deg);
    }
    19.0% {
        left: 82.2px;
        bottom: 18.3px;
        opacity: 1.00;
        transform: rotate(137deg);
    }
    19.5% {
        left: 83.4px;
        bottom: 21px;
        opacity: 1.00;
        transform: rotate(140deg);
    }
    20.0% {
        left: 84.6px;
        bottom: 23.4px;
        opacity: 1.00;
        transform: rotate(144deg);
    }
    20.5% {
        left: 85.8px;
        bottom: 25.5px;
        opacity: 1.00;
        transform: rotate(148deg);
    }
    21.0% {
        left: 87.0px;
        bottom: 27.3px;
        opacity: 1.00;
        transform: rotate(151deg);
    }
    21.5% {
        left: 88.2px;
        bottom: 28.7px;
        opacity: 1.00;
        transform: rotate(155deg);
    }
    22.0% {
        left: 89.4px;
        bottom: 29.9px;
        opacity: 1.00;
        transform: rotate(158deg);
    }
    22.5% {
        left: 90.5px;
        bottom: 30.7px;
        opacity: 1.00;
        transform: rotate(162deg);
    }
    23.0% {
        left: 91.7px;
        bottom: 31.2px;
        opacity: 1.00;
        transform: rotate(166deg);
    }
    23.5% {
        left: 92.9px;
        bottom: 31.4px;
        opacity: 1.00;
        transform: rotate(169deg);
    }
    24.0% {
        left: 94.1px;
        bottom: 31.3px;
        opacity: 1.00;
        transform: rotate(173deg);
    }
    24.5% {
        left: 95.3px;
        bottom: 30.9px;
        opacity: 1.00;
        transform: rotate(176deg);
    }
    25.0% {
        left: 96.5px;
        bottom: 30.2px;
        opacity: 1.00;
        transform: rotate(180deg);
    }
    25.5% {
        left: 97.7px;
        bottom: 29.1px;
        opacity: 1.00;
        transform: rotate(184deg);
    }
    26.0% {
        left: 98.9px;
        bottom: 27.8px;
        opacity: 1.00;
        transform: rotate(187deg);
    }
    26.5% {
        left: 100.0px;
        bottom: 26.1px;
        opacity: 1.00;
        transform: rotate(191deg);
    }
    27.0% {
        left: 101.2px;
        bottom: 24.1px;
        opacity: 1.00;
        transform: rotate(194deg);
    }
    27.5% {
        left: 102.4px;
        bottom: 21.9px;
        opacity: 1.00;
        transform: rotate(198deg);
    }
    28.0% {
        left: 103.6px;
        bottom: 19.3px;
        opacity: 1.00;
        transform: rotate(202deg);
    }
    28.5% {
        left: 104.8px;
        bottom: 16.3px;
        opacity: 1.00;
        transform: rotate(205deg);
    }
    29.0% {
        left: 106.0px;
        bottom: 13.1px;
        opacity: 1.00;
        transform: rotate(209deg);
    }
    29.5% {
        left: 107.2px;
        bottom: 9.6px;
        opacity: 1.00;
        transform: rotate(212deg);
    }
    30.0% {
        left: 108.4px;
        bottom: 5.7px;
        opacity: 1.00;
        transform: rotate(216deg);
    }
    30.3% {
        left: 109.1px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(218deg);
    }
    30.5% {
        left: 109.5px;
        bottom: 4px;
        opacity: 1.00;
        transform: rotate(220deg);
    }
    31.0% {
        left: 110.7px;
        bottom: 6.7px;
        opacity: 1.00;
        transform: rotate(223deg);
    }
    31.5% {
        left: 111.8px;
        bottom: 9px;
        opacity: 1.00;
        transform: rotate(227deg);
    }
    32.0% {
        left: 112.9px;
        bottom: 11.1px;
        opacity: 1.00;
        transform: rotate(230deg);
    }
    32.5% {
        left: 114.0px;
        bottom: 12.8px;
        opacity: 1.00;
        transform: rotate(234deg);
    }
    33.0% {
        left: 115.2px;
        bottom: 14.2px;
        opacity: 1.00;
        transform: rotate(238deg);
    }
    33.5% {
        left: 116.3px;
        bottom: 15.3px;
        opacity: 1.00;
        transform: rotate(241deg);
    }
    34.0% {
        left: 117.4px;
        bottom: 16.1px;
        opacity: 1.00;
        transform: rotate(245deg);
    }
    34.5% {
        left: 118.5px;
        bottom: 16.6px;
        opacity: 1.00;
        transform: rotate(248deg);
    }
    35.0% {
        left: 119.7px;
        bottom: 16.8px;
        opacity: 1.00;
        transform: rotate(252deg);
    }
    35.5% {
        left: 120.8px;
        bottom: 16.6px;
        opacity: 1.00;
        transform: rotate(256deg);
    }
    36.0% {
        left: 121.9px;
        bottom: 16.2px;
        opacity: 1.00;
        transform: rotate(259deg);
    }
    36.5% {
        left: 123.1px;
        bottom: 15.4px;
        opacity: 1.00;
        transform: rotate(263deg);
    }
    37.0% {
        left: 124.2px;
        bottom: 14.3px;
        opacity: 1.00;
        transform: rotate(266deg);
    }
    37.5% {
        left: 125.3px;
        bottom: 12.9px;
        opacity: 1.00;
        transform: rotate(270deg);
    }
    38.0% {
        left: 126.4px;
        bottom: 11.2px;
        opacity: 1.00;
        transform: rotate(274deg);
    }
    38.5% {
        left: 127.6px;
        bottom: 9.2px;
        opacity: 1.00;
        transform: rotate(277deg);
    }
    39.0% {
        left: 128.7px;
        bottom: 6.9px;
        opacity: 1.00;
        transform: rotate(281deg);
    }
    39.5% {
        left: 129.8px;
        bottom: 4.2px;
        opacity: 1.00;
        transform: rotate(284deg);
    }
    39.7% {
        left: 130.3px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(286deg);
    }
    40.0% {
        left: 130.9px;
        bottom: 4.1px;
        opacity: 1.00;
        transform: rotate(288deg);
    }
    40.5% {
        left: 132.0px;
        bottom: 5.8px;
        opacity: 1.00;
        transform: rotate(292deg);
    }
    41.0% {
        left: 133.1px;
        bottom: 7.2px;
        opacity: 1.00;
        transform: rotate(295deg);
    }
    41.5% {
        left: 134.1px;
        bottom: 8.2px;
        opacity: 1.00;
        transform: rotate(299deg);
    }
    42.0% {
        left: 135.2px;
        bottom: 9px;
        opacity: 1.00;
        transform: rotate(302deg);
    }
    42.5% {
        left: 136.3px;
        bottom: 9.4px;
        opacity: 1.00;
        transform: rotate(306deg);
    }
    43.0% {
        left: 137.4px;
        bottom: 9.6px;
        opacity: 1.00;
        transform: rotate(310deg);
    }
    43.5% {
        left: 138.4px;
        bottom: 9.4px;
        opacity: 1.00;
        transform: rotate(313deg);
    }
    44.0% {
        left: 139.5px;
        bottom: 8.9px;
        opacity: 1.00;
        transform: rotate(317deg);
    }
    44.5% {
        left: 140.6px;
        bottom: 8.1px;
        opacity: 1.00;
        transform: rotate(320deg);
    }
    45.0% {
        left: 141.6px;
        bottom: 6.9px;
        opacity: 1.00;
        transform: rotate(324deg);
    }
    45.5% {
        left: 142.7px;
        bottom: 5.5px;
        opacity: 1.00;
        transform: rotate(328deg);
    }
    46.0% {
        left: 143.8px;
        bottom: 3.8px;
        opacity: 1.00;
        transform: rotate(331deg);
    }
    46.2% {
        left: 144.2px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(333deg);
    }
    46.5% {
        left: 144.8px;
        bottom: 3.8px;
        opacity: 1.00;
        transform: rotate(335deg);
    }
    47.0% {
        left: 145.8px;
        bottom: 4.9px;
        opacity: 1.00;
        transform: rotate(338deg);
    }
    47.5% {
        left: 146.9px;
        bottom: 5.6px;
        opacity: 1.00;
        transform: rotate(342deg);
    }
    48.0% {
        left: 147.9px;
        bottom: 6.1px;
        opacity: 1.00;
        transform: rotate(346deg);
    }
    48.5% {
        left: 148.9px;
        bottom: 6.2px;
        opacity: 1.00;
        transform: rotate(349deg);
    }
    49.0% {
        left: 149.9px;
        bottom: 6px;
        opacity: 1.00;
        transform: rotate(353deg);
    }
    49.5% {
        left: 150.9px;
        bottom: 5.5px;
        opacity: 1.00;
        transform: rotate(356deg);
    }
    50.0% {
        left: 152.0px;
        bottom: 4.7px;
        opacity: 1.00;
        transform: rotate(360deg);
    }
    50.5% {
        left: 153.0px;
        bottom: 3.6px;
        opacity: 1.00;
        transform: rotate(364deg);
    }
    50.7% {
        left: 153.4px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(365deg);
    }
    51.0% {
        left: 154.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(367deg);
    }
    51.5% {
        left: 155.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(371deg);
    }
    52.0% {
        left: 156.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(374deg);
    }
    52.5% {
        left: 157.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(378deg);
    }
    53.0% {
        left: 158.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(382deg);
    }
    53.5% {
        left: 159.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(385deg);
    }
    54.0% {
        left: 160.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(389deg);
    }
    54.5% {
        left: 161.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(392deg);
    }
    55.0% {
        left: 162.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(396deg);
    }
    55.5% {
        left: 163.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(400deg);
    }
    56.0% {
        left: 164.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(403deg);
    }
    56.5% {
        left: 165.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(407deg);
    }
    57.0% {
        left: 166.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(410deg);
    }
    57.5% {
        left: 167.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(414deg);
    }
    58.0% {
        left: 168.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(418deg);
    }
    58.5% {
        left: 169.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(421deg);
    }
    59.0% {
        left: 170.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(425deg);
    }
    59.5% {
        left: 171.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(428deg);
    }
    60.0% {
        left: 172.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(432deg);
    }
    60.5% {
        left: 173.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(436deg);
    }
    61.0% {
        left: 174.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(439deg);
    }
    61.5% {
        left: 175.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(443deg);
    }
    62.0% {
        left: 176.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(446deg);
    }
    62.5% {
        left: 177.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(450deg);
    }
    63.0% {
        left: 178.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(454deg);
    }
    63.5% {
        left: 179.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(457deg);
    }
    64.0% {
        left: 180.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(461deg);
    }
    64.5% {
        left: 181.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(464deg);
    }
    65.0% {
        left: 182.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(468deg);
    }
    65.5% {
        left: 183.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(472deg);
    }
    66.0% {
        left: 184.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(475deg);
    }
    66.5% {
        left: 185.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(479deg);
    }
    67.0% {
        left: 186.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(482deg);
    }
    67.5% {
        left: 187.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(486deg);
    }
    68.0% {
        left: 188.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(490deg);
    }
    68.5% {
        left: 189.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(493deg);
    }
    69.0% {
        left: 190.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(497deg);
    }
    69.5% {
        left: 191.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(500deg);
    }
    70.0% {
        left: 192.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(504deg);
    }
    70.5% {
        left: 193.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(508deg);
    }
    71.0% {
        left: 194.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(511deg);
    }
    71.5% {
        left: 195.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(515deg);
    }
    72.0% {
        left: 196.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(518deg);
    }
    72.5% {
        left: 197.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(522deg);
    }
    73.0% {
        left: 198.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(526deg);
    }
    73.5% {
        left: 199.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(529deg);
    }
    74.0% {
        left: 200.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(533deg);
    }
    74.5% {
        left: 201.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(536deg);
    }
    75.0% {
        left: 202.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(540deg);
    }
    75.5% {
        left: 203.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(544deg);
    }
    76.0% {
        left: 204.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(547deg);
    }
    76.5% {
        left: 205.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(551deg);
    }
    77.0% {
        left: 206.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(554deg);
    }
    77.5% {
        left: 207.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(558deg);
    }
    78.0% {
        left: 209.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(562deg);
    }
    78.5% {
        left: 210.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(565deg);
    }
    79.0% {
        left: 211.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(569deg);
    }
    79.5% {
        left: 212.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(572deg);
    }
    80.0% {
        left: 213.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(576deg);
    }
    80.5% {
        left: 214.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(580deg);
    }
    81.0% {
        left: 215.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(583deg);
    }
    81.5% {
        left: 216.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(587deg);
    }
    82.0% {
        left: 217.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(590deg);
    }
    82.5% {
        left: 218.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(594deg);
    }
    83.0% {
        left: 219.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(598deg);
    }
    83.5% {
        left: 220.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(601deg);
    }
    84.0% {
        left: 221.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(605deg);
    }
    84.5% {
        left: 222.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(608deg);
    }
    85.0% {
        left: 223.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(612deg);
    }
    85.5% {
        left: 224.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(616deg);
    }
    86.0% {
        left: 225.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(619deg);
    }
    86.5% {
        left: 226.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(623deg);
    }
    87.0% {
        left: 227.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(626deg);
    }
    87.5% {
        left: 228.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(630deg);
    }
    88.0% {
        left: 229.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(634deg);
    }
    88.5% {
        left: 230.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(637deg);
    }
    89.0% {
        left: 231.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(641deg);
    }
    89.5% {
        left: 232.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(644deg);
    }
    90.0% {
        left: 233.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(648deg);
    }
    90.5% {
        left: 234.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(652deg);
    }
    91.0% {
        left: 235.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(655deg);
    }
    91.5% {
        left: 236.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(659deg);
    }
    92.0% {
        left: 237.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(662deg);
    }
    92.5% {
        left: 238.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(666deg);
    }
    93.0% {
        left: 239.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(670deg);
    }
    93.5% {
        left: 240.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(673deg);
    }
    94.0% {
        left: 241.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(677deg);
    }
    94.5% {
        left: 242.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(680deg);
    }
    95.0% {
        left: 243.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(684deg);
    }
    95.5% {
        left: 244.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(688deg);
    }
    96.0% {
        left: 245.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(691deg);
    }
    96.5% {
        left: 246.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(695deg);
    }
    97.0% {
        left: 247.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(698deg);
    }
    97.5% {
        left: 248.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(702deg);
    }
    98.0% {
        left: 249.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(706deg);
    }
    98.5% {
        left: 250.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(709deg);
    }
    99.0% {
        left: 251.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(713deg);
    }
    99.5% {
        left: 252.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(716deg);
    }
    100.0% {
        left: 253.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(0deg);
    }
}

/* Ball 2: vx=35, vy=150, 5 bounces, 206 keyframes */
@keyframes ballShoot2 {
    0.0% {
        left: 35.0px;
        bottom: 30px;
        opacity: 0.00;
        transform: rotate(0deg);
    }
    0.5% {
        left: 35.9px;
        bottom: 33.6px;
        opacity: 0.33;
        transform: rotate(4deg);
    }
    1.0% {
        left: 36.8px;
        bottom: 36.8px;
        opacity: 0.67;
        transform: rotate(7deg);
    }
    1.5% {
        left: 37.6px;
        bottom: 39.7px;
        opacity: 1.00;
        transform: rotate(11deg);
    }
    2.0% {
        left: 38.5px;
        bottom: 42.3px;
        opacity: 1.00;
        transform: rotate(14deg);
    }
    2.5% {
        left: 39.4px;
        bottom: 44.6px;
        opacity: 1.00;
        transform: rotate(18deg);
    }
    3.0% {
        left: 40.3px;
        bottom: 46.6px;
        opacity: 1.00;
        transform: rotate(22deg);
    }
    3.5% {
        left: 41.1px;
        bottom: 48.3px;
        opacity: 1.00;
        transform: rotate(25deg);
    }
    4.0% {
        left: 42.0px;
        bottom: 49.7px;
        opacity: 1.00;
        transform: rotate(29deg);
    }
    4.5% {
        left: 42.9px;
        bottom: 50.7px;
        opacity: 1.00;
        transform: rotate(32deg);
    }
    5.0% {
        left: 43.8px;
        bottom: 51.5px;
        opacity: 1.00;
        transform: rotate(36deg);
    }
    5.5% {
        left: 44.6px;
        bottom: 51.9px;
        opacity: 1.00;
        transform: rotate(40deg);
    }
    6.0% {
        left: 45.5px;
        bottom: 52px;
        opacity: 1.00;
        transform: rotate(43deg);
    }
    6.5% {
        left: 46.4px;
        bottom: 51.8px;
        opacity: 1.00;
        transform: rotate(47deg);
    }
    7.0% {
        left: 47.3px;
        bottom: 51.3px;
        opacity: 1.00;
        transform: rotate(50deg);
    }
    7.5% {
        left: 48.1px;
        bottom: 50.5px;
        opacity: 1.00;
        transform: rotate(54deg);
    }
    8.0% {
        left: 49.0px;
        bottom: 49.4px;
        opacity: 1.00;
        transform: rotate(58deg);
    }
    8.5% {
        left: 49.9px;
        bottom: 47.9px;
        opacity: 1.00;
        transform: rotate(61deg);
    }
    9.0% {
        left: 50.8px;
        bottom: 46.2px;
        opacity: 1.00;
        transform: rotate(65deg);
    }
    9.5% {
        left: 51.6px;
        bottom: 44.1px;
        opacity: 1.00;
        transform: rotate(68deg);
    }
    10.0% {
        left: 52.5px;
        bottom: 41.7px;
        opacity: 1.00;
        transform: rotate(72deg);
    }
    10.5% {
        left: 53.4px;
        bottom: 39px;
        opacity: 1.00;
        transform: rotate(76deg);
    }
    11.0% {
        left: 54.3px;
        bottom: 36px;
        opacity: 1.00;
        transform: rotate(79deg);
    }
    11.5% {
        left: 55.1px;
        bottom: 32.7px;
        opacity: 1.00;
        transform: rotate(83deg);
    }
    12.0% {
        left: 56.0px;
        bottom: 29.1px;
        opacity: 1.00;
        transform: rotate(86deg);
    }
    12.5% {
        left: 56.9px;
        bottom: 25.1px;
        opacity: 1.00;
        transform: rotate(90deg);
    }
    13.0% {
        left: 57.8px;
        bottom: 20.9px;
        opacity: 1.00;
        transform: rotate(94deg);
    }
    13.5% {
        left: 58.6px;
        bottom: 16.3px;
        opacity: 1.00;
        transform: rotate(97deg);
    }
    14.0% {
        left: 59.5px;
        bottom: 11.4px;
        opacity: 1.00;
        transform: rotate(101deg);
    }
    14.5% {
        left: 60.4px;
        bottom: 6.2px;
        opacity: 1.00;
        transform: rotate(104deg);
    }
    14.8% {
        left: 60.9px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(107deg);
    }
    15.0% {
        left: 61.2px;
        bottom: 4.6px;
        opacity: 1.00;
        transform: rotate(108deg);
    }
    15.5% {
        left: 62.1px;
        bottom: 8.2px;
        opacity: 1.00;
        transform: rotate(112deg);
    }
    16.0% {
        left: 62.9px;
        bottom: 11.5px;
        opacity: 1.00;
        transform: rotate(115deg);
    }
    16.5% {
        left: 63.7px;
        bottom: 14.5px;
        opacity: 1.00;
        transform: rotate(119deg);
    }
    17.0% {
        left: 64.6px;
        bottom: 17.1px;
        opacity: 1.00;
        transform: rotate(122deg);
    }
    17.5% {
        left: 65.4px;
        bottom: 19.5px;
        opacity: 1.00;
        transform: rotate(126deg);
    }
    18.0% {
        left: 66.2px;
        bottom: 21.5px;
        opacity: 1.00;
        transform: rotate(130deg);
    }
    18.5% {
        left: 67.1px;
        bottom: 23.3px;
        opacity: 1.00;
        transform: rotate(133deg);
    }
    19.0% {
        left: 67.9px;
        bottom: 24.7px;
        opacity: 1.00;
        transform: rotate(137deg);
    }
    19.5% {
        left: 68.7px;
        bottom: 25.8px;
        opacity: 1.00;
        transform: rotate(140deg);
    }
    20.0% {
        left: 69.5px;
        bottom: 26.6px;
        opacity: 1.00;
        transform: rotate(144deg);
    }
    20.5% {
        left: 70.4px;
        bottom: 27.1px;
        opacity: 1.00;
        transform: rotate(148deg);
    }
    21.0% {
        left: 71.2px;
        bottom: 27.3px;
        opacity: 1.00;
        transform: rotate(151deg);
    }
    21.5% {
        left: 72.0px;
        bottom: 27.1px;
        opacity: 1.00;
        transform: rotate(155deg);
    }
    22.0% {
        left: 72.9px;
        bottom: 26.7px;
        opacity: 1.00;
        transform: rotate(158deg);
    }
    22.5% {
        left: 73.7px;
        bottom: 25.9px;
        opacity: 1.00;
        transform: rotate(162deg);
    }
    23.0% {
        left: 74.5px;
        bottom: 24.8px;
        opacity: 1.00;
        transform: rotate(166deg);
    }
    23.5% {
        left: 75.4px;
        bottom: 23.4px;
        opacity: 1.00;
        transform: rotate(169deg);
    }
    24.0% {
        left: 76.2px;
        bottom: 21.7px;
        opacity: 1.00;
        transform: rotate(173deg);
    }
    24.5% {
        left: 77.0px;
        bottom: 19.7px;
        opacity: 1.00;
        transform: rotate(176deg);
    }
    25.0% {
        left: 77.9px;
        bottom: 17.4px;
        opacity: 1.00;
        transform: rotate(180deg);
    }
    25.5% {
        left: 78.7px;
        bottom: 14.7px;
        opacity: 1.00;
        transform: rotate(184deg);
    }
    26.0% {
        left: 79.5px;
        bottom: 11.8px;
        opacity: 1.00;
        transform: rotate(187deg);
    }
    26.5% {
        left: 80.4px;
        bottom: 8.5px;
        opacity: 1.00;
        transform: rotate(191deg);
    }
    27.0% {
        left: 81.2px;
        bottom: 4.9px;
        opacity: 1.00;
        transform: rotate(194deg);
    }
    27.3% {
        left: 81.6px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(196deg);
    }
    27.5% {
        left: 82.0px;
        bottom: 4.3px;
        opacity: 1.00;
        transform: rotate(198deg);
    }
    28.0% {
        left: 82.8px;
        bottom: 6.8px;
        opacity: 1.00;
        transform: rotate(202deg);
    }
    28.5% {
        left: 83.6px;
        bottom: 9px;
        opacity: 1.00;
        transform: rotate(205deg);
    }
    29.0% {
        left: 84.4px;
        bottom: 10.8px;
        opacity: 1.00;
        transform: rotate(209deg);
    }
    29.5% {
        left: 85.2px;
        bottom: 12.4px;
        opacity: 1.00;
        transform: rotate(212deg);
    }
    30.0% {
        left: 85.9px;
        bottom: 13.6px;
        opacity: 1.00;
        transform: rotate(216deg);
    }
    30.5% {
        left: 86.7px;
        bottom: 14.5px;
        opacity: 1.00;
        transform: rotate(220deg);
    }
    31.0% {
        left: 87.5px;
        bottom: 15.1px;
        opacity: 1.00;
        transform: rotate(223deg);
    }
    31.5% {
        left: 88.3px;
        bottom: 15.4px;
        opacity: 1.00;
        transform: rotate(227deg);
    }
    32.0% {
        left: 89.1px;
        bottom: 15.4px;
        opacity: 1.00;
        transform: rotate(230deg);
    }
    32.5% {
        left: 89.9px;
        bottom: 15px;
        opacity: 1.00;
        transform: rotate(234deg);
    }
    33.0% {
        left: 90.7px;
        bottom: 14.4px;
        opacity: 1.00;
        transform: rotate(238deg);
    }
    33.5% {
        left: 91.5px;
        bottom: 13.4px;
        opacity: 1.00;
        transform: rotate(241deg);
    }
    34.0% {
        left: 92.3px;
        bottom: 12.2px;
        opacity: 1.00;
        transform: rotate(245deg);
    }
    34.5% {
        left: 93.0px;
        bottom: 10.6px;
        opacity: 1.00;
        transform: rotate(248deg);
    }
    35.0% {
        left: 93.8px;
        bottom: 8.7px;
        opacity: 1.00;
        transform: rotate(252deg);
    }
    35.5% {
        left: 94.6px;
        bottom: 6.5px;
        opacity: 1.00;
        transform: rotate(256deg);
    }
    36.0% {
        left: 95.4px;
        bottom: 3.9px;
        opacity: 1.00;
        transform: rotate(259deg);
    }
    36.2% {
        left: 95.7px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(260deg);
    }
    36.5% {
        left: 96.2px;
        bottom: 4.2px;
        opacity: 1.00;
        transform: rotate(263deg);
    }
    37.0% {
        left: 96.9px;
        bottom: 5.8px;
        opacity: 1.00;
        transform: rotate(266deg);
    }
    37.5% {
        left: 97.7px;
        bottom: 7.1px;
        opacity: 1.00;
        transform: rotate(270deg);
    }
    38.0% {
        left: 98.4px;
        bottom: 8.1px;
        opacity: 1.00;
        transform: rotate(274deg);
    }
    38.5% {
        left: 99.2px;
        bottom: 8.8px;
        opacity: 1.00;
        transform: rotate(277deg);
    }
    39.0% {
        left: 99.9px;
        bottom: 9.1px;
        opacity: 1.00;
        transform: rotate(281deg);
    }
    39.5% {
        left: 100.7px;
        bottom: 9.2px;
        opacity: 1.00;
        transform: rotate(284deg);
    }
    40.0% {
        left: 101.4px;
        bottom: 8.9px;
        opacity: 1.00;
        transform: rotate(288deg);
    }
    40.5% {
        left: 102.2px;
        bottom: 8.3px;
        opacity: 1.00;
        transform: rotate(292deg);
    }
    41.0% {
        left: 102.9px;
        bottom: 7.4px;
        opacity: 1.00;
        transform: rotate(295deg);
    }
    41.5% {
        left: 103.7px;
        bottom: 6.2px;
        opacity: 1.00;
        transform: rotate(299deg);
    }
    42.0% {
        left: 104.4px;
        bottom: 4.7px;
        opacity: 1.00;
        transform: rotate(302deg);
    }
    42.5% {
        left: 105.1px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(306deg);
    }
    42.5% {
        left: 105.2px;
        bottom: 3.1px;
        opacity: 1.00;
        transform: rotate(306deg);
    }
    43.0% {
        left: 105.9px;
        bottom: 4.3px;
        opacity: 1.00;
        transform: rotate(310deg);
    }
    43.5% {
        left: 106.6px;
        bottom: 5.1px;
        opacity: 1.00;
        transform: rotate(313deg);
    }
    44.0% {
        left: 107.3px;
        bottom: 5.7px;
        opacity: 1.00;
        transform: rotate(317deg);
    }
    44.5% {
        left: 108.0px;
        bottom: 5.9px;
        opacity: 1.00;
        transform: rotate(320deg);
    }
    45.0% {
        left: 108.7px;
        bottom: 5.8px;
        opacity: 1.00;
        transform: rotate(324deg);
    }
    45.5% {
        left: 109.5px;
        bottom: 5.4px;
        opacity: 1.00;
        transform: rotate(328deg);
    }
    46.0% {
        left: 110.2px;
        bottom: 4.7px;
        opacity: 1.00;
        transform: rotate(331deg);
    }
    46.5% {
        left: 110.9px;
        bottom: 3.7px;
        opacity: 1.00;
        transform: rotate(335deg);
    }
    46.8% {
        left: 111.3px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(337deg);
    }
    47.0% {
        left: 111.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(338deg);
    }
    47.5% {
        left: 112.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(342deg);
    }
    48.0% {
        left: 113.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(346deg);
    }
    48.5% {
        left: 113.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(349deg);
    }
    49.0% {
        left: 114.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(353deg);
    }
    49.5% {
        left: 115.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(356deg);
    }
    50.0% {
        left: 115.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(360deg);
    }
    50.5% {
        left: 116.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(364deg);
    }
    51.0% {
        left: 117.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(367deg);
    }
    51.5% {
        left: 118.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(371deg);
    }
    52.0% {
        left: 118.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(374deg);
    }
    52.5% {
        left: 119.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(378deg);
    }
    53.0% {
        left: 120.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(382deg);
    }
    53.5% {
        left: 120.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(385deg);
    }
    54.0% {
        left: 121.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(389deg);
    }
    54.5% {
        left: 122.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(392deg);
    }
    55.0% {
        left: 123.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(396deg);
    }
    55.5% {
        left: 123.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(400deg);
    }
    56.0% {
        left: 124.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(403deg);
    }
    56.5% {
        left: 125.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(407deg);
    }
    57.0% {
        left: 125.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(410deg);
    }
    57.5% {
        left: 126.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(414deg);
    }
    58.0% {
        left: 127.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(418deg);
    }
    58.5% {
        left: 128.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(421deg);
    }
    59.0% {
        left: 128.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(425deg);
    }
    59.5% {
        left: 129.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(428deg);
    }
    60.0% {
        left: 130.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(432deg);
    }
    60.5% {
        left: 130.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(436deg);
    }
    61.0% {
        left: 131.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(439deg);
    }
    61.5% {
        left: 132.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(443deg);
    }
    62.0% {
        left: 133.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(446deg);
    }
    62.5% {
        left: 133.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(450deg);
    }
    63.0% {
        left: 134.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(454deg);
    }
    63.5% {
        left: 135.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(457deg);
    }
    64.0% {
        left: 135.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(461deg);
    }
    64.5% {
        left: 136.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(464deg);
    }
    65.0% {
        left: 137.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(468deg);
    }
    65.5% {
        left: 138.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(472deg);
    }
    66.0% {
        left: 138.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(475deg);
    }
    66.5% {
        left: 139.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(479deg);
    }
    67.0% {
        left: 140.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(482deg);
    }
    67.5% {
        left: 140.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(486deg);
    }
    68.0% {
        left: 141.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(490deg);
    }
    68.5% {
        left: 142.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(493deg);
    }
    69.0% {
        left: 143.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(497deg);
    }
    69.5% {
        left: 143.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(500deg);
    }
    70.0% {
        left: 144.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(504deg);
    }
    70.5% {
        left: 145.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(508deg);
    }
    71.0% {
        left: 145.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(511deg);
    }
    71.5% {
        left: 146.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(515deg);
    }
    72.0% {
        left: 147.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(518deg);
    }
    72.5% {
        left: 147.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(522deg);
    }
    73.0% {
        left: 148.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(526deg);
    }
    73.5% {
        left: 149.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(529deg);
    }
    74.0% {
        left: 150.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(533deg);
    }
    74.5% {
        left: 150.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(536deg);
    }
    75.0% {
        left: 151.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(540deg);
    }
    75.5% {
        left: 152.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(544deg);
    }
    76.0% {
        left: 152.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(547deg);
    }
    76.5% {
        left: 153.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(551deg);
    }
    77.0% {
        left: 154.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(554deg);
    }
    77.5% {
        left: 155.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(558deg);
    }
    78.0% {
        left: 155.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(562deg);
    }
    78.5% {
        left: 156.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(565deg);
    }
    79.0% {
        left: 157.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(569deg);
    }
    79.5% {
        left: 157.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(572deg);
    }
    80.0% {
        left: 158.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(576deg);
    }
    80.5% {
        left: 159.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(580deg);
    }
    81.0% {
        left: 160.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(583deg);
    }
    81.5% {
        left: 160.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(587deg);
    }
    82.0% {
        left: 161.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(590deg);
    }
    82.5% {
        left: 162.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(594deg);
    }
    83.0% {
        left: 162.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(598deg);
    }
    83.5% {
        left: 163.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(601deg);
    }
    84.0% {
        left: 164.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(605deg);
    }
    84.5% {
        left: 165.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(608deg);
    }
    85.0% {
        left: 165.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(612deg);
    }
    85.5% {
        left: 166.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(616deg);
    }
    86.0% {
        left: 167.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(619deg);
    }
    86.5% {
        left: 167.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(623deg);
    }
    87.0% {
        left: 168.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(626deg);
    }
    87.5% {
        left: 169.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(630deg);
    }
    88.0% {
        left: 170.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(634deg);
    }
    88.5% {
        left: 170.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(637deg);
    }
    89.0% {
        left: 171.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(641deg);
    }
    89.5% {
        left: 172.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(644deg);
    }
    90.0% {
        left: 172.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(648deg);
    }
    90.5% {
        left: 173.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(652deg);
    }
    91.0% {
        left: 174.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(655deg);
    }
    91.5% {
        left: 175.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(659deg);
    }
    92.0% {
        left: 175.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(662deg);
    }
    92.5% {
        left: 176.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(666deg);
    }
    93.0% {
        left: 177.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(670deg);
    }
    93.5% {
        left: 177.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(673deg);
    }
    94.0% {
        left: 178.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(677deg);
    }
    94.5% {
        left: 179.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(680deg);
    }
    95.0% {
        left: 180.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(684deg);
    }
    95.5% {
        left: 180.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(688deg);
    }
    96.0% {
        left: 181.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(691deg);
    }
    96.5% {
        left: 182.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(695deg);
    }
    97.0% {
        left: 182.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(698deg);
    }
    97.5% {
        left: 183.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(702deg);
    }
    98.0% {
        left: 184.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(706deg);
    }
    98.5% {
        left: 185.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(709deg);
    }
    99.0% {
        left: 185.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(713deg);
    }
    99.5% {
        left: 186.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(716deg);
    }
    100.0% {
        left: 187.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(0deg);
    }
}

/* Ball 3: vx=65, vy=200, 5 bounces, 206 keyframes */
@keyframes ballShoot3 {
    0.0% {
        left: 35.0px;
        bottom: 30px;
        opacity: 0.00;
        transform: rotate(0deg);
    }
    0.5% {
        left: 36.6px;
        bottom: 34.8px;
        opacity: 0.33;
        transform: rotate(4deg);
    }
    1.0% {
        left: 38.3px;
        bottom: 39.3px;
        opacity: 0.67;
        transform: rotate(7deg);
    }
    1.5% {
        left: 39.9px;
        bottom: 43.5px;
        opacity: 1.00;
        transform: rotate(11deg);
    }
    2.0% {
        left: 41.5px;
        bottom: 47.3px;
        opacity: 1.00;
        transform: rotate(14deg);
    }
    2.5% {
        left: 43.1px;
        bottom: 50.9px;
        opacity: 1.00;
        transform: rotate(18deg);
    }
    3.0% {
        left: 44.8px;
        bottom: 54.1px;
        opacity: 1.00;
        transform: rotate(22deg);
    }
    3.5% {
        left: 46.4px;
        bottom: 57.1px;
        opacity: 1.00;
        transform: rotate(25deg);
    }
    4.0% {
        left: 48.0px;
        bottom: 59.7px;
        opacity: 1.00;
        transform: rotate(29deg);
    }
    4.5% {
        left: 49.6px;
        bottom: 62px;
        opacity: 1.00;
        transform: rotate(32deg);
    }
    5.0% {
        left: 51.3px;
        bottom: 64px;
        opacity: 1.00;
        transform: rotate(36deg);
    }
    5.5% {
        left: 52.9px;
        bottom: 65.7px;
        opacity: 1.00;
        transform: rotate(40deg);
    }
    6.0% {
        left: 54.5px;
        bottom: 67px;
        opacity: 1.00;
        transform: rotate(43deg);
    }
    6.5% {
        left: 56.1px;
        bottom: 68.1px;
        opacity: 1.00;
        transform: rotate(47deg);
    }
    7.0% {
        left: 57.8px;
        bottom: 68.8px;
        opacity: 1.00;
        transform: rotate(50deg);
    }
    7.5% {
        left: 59.4px;
        bottom: 69.3px;
        opacity: 1.00;
        transform: rotate(54deg);
    }
    8.0% {
        left: 61.0px;
        bottom: 69.4px;
        opacity: 1.00;
        transform: rotate(58deg);
    }
    8.5% {
        left: 62.6px;
        bottom: 69.2px;
        opacity: 1.00;
        transform: rotate(61deg);
    }
    9.0% {
        left: 64.3px;
        bottom: 68.7px;
        opacity: 1.00;
        transform: rotate(65deg);
    }
    9.5% {
        left: 65.9px;
        bottom: 67.9px;
        opacity: 1.00;
        transform: rotate(68deg);
    }
    10.0% {
        left: 67.5px;
        bottom: 66.7px;
        opacity: 1.00;
        transform: rotate(72deg);
    }
    10.5% {
        left: 69.1px;
        bottom: 65.3px;
        opacity: 1.00;
        transform: rotate(76deg);
    }
    11.0% {
        left: 70.8px;
        bottom: 63.5px;
        opacity: 1.00;
        transform: rotate(79deg);
    }
    11.5% {
        left: 72.4px;
        bottom: 61.4px;
        opacity: 1.00;
        transform: rotate(83deg);
    }
    12.0% {
        left: 74.0px;
        bottom: 59.1px;
        opacity: 1.00;
        transform: rotate(86deg);
    }
    12.5% {
        left: 75.6px;
        bottom: 56.4px;
        opacity: 1.00;
        transform: rotate(90deg);
    }
    13.0% {
        left: 77.3px;
        bottom: 53.4px;
        opacity: 1.00;
        transform: rotate(94deg);
    }
    13.5% {
        left: 78.9px;
        bottom: 50px;
        opacity: 1.00;
        transform: rotate(97deg);
    }
    14.0% {
        left: 80.5px;
        bottom: 46.4px;
        opacity: 1.00;
        transform: rotate(101deg);
    }
    14.5% {
        left: 82.1px;
        bottom: 42.5px;
        opacity: 1.00;
        transform: rotate(104deg);
    }
    15.0% {
        left: 83.8px;
        bottom: 38.2px;
        opacity: 1.00;
        transform: rotate(108deg);
    }
    15.5% {
        left: 85.4px;
        bottom: 33.6px;
        opacity: 1.00;
        transform: rotate(112deg);
    }
    16.0% {
        left: 87.0px;
        bottom: 28.8px;
        opacity: 1.00;
        transform: rotate(115deg);
    }
    16.5% {
        left: 88.6px;
        bottom: 23.6px;
        opacity: 1.00;
        transform: rotate(119deg);
    }
    17.0% {
        left: 90.3px;
        bottom: 18px;
        opacity: 1.00;
        transform: rotate(122deg);
    }
    17.5% {
        left: 91.9px;
        bottom: 12.2px;
        opacity: 1.00;
        transform: rotate(126deg);
    }
    18.0% {
        left: 93.5px;
        bottom: 6.1px;
        opacity: 1.00;
        transform: rotate(130deg);
    }
    18.2% {
        left: 94.3px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(131deg);
    }
    18.5% {
        left: 95.1px;
        bottom: 5.2px;
        opacity: 1.00;
        transform: rotate(133deg);
    }
    19.0% {
        left: 96.6px;
        bottom: 9.4px;
        opacity: 1.00;
        transform: rotate(137deg);
    }
    19.5% {
        left: 98.2px;
        bottom: 13.2px;
        opacity: 1.00;
        transform: rotate(140deg);
    }
    20.0% {
        left: 99.7px;
        bottom: 16.7px;
        opacity: 1.00;
        transform: rotate(144deg);
    }
    20.5% {
        left: 101.3px;
        bottom: 19.9px;
        opacity: 1.00;
        transform: rotate(148deg);
    }
    21.0% {
        left: 102.8px;
        bottom: 22.8px;
        opacity: 1.00;
        transform: rotate(151deg);
    }
    21.5% {
        left: 104.3px;
        bottom: 25.4px;
        opacity: 1.00;
        transform: rotate(155deg);
    }
    22.0% {
        left: 105.9px;
        bottom: 27.6px;
        opacity: 1.00;
        transform: rotate(158deg);
    }
    22.5% {
        left: 107.4px;
        bottom: 29.6px;
        opacity: 1.00;
        transform: rotate(162deg);
    }
    23.0% {
        left: 109.0px;
        bottom: 31.2px;
        opacity: 1.00;
        transform: rotate(166deg);
    }
    23.5% {
        left: 110.5px;
        bottom: 32.5px;
        opacity: 1.00;
        transform: rotate(169deg);
    }
    24.0% {
        left: 112.1px;
        bottom: 33.5px;
        opacity: 1.00;
        transform: rotate(173deg);
    }
    24.5% {
        left: 113.6px;
        bottom: 34.2px;
        opacity: 1.00;
        transform: rotate(176deg);
    }
    25.0% {
        left: 115.2px;
        bottom: 34.6px;
        opacity: 1.00;
        transform: rotate(180deg);
    }
    25.5% {
        left: 116.7px;
        bottom: 34.7px;
        opacity: 1.00;
        transform: rotate(184deg);
    }
    26.0% {
        left: 118.2px;
        bottom: 34.4px;
        opacity: 1.00;
        transform: rotate(187deg);
    }
    26.5% {
        left: 119.8px;
        bottom: 33.9px;
        opacity: 1.00;
        transform: rotate(191deg);
    }
    27.0% {
        left: 121.3px;
        bottom: 33px;
        opacity: 1.00;
        transform: rotate(194deg);
    }
    27.5% {
        left: 122.9px;
        bottom: 31.8px;
        opacity: 1.00;
        transform: rotate(198deg);
    }
    28.0% {
        left: 124.4px;
        bottom: 30.3px;
        opacity: 1.00;
        transform: rotate(202deg);
    }
    28.5% {
        left: 126.0px;
        bottom: 28.5px;
        opacity: 1.00;
        transform: rotate(205deg);
    }
    29.0% {
        left: 127.5px;
        bottom: 26.4px;
        opacity: 1.00;
        transform: rotate(209deg);
    }
    29.5% {
        left: 129.0px;
        bottom: 24px;
        opacity: 1.00;
        transform: rotate(212deg);
    }
    30.0% {
        left: 130.6px;
        bottom: 21.2px;
        opacity: 1.00;
        transform: rotate(216deg);
    }
    30.5% {
        left: 132.1px;
        bottom: 18.2px;
        opacity: 1.00;
        transform: rotate(220deg);
    }
    31.0% {
        left: 133.7px;
        bottom: 14.8px;
        opacity: 1.00;
        transform: rotate(223deg);
    }
    31.5% {
        left: 135.2px;
        bottom: 11.1px;
        opacity: 1.00;
        transform: rotate(227deg);
    }
    32.0% {
        left: 136.8px;
        bottom: 7.1px;
        opacity: 1.00;
        transform: rotate(230deg);
    }
    32.5% {
        left: 138.3px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(234deg);
    }
    32.5% {
        left: 138.3px;
        bottom: 3.1px;
        opacity: 1.00;
        transform: rotate(234deg);
    }
    33.0% {
        left: 139.8px;
        bottom: 6px;
        opacity: 1.00;
        transform: rotate(238deg);
    }
    33.5% {
        left: 141.2px;
        bottom: 8.6px;
        opacity: 1.00;
        transform: rotate(241deg);
    }
    34.0% {
        left: 142.7px;
        bottom: 10.9px;
        opacity: 1.00;
        transform: rotate(245deg);
    }
    34.5% {
        left: 144.2px;
        bottom: 12.8px;
        opacity: 1.00;
        transform: rotate(248deg);
    }
    35.0% {
        left: 145.6px;
        bottom: 14.5px;
        opacity: 1.00;
        transform: rotate(252deg);
    }
    35.5% {
        left: 147.1px;
        bottom: 15.8px;
        opacity: 1.00;
        transform: rotate(256deg);
    }
    36.0% {
        left: 148.6px;
        bottom: 16.8px;
        opacity: 1.00;
        transform: rotate(259deg);
    }
    36.5% {
        left: 150.0px;
        bottom: 17.6px;
        opacity: 1.00;
        transform: rotate(263deg);
    }
    37.0% {
        left: 151.5px;
        bottom: 18px;
        opacity: 1.00;
        transform: rotate(266deg);
    }
    37.5% {
        left: 153.0px;
        bottom: 18px;
        opacity: 1.00;
        transform: rotate(270deg);
    }
    38.0% {
        left: 154.4px;
        bottom: 17.8px;
        opacity: 1.00;
        transform: rotate(274deg);
    }
    38.5% {
        left: 155.9px;
        bottom: 17.3px;
        opacity: 1.00;
        transform: rotate(277deg);
    }
    39.0% {
        left: 157.4px;
        bottom: 16.4px;
        opacity: 1.00;
        transform: rotate(281deg);
    }
    39.5% {
        left: 158.8px;
        bottom: 15.3px;
        opacity: 1.00;
        transform: rotate(284deg);
    }
    40.0% {
        left: 160.3px;
        bottom: 13.8px;
        opacity: 1.00;
        transform: rotate(288deg);
    }
    40.5% {
        left: 161.8px;
        bottom: 12px;
        opacity: 1.00;
        transform: rotate(292deg);
    }
    41.0% {
        left: 163.2px;
        bottom: 9.9px;
        opacity: 1.00;
        transform: rotate(295deg);
    }
    41.5% {
        left: 164.7px;
        bottom: 7.5px;
        opacity: 1.00;
        transform: rotate(299deg);
    }
    42.0% {
        left: 166.2px;
        bottom: 4.8px;
        opacity: 1.00;
        transform: rotate(302deg);
    }
    42.3% {
        left: 167.0px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(305deg);
    }
    42.5% {
        left: 167.6px;
        bottom: 3.9px;
        opacity: 1.00;
        transform: rotate(306deg);
    }
    43.0% {
        left: 169.0px;
        bottom: 5.7px;
        opacity: 1.00;
        transform: rotate(310deg);
    }
    43.5% {
        left: 170.4px;
        bottom: 7.3px;
        opacity: 1.00;
        transform: rotate(313deg);
    }
    44.0% {
        left: 171.8px;
        bottom: 8.6px;
        opacity: 1.00;
        transform: rotate(317deg);
    }
    44.5% {
        left: 173.2px;
        bottom: 9.5px;
        opacity: 1.00;
        transform: rotate(320deg);
    }
    45.0% {
        left: 174.6px;
        bottom: 10.1px;
        opacity: 1.00;
        transform: rotate(324deg);
    }
    45.5% {
        left: 176.0px;
        bottom: 10.4px;
        opacity: 1.00;
        transform: rotate(328deg);
    }
    46.0% {
        left: 177.4px;
        bottom: 10.4px;
        opacity: 1.00;
        transform: rotate(331deg);
    }
    46.5% {
        left: 178.8px;
        bottom: 10.1px;
        opacity: 1.00;
        transform: rotate(335deg);
    }
    47.0% {
        left: 180.1px;
        bottom: 9.5px;
        opacity: 1.00;
        transform: rotate(338deg);
    }
    47.5% {
        left: 181.5px;
        bottom: 8.6px;
        opacity: 1.00;
        transform: rotate(342deg);
    }
    48.0% {
        left: 182.9px;
        bottom: 7.3px;
        opacity: 1.00;
        transform: rotate(346deg);
    }
    48.5% {
        left: 184.3px;
        bottom: 5.8px;
        opacity: 1.00;
        transform: rotate(349deg);
    }
    49.0% {
        left: 185.7px;
        bottom: 3.9px;
        opacity: 1.00;
        transform: rotate(353deg);
    }
    49.2% {
        left: 186.3px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(354deg);
    }
    49.5% {
        left: 187.1px;
        bottom: 3.8px;
        opacity: 1.00;
        transform: rotate(356deg);
    }
    50.0% {
        left: 188.4px;
        bottom: 4.9px;
        opacity: 1.00;
        transform: rotate(360deg);
    }
    50.5% {
        left: 189.7px;
        bottom: 5.8px;
        opacity: 1.00;
        transform: rotate(364deg);
    }
    51.0% {
        left: 191.0px;
        bottom: 6.3px;
        opacity: 1.00;
        transform: rotate(367deg);
    }
    51.5% {
        left: 192.4px;
        bottom: 6.5px;
        opacity: 1.00;
        transform: rotate(371deg);
    }
    52.0% {
        left: 193.7px;
        bottom: 6.4px;
        opacity: 1.00;
        transform: rotate(374deg);
    }
    52.5% {
        left: 195.0px;
        bottom: 6px;
        opacity: 1.00;
        transform: rotate(378deg);
    }
    53.0% {
        left: 196.3px;
        bottom: 5.3px;
        opacity: 1.00;
        transform: rotate(382deg);
    }
    53.5% {
        left: 197.7px;
        bottom: 4.2px;
        opacity: 1.00;
        transform: rotate(385deg);
    }
    54.0% {
        left: 198.9px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(388deg);
    }
    54.0% {
        left: 199.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(389deg);
    }
    54.5% {
        left: 200.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(392deg);
    }
    55.0% {
        left: 201.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(396deg);
    }
    55.5% {
        left: 203.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(400deg);
    }
    56.0% {
        left: 204.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(403deg);
    }
    56.5% {
        left: 205.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(407deg);
    }
    57.0% {
        left: 206.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(410deg);
    }
    57.5% {
        left: 208.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(414deg);
    }
    58.0% {
        left: 209.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(418deg);
    }
    58.5% {
        left: 210.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(421deg);
    }
    59.0% {
        left: 212.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(425deg);
    }
    59.5% {
        left: 213.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(428deg);
    }
    60.0% {
        left: 214.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(432deg);
    }
    60.5% {
        left: 216.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(436deg);
    }
    61.0% {
        left: 217.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(439deg);
    }
    61.5% {
        left: 218.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(443deg);
    }
    62.0% {
        left: 220.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(446deg);
    }
    62.5% {
        left: 221.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(450deg);
    }
    63.0% {
        left: 222.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(454deg);
    }
    63.5% {
        left: 224.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(457deg);
    }
    64.0% {
        left: 225.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(461deg);
    }
    64.5% {
        left: 226.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(464deg);
    }
    65.0% {
        left: 228.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(468deg);
    }
    65.5% {
        left: 229.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(472deg);
    }
    66.0% {
        left: 230.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(475deg);
    }
    66.5% {
        left: 232.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(479deg);
    }
    67.0% {
        left: 233.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(482deg);
    }
    67.5% {
        left: 234.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(486deg);
    }
    68.0% {
        left: 236.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(490deg);
    }
    68.5% {
        left: 237.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(493deg);
    }
    69.0% {
        left: 238.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(497deg);
    }
    69.5% {
        left: 240.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(500deg);
    }
    70.0% {
        left: 241.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(504deg);
    }
    70.5% {
        left: 242.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(508deg);
    }
    71.0% {
        left: 244.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(511deg);
    }
    71.5% {
        left: 245.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(515deg);
    }
    72.0% {
        left: 246.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(518deg);
    }
    72.5% {
        left: 248.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(522deg);
    }
    73.0% {
        left: 249.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(526deg);
    }
    73.5% {
        left: 250.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(529deg);
    }
    74.0% {
        left: 251.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(533deg);
    }
    74.5% {
        left: 253.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(536deg);
    }
    75.0% {
        left: 254.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(540deg);
    }
    75.5% {
        left: 255.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(544deg);
    }
    76.0% {
        left: 257.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(547deg);
    }
    76.5% {
        left: 258.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(551deg);
    }
    77.0% {
        left: 259.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(554deg);
    }
    77.5% {
        left: 261.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(558deg);
    }
    78.0% {
        left: 262.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(562deg);
    }
    78.5% {
        left: 263.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(565deg);
    }
    79.0% {
        left: 265.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(569deg);
    }
    79.5% {
        left: 266.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(572deg);
    }
    80.0% {
        left: 267.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(576deg);
    }
    80.5% {
        left: 269.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(580deg);
    }
    81.0% {
        left: 270.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(583deg);
    }
    81.5% {
        left: 271.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(587deg);
    }
    82.0% {
        left: 273.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(590deg);
    }
    82.5% {
        left: 274.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(594deg);
    }
    83.0% {
        left: 275.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(598deg);
    }
    83.5% {
        left: 277.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(601deg);
    }
    84.0% {
        left: 278.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(605deg);
    }
    84.5% {
        left: 279.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(608deg);
    }
    85.0% {
        left: 281.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(612deg);
    }
    85.5% {
        left: 282.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(616deg);
    }
    86.0% {
        left: 283.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(619deg);
    }
    86.5% {
        left: 285.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(623deg);
    }
    87.0% {
        left: 286.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(626deg);
    }
    87.5% {
        left: 287.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(630deg);
    }
    88.0% {
        left: 289.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(634deg);
    }
    88.5% {
        left: 290.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(637deg);
    }
    89.0% {
        left: 291.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(641deg);
    }
    89.5% {
        left: 293.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(644deg);
    }
    90.0% {
        left: 294.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(648deg);
    }
    90.5% {
        left: 295.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(652deg);
    }
    91.0% {
        left: 296.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(655deg);
    }
    91.5% {
        left: 298.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(659deg);
    }
    92.0% {
        left: 299.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(662deg);
    }
    92.5% {
        left: 300.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(666deg);
    }
    93.0% {
        left: 302.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(670deg);
    }
    93.5% {
        left: 303.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(673deg);
    }
    94.0% {
        left: 304.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(677deg);
    }
    94.5% {
        left: 306.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(680deg);
    }
    95.0% {
        left: 307.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(684deg);
    }
    95.5% {
        left: 308.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(688deg);
    }
    96.0% {
        left: 310.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(691deg);
    }
    96.5% {
        left: 311.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(695deg);
    }
    97.0% {
        left: 312.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(698deg);
    }
    97.5% {
        left: 314.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(702deg);
    }
    98.0% {
        left: 315.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(706deg);
    }
    98.5% {
        left: 316.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(709deg);
    }
    99.0% {
        left: 318.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(713deg);
    }
    99.5% {
        left: 319.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(716deg);
    }
    100.0% {
        left: 320.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(0deg);
    }
}

/* Ball 4: vx=30, vy=140, 5 bounces, 206 keyframes */
@keyframes ballShoot4 {
    0.0% {
        left: 35.0px;
        bottom: 30px;
        opacity: 0.00;
        transform: rotate(0deg);
    }
    0.5% {
        left: 35.8px;
        bottom: 33.3px;
        opacity: 0.33;
        transform: rotate(4deg);
    }
    1.0% {
        left: 36.5px;
        bottom: 36.3px;
        opacity: 0.67;
        transform: rotate(7deg);
    }
    1.5% {
        left: 37.3px;
        bottom: 39px;
        opacity: 1.00;
        transform: rotate(11deg);
    }
    2.0% {
        left: 38.0px;
        bottom: 41.3px;
        opacity: 1.00;
        transform: rotate(14deg);
    }
    2.5% {
        left: 38.8px;
        bottom: 43.4px;
        opacity: 1.00;
        transform: rotate(18deg);
    }
    3.0% {
        left: 39.5px;
        bottom: 45.1px;
        opacity: 1.00;
        transform: rotate(22deg);
    }
    3.5% {
        left: 40.3px;
        bottom: 46.6px;
        opacity: 1.00;
        transform: rotate(25deg);
    }
    4.0% {
        left: 41.0px;
        bottom: 47.7px;
        opacity: 1.00;
        transform: rotate(29deg);
    }
    4.5% {
        left: 41.8px;
        bottom: 48.5px;
        opacity: 1.00;
        transform: rotate(32deg);
    }
    5.0% {
        left: 42.5px;
        bottom: 49px;
        opacity: 1.00;
        transform: rotate(36deg);
    }
    5.5% {
        left: 43.3px;
        bottom: 49.2px;
        opacity: 1.00;
        transform: rotate(40deg);
    }
    6.0% {
        left: 44.0px;
        bottom: 49px;
        opacity: 1.00;
        transform: rotate(43deg);
    }
    6.5% {
        left: 44.8px;
        bottom: 48.6px;
        opacity: 1.00;
        transform: rotate(47deg);
    }
    7.0% {
        left: 45.5px;
        bottom: 47.8px;
        opacity: 1.00;
        transform: rotate(50deg);
    }
    7.5% {
        left: 46.3px;
        bottom: 46.8px;
        opacity: 1.00;
        transform: rotate(54deg);
    }
    8.0% {
        left: 47.0px;
        bottom: 45.4px;
        opacity: 1.00;
        transform: rotate(58deg);
    }
    8.5% {
        left: 47.8px;
        bottom: 43.7px;
        opacity: 1.00;
        transform: rotate(61deg);
    }
    9.0% {
        left: 48.5px;
        bottom: 41.7px;
        opacity: 1.00;
        transform: rotate(65deg);
    }
    9.5% {
        left: 49.3px;
        bottom: 39.4px;
        opacity: 1.00;
        transform: rotate(68deg);
    }
    10.0% {
        left: 50.0px;
        bottom: 36.7px;
        opacity: 1.00;
        transform: rotate(72deg);
    }
    10.5% {
        left: 50.8px;
        bottom: 33.8px;
        opacity: 1.00;
        transform: rotate(76deg);
    }
    11.0% {
        left: 51.5px;
        bottom: 30.5px;
        opacity: 1.00;
        transform: rotate(79deg);
    }
    11.5% {
        left: 52.3px;
        bottom: 26.9px;
        opacity: 1.00;
        transform: rotate(83deg);
    }
    12.0% {
        left: 53.0px;
        bottom: 23.1px;
        opacity: 1.00;
        transform: rotate(86deg);
    }
    12.5% {
        left: 53.8px;
        bottom: 18.9px;
        opacity: 1.00;
        transform: rotate(90deg);
    }
    13.0% {
        left: 54.5px;
        bottom: 14.4px;
        opacity: 1.00;
        transform: rotate(94deg);
    }
    13.5% {
        left: 55.3px;
        bottom: 9.5px;
        opacity: 1.00;
        transform: rotate(97deg);
    }
    14.0% {
        left: 56.0px;
        bottom: 4.4px;
        opacity: 1.00;
        transform: rotate(101deg);
    }
    14.1% {
        left: 56.2px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(102deg);
    }
    14.5% {
        left: 56.7px;
        bottom: 5.7px;
        opacity: 1.00;
        transform: rotate(104deg);
    }
    15.0% {
        left: 57.4px;
        bottom: 9.2px;
        opacity: 1.00;
        transform: rotate(108deg);
    }
    15.5% {
        left: 58.1px;
        bottom: 12.3px;
        opacity: 1.00;
        transform: rotate(112deg);
    }
    16.0% {
        left: 58.9px;
        bottom: 15.1px;
        opacity: 1.00;
        transform: rotate(115deg);
    }
    16.5% {
        left: 59.6px;
        bottom: 17.6px;
        opacity: 1.00;
        transform: rotate(119deg);
    }
    17.0% {
        left: 60.3px;
        bottom: 19.8px;
        opacity: 1.00;
        transform: rotate(122deg);
    }
    17.5% {
        left: 61.0px;
        bottom: 21.6px;
        opacity: 1.00;
        transform: rotate(126deg);
    }
    18.0% {
        left: 61.7px;
        bottom: 23.2px;
        opacity: 1.00;
        transform: rotate(130deg);
    }
    18.5% {
        left: 62.4px;
        bottom: 24.4px;
        opacity: 1.00;
        transform: rotate(133deg);
    }
    19.0% {
        left: 63.1px;
        bottom: 25.4px;
        opacity: 1.00;
        transform: rotate(137deg);
    }
    19.5% {
        left: 63.8px;
        bottom: 26px;
        opacity: 1.00;
        transform: rotate(140deg);
    }
    20.0% {
        left: 64.6px;
        bottom: 26.3px;
        opacity: 1.00;
        transform: rotate(144deg);
    }
    20.5% {
        left: 65.3px;
        bottom: 26.3px;
        opacity: 1.00;
        transform: rotate(148deg);
    }
    21.0% {
        left: 66.0px;
        bottom: 26px;
        opacity: 1.00;
        transform: rotate(151deg);
    }
    21.5% {
        left: 66.7px;
        bottom: 25.3px;
        opacity: 1.00;
        transform: rotate(155deg);
    }
    22.0% {
        left: 67.4px;
        bottom: 24.4px;
        opacity: 1.00;
        transform: rotate(158deg);
    }
    22.5% {
        left: 68.1px;
        bottom: 23.2px;
        opacity: 1.00;
        transform: rotate(162deg);
    }
    23.0% {
        left: 68.8px;
        bottom: 21.6px;
        opacity: 1.00;
        transform: rotate(166deg);
    }
    23.5% {
        left: 69.5px;
        bottom: 19.7px;
        opacity: 1.00;
        transform: rotate(169deg);
    }
    24.0% {
        left: 70.3px;
        bottom: 17.5px;
        opacity: 1.00;
        transform: rotate(173deg);
    }
    24.5% {
        left: 71.0px;
        bottom: 15px;
        opacity: 1.00;
        transform: rotate(176deg);
    }
    25.0% {
        left: 71.7px;
        bottom: 12.2px;
        opacity: 1.00;
        transform: rotate(180deg);
    }
    25.5% {
        left: 72.4px;
        bottom: 9.1px;
        opacity: 1.00;
        transform: rotate(184deg);
    }
    26.0% {
        left: 73.1px;
        bottom: 5.6px;
        opacity: 1.00;
        transform: rotate(187deg);
    }
    26.4% {
        left: 73.6px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(190deg);
    }
    26.5% {
        left: 73.8px;
        bottom: 3.8px;
        opacity: 1.00;
        transform: rotate(191deg);
    }
    27.0% {
        left: 74.5px;
        bottom: 6.1px;
        opacity: 1.00;
        transform: rotate(194deg);
    }
    27.5% {
        left: 75.2px;
        bottom: 8.2px;
        opacity: 1.00;
        transform: rotate(198deg);
    }
    28.0% {
        left: 75.8px;
        bottom: 10px;
        opacity: 1.00;
        transform: rotate(202deg);
    }
    28.5% {
        left: 76.5px;
        bottom: 11.4px;
        opacity: 1.00;
        transform: rotate(205deg);
    }
    29.0% {
        left: 77.2px;
        bottom: 12.5px;
        opacity: 1.00;
        transform: rotate(209deg);
    }
    29.5% {
        left: 77.9px;
        bottom: 13.4px;
        opacity: 1.00;
        transform: rotate(212deg);
    }
    30.0% {
        left: 78.6px;
        bottom: 13.9px;
        opacity: 1.00;
        transform: rotate(216deg);
    }
    30.5% {
        left: 79.2px;
        bottom: 14.1px;
        opacity: 1.00;
        transform: rotate(220deg);
    }
    31.0% {
        left: 79.9px;
        bottom: 14px;
        opacity: 1.00;
        transform: rotate(223deg);
    }
    31.5% {
        left: 80.6px;
        bottom: 13.5px;
        opacity: 1.00;
        transform: rotate(227deg);
    }
    32.0% {
        left: 81.3px;
        bottom: 12.8px;
        opacity: 1.00;
        transform: rotate(230deg);
    }
    32.5% {
        left: 81.9px;
        bottom: 11.7px;
        opacity: 1.00;
        transform: rotate(234deg);
    }
    33.0% {
        left: 82.6px;
        bottom: 10.4px;
        opacity: 1.00;
        transform: rotate(238deg);
    }
    33.5% {
        left: 83.3px;
        bottom: 8.7px;
        opacity: 1.00;
        transform: rotate(241deg);
    }
    34.0% {
        left: 84.0px;
        bottom: 6.7px;
        opacity: 1.00;
        transform: rotate(245deg);
    }
    34.5% {
        left: 84.6px;
        bottom: 4.4px;
        opacity: 1.00;
        transform: rotate(248deg);
    }
    34.8% {
        left: 85.0px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(250deg);
    }
    35.0% {
        left: 85.3px;
        bottom: 3.8px;
        opacity: 1.00;
        transform: rotate(252deg);
    }
    35.5% {
        left: 85.9px;
        bottom: 5.4px;
        opacity: 1.00;
        transform: rotate(256deg);
    }
    36.0% {
        left: 86.6px;
        bottom: 6.7px;
        opacity: 1.00;
        transform: rotate(259deg);
    }
    36.5% {
        left: 87.2px;
        bottom: 7.7px;
        opacity: 1.00;
        transform: rotate(263deg);
    }
    37.0% {
        left: 87.9px;
        bottom: 8.3px;
        opacity: 1.00;
        transform: rotate(266deg);
    }
    37.5% {
        left: 88.5px;
        bottom: 8.6px;
        opacity: 1.00;
        transform: rotate(270deg);
    }
    38.0% {
        left: 89.2px;
        bottom: 8.7px;
        opacity: 1.00;
        transform: rotate(274deg);
    }
    38.5% {
        left: 89.8px;
        bottom: 8.4px;
        opacity: 1.00;
        transform: rotate(277deg);
    }
    39.0% {
        left: 90.4px;
        bottom: 7.8px;
        opacity: 1.00;
        transform: rotate(281deg);
    }
    39.5% {
        left: 91.1px;
        bottom: 6.9px;
        opacity: 1.00;
        transform: rotate(284deg);
    }
    40.0% {
        left: 91.7px;
        bottom: 5.6px;
        opacity: 1.00;
        transform: rotate(288deg);
    }
    40.5% {
        left: 92.4px;
        bottom: 4.1px;
        opacity: 1.00;
        transform: rotate(292deg);
    }
    40.8% {
        left: 92.8px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(294deg);
    }
    41.0% {
        left: 93.0px;
        bottom: 3.5px;
        opacity: 1.00;
        transform: rotate(295deg);
    }
    41.5% {
        left: 93.6px;
        bottom: 4.5px;
        opacity: 1.00;
        transform: rotate(299deg);
    }
    42.0% {
        left: 94.2px;
        bottom: 5.3px;
        opacity: 1.00;
        transform: rotate(302deg);
    }
    42.5% {
        left: 94.8px;
        bottom: 5.7px;
        opacity: 1.00;
        transform: rotate(306deg);
    }
    43.0% {
        left: 95.5px;
        bottom: 5.8px;
        opacity: 1.00;
        transform: rotate(310deg);
    }
    43.5% {
        left: 96.1px;
        bottom: 5.6px;
        opacity: 1.00;
        transform: rotate(313deg);
    }
    44.0% {
        left: 96.7px;
        bottom: 5.1px;
        opacity: 1.00;
        transform: rotate(317deg);
    }
    44.5% {
        left: 97.3px;
        bottom: 4.3px;
        opacity: 1.00;
        transform: rotate(320deg);
    }
    45.0% {
        left: 97.9px;
        bottom: 3.1px;
        opacity: 1.00;
        transform: rotate(324deg);
    }
    45.1% {
        left: 98.0px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(324deg);
    }
    45.5% {
        left: 98.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(328deg);
    }
    46.0% {
        left: 99.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(331deg);
    }
    46.5% {
        left: 99.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(335deg);
    }
    47.0% {
        left: 100.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(338deg);
    }
    47.5% {
        left: 100.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(342deg);
    }
    48.0% {
        left: 101.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(346deg);
    }
    48.5% {
        left: 102.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(349deg);
    }
    49.0% {
        left: 102.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(353deg);
    }
    49.5% {
        left: 103.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(356deg);
    }
    50.0% {
        left: 104.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(360deg);
    }
    50.5% {
        left: 104.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(364deg);
    }
    51.0% {
        left: 105.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(367deg);
    }
    51.5% {
        left: 105.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(371deg);
    }
    52.0% {
        left: 106.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(374deg);
    }
    52.5% {
        left: 107.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(378deg);
    }
    53.0% {
        left: 107.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(382deg);
    }
    53.5% {
        left: 108.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(385deg);
    }
    54.0% {
        left: 108.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(389deg);
    }
    54.5% {
        left: 109.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(392deg);
    }
    55.0% {
        left: 110.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(396deg);
    }
    55.5% {
        left: 110.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(400deg);
    }
    56.0% {
        left: 111.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(403deg);
    }
    56.5% {
        left: 111.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(407deg);
    }
    57.0% {
        left: 112.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(410deg);
    }
    57.5% {
        left: 113.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(414deg);
    }
    58.0% {
        left: 113.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(418deg);
    }
    58.5% {
        left: 114.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(421deg);
    }
    59.0% {
        left: 115.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(425deg);
    }
    59.5% {
        left: 115.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(428deg);
    }
    60.0% {
        left: 116.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(432deg);
    }
    60.5% {
        left: 116.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(436deg);
    }
    61.0% {
        left: 117.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(439deg);
    }
    61.5% {
        left: 118.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(443deg);
    }
    62.0% {
        left: 118.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(446deg);
    }
    62.5% {
        left: 119.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(450deg);
    }
    63.0% {
        left: 119.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(454deg);
    }
    63.5% {
        left: 120.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(457deg);
    }
    64.0% {
        left: 121.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(461deg);
    }
    64.5% {
        left: 121.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(464deg);
    }
    65.0% {
        left: 122.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(468deg);
    }
    65.5% {
        left: 122.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(472deg);
    }
    66.0% {
        left: 123.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(475deg);
    }
    66.5% {
        left: 124.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(479deg);
    }
    67.0% {
        left: 124.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(482deg);
    }
    67.5% {
        left: 125.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(486deg);
    }
    68.0% {
        left: 126.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(490deg);
    }
    68.5% {
        left: 126.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(493deg);
    }
    69.0% {
        left: 127.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(497deg);
    }
    69.5% {
        left: 127.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(500deg);
    }
    70.0% {
        left: 128.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(504deg);
    }
    70.5% {
        left: 129.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(508deg);
    }
    71.0% {
        left: 129.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(511deg);
    }
    71.5% {
        left: 130.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(515deg);
    }
    72.0% {
        left: 130.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(518deg);
    }
    72.5% {
        left: 131.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(522deg);
    }
    73.0% {
        left: 132.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(526deg);
    }
    73.5% {
        left: 132.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(529deg);
    }
    74.0% {
        left: 133.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(533deg);
    }
    74.5% {
        left: 133.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(536deg);
    }
    75.0% {
        left: 134.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(540deg);
    }
    75.5% {
        left: 135.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(544deg);
    }
    76.0% {
        left: 135.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(547deg);
    }
    76.5% {
        left: 136.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(551deg);
    }
    77.0% {
        left: 137.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(554deg);
    }
    77.5% {
        left: 137.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(558deg);
    }
    78.0% {
        left: 138.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(562deg);
    }
    78.5% {
        left: 138.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(565deg);
    }
    79.0% {
        left: 139.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(569deg);
    }
    79.5% {
        left: 140.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(572deg);
    }
    80.0% {
        left: 140.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(576deg);
    }
    80.5% {
        left: 141.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(580deg);
    }
    81.0% {
        left: 141.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(583deg);
    }
    81.5% {
        left: 142.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(587deg);
    }
    82.0% {
        left: 143.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(590deg);
    }
    82.5% {
        left: 143.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(594deg);
    }
    83.0% {
        left: 144.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(598deg);
    }
    83.5% {
        left: 144.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(601deg);
    }
    84.0% {
        left: 145.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(605deg);
    }
    84.5% {
        left: 146.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(608deg);
    }
    85.0% {
        left: 146.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(612deg);
    }
    85.5% {
        left: 147.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(616deg);
    }
    86.0% {
        left: 148.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(619deg);
    }
    86.5% {
        left: 148.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(623deg);
    }
    87.0% {
        left: 149.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(626deg);
    }
    87.5% {
        left: 149.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(630deg);
    }
    88.0% {
        left: 150.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(634deg);
    }
    88.5% {
        left: 151.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(637deg);
    }
    89.0% {
        left: 151.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(641deg);
    }
    89.5% {
        left: 152.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(644deg);
    }
    90.0% {
        left: 152.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(648deg);
    }
    90.5% {
        left: 153.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(652deg);
    }
    91.0% {
        left: 154.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(655deg);
    }
    91.5% {
        left: 154.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(659deg);
    }
    92.0% {
        left: 155.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(662deg);
    }
    92.5% {
        left: 155.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(666deg);
    }
    93.0% {
        left: 156.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(670deg);
    }
    93.5% {
        left: 157.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(673deg);
    }
    94.0% {
        left: 157.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(677deg);
    }
    94.5% {
        left: 158.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(680deg);
    }
    95.0% {
        left: 159.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(684deg);
    }
    95.5% {
        left: 159.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(688deg);
    }
    96.0% {
        left: 160.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(691deg);
    }
    96.5% {
        left: 160.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(695deg);
    }
    97.0% {
        left: 161.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(698deg);
    }
    97.5% {
        left: 162.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(702deg);
    }
    98.0% {
        left: 162.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(706deg);
    }
    98.5% {
        left: 163.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(709deg);
    }
    99.0% {
        left: 163.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(713deg);
    }
    99.5% {
        left: 164.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(716deg);
    }
    100.0% {
        left: 165.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(0deg);
    }
}

/* Ball 5: vx=60, vy=190, 5 bounces, 206 keyframes */
@keyframes ballShoot5 {
    0.0% {
        left: 35.0px;
        bottom: 30px;
        opacity: 0.00;
        transform: rotate(0deg);
    }
    0.5% {
        left: 36.5px;
        bottom: 34.6px;
        opacity: 0.33;
        transform: rotate(4deg);
    }
    1.0% {
        left: 38.0px;
        bottom: 38.8px;
        opacity: 0.67;
        transform: rotate(7deg);
    }
    1.5% {
        left: 39.5px;
        bottom: 42.7px;
        opacity: 1.00;
        transform: rotate(11deg);
    }
    2.0% {
        left: 41.0px;
        bottom: 46.3px;
        opacity: 1.00;
        transform: rotate(14deg);
    }
    2.5% {
        left: 42.5px;
        bottom: 49.6px;
        opacity: 1.00;
        transform: rotate(18deg);
    }
    3.0% {
        left: 44.0px;
        bottom: 52.6px;
        opacity: 1.00;
        transform: rotate(22deg);
    }
    3.5% {
        left: 45.5px;
        bottom: 55.3px;
        opacity: 1.00;
        transform: rotate(25deg);
    }
    4.0% {
        left: 47.0px;
        bottom: 57.7px;
        opacity: 1.00;
        transform: rotate(29deg);
    }
    4.5% {
        left: 48.5px;
        bottom: 59.7px;
        opacity: 1.00;
        transform: rotate(32deg);
    }
    5.0% {
        left: 50.0px;
        bottom: 61.5px;
        opacity: 1.00;
        transform: rotate(36deg);
    }
    5.5% {
        left: 51.5px;
        bottom: 62.9px;
        opacity: 1.00;
        transform: rotate(40deg);
    }
    6.0% {
        left: 53.0px;
        bottom: 64px;
        opacity: 1.00;
        transform: rotate(43deg);
    }
    6.5% {
        left: 54.5px;
        bottom: 64.8px;
        opacity: 1.00;
        transform: rotate(47deg);
    }
    7.0% {
        left: 56.0px;
        bottom: 65.3px;
        opacity: 1.00;
        transform: rotate(50deg);
    }
    7.5% {
        left: 57.5px;
        bottom: 65.5px;
        opacity: 1.00;
        transform: rotate(54deg);
    }
    8.0% {
        left: 59.0px;
        bottom: 65.4px;
        opacity: 1.00;
        transform: rotate(58deg);
    }
    8.5% {
        left: 60.5px;
        bottom: 64.9px;
        opacity: 1.00;
        transform: rotate(61deg);
    }
    9.0% {
        left: 62.0px;
        bottom: 64.2px;
        opacity: 1.00;
        transform: rotate(65deg);
    }
    9.5% {
        left: 63.5px;
        bottom: 63.1px;
        opacity: 1.00;
        transform: rotate(68deg);
    }
    10.0% {
        left: 65.0px;
        bottom: 61.7px;
        opacity: 1.00;
        transform: rotate(72deg);
    }
    10.5% {
        left: 66.5px;
        bottom: 60px;
        opacity: 1.00;
        transform: rotate(76deg);
    }
    11.0% {
        left: 68.0px;
        bottom: 58px;
        opacity: 1.00;
        transform: rotate(79deg);
    }
    11.5% {
        left: 69.5px;
        bottom: 55.7px;
        opacity: 1.00;
        transform: rotate(83deg);
    }
    12.0% {
        left: 71.0px;
        bottom: 53.1px;
        opacity: 1.00;
        transform: rotate(86deg);
    }
    12.5% {
        left: 72.5px;
        bottom: 50.1px;
        opacity: 1.00;
        transform: rotate(90deg);
    }
    13.0% {
        left: 74.0px;
        bottom: 46.9px;
        opacity: 1.00;
        transform: rotate(94deg);
    }
    13.5% {
        left: 75.5px;
        bottom: 43.3px;
        opacity: 1.00;
        transform: rotate(97deg);
    }
    14.0% {
        left: 77.0px;
        bottom: 39.4px;
        opacity: 1.00;
        transform: rotate(101deg);
    }
    14.5% {
        left: 78.5px;
        bottom: 35.2px;
        opacity: 1.00;
        transform: rotate(104deg);
    }
    15.0% {
        left: 80.0px;
        bottom: 30.7px;
        opacity: 1.00;
        transform: rotate(108deg);
    }
    15.5% {
        left: 81.5px;
        bottom: 25.9px;
        opacity: 1.00;
        transform: rotate(112deg);
    }
    16.0% {
        left: 83.0px;
        bottom: 20.8px;
        opacity: 1.00;
        transform: rotate(115deg);
    }
    16.5% {
        left: 84.5px;
        bottom: 15.3px;
        opacity: 1.00;
        transform: rotate(119deg);
    }
    17.0% {
        left: 86.0px;
        bottom: 9.5px;
        opacity: 1.00;
        transform: rotate(122deg);
    }
    17.5% {
        left: 87.5px;
        bottom: 3.5px;
        opacity: 1.00;
        transform: rotate(126deg);
    }
    17.5% {
        left: 87.6px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(126deg);
    }
    18.0% {
        left: 88.9px;
        bottom: 6.9px;
        opacity: 1.00;
        transform: rotate(130deg);
    }
    18.5% {
        left: 90.4px;
        bottom: 10.9px;
        opacity: 1.00;
        transform: rotate(133deg);
    }
    19.0% {
        left: 91.8px;
        bottom: 14.5px;
        opacity: 1.00;
        transform: rotate(137deg);
    }
    19.5% {
        left: 93.2px;
        bottom: 17.9px;
        opacity: 1.00;
        transform: rotate(140deg);
    }
    20.0% {
        left: 94.6px;
        bottom: 20.9px;
        opacity: 1.00;
        transform: rotate(144deg);
    }
    20.5% {
        left: 96.1px;
        bottom: 23.6px;
        opacity: 1.00;
        transform: rotate(148deg);
    }
    21.0% {
        left: 97.5px;
        bottom: 26px;
        opacity: 1.00;
        transform: rotate(151deg);
    }
    21.5% {
        left: 98.9px;
        bottom: 28.1px;
        opacity: 1.00;
        transform: rotate(155deg);
    }
    22.0% {
        left: 100.3px;
        bottom: 29.8px;
        opacity: 1.00;
        transform: rotate(158deg);
    }
    22.5% {
        left: 101.8px;
        bottom: 31.3px;
        opacity: 1.00;
        transform: rotate(162deg);
    }
    23.0% {
        left: 103.2px;
        bottom: 32.4px;
        opacity: 1.00;
        transform: rotate(166deg);
    }
    23.5% {
        left: 104.6px;
        bottom: 33.3px;
        opacity: 1.00;
        transform: rotate(169deg);
    }
    24.0% {
        left: 106.0px;
        bottom: 33.8px;
        opacity: 1.00;
        transform: rotate(173deg);
    }
    24.5% {
        left: 107.5px;
        bottom: 34px;
        opacity: 1.00;
        transform: rotate(176deg);
    }
    25.0% {
        left: 108.9px;
        bottom: 33.9px;
        opacity: 1.00;
        transform: rotate(180deg);
    }
    25.5% {
        left: 110.3px;
        bottom: 33.5px;
        opacity: 1.00;
        transform: rotate(184deg);
    }
    26.0% {
        left: 111.7px;
        bottom: 32.7px;
        opacity: 1.00;
        transform: rotate(187deg);
    }
    26.5% {
        left: 113.2px;
        bottom: 31.7px;
        opacity: 1.00;
        transform: rotate(191deg);
    }
    27.0% {
        left: 114.6px;
        bottom: 30.3px;
        opacity: 1.00;
        transform: rotate(194deg);
    }
    27.5% {
        left: 116.0px;
        bottom: 28.7px;
        opacity: 1.00;
        transform: rotate(198deg);
    }
    28.0% {
        left: 117.4px;
        bottom: 26.7px;
        opacity: 1.00;
        transform: rotate(202deg);
    }
    28.5% {
        left: 118.9px;
        bottom: 24.4px;
        opacity: 1.00;
        transform: rotate(205deg);
    }
    29.0% {
        left: 120.3px;
        bottom: 21.8px;
        opacity: 1.00;
        transform: rotate(209deg);
    }
    29.5% {
        left: 121.7px;
        bottom: 18.9px;
        opacity: 1.00;
        transform: rotate(212deg);
    }
    30.0% {
        left: 123.1px;
        bottom: 15.6px;
        opacity: 1.00;
        transform: rotate(216deg);
    }
    30.5% {
        left: 124.6px;
        bottom: 12.1px;
        opacity: 1.00;
        transform: rotate(220deg);
    }
    31.0% {
        left: 126.0px;
        bottom: 8.2px;
        opacity: 1.00;
        transform: rotate(223deg);
    }
    31.5% {
        left: 127.4px;
        bottom: 4.1px;
        opacity: 1.00;
        transform: rotate(227deg);
    }
    31.6% {
        left: 127.8px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(228deg);
    }
    32.0% {
        left: 128.8px;
        bottom: 5.2px;
        opacity: 1.00;
        transform: rotate(230deg);
    }
    32.5% {
        left: 130.1px;
        bottom: 7.8px;
        opacity: 1.00;
        transform: rotate(234deg);
    }
    33.0% {
        left: 131.5px;
        bottom: 10.1px;
        opacity: 1.00;
        transform: rotate(238deg);
    }
    33.5% {
        left: 132.8px;
        bottom: 12.1px;
        opacity: 1.00;
        transform: rotate(241deg);
    }
    34.0% {
        left: 134.2px;
        bottom: 13.8px;
        opacity: 1.00;
        transform: rotate(245deg);
    }
    34.5% {
        left: 135.5px;
        bottom: 15.2px;
        opacity: 1.00;
        transform: rotate(248deg);
    }
    35.0% {
        left: 136.9px;
        bottom: 16.3px;
        opacity: 1.00;
        transform: rotate(252deg);
    }
    35.5% {
        left: 138.3px;
        bottom: 17px;
        opacity: 1.00;
        transform: rotate(256deg);
    }
    36.0% {
        left: 139.6px;
        bottom: 17.4px;
        opacity: 1.00;
        transform: rotate(259deg);
    }
    36.5% {
        left: 141.0px;
        bottom: 17.6px;
        opacity: 1.00;
        transform: rotate(263deg);
    }
    37.0% {
        left: 142.3px;
        bottom: 17.4px;
        opacity: 1.00;
        transform: rotate(266deg);
    }
    37.5% {
        left: 143.7px;
        bottom: 16.9px;
        opacity: 1.00;
        transform: rotate(270deg);
    }
    38.0% {
        left: 145.0px;
        bottom: 16.1px;
        opacity: 1.00;
        transform: rotate(274deg);
    }
    38.5% {
        left: 146.4px;
        bottom: 14.9px;
        opacity: 1.00;
        transform: rotate(277deg);
    }
    39.0% {
        left: 147.7px;
        bottom: 13.5px;
        opacity: 1.00;
        transform: rotate(281deg);
    }
    39.5% {
        left: 149.1px;
        bottom: 11.8px;
        opacity: 1.00;
        transform: rotate(284deg);
    }
    40.0% {
        left: 150.4px;
        bottom: 9.7px;
        opacity: 1.00;
        transform: rotate(288deg);
    }
    40.5% {
        left: 151.8px;
        bottom: 7.3px;
        opacity: 1.00;
        transform: rotate(292deg);
    }
    41.0% {
        left: 153.1px;
        bottom: 4.6px;
        opacity: 1.00;
        transform: rotate(295deg);
    }
    41.3% {
        left: 153.9px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(297deg);
    }
    41.5% {
        left: 154.5px;
        bottom: 3.9px;
        opacity: 1.00;
        transform: rotate(299deg);
    }
    42.0% {
        left: 155.8px;
        bottom: 5.8px;
        opacity: 1.00;
        transform: rotate(302deg);
    }
    42.5% {
        left: 157.0px;
        bottom: 7.3px;
        opacity: 1.00;
        transform: rotate(306deg);
    }
    43.0% {
        left: 158.3px;
        bottom: 8.5px;
        opacity: 1.00;
        transform: rotate(310deg);
    }
    43.5% {
        left: 159.6px;
        bottom: 9.5px;
        opacity: 1.00;
        transform: rotate(313deg);
    }
    44.0% {
        left: 160.9px;
        bottom: 10.1px;
        opacity: 1.00;
        transform: rotate(317deg);
    }
    44.5% {
        left: 162.2px;
        bottom: 10.4px;
        opacity: 1.00;
        transform: rotate(320deg);
    }
    45.0% {
        left: 163.5px;
        bottom: 10.3px;
        opacity: 1.00;
        transform: rotate(324deg);
    }
    45.5% {
        left: 164.8px;
        bottom: 10px;
        opacity: 1.00;
        transform: rotate(328deg);
    }
    46.0% {
        left: 166.0px;
        bottom: 9.4px;
        opacity: 1.00;
        transform: rotate(331deg);
    }
    46.5% {
        left: 167.3px;
        bottom: 8.4px;
        opacity: 1.00;
        transform: rotate(335deg);
    }
    47.0% {
        left: 168.6px;
        bottom: 7.1px;
        opacity: 1.00;
        transform: rotate(338deg);
    }
    47.5% {
        left: 169.9px;
        bottom: 5.5px;
        opacity: 1.00;
        transform: rotate(342deg);
    }
    48.0% {
        left: 171.2px;
        bottom: 3.6px;
        opacity: 1.00;
        transform: rotate(346deg);
    }
    48.2% {
        left: 171.6px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(347deg);
    }
    48.5% {
        left: 172.4px;
        bottom: 4px;
        opacity: 1.00;
        transform: rotate(349deg);
    }
    49.0% {
        left: 173.7px;
        bottom: 5.2px;
        opacity: 1.00;
        transform: rotate(353deg);
    }
    49.5% {
        left: 174.9px;
        bottom: 6px;
        opacity: 1.00;
        transform: rotate(356deg);
    }
    50.0% {
        left: 176.1px;
        bottom: 6.6px;
        opacity: 1.00;
        transform: rotate(360deg);
    }
    50.5% {
        left: 177.3px;
        bottom: 6.8px;
        opacity: 1.00;
        transform: rotate(364deg);
    }
    51.0% {
        left: 178.5px;
        bottom: 6.7px;
        opacity: 1.00;
        transform: rotate(367deg);
    }
    51.5% {
        left: 179.8px;
        bottom: 6.3px;
        opacity: 1.00;
        transform: rotate(371deg);
    }
    52.0% {
        left: 181.0px;
        bottom: 5.6px;
        opacity: 1.00;
        transform: rotate(374deg);
    }
    52.5% {
        left: 182.2px;
        bottom: 4.6px;
        opacity: 1.00;
        transform: rotate(378deg);
    }
    53.0% {
        left: 183.4px;
        bottom: 3.2px;
        opacity: 1.00;
        transform: rotate(382deg);
    }
    53.1% {
        left: 183.6px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(382deg);
    }
    53.5% {
        left: 184.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(385deg);
    }
    54.0% {
        left: 185.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(389deg);
    }
    54.5% {
        left: 187.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(392deg);
    }
    55.0% {
        left: 188.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(396deg);
    }
    55.5% {
        left: 189.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(400deg);
    }
    56.0% {
        left: 190.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(403deg);
    }
    56.5% {
        left: 192.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(407deg);
    }
    57.0% {
        left: 193.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(410deg);
    }
    57.5% {
        left: 194.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(414deg);
    }
    58.0% {
        left: 195.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(418deg);
    }
    58.5% {
        left: 196.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(421deg);
    }
    59.0% {
        left: 198.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(425deg);
    }
    59.5% {
        left: 199.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(428deg);
    }
    60.0% {
        left: 200.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(432deg);
    }
    60.5% {
        left: 201.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(436deg);
    }
    61.0% {
        left: 203.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(439deg);
    }
    61.5% {
        left: 204.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(443deg);
    }
    62.0% {
        left: 205.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(446deg);
    }
    62.5% {
        left: 206.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(450deg);
    }
    63.0% {
        left: 207.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(454deg);
    }
    63.5% {
        left: 209.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(457deg);
    }
    64.0% {
        left: 210.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(461deg);
    }
    64.5% {
        left: 211.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(464deg);
    }
    65.0% {
        left: 212.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(468deg);
    }
    65.5% {
        left: 214.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(472deg);
    }
    66.0% {
        left: 215.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(475deg);
    }
    66.5% {
        left: 216.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(479deg);
    }
    67.0% {
        left: 217.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(482deg);
    }
    67.5% {
        left: 218.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(486deg);
    }
    68.0% {
        left: 220.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(490deg);
    }
    68.5% {
        left: 221.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(493deg);
    }
    69.0% {
        left: 222.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(497deg);
    }
    69.5% {
        left: 223.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(500deg);
    }
    70.0% {
        left: 225.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(504deg);
    }
    70.5% {
        left: 226.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(508deg);
    }
    71.0% {
        left: 227.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(511deg);
    }
    71.5% {
        left: 228.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(515deg);
    }
    72.0% {
        left: 229.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(518deg);
    }
    72.5% {
        left: 231.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(522deg);
    }
    73.0% {
        left: 232.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(526deg);
    }
    73.5% {
        left: 233.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(529deg);
    }
    74.0% {
        left: 234.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(533deg);
    }
    74.5% {
        left: 236.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(536deg);
    }
    75.0% {
        left: 237.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(540deg);
    }
    75.5% {
        left: 238.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(544deg);
    }
    76.0% {
        left: 239.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(547deg);
    }
    76.5% {
        left: 240.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(551deg);
    }
    77.0% {
        left: 242.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(554deg);
    }
    77.5% {
        left: 243.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(558deg);
    }
    78.0% {
        left: 244.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(562deg);
    }
    78.5% {
        left: 245.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(565deg);
    }
    79.0% {
        left: 247.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(569deg);
    }
    79.5% {
        left: 248.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(572deg);
    }
    80.0% {
        left: 249.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(576deg);
    }
    80.5% {
        left: 250.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(580deg);
    }
    81.0% {
        left: 251.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(583deg);
    }
    81.5% {
        left: 253.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(587deg);
    }
    82.0% {
        left: 254.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(590deg);
    }
    82.5% {
        left: 255.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(594deg);
    }
    83.0% {
        left: 256.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(598deg);
    }
    83.5% {
        left: 258.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(601deg);
    }
    84.0% {
        left: 259.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(605deg);
    }
    84.5% {
        left: 260.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(608deg);
    }
    85.0% {
        left: 261.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(612deg);
    }
    85.5% {
        left: 262.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(616deg);
    }
    86.0% {
        left: 264.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(619deg);
    }
    86.5% {
        left: 265.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(623deg);
    }
    87.0% {
        left: 266.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(626deg);
    }
    87.5% {
        left: 267.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(630deg);
    }
    88.0% {
        left: 268.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(634deg);
    }
    88.5% {
        left: 270.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(637deg);
    }
    89.0% {
        left: 271.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(641deg);
    }
    89.5% {
        left: 272.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(644deg);
    }
    90.0% {
        left: 273.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(648deg);
    }
    90.5% {
        left: 275.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(652deg);
    }
    91.0% {
        left: 276.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(655deg);
    }
    91.5% {
        left: 277.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(659deg);
    }
    92.0% {
        left: 278.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(662deg);
    }
    92.5% {
        left: 279.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(666deg);
    }
    93.0% {
        left: 281.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(670deg);
    }
    93.5% {
        left: 282.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(673deg);
    }
    94.0% {
        left: 283.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(677deg);
    }
    94.5% {
        left: 284.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(680deg);
    }
    95.0% {
        left: 286.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(684deg);
    }
    95.5% {
        left: 287.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(688deg);
    }
    96.0% {
        left: 288.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(691deg);
    }
    96.5% {
        left: 289.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(695deg);
    }
    97.0% {
        left: 290.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(698deg);
    }
    97.5% {
        left: 292.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(702deg);
    }
    98.0% {
        left: 293.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(706deg);
    }
    98.5% {
        left: 294.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(709deg);
    }
    99.0% {
        left: 295.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(713deg);
    }
    99.5% {
        left: 297.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(716deg);
    }
    100.0% {
        left: 298.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(0deg);
    }
}

/* Ball 6: vx=38, vy=155, 5 bounces, 206 keyframes */
@keyframes ballShoot6 {
    0.0% {
        left: 35.0px;
        bottom: 30px;
        opacity: 0.00;
        transform: rotate(0deg);
    }
    0.5% {
        left: 35.9px;
        bottom: 33.7px;
        opacity: 0.33;
        transform: rotate(4deg);
    }
    1.0% {
        left: 36.9px;
        bottom: 37px;
        opacity: 0.67;
        transform: rotate(7deg);
    }
    1.5% {
        left: 37.8px;
        bottom: 40.1px;
        opacity: 1.00;
        transform: rotate(11deg);
    }
    2.0% {
        left: 38.8px;
        bottom: 42.8px;
        opacity: 1.00;
        transform: rotate(14deg);
    }
    2.5% {
        left: 39.7px;
        bottom: 45.3px;
        opacity: 1.00;
        transform: rotate(18deg);
    }
    3.0% {
        left: 40.7px;
        bottom: 47.4px;
        opacity: 1.00;
        transform: rotate(22deg);
    }
    3.5% {
        left: 41.6px;
        bottom: 49.2px;
        opacity: 1.00;
        transform: rotate(25deg);
    }
    4.0% {
        left: 42.6px;
        bottom: 50.7px;
        opacity: 1.00;
        transform: rotate(29deg);
    }
    4.5% {
        left: 43.5px;
        bottom: 51.9px;
        opacity: 1.00;
        transform: rotate(32deg);
    }
    5.0% {
        left: 44.5px;
        bottom: 52.7px;
        opacity: 1.00;
        transform: rotate(36deg);
    }
    5.5% {
        left: 45.4px;
        bottom: 53.3px;
        opacity: 1.00;
        transform: rotate(40deg);
    }
    6.0% {
        left: 46.4px;
        bottom: 53.5px;
        opacity: 1.00;
        transform: rotate(43deg);
    }
    6.5% {
        left: 47.3px;
        bottom: 53.5px;
        opacity: 1.00;
        transform: rotate(47deg);
    }
    7.0% {
        left: 48.3px;
        bottom: 53.1px;
        opacity: 1.00;
        transform: rotate(50deg);
    }
    7.5% {
        left: 49.2px;
        bottom: 52.4px;
        opacity: 1.00;
        transform: rotate(54deg);
    }
    8.0% {
        left: 50.2px;
        bottom: 51.4px;
        opacity: 1.00;
        transform: rotate(58deg);
    }
    8.5% {
        left: 51.1px;
        bottom: 50.1px;
        opacity: 1.00;
        transform: rotate(61deg);
    }
    9.0% {
        left: 52.1px;
        bottom: 48.4px;
        opacity: 1.00;
        transform: rotate(65deg);
    }
    9.5% {
        left: 53.0px;
        bottom: 46.5px;
        opacity: 1.00;
        transform: rotate(68deg);
    }
    10.0% {
        left: 54.0px;
        bottom: 44.2px;
        opacity: 1.00;
        transform: rotate(72deg);
    }
    10.5% {
        left: 54.9px;
        bottom: 41.6px;
        opacity: 1.00;
        transform: rotate(76deg);
    }
    11.0% {
        left: 55.9px;
        bottom: 38.8px;
        opacity: 1.00;
        transform: rotate(79deg);
    }
    11.5% {
        left: 56.8px;
        bottom: 35.6px;
        opacity: 1.00;
        transform: rotate(83deg);
    }
    12.0% {
        left: 57.8px;
        bottom: 32.1px;
        opacity: 1.00;
        transform: rotate(86deg);
    }
    12.5% {
        left: 58.7px;
        bottom: 28.2px;
        opacity: 1.00;
        transform: rotate(90deg);
    }
    13.0% {
        left: 59.7px;
        bottom: 24.1px;
        opacity: 1.00;
        transform: rotate(94deg);
    }
    13.5% {
        left: 60.6px;
        bottom: 19.7px;
        opacity: 1.00;
        transform: rotate(97deg);
    }
    14.0% {
        left: 61.6px;
        bottom: 14.9px;
        opacity: 1.00;
        transform: rotate(101deg);
    }
    14.5% {
        left: 62.5px;
        bottom: 9.8px;
        opacity: 1.00;
        transform: rotate(104deg);
    }
    15.0% {
        left: 63.5px;
        bottom: 4.5px;
        opacity: 1.00;
        transform: rotate(108deg);
    }
    15.1% {
        left: 63.7px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(109deg);
    }
    15.5% {
        left: 64.4px;
        bottom: 5.9px;
        opacity: 1.00;
        transform: rotate(112deg);
    }
    16.0% {
        left: 65.3px;
        bottom: 9.5px;
        opacity: 1.00;
        transform: rotate(115deg);
    }
    16.5% {
        left: 66.2px;
        bottom: 12.8px;
        opacity: 1.00;
        transform: rotate(119deg);
    }
    17.0% {
        left: 67.1px;
        bottom: 15.8px;
        opacity: 1.00;
        transform: rotate(122deg);
    }
    17.5% {
        left: 68.0px;
        bottom: 18.4px;
        opacity: 1.00;
        transform: rotate(126deg);
    }
    18.0% {
        left: 68.9px;
        bottom: 20.8px;
        opacity: 1.00;
        transform: rotate(130deg);
    }
    18.5% {
        left: 69.8px;
        bottom: 22.8px;
        opacity: 1.00;
        transform: rotate(133deg);
    }
    19.0% {
        left: 70.7px;
        bottom: 24.6px;
        opacity: 1.00;
        transform: rotate(137deg);
    }
    19.5% {
        left: 71.6px;
        bottom: 26px;
        opacity: 1.00;
        transform: rotate(140deg);
    }
    20.0% {
        left: 72.5px;
        bottom: 27.1px;
        opacity: 1.00;
        transform: rotate(144deg);
    }
    20.5% {
        left: 73.4px;
        bottom: 27.9px;
        opacity: 1.00;
        transform: rotate(148deg);
    }
    21.0% {
        left: 74.3px;
        bottom: 28.4px;
        opacity: 1.00;
        transform: rotate(151deg);
    }
    21.5% {
        left: 75.2px;
        bottom: 28.5px;
        opacity: 1.00;
        transform: rotate(155deg);
    }
    22.0% {
        left: 76.1px;
        bottom: 28.4px;
        opacity: 1.00;
        transform: rotate(158deg);
    }
    22.5% {
        left: 77.0px;
        bottom: 27.9px;
        opacity: 1.00;
        transform: rotate(162deg);
    }
    23.0% {
        left: 78.0px;
        bottom: 27.2px;
        opacity: 1.00;
        transform: rotate(166deg);
    }
    23.5% {
        left: 78.9px;
        bottom: 26.1px;
        opacity: 1.00;
        transform: rotate(169deg);
    }
    24.0% {
        left: 79.8px;
        bottom: 24.7px;
        opacity: 1.00;
        transform: rotate(173deg);
    }
    24.5% {
        left: 80.7px;
        bottom: 23px;
        opacity: 1.00;
        transform: rotate(176deg);
    }
    25.0% {
        left: 81.6px;
        bottom: 21px;
        opacity: 1.00;
        transform: rotate(180deg);
    }
    25.5% {
        left: 82.5px;
        bottom: 18.7px;
        opacity: 1.00;
        transform: rotate(184deg);
    }
    26.0% {
        left: 83.4px;
        bottom: 16px;
        opacity: 1.00;
        transform: rotate(187deg);
    }
    26.5% {
        left: 84.3px;
        bottom: 13.1px;
        opacity: 1.00;
        transform: rotate(191deg);
    }
    27.0% {
        left: 85.2px;
        bottom: 9.8px;
        opacity: 1.00;
        transform: rotate(194deg);
    }
    27.5% {
        left: 86.1px;
        bottom: 6.2px;
        opacity: 1.00;
        transform: rotate(198deg);
    }
    27.9% {
        left: 86.8px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(201deg);
    }
    28.0% {
        left: 87.0px;
        bottom: 3.5px;
        opacity: 1.00;
        transform: rotate(202deg);
    }
    28.5% {
        left: 87.8px;
        bottom: 6.1px;
        opacity: 1.00;
        transform: rotate(205deg);
    }
    29.0% {
        left: 88.7px;
        bottom: 8.4px;
        opacity: 1.00;
        transform: rotate(209deg);
    }
    29.5% {
        left: 89.5px;
        bottom: 10.4px;
        opacity: 1.00;
        transform: rotate(212deg);
    }
    30.0% {
        left: 90.4px;
        bottom: 12px;
        opacity: 1.00;
        transform: rotate(216deg);
    }
    30.5% {
        left: 91.3px;
        bottom: 13.4px;
        opacity: 1.00;
        transform: rotate(220deg);
    }
    31.0% {
        left: 92.1px;
        bottom: 14.5px;
        opacity: 1.00;
        transform: rotate(223deg);
    }
    31.5% {
        left: 93.0px;
        bottom: 15.2px;
        opacity: 1.00;
        transform: rotate(227deg);
    }
    32.0% {
        left: 93.8px;
        bottom: 15.6px;
        opacity: 1.00;
        transform: rotate(230deg);
    }
    32.5% {
        left: 94.7px;
        bottom: 15.7px;
        opacity: 1.00;
        transform: rotate(234deg);
    }
    33.0% {
        left: 95.5px;
        bottom: 15.5px;
        opacity: 1.00;
        transform: rotate(238deg);
    }
    33.5% {
        left: 96.4px;
        bottom: 15px;
        opacity: 1.00;
        transform: rotate(241deg);
    }
    34.0% {
        left: 97.3px;
        bottom: 14.2px;
        opacity: 1.00;
        transform: rotate(245deg);
    }
    34.5% {
        left: 98.1px;
        bottom: 13.1px;
        opacity: 1.00;
        transform: rotate(248deg);
    }
    35.0% {
        left: 99.0px;
        bottom: 11.6px;
        opacity: 1.00;
        transform: rotate(252deg);
    }
    35.5% {
        left: 99.8px;
        bottom: 9.8px;
        opacity: 1.00;
        transform: rotate(256deg);
    }
    36.0% {
        left: 100.7px;
        bottom: 7.8px;
        opacity: 1.00;
        transform: rotate(259deg);
    }
    36.5% {
        left: 101.5px;
        bottom: 5.4px;
        opacity: 1.00;
        transform: rotate(263deg);
    }
    36.9% {
        left: 102.3px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(266deg);
    }
    37.0% {
        left: 102.4px;
        bottom: 3.2px;
        opacity: 1.00;
        transform: rotate(266deg);
    }
    37.5% {
        left: 103.2px;
        bottom: 5px;
        opacity: 1.00;
        transform: rotate(270deg);
    }
    38.0% {
        left: 104.0px;
        bottom: 6.5px;
        opacity: 1.00;
        transform: rotate(274deg);
    }
    38.5% {
        left: 104.8px;
        bottom: 7.6px;
        opacity: 1.00;
        transform: rotate(277deg);
    }
    39.0% {
        left: 105.7px;
        bottom: 8.5px;
        opacity: 1.00;
        transform: rotate(281deg);
    }
    39.5% {
        left: 106.5px;
        bottom: 9px;
        opacity: 1.00;
        transform: rotate(284deg);
    }
    40.0% {
        left: 107.3px;
        bottom: 9.2px;
        opacity: 1.00;
        transform: rotate(288deg);
    }
    40.5% {
        left: 108.1px;
        bottom: 9.1px;
        opacity: 1.00;
        transform: rotate(292deg);
    }
    41.0% {
        left: 108.9px;
        bottom: 8.7px;
        opacity: 1.00;
        transform: rotate(295deg);
    }
    41.5% {
        left: 109.7px;
        bottom: 8px;
        opacity: 1.00;
        transform: rotate(299deg);
    }
    42.0% {
        left: 110.5px;
        bottom: 6.9px;
        opacity: 1.00;
        transform: rotate(302deg);
    }
    42.5% {
        left: 111.4px;
        bottom: 5.6px;
        opacity: 1.00;
        transform: rotate(306deg);
    }
    43.0% {
        left: 112.2px;
        bottom: 3.9px;
        opacity: 1.00;
        transform: rotate(310deg);
    }
    43.2% {
        left: 112.6px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(311deg);
    }
    43.5% {
        left: 113.0px;
        bottom: 3.6px;
        opacity: 1.00;
        transform: rotate(313deg);
    }
    44.0% {
        left: 113.7px;
        bottom: 4.6px;
        opacity: 1.00;
        transform: rotate(317deg);
    }
    44.5% {
        left: 114.5px;
        bottom: 5.3px;
        opacity: 1.00;
        transform: rotate(320deg);
    }
    45.0% {
        left: 115.3px;
        bottom: 5.7px;
        opacity: 1.00;
        transform: rotate(324deg);
    }
    45.5% {
        left: 116.1px;
        bottom: 5.8px;
        opacity: 1.00;
        transform: rotate(328deg);
    }
    46.0% {
        left: 116.8px;
        bottom: 5.5px;
        opacity: 1.00;
        transform: rotate(331deg);
    }
    46.5% {
        left: 117.6px;
        bottom: 4.9px;
        opacity: 1.00;
        transform: rotate(335deg);
    }
    47.0% {
        left: 118.4px;
        bottom: 4.1px;
        opacity: 1.00;
        transform: rotate(338deg);
    }
    47.5% {
        left: 119.1px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(342deg);
    }
    47.5% {
        left: 119.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(342deg);
    }
    48.0% {
        left: 119.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(346deg);
    }
    48.5% {
        left: 120.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(349deg);
    }
    49.0% {
        left: 121.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(353deg);
    }
    49.5% {
        left: 122.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(356deg);
    }
    50.0% {
        left: 123.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(360deg);
    }
    50.5% {
        left: 123.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(364deg);
    }
    51.0% {
        left: 124.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(367deg);
    }
    51.5% {
        left: 125.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(371deg);
    }
    52.0% {
        left: 126.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(374deg);
    }
    52.5% {
        left: 126.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(378deg);
    }
    53.0% {
        left: 127.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(382deg);
    }
    53.5% {
        left: 128.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(385deg);
    }
    54.0% {
        left: 129.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(389deg);
    }
    54.5% {
        left: 130.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(392deg);
    }
    55.0% {
        left: 130.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(396deg);
    }
    55.5% {
        left: 131.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(400deg);
    }
    56.0% {
        left: 132.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(403deg);
    }
    56.5% {
        left: 133.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(407deg);
    }
    57.0% {
        left: 133.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(410deg);
    }
    57.5% {
        left: 134.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(414deg);
    }
    58.0% {
        left: 135.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(418deg);
    }
    58.5% {
        left: 136.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(421deg);
    }
    59.0% {
        left: 137.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(425deg);
    }
    59.5% {
        left: 137.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(428deg);
    }
    60.0% {
        left: 138.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(432deg);
    }
    60.5% {
        left: 139.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(436deg);
    }
    61.0% {
        left: 140.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(439deg);
    }
    61.5% {
        left: 140.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(443deg);
    }
    62.0% {
        left: 141.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(446deg);
    }
    62.5% {
        left: 142.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(450deg);
    }
    63.0% {
        left: 143.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(454deg);
    }
    63.5% {
        left: 143.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(457deg);
    }
    64.0% {
        left: 144.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(461deg);
    }
    64.5% {
        left: 145.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(464deg);
    }
    65.0% {
        left: 146.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(468deg);
    }
    65.5% {
        left: 147.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(472deg);
    }
    66.0% {
        left: 147.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(475deg);
    }
    66.5% {
        left: 148.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(479deg);
    }
    67.0% {
        left: 149.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(482deg);
    }
    67.5% {
        left: 150.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(486deg);
    }
    68.0% {
        left: 150.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(490deg);
    }
    68.5% {
        left: 151.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(493deg);
    }
    69.0% {
        left: 152.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(497deg);
    }
    69.5% {
        left: 153.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(500deg);
    }
    70.0% {
        left: 154.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(504deg);
    }
    70.5% {
        left: 154.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(508deg);
    }
    71.0% {
        left: 155.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(511deg);
    }
    71.5% {
        left: 156.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(515deg);
    }
    72.0% {
        left: 157.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(518deg);
    }
    72.5% {
        left: 157.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(522deg);
    }
    73.0% {
        left: 158.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(526deg);
    }
    73.5% {
        left: 159.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(529deg);
    }
    74.0% {
        left: 160.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(533deg);
    }
    74.5% {
        left: 160.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(536deg);
    }
    75.0% {
        left: 161.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(540deg);
    }
    75.5% {
        left: 162.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(544deg);
    }
    76.0% {
        left: 163.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(547deg);
    }
    76.5% {
        left: 164.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(551deg);
    }
    77.0% {
        left: 164.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(554deg);
    }
    77.5% {
        left: 165.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(558deg);
    }
    78.0% {
        left: 166.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(562deg);
    }
    78.5% {
        left: 167.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(565deg);
    }
    79.0% {
        left: 167.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(569deg);
    }
    79.5% {
        left: 168.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(572deg);
    }
    80.0% {
        left: 169.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(576deg);
    }
    80.5% {
        left: 170.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(580deg);
    }
    81.0% {
        left: 171.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(583deg);
    }
    81.5% {
        left: 171.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(587deg);
    }
    82.0% {
        left: 172.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(590deg);
    }
    82.5% {
        left: 173.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(594deg);
    }
    83.0% {
        left: 174.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(598deg);
    }
    83.5% {
        left: 174.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(601deg);
    }
    84.0% {
        left: 175.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(605deg);
    }
    84.5% {
        left: 176.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(608deg);
    }
    85.0% {
        left: 177.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(612deg);
    }
    85.5% {
        left: 178.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(616deg);
    }
    86.0% {
        left: 178.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(619deg);
    }
    86.5% {
        left: 179.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(623deg);
    }
    87.0% {
        left: 180.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(626deg);
    }
    87.5% {
        left: 181.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(630deg);
    }
    88.0% {
        left: 181.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(634deg);
    }
    88.5% {
        left: 182.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(637deg);
    }
    89.0% {
        left: 183.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(641deg);
    }
    89.5% {
        left: 184.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(644deg);
    }
    90.0% {
        left: 184.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(648deg);
    }
    90.5% {
        left: 185.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(652deg);
    }
    91.0% {
        left: 186.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(655deg);
    }
    91.5% {
        left: 187.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(659deg);
    }
    92.0% {
        left: 188.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(662deg);
    }
    92.5% {
        left: 188.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(666deg);
    }
    93.0% {
        left: 189.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(670deg);
    }
    93.5% {
        left: 190.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(673deg);
    }
    94.0% {
        left: 191.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(677deg);
    }
    94.5% {
        left: 191.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(680deg);
    }
    95.0% {
        left: 192.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(684deg);
    }
    95.5% {
        left: 193.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(688deg);
    }
    96.0% {
        left: 194.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(691deg);
    }
    96.5% {
        left: 195.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(695deg);
    }
    97.0% {
        left: 195.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(698deg);
    }
    97.5% {
        left: 196.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(702deg);
    }
    98.0% {
        left: 197.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(706deg);
    }
    98.5% {
        left: 198.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(709deg);
    }
    99.0% {
        left: 198.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(713deg);
    }
    99.5% {
        left: 199.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(716deg);
    }
    100.0% {
        left: 200.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(0deg);
    }
}

/* Ball 7: vx=70, vy=210, 5 bounces, 206 keyframes */
@keyframes ballShoot7 {
    0.0% {
        left: 35.0px;
        bottom: 30px;
        opacity: 0.00;
        transform: rotate(0deg);
    }
    0.5% {
        left: 36.8px;
        bottom: 35.1px;
        opacity: 0.33;
        transform: rotate(4deg);
    }
    1.0% {
        left: 38.5px;
        bottom: 39.8px;
        opacity: 0.67;
        transform: rotate(7deg);
    }
    1.5% {
        left: 40.3px;
        bottom: 44.2px;
        opacity: 1.00;
        transform: rotate(11deg);
    }
    2.0% {
        left: 42.0px;
        bottom: 48.3px;
        opacity: 1.00;
        transform: rotate(14deg);
    }
    2.5% {
        left: 43.8px;
        bottom: 52.1px;
        opacity: 1.00;
        transform: rotate(18deg);
    }
    3.0% {
        left: 45.5px;
        bottom: 55.6px;
        opacity: 1.00;
        transform: rotate(22deg);
    }
    3.5% {
        left: 47.3px;
        bottom: 58.8px;
        opacity: 1.00;
        transform: rotate(25deg);
    }
    4.0% {
        left: 49.0px;
        bottom: 61.7px;
        opacity: 1.00;
        transform: rotate(29deg);
    }
    4.5% {
        left: 50.8px;
        bottom: 64.2px;
        opacity: 1.00;
        transform: rotate(32deg);
    }
    5.0% {
        left: 52.5px;
        bottom: 66.5px;
        opacity: 1.00;
        transform: rotate(36deg);
    }
    5.5% {
        left: 54.3px;
        bottom: 68.4px;
        opacity: 1.00;
        transform: rotate(40deg);
    }
    6.0% {
        left: 56.0px;
        bottom: 70px;
        opacity: 1.00;
        transform: rotate(43deg);
    }
    6.5% {
        left: 57.8px;
        bottom: 71.3px;
        opacity: 1.00;
        transform: rotate(47deg);
    }
    7.0% {
        left: 59.5px;
        bottom: 72.3px;
        opacity: 1.00;
        transform: rotate(50deg);
    }
    7.5% {
        left: 61.3px;
        bottom: 73px;
        opacity: 1.00;
        transform: rotate(54deg);
    }
    8.0% {
        left: 63.0px;
        bottom: 73.4px;
        opacity: 1.00;
        transform: rotate(58deg);
    }
    8.5% {
        left: 64.8px;
        bottom: 73.4px;
        opacity: 1.00;
        transform: rotate(61deg);
    }
    9.0% {
        left: 66.5px;
        bottom: 73.2px;
        opacity: 1.00;
        transform: rotate(65deg);
    }
    9.5% {
        left: 68.3px;
        bottom: 72.6px;
        opacity: 1.00;
        transform: rotate(68deg);
    }
    10.0% {
        left: 70.0px;
        bottom: 71.7px;
        opacity: 1.00;
        transform: rotate(72deg);
    }
    10.5% {
        left: 71.8px;
        bottom: 70.5px;
        opacity: 1.00;
        transform: rotate(76deg);
    }
    11.0% {
        left: 73.5px;
        bottom: 69px;
        opacity: 1.00;
        transform: rotate(79deg);
    }
    11.5% {
        left: 75.3px;
        bottom: 67.2px;
        opacity: 1.00;
        transform: rotate(83deg);
    }
    12.0% {
        left: 77.0px;
        bottom: 65.1px;
        opacity: 1.00;
        transform: rotate(86deg);
    }
    12.5% {
        left: 78.8px;
        bottom: 62.6px;
        opacity: 1.00;
        transform: rotate(90deg);
    }
    13.0% {
        left: 80.5px;
        bottom: 59.9px;
        opacity: 1.00;
        transform: rotate(94deg);
    }
    13.5% {
        left: 82.3px;
        bottom: 56.8px;
        opacity: 1.00;
        transform: rotate(97deg);
    }
    14.0% {
        left: 84.0px;
        bottom: 53.4px;
        opacity: 1.00;
        transform: rotate(101deg);
    }
    14.5% {
        left: 85.8px;
        bottom: 49.7px;
        opacity: 1.00;
        transform: rotate(104deg);
    }
    15.0% {
        left: 87.5px;
        bottom: 45.7px;
        opacity: 1.00;
        transform: rotate(108deg);
    }
    15.5% {
        left: 89.3px;
        bottom: 41.4px;
        opacity: 1.00;
        transform: rotate(112deg);
    }
    16.0% {
        left: 91.0px;
        bottom: 36.8px;
        opacity: 1.00;
        transform: rotate(115deg);
    }
    16.5% {
        left: 92.8px;
        bottom: 31.8px;
        opacity: 1.00;
        transform: rotate(119deg);
    }
    17.0% {
        left: 94.5px;
        bottom: 26.5px;
        opacity: 1.00;
        transform: rotate(122deg);
    }
    17.5% {
        left: 96.3px;
        bottom: 21px;
        opacity: 1.00;
        transform: rotate(126deg);
    }
    18.0% {
        left: 98.0px;
        bottom: 15.1px;
        opacity: 1.00;
        transform: rotate(130deg);
    }
    18.5% {
        left: 99.8px;
        bottom: 8.9px;
        opacity: 1.00;
        transform: rotate(133deg);
    }
    19.0% {
        left: 101.3px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(136deg);
    }
    19.0% {
        left: 101.5px;
        bottom: 3.4px;
        opacity: 1.00;
        transform: rotate(137deg);
    }
    19.5% {
        left: 103.2px;
        bottom: 7.9px;
        opacity: 1.00;
        transform: rotate(140deg);
    }
    20.0% {
        left: 104.8px;
        bottom: 12px;
        opacity: 1.00;
        transform: rotate(144deg);
    }
    20.5% {
        left: 106.5px;
        bottom: 15.8px;
        opacity: 1.00;
        transform: rotate(148deg);
    }
    21.0% {
        left: 108.1px;
        bottom: 19.3px;
        opacity: 1.00;
        transform: rotate(151deg);
    }
    21.5% {
        left: 109.8px;
        bottom: 22.5px;
        opacity: 1.00;
        transform: rotate(155deg);
    }
    22.0% {
        left: 111.5px;
        bottom: 25.4px;
        opacity: 1.00;
        transform: rotate(158deg);
    }
    22.5% {
        left: 113.1px;
        bottom: 28px;
        opacity: 1.00;
        transform: rotate(162deg);
    }
    23.0% {
        left: 114.8px;
        bottom: 30.2px;
        opacity: 1.00;
        transform: rotate(166deg);
    }
    23.5% {
        left: 116.5px;
        bottom: 32.2px;
        opacity: 1.00;
        transform: rotate(169deg);
    }
    24.0% {
        left: 118.1px;
        bottom: 33.8px;
        opacity: 1.00;
        transform: rotate(173deg);
    }
    24.5% {
        left: 119.8px;
        bottom: 35.1px;
        opacity: 1.00;
        transform: rotate(176deg);
    }
    25.0% {
        left: 121.4px;
        bottom: 36.1px;
        opacity: 1.00;
        transform: rotate(180deg);
    }
    25.5% {
        left: 123.1px;
        bottom: 36.8px;
        opacity: 1.00;
        transform: rotate(184deg);
    }
    26.0% {
        left: 124.8px;
        bottom: 37.2px;
        opacity: 1.00;
        transform: rotate(187deg);
    }
    26.5% {
        left: 126.4px;
        bottom: 37.2px;
        opacity: 1.00;
        transform: rotate(191deg);
    }
    27.0% {
        left: 128.1px;
        bottom: 37px;
        opacity: 1.00;
        transform: rotate(194deg);
    }
    27.5% {
        left: 129.8px;
        bottom: 36.4px;
        opacity: 1.00;
        transform: rotate(198deg);
    }
    28.0% {
        left: 131.4px;
        bottom: 35.6px;
        opacity: 1.00;
        transform: rotate(202deg);
    }
    28.5% {
        left: 133.1px;
        bottom: 34.4px;
        opacity: 1.00;
        transform: rotate(205deg);
    }
    29.0% {
        left: 134.7px;
        bottom: 32.9px;
        opacity: 1.00;
        transform: rotate(209deg);
    }
    29.5% {
        left: 136.4px;
        bottom: 31.1px;
        opacity: 1.00;
        transform: rotate(212deg);
    }
    30.0% {
        left: 138.1px;
        bottom: 29px;
        opacity: 1.00;
        transform: rotate(216deg);
    }
    30.5% {
        left: 139.7px;
        bottom: 26.5px;
        opacity: 1.00;
        transform: rotate(220deg);
    }
    31.0% {
        left: 141.4px;
        bottom: 23.8px;
        opacity: 1.00;
        transform: rotate(223deg);
    }
    31.5% {
        left: 143.1px;
        bottom: 20.7px;
        opacity: 1.00;
        transform: rotate(227deg);
    }
    32.0% {
        left: 144.7px;
        bottom: 17.4px;
        opacity: 1.00;
        transform: rotate(230deg);
    }
    32.5% {
        left: 146.4px;
        bottom: 13.7px;
        opacity: 1.00;
        transform: rotate(234deg);
    }
    33.0% {
        left: 148.0px;
        bottom: 9.7px;
        opacity: 1.00;
        transform: rotate(238deg);
    }
    33.5% {
        left: 149.7px;
        bottom: 5.4px;
        opacity: 1.00;
        transform: rotate(241deg);
    }
    33.8% {
        left: 150.6px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(243deg);
    }
    34.0% {
        left: 151.3px;
        bottom: 4.5px;
        opacity: 1.00;
        transform: rotate(245deg);
    }
    34.5% {
        left: 152.9px;
        bottom: 7.5px;
        opacity: 1.00;
        transform: rotate(248deg);
    }
    35.0% {
        left: 154.5px;
        bottom: 10.2px;
        opacity: 1.00;
        transform: rotate(252deg);
    }
    35.5% {
        left: 156.1px;
        bottom: 12.6px;
        opacity: 1.00;
        transform: rotate(256deg);
    }
    36.0% {
        left: 157.6px;
        bottom: 14.6px;
        opacity: 1.00;
        transform: rotate(259deg);
    }
    36.5% {
        left: 159.2px;
        bottom: 16.4px;
        opacity: 1.00;
        transform: rotate(263deg);
    }
    37.0% {
        left: 160.8px;
        bottom: 17.8px;
        opacity: 1.00;
        transform: rotate(266deg);
    }
    37.5% {
        left: 162.4px;
        bottom: 18.9px;
        opacity: 1.00;
        transform: rotate(270deg);
    }
    38.0% {
        left: 164.0px;
        bottom: 19.7px;
        opacity: 1.00;
        transform: rotate(274deg);
    }
    38.5% {
        left: 165.5px;
        bottom: 20.2px;
        opacity: 1.00;
        transform: rotate(277deg);
    }
    39.0% {
        left: 167.1px;
        bottom: 20.4px;
        opacity: 1.00;
        transform: rotate(281deg);
    }
    39.5% {
        left: 168.7px;
        bottom: 20.2px;
        opacity: 1.00;
        transform: rotate(284deg);
    }
    40.0% {
        left: 170.3px;
        bottom: 19.8px;
        opacity: 1.00;
        transform: rotate(288deg);
    }
    40.5% {
        left: 171.9px;
        bottom: 19px;
        opacity: 1.00;
        transform: rotate(292deg);
    }
    41.0% {
        left: 173.4px;
        bottom: 17.9px;
        opacity: 1.00;
        transform: rotate(295deg);
    }
    41.5% {
        left: 175.0px;
        bottom: 16.5px;
        opacity: 1.00;
        transform: rotate(299deg);
    }
    42.0% {
        left: 176.6px;
        bottom: 14.8px;
        opacity: 1.00;
        transform: rotate(302deg);
    }
    42.5% {
        left: 178.2px;
        bottom: 12.8px;
        opacity: 1.00;
        transform: rotate(306deg);
    }
    43.0% {
        left: 179.8px;
        bottom: 10.5px;
        opacity: 1.00;
        transform: rotate(310deg);
    }
    43.5% {
        left: 181.3px;
        bottom: 7.9px;
        opacity: 1.00;
        transform: rotate(313deg);
    }
    44.0% {
        left: 182.9px;
        bottom: 4.9px;
        opacity: 1.00;
        transform: rotate(317deg);
    }
    44.3% {
        left: 183.9px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(319deg);
    }
    44.5% {
        left: 184.5px;
        bottom: 3.9px;
        opacity: 1.00;
        transform: rotate(320deg);
    }
    45.0% {
        left: 186.0px;
        bottom: 5.9px;
        opacity: 1.00;
        transform: rotate(324deg);
    }
    45.5% {
        left: 187.5px;
        bottom: 7.7px;
        opacity: 1.00;
        transform: rotate(328deg);
    }
    46.0% {
        left: 189.0px;
        bottom: 9.1px;
        opacity: 1.00;
        transform: rotate(331deg);
    }
    46.5% {
        left: 190.5px;
        bottom: 10.2px;
        opacity: 1.00;
        transform: rotate(335deg);
    }
    47.0% {
        left: 192.0px;
        bottom: 11px;
        opacity: 1.00;
        transform: rotate(338deg);
    }
    47.5% {
        left: 193.5px;
        bottom: 11.4px;
        opacity: 1.00;
        transform: rotate(342deg);
    }
    48.0% {
        left: 195.0px;
        bottom: 11.6px;
        opacity: 1.00;
        transform: rotate(346deg);
    }
    48.5% {
        left: 196.5px;
        bottom: 11.4px;
        opacity: 1.00;
        transform: rotate(349deg);
    }
    49.0% {
        left: 198.0px;
        bottom: 11px;
        opacity: 1.00;
        transform: rotate(353deg);
    }
    49.5% {
        left: 199.5px;
        bottom: 10.2px;
        opacity: 1.00;
        transform: rotate(356deg);
    }
    50.0% {
        left: 201.0px;
        bottom: 9.1px;
        opacity: 1.00;
        transform: rotate(360deg);
    }
    50.5% {
        left: 202.5px;
        bottom: 7.7px;
        opacity: 1.00;
        transform: rotate(364deg);
    }
    51.0% {
        left: 204.0px;
        bottom: 6px;
        opacity: 1.00;
        transform: rotate(367deg);
    }
    51.5% {
        left: 205.5px;
        bottom: 4px;
        opacity: 1.00;
        transform: rotate(371deg);
    }
    51.7% {
        left: 206.1px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(372deg);
    }
    52.0% {
        left: 206.9px;
        bottom: 3.8px;
        opacity: 1.00;
        transform: rotate(374deg);
    }
    52.5% {
        left: 208.4px;
        bottom: 5.1px;
        opacity: 1.00;
        transform: rotate(378deg);
    }
    53.0% {
        left: 209.8px;
        bottom: 6px;
        opacity: 1.00;
        transform: rotate(382deg);
    }
    53.5% {
        left: 211.2px;
        bottom: 6.7px;
        opacity: 1.00;
        transform: rotate(385deg);
    }
    54.0% {
        left: 212.6px;
        bottom: 7px;
        opacity: 1.00;
        transform: rotate(389deg);
    }
    54.5% {
        left: 214.1px;
        bottom: 7px;
        opacity: 1.00;
        transform: rotate(392deg);
    }
    55.0% {
        left: 215.5px;
        bottom: 6.7px;
        opacity: 1.00;
        transform: rotate(396deg);
    }
    55.5% {
        left: 216.9px;
        bottom: 6.1px;
        opacity: 1.00;
        transform: rotate(400deg);
    }
    56.0% {
        left: 218.3px;
        bottom: 5.2px;
        opacity: 1.00;
        transform: rotate(403deg);
    }
    56.5% {
        left: 219.8px;
        bottom: 3.9px;
        opacity: 1.00;
        transform: rotate(407deg);
    }
    56.8% {
        left: 220.6px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(409deg);
    }
    57.0% {
        left: 221.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(410deg);
    }
    57.5% {
        left: 222.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(414deg);
    }
    58.0% {
        left: 224.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(418deg);
    }
    58.5% {
        left: 225.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(421deg);
    }
    59.0% {
        left: 226.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(425deg);
    }
    59.5% {
        left: 228.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(428deg);
    }
    60.0% {
        left: 229.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(432deg);
    }
    60.5% {
        left: 231.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(436deg);
    }
    61.0% {
        left: 232.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(439deg);
    }
    61.5% {
        left: 234.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(443deg);
    }
    62.0% {
        left: 235.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(446deg);
    }
    62.5% {
        left: 236.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(450deg);
    }
    63.0% {
        left: 238.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(454deg);
    }
    63.5% {
        left: 239.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(457deg);
    }
    64.0% {
        left: 241.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(461deg);
    }
    64.5% {
        left: 242.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(464deg);
    }
    65.0% {
        left: 244.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(468deg);
    }
    65.5% {
        left: 245.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(472deg);
    }
    66.0% {
        left: 246.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(475deg);
    }
    66.5% {
        left: 248.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(479deg);
    }
    67.0% {
        left: 249.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(482deg);
    }
    67.5% {
        left: 251.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(486deg);
    }
    68.0% {
        left: 252.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(490deg);
    }
    68.5% {
        left: 254.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(493deg);
    }
    69.0% {
        left: 255.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(497deg);
    }
    69.5% {
        left: 256.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(500deg);
    }
    70.0% {
        left: 258.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(504deg);
    }
    70.5% {
        left: 259.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(508deg);
    }
    71.0% {
        left: 261.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(511deg);
    }
    71.5% {
        left: 262.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(515deg);
    }
    72.0% {
        left: 263.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(518deg);
    }
    72.5% {
        left: 265.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(522deg);
    }
    73.0% {
        left: 266.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(526deg);
    }
    73.5% {
        left: 268.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(529deg);
    }
    74.0% {
        left: 269.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(533deg);
    }
    74.5% {
        left: 271.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(536deg);
    }
    75.0% {
        left: 272.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(540deg);
    }
    75.5% {
        left: 273.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(544deg);
    }
    76.0% {
        left: 275.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(547deg);
    }
    76.5% {
        left: 276.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(551deg);
    }
    77.0% {
        left: 278.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(554deg);
    }
    77.5% {
        left: 279.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(558deg);
    }
    78.0% {
        left: 281.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(562deg);
    }
    78.5% {
        left: 282.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(565deg);
    }
    79.0% {
        left: 283.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(569deg);
    }
    79.5% {
        left: 285.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(572deg);
    }
    80.0% {
        left: 286.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(576deg);
    }
    80.5% {
        left: 288.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(580deg);
    }
    81.0% {
        left: 289.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(583deg);
    }
    81.5% {
        left: 291.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(587deg);
    }
    82.0% {
        left: 292.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(590deg);
    }
    82.5% {
        left: 293.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(594deg);
    }
    83.0% {
        left: 295.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(598deg);
    }
    83.5% {
        left: 296.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(601deg);
    }
    84.0% {
        left: 298.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(605deg);
    }
    84.5% {
        left: 299.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(608deg);
    }
    85.0% {
        left: 301.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(612deg);
    }
    85.5% {
        left: 302.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(616deg);
    }
    86.0% {
        left: 303.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(619deg);
    }
    86.5% {
        left: 305.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(623deg);
    }
    87.0% {
        left: 306.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(626deg);
    }
    87.5% {
        left: 308.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(630deg);
    }
    88.0% {
        left: 309.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(634deg);
    }
    88.5% {
        left: 311.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(637deg);
    }
    89.0% {
        left: 312.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(641deg);
    }
    89.5% {
        left: 313.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(644deg);
    }
    90.0% {
        left: 315.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(648deg);
    }
    90.5% {
        left: 316.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(652deg);
    }
    91.0% {
        left: 318.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(655deg);
    }
    91.5% {
        left: 319.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(659deg);
    }
    92.0% {
        left: 321.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(662deg);
    }
    92.5% {
        left: 322.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(666deg);
    }
    93.0% {
        left: 323.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(670deg);
    }
    93.5% {
        left: 325.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(673deg);
    }
    94.0% {
        left: 326.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(677deg);
    }
    94.5% {
        left: 328.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(680deg);
    }
    95.0% {
        left: 329.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(684deg);
    }
    95.5% {
        left: 330.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(688deg);
    }
    96.0% {
        left: 332.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(691deg);
    }
    96.5% {
        left: 333.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(695deg);
    }
    97.0% {
        left: 335.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(698deg);
    }
    97.5% {
        left: 336.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(702deg);
    }
    98.0% {
        left: 338.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(706deg);
    }
    98.5% {
        left: 339.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(709deg);
    }
    99.0% {
        left: 340.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(713deg);
    }
    99.5% {
        left: 342.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(716deg);
    }
    100.0% {
        left: 343.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(0deg);
    }
}

/* Ball 8: vx=52, vy=185, 5 bounces, 206 keyframes */
@keyframes ballShoot8 {
    0.0% {
        left: 35.0px;
        bottom: 30px;
        opacity: 0.00;
        transform: rotate(0deg);
    }
    0.5% {
        left: 36.3px;
        bottom: 34.4px;
        opacity: 0.33;
        transform: rotate(4deg);
    }
    1.0% {
        left: 37.6px;
        bottom: 38.5px;
        opacity: 0.67;
        transform: rotate(7deg);
    }
    1.5% {
        left: 38.9px;
        bottom: 42.4px;
        opacity: 1.00;
        transform: rotate(11deg);
    }
    2.0% {
        left: 40.2px;
        bottom: 45.8px;
        opacity: 1.00;
        transform: rotate(14deg);
    }
    2.5% {
        left: 41.5px;
        bottom: 49px;
        opacity: 1.00;
        transform: rotate(18deg);
    }
    3.0% {
        left: 42.8px;
        bottom: 51.9px;
        opacity: 1.00;
        transform: rotate(22deg);
    }
    3.5% {
        left: 44.1px;
        bottom: 54.4px;
        opacity: 1.00;
        transform: rotate(25deg);
    }
    4.0% {
        left: 45.4px;
        bottom: 56.7px;
        opacity: 1.00;
        transform: rotate(29deg);
    }
    4.5% {
        left: 46.7px;
        bottom: 58.6px;
        opacity: 1.00;
        transform: rotate(32deg);
    }
    5.0% {
        left: 48.0px;
        bottom: 60.2px;
        opacity: 1.00;
        transform: rotate(36deg);
    }
    5.5% {
        left: 49.3px;
        bottom: 61.5px;
        opacity: 1.00;
        transform: rotate(40deg);
    }
    6.0% {
        left: 50.6px;
        bottom: 62.5px;
        opacity: 1.00;
        transform: rotate(43deg);
    }
    6.5% {
        left: 51.9px;
        bottom: 63.2px;
        opacity: 1.00;
        transform: rotate(47deg);
    }
    7.0% {
        left: 53.2px;
        bottom: 63.6px;
        opacity: 1.00;
        transform: rotate(50deg);
    }
    7.5% {
        left: 54.5px;
        bottom: 63.6px;
        opacity: 1.00;
        transform: rotate(54deg);
    }
    8.0% {
        left: 55.8px;
        bottom: 63.4px;
        opacity: 1.00;
        transform: rotate(58deg);
    }
    8.5% {
        left: 57.1px;
        bottom: 62.8px;
        opacity: 1.00;
        transform: rotate(61deg);
    }
    9.0% {
        left: 58.4px;
        bottom: 61.9px;
        opacity: 1.00;
        transform: rotate(65deg);
    }
    9.5% {
        left: 59.7px;
        bottom: 60.7px;
        opacity: 1.00;
        transform: rotate(68deg);
    }
    10.0% {
        left: 61.0px;
        bottom: 59.2px;
        opacity: 1.00;
        transform: rotate(72deg);
    }
    10.5% {
        left: 62.3px;
        bottom: 57.4px;
        opacity: 1.00;
        transform: rotate(76deg);
    }
    11.0% {
        left: 63.6px;
        bottom: 55.3px;
        opacity: 1.00;
        transform: rotate(79deg);
    }
    11.5% {
        left: 64.9px;
        bottom: 52.8px;
        opacity: 1.00;
        transform: rotate(83deg);
    }
    12.0% {
        left: 66.2px;
        bottom: 50.1px;
        opacity: 1.00;
        transform: rotate(86deg);
    }
    12.5% {
        left: 67.5px;
        bottom: 47px;
        opacity: 1.00;
        transform: rotate(90deg);
    }
    13.0% {
        left: 68.8px;
        bottom: 43.6px;
        opacity: 1.00;
        transform: rotate(94deg);
    }
    13.5% {
        left: 70.1px;
        bottom: 39.9px;
        opacity: 1.00;
        transform: rotate(97deg);
    }
    14.0% {
        left: 71.4px;
        bottom: 35.9px;
        opacity: 1.00;
        transform: rotate(101deg);
    }
    14.5% {
        left: 72.7px;
        bottom: 31.6px;
        opacity: 1.00;
        transform: rotate(104deg);
    }
    15.0% {
        left: 74.0px;
        bottom: 27px;
        opacity: 1.00;
        transform: rotate(108deg);
    }
    15.5% {
        left: 75.3px;
        bottom: 22px;
        opacity: 1.00;
        transform: rotate(112deg);
    }
    16.0% {
        left: 76.6px;
        bottom: 16.8px;
        opacity: 1.00;
        transform: rotate(115deg);
    }
    16.5% {
        left: 77.9px;
        bottom: 11.2px;
        opacity: 1.00;
        transform: rotate(119deg);
    }
    17.0% {
        left: 79.2px;
        bottom: 5.3px;
        opacity: 1.00;
        transform: rotate(122deg);
    }
    17.2% {
        left: 79.7px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(124deg);
    }
    17.5% {
        left: 80.5px;
        bottom: 5.6px;
        opacity: 1.00;
        transform: rotate(126deg);
    }
    18.0% {
        left: 81.7px;
        bottom: 9.6px;
        opacity: 1.00;
        transform: rotate(130deg);
    }
    18.5% {
        left: 82.9px;
        bottom: 13.2px;
        opacity: 1.00;
        transform: rotate(133deg);
    }
    19.0% {
        left: 84.2px;
        bottom: 16.6px;
        opacity: 1.00;
        transform: rotate(137deg);
    }
    19.5% {
        left: 85.4px;
        bottom: 19.6px;
        opacity: 1.00;
        transform: rotate(140deg);
    }
    20.0% {
        left: 86.6px;
        bottom: 22.3px;
        opacity: 1.00;
        transform: rotate(144deg);
    }
    20.5% {
        left: 87.9px;
        bottom: 24.7px;
        opacity: 1.00;
        transform: rotate(148deg);
    }
    21.0% {
        left: 89.1px;
        bottom: 26.8px;
        opacity: 1.00;
        transform: rotate(151deg);
    }
    21.5% {
        left: 90.3px;
        bottom: 28.5px;
        opacity: 1.00;
        transform: rotate(155deg);
    }
    22.0% {
        left: 91.6px;
        bottom: 30px;
        opacity: 1.00;
        transform: rotate(158deg);
    }
    22.5% {
        left: 92.8px;
        bottom: 31.1px;
        opacity: 1.00;
        transform: rotate(162deg);
    }
    23.0% {
        left: 94.0px;
        bottom: 32px;
        opacity: 1.00;
        transform: rotate(166deg);
    }
    23.5% {
        left: 95.3px;
        bottom: 32.5px;
        opacity: 1.00;
        transform: rotate(169deg);
    }
    24.0% {
        left: 96.5px;
        bottom: 32.7px;
        opacity: 1.00;
        transform: rotate(173deg);
    }
    24.5% {
        left: 97.7px;
        bottom: 32.6px;
        opacity: 1.00;
        transform: rotate(176deg);
    }
    25.0% {
        left: 99.0px;
        bottom: 32.2px;
        opacity: 1.00;
        transform: rotate(180deg);
    }
    25.5% {
        left: 100.2px;
        bottom: 31.5px;
        opacity: 1.00;
        transform: rotate(184deg);
    }
    26.0% {
        left: 101.5px;
        bottom: 30.4px;
        opacity: 1.00;
        transform: rotate(187deg);
    }
    26.5% {
        left: 102.7px;
        bottom: 29.1px;
        opacity: 1.00;
        transform: rotate(191deg);
    }
    27.0% {
        left: 103.9px;
        bottom: 27.4px;
        opacity: 1.00;
        transform: rotate(194deg);
    }
    27.5% {
        left: 105.2px;
        bottom: 25.4px;
        opacity: 1.00;
        transform: rotate(198deg);
    }
    28.0% {
        left: 106.4px;
        bottom: 23.1px;
        opacity: 1.00;
        transform: rotate(202deg);
    }
    28.5% {
        left: 107.6px;
        bottom: 20.5px;
        opacity: 1.00;
        transform: rotate(205deg);
    }
    29.0% {
        left: 108.9px;
        bottom: 17.6px;
        opacity: 1.00;
        transform: rotate(209deg);
    }
    29.5% {
        left: 110.1px;
        bottom: 14.4px;
        opacity: 1.00;
        transform: rotate(212deg);
    }
    30.0% {
        left: 111.3px;
        bottom: 10.8px;
        opacity: 1.00;
        transform: rotate(216deg);
    }
    30.5% {
        left: 112.6px;
        bottom: 7px;
        opacity: 1.00;
        transform: rotate(220deg);
    }
    31.0% {
        left: 113.7px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(223deg);
    }
    31.0% {
        left: 113.8px;
        bottom: 3.1px;
        opacity: 1.00;
        transform: rotate(223deg);
    }
    31.5% {
        left: 115.0px;
        bottom: 5.9px;
        opacity: 1.00;
        transform: rotate(227deg);
    }
    32.0% {
        left: 116.1px;
        bottom: 8.4px;
        opacity: 1.00;
        transform: rotate(230deg);
    }
    32.5% {
        left: 117.3px;
        bottom: 10.6px;
        opacity: 1.00;
        transform: rotate(234deg);
    }
    33.0% {
        left: 118.5px;
        bottom: 12.5px;
        opacity: 1.00;
        transform: rotate(238deg);
    }
    33.5% {
        left: 119.7px;
        bottom: 14px;
        opacity: 1.00;
        transform: rotate(241deg);
    }
    34.0% {
        left: 120.8px;
        bottom: 15.3px;
        opacity: 1.00;
        transform: rotate(245deg);
    }
    34.5% {
        left: 122.0px;
        bottom: 16.2px;
        opacity: 1.00;
        transform: rotate(248deg);
    }
    35.0% {
        left: 123.2px;
        bottom: 16.8px;
        opacity: 1.00;
        transform: rotate(252deg);
    }
    35.5% {
        left: 124.4px;
        bottom: 17.1px;
        opacity: 1.00;
        transform: rotate(256deg);
    }
    36.0% {
        left: 125.5px;
        bottom: 17.1px;
        opacity: 1.00;
        transform: rotate(259deg);
    }
    36.5% {
        left: 126.7px;
        bottom: 16.8px;
        opacity: 1.00;
        transform: rotate(263deg);
    }
    37.0% {
        left: 127.9px;
        bottom: 16.2px;
        opacity: 1.00;
        transform: rotate(266deg);
    }
    37.5% {
        left: 129.1px;
        bottom: 15.2px;
        opacity: 1.00;
        transform: rotate(270deg);
    }
    38.0% {
        left: 130.2px;
        bottom: 14px;
        opacity: 1.00;
        transform: rotate(274deg);
    }
    38.5% {
        left: 131.4px;
        bottom: 12.4px;
        opacity: 1.00;
        transform: rotate(277deg);
    }
    39.0% {
        left: 132.6px;
        bottom: 10.5px;
        opacity: 1.00;
        transform: rotate(281deg);
    }
    39.5% {
        left: 133.7px;
        bottom: 8.3px;
        opacity: 1.00;
        transform: rotate(284deg);
    }
    40.0% {
        left: 134.9px;
        bottom: 5.8px;
        opacity: 1.00;
        transform: rotate(288deg);
    }
    40.5% {
        left: 136.1px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(292deg);
    }
    40.5% {
        left: 136.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(292deg);
    }
    41.0% {
        left: 137.2px;
        bottom: 4.9px;
        opacity: 1.00;
        transform: rotate(295deg);
    }
    41.5% {
        left: 138.3px;
        bottom: 6.4px;
        opacity: 1.00;
        transform: rotate(299deg);
    }
    42.0% {
        left: 139.4px;
        bottom: 7.7px;
        opacity: 1.00;
        transform: rotate(302deg);
    }
    42.5% {
        left: 140.6px;
        bottom: 8.6px;
        opacity: 1.00;
        transform: rotate(306deg);
    }
    43.0% {
        left: 141.7px;
        bottom: 9.2px;
        opacity: 1.00;
        transform: rotate(310deg);
    }
    43.5% {
        left: 142.8px;
        bottom: 9.5px;
        opacity: 1.00;
        transform: rotate(313deg);
    }
    44.0% {
        left: 143.9px;
        bottom: 9.5px;
        opacity: 1.00;
        transform: rotate(317deg);
    }
    44.5% {
        left: 145.0px;
        bottom: 9.2px;
        opacity: 1.00;
        transform: rotate(320deg);
    }
    45.0% {
        left: 146.1px;
        bottom: 8.5px;
        opacity: 1.00;
        transform: rotate(324deg);
    }
    45.5% {
        left: 147.2px;
        bottom: 7.6px;
        opacity: 1.00;
        transform: rotate(328deg);
    }
    46.0% {
        left: 148.4px;
        bottom: 6.3px;
        opacity: 1.00;
        transform: rotate(331deg);
    }
    46.5% {
        left: 149.5px;
        bottom: 4.7px;
        opacity: 1.00;
        transform: rotate(335deg);
    }
    47.0% {
        left: 150.5px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(338deg);
    }
    47.0% {
        left: 150.6px;
        bottom: 3.1px;
        opacity: 1.00;
        transform: rotate(338deg);
    }
    47.5% {
        left: 151.6px;
        bottom: 4.3px;
        opacity: 1.00;
        transform: rotate(342deg);
    }
    48.0% {
        left: 152.7px;
        bottom: 5.2px;
        opacity: 1.00;
        transform: rotate(346deg);
    }
    48.5% {
        left: 153.8px;
        bottom: 5.8px;
        opacity: 1.00;
        transform: rotate(349deg);
    }
    49.0% {
        left: 154.8px;
        bottom: 6.1px;
        opacity: 1.00;
        transform: rotate(353deg);
    }
    49.5% {
        left: 155.9px;
        bottom: 6px;
        opacity: 1.00;
        transform: rotate(356deg);
    }
    50.0% {
        left: 156.9px;
        bottom: 5.7px;
        opacity: 1.00;
        transform: rotate(360deg);
    }
    50.5% {
        left: 158.0px;
        bottom: 5px;
        opacity: 1.00;
        transform: rotate(364deg);
    }
    51.0% {
        left: 159.0px;
        bottom: 4px;
        opacity: 1.00;
        transform: rotate(367deg);
    }
    51.4% {
        left: 159.9px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(370deg);
    }
    51.5% {
        left: 160.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(371deg);
    }
    52.0% {
        left: 161.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(374deg);
    }
    52.5% {
        left: 162.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(378deg);
    }
    53.0% {
        left: 163.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(382deg);
    }
    53.5% {
        left: 164.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(385deg);
    }
    54.0% {
        left: 165.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(389deg);
    }
    54.5% {
        left: 166.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(392deg);
    }
    55.0% {
        left: 167.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(396deg);
    }
    55.5% {
        left: 168.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(400deg);
    }
    56.0% {
        left: 169.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(403deg);
    }
    56.5% {
        left: 170.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(407deg);
    }
    57.0% {
        left: 171.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(410deg);
    }
    57.5% {
        left: 172.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(414deg);
    }
    58.0% {
        left: 173.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(418deg);
    }
    58.5% {
        left: 174.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(421deg);
    }
    59.0% {
        left: 176.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(425deg);
    }
    59.5% {
        left: 177.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(428deg);
    }
    60.0% {
        left: 178.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(432deg);
    }
    60.5% {
        left: 179.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(436deg);
    }
    61.0% {
        left: 180.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(439deg);
    }
    61.5% {
        left: 181.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(443deg);
    }
    62.0% {
        left: 182.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(446deg);
    }
    62.5% {
        left: 183.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(450deg);
    }
    63.0% {
        left: 184.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(454deg);
    }
    63.5% {
        left: 185.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(457deg);
    }
    64.0% {
        left: 186.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(461deg);
    }
    64.5% {
        left: 187.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(464deg);
    }
    65.0% {
        left: 188.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(468deg);
    }
    65.5% {
        left: 189.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(472deg);
    }
    66.0% {
        left: 190.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(475deg);
    }
    66.5% {
        left: 191.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(479deg);
    }
    67.0% {
        left: 192.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(482deg);
    }
    67.5% {
        left: 194.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(486deg);
    }
    68.0% {
        left: 195.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(490deg);
    }
    68.5% {
        left: 196.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(493deg);
    }
    69.0% {
        left: 197.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(497deg);
    }
    69.5% {
        left: 198.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(500deg);
    }
    70.0% {
        left: 199.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(504deg);
    }
    70.5% {
        left: 200.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(508deg);
    }
    71.0% {
        left: 201.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(511deg);
    }
    71.5% {
        left: 202.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(515deg);
    }
    72.0% {
        left: 203.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(518deg);
    }
    72.5% {
        left: 204.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(522deg);
    }
    73.0% {
        left: 205.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(526deg);
    }
    73.5% {
        left: 206.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(529deg);
    }
    74.0% {
        left: 207.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(533deg);
    }
    74.5% {
        left: 208.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(536deg);
    }
    75.0% {
        left: 209.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(540deg);
    }
    75.5% {
        left: 210.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(544deg);
    }
    76.0% {
        left: 212.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(547deg);
    }
    76.5% {
        left: 213.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(551deg);
    }
    77.0% {
        left: 214.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(554deg);
    }
    77.5% {
        left: 215.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(558deg);
    }
    78.0% {
        left: 216.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(562deg);
    }
    78.5% {
        left: 217.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(565deg);
    }
    79.0% {
        left: 218.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(569deg);
    }
    79.5% {
        left: 219.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(572deg);
    }
    80.0% {
        left: 220.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(576deg);
    }
    80.5% {
        left: 221.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(580deg);
    }
    81.0% {
        left: 222.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(583deg);
    }
    81.5% {
        left: 223.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(587deg);
    }
    82.0% {
        left: 224.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(590deg);
    }
    82.5% {
        left: 225.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(594deg);
    }
    83.0% {
        left: 226.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(598deg);
    }
    83.5% {
        left: 227.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(601deg);
    }
    84.0% {
        left: 228.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(605deg);
    }
    84.5% {
        left: 230.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(608deg);
    }
    85.0% {
        left: 231.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(612deg);
    }
    85.5% {
        left: 232.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(616deg);
    }
    86.0% {
        left: 233.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(619deg);
    }
    86.5% {
        left: 234.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(623deg);
    }
    87.0% {
        left: 235.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(626deg);
    }
    87.5% {
        left: 236.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(630deg);
    }
    88.0% {
        left: 237.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(634deg);
    }
    88.5% {
        left: 238.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(637deg);
    }
    89.0% {
        left: 239.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(641deg);
    }
    89.5% {
        left: 240.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(644deg);
    }
    90.0% {
        left: 241.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(648deg);
    }
    90.5% {
        left: 242.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(652deg);
    }
    91.0% {
        left: 243.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(655deg);
    }
    91.5% {
        left: 244.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(659deg);
    }
    92.0% {
        left: 245.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(662deg);
    }
    92.5% {
        left: 246.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(666deg);
    }
    93.0% {
        left: 248.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(670deg);
    }
    93.5% {
        left: 249.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(673deg);
    }
    94.0% {
        left: 250.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(677deg);
    }
    94.5% {
        left: 251.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(680deg);
    }
    95.0% {
        left: 252.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(684deg);
    }
    95.5% {
        left: 253.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(688deg);
    }
    96.0% {
        left: 254.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(691deg);
    }
    96.5% {
        left: 255.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(695deg);
    }
    97.0% {
        left: 256.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(698deg);
    }
    97.5% {
        left: 257.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(702deg);
    }
    98.0% {
        left: 258.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(706deg);
    }
    98.5% {
        left: 259.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(709deg);
    }
    99.0% {
        left: 260.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(713deg);
    }
    99.5% {
        left: 261.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(716deg);
    }
    100.0% {
        left: 262.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(0deg);
    }
}

/* Ball 9: vx=48, vy=175, 5 bounces, 206 keyframes */
@keyframes ballShoot9 {
    0.0% {
        left: 35.0px;
        bottom: 30px;
        opacity: 0.00;
        transform: rotate(0deg);
    }
    0.5% {
        left: 36.2px;
        bottom: 34.2px;
        opacity: 0.33;
        transform: rotate(4deg);
    }
    1.0% {
        left: 37.4px;
        bottom: 38px;
        opacity: 0.67;
        transform: rotate(7deg);
    }
    1.5% {
        left: 38.6px;
        bottom: 41.6px;
        opacity: 1.00;
        transform: rotate(11deg);
    }
    2.0% {
        left: 39.8px;
        bottom: 44.8px;
        opacity: 1.00;
        transform: rotate(14deg);
    }
    2.5% {
        left: 41.0px;
        bottom: 47.8px;
        opacity: 1.00;
        transform: rotate(18deg);
    }
    3.0% {
        left: 42.2px;
        bottom: 50.4px;
        opacity: 1.00;
        transform: rotate(22deg);
    }
    3.5% {
        left: 43.4px;
        bottom: 52.7px;
        opacity: 1.00;
        transform: rotate(25deg);
    }
    4.0% {
        left: 44.6px;
        bottom: 54.7px;
        opacity: 1.00;
        transform: rotate(29deg);
    }
    4.5% {
        left: 45.8px;
        bottom: 56.4px;
        opacity: 1.00;
        transform: rotate(32deg);
    }
    5.0% {
        left: 47.0px;
        bottom: 57.7px;
        opacity: 1.00;
        transform: rotate(36deg);
    }
    5.5% {
        left: 48.2px;
        bottom: 58.8px;
        opacity: 1.00;
        transform: rotate(40deg);
    }
    6.0% {
        left: 49.4px;
        bottom: 59.5px;
        opacity: 1.00;
        transform: rotate(43deg);
    }
    6.5% {
        left: 50.6px;
        bottom: 60px;
        opacity: 1.00;
        transform: rotate(47deg);
    }
    7.0% {
        left: 51.8px;
        bottom: 60.1px;
        opacity: 1.00;
        transform: rotate(50deg);
    }
    7.5% {
        left: 53.0px;
        bottom: 59.9px;
        opacity: 1.00;
        transform: rotate(54deg);
    }
    8.0% {
        left: 54.2px;
        bottom: 59.4px;
        opacity: 1.00;
        transform: rotate(58deg);
    }
    8.5% {
        left: 55.4px;
        bottom: 58.6px;
        opacity: 1.00;
        transform: rotate(61deg);
    }
    9.0% {
        left: 56.6px;
        bottom: 57.4px;
        opacity: 1.00;
        transform: rotate(65deg);
    }
    9.5% {
        left: 57.8px;
        bottom: 56px;
        opacity: 1.00;
        transform: rotate(68deg);
    }
    10.0% {
        left: 59.0px;
        bottom: 54.2px;
        opacity: 1.00;
        transform: rotate(72deg);
    }
    10.5% {
        left: 60.2px;
        bottom: 52.1px;
        opacity: 1.00;
        transform: rotate(76deg);
    }
    11.0% {
        left: 61.4px;
        bottom: 49.8px;
        opacity: 1.00;
        transform: rotate(79deg);
    }
    11.5% {
        left: 62.6px;
        bottom: 47.1px;
        opacity: 1.00;
        transform: rotate(83deg);
    }
    12.0% {
        left: 63.8px;
        bottom: 44.1px;
        opacity: 1.00;
        transform: rotate(86deg);
    }
    12.5% {
        left: 65.0px;
        bottom: 40.7px;
        opacity: 1.00;
        transform: rotate(90deg);
    }
    13.0% {
        left: 66.2px;
        bottom: 37.1px;
        opacity: 1.00;
        transform: rotate(94deg);
    }
    13.5% {
        left: 67.4px;
        bottom: 33.2px;
        opacity: 1.00;
        transform: rotate(97deg);
    }
    14.0% {
        left: 68.6px;
        bottom: 28.9px;
        opacity: 1.00;
        transform: rotate(101deg);
    }
    14.5% {
        left: 69.8px;
        bottom: 24.3px;
        opacity: 1.00;
        transform: rotate(104deg);
    }
    15.0% {
        left: 71.0px;
        bottom: 19.5px;
        opacity: 1.00;
        transform: rotate(108deg);
    }
    15.5% {
        left: 72.2px;
        bottom: 14.3px;
        opacity: 1.00;
        transform: rotate(112deg);
    }
    16.0% {
        left: 73.4px;
        bottom: 8.8px;
        opacity: 1.00;
        transform: rotate(115deg);
    }
    16.5% {
        left: 74.6px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(119deg);
    }
    16.5% {
        left: 74.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(119deg);
    }
    17.0% {
        left: 75.7px;
        bottom: 7px;
        opacity: 1.00;
        transform: rotate(122deg);
    }
    17.5% {
        left: 76.9px;
        bottom: 10.7px;
        opacity: 1.00;
        transform: rotate(126deg);
    }
    18.0% {
        left: 78.0px;
        bottom: 14px;
        opacity: 1.00;
        transform: rotate(130deg);
    }
    18.5% {
        left: 79.2px;
        bottom: 17px;
        opacity: 1.00;
        transform: rotate(133deg);
    }
    19.0% {
        left: 80.3px;
        bottom: 19.7px;
        opacity: 1.00;
        transform: rotate(137deg);
    }
    19.5% {
        left: 81.4px;
        bottom: 22.1px;
        opacity: 1.00;
        transform: rotate(140deg);
    }
    20.0% {
        left: 82.6px;
        bottom: 24.2px;
        opacity: 1.00;
        transform: rotate(144deg);
    }
    20.5% {
        left: 83.7px;
        bottom: 26px;
        opacity: 1.00;
        transform: rotate(148deg);
    }
    21.0% {
        left: 84.9px;
        bottom: 27.4px;
        opacity: 1.00;
        transform: rotate(151deg);
    }
    21.5% {
        left: 86.0px;
        bottom: 28.6px;
        opacity: 1.00;
        transform: rotate(155deg);
    }
    22.0% {
        left: 87.1px;
        bottom: 29.4px;
        opacity: 1.00;
        transform: rotate(158deg);
    }
    22.5% {
        left: 88.3px;
        bottom: 30px;
        opacity: 1.00;
        transform: rotate(162deg);
    }
    23.0% {
        left: 89.4px;
        bottom: 30.2px;
        opacity: 1.00;
        transform: rotate(166deg);
    }
    23.5% {
        left: 90.6px;
        bottom: 30.1px;
        opacity: 1.00;
        transform: rotate(169deg);
    }
    24.0% {
        left: 91.7px;
        bottom: 29.7px;
        opacity: 1.00;
        transform: rotate(173deg);
    }
    24.5% {
        left: 92.8px;
        bottom: 28.9px;
        opacity: 1.00;
        transform: rotate(176deg);
    }
    25.0% {
        left: 94.0px;
        bottom: 27.9px;
        opacity: 1.00;
        transform: rotate(180deg);
    }
    25.5% {
        left: 95.1px;
        bottom: 26.5px;
        opacity: 1.00;
        transform: rotate(184deg);
    }
    26.0% {
        left: 96.3px;
        bottom: 24.9px;
        opacity: 1.00;
        transform: rotate(187deg);
    }
    26.5% {
        left: 97.4px;
        bottom: 22.9px;
        opacity: 1.00;
        transform: rotate(191deg);
    }
    27.0% {
        left: 98.5px;
        bottom: 20.6px;
        opacity: 1.00;
        transform: rotate(194deg);
    }
    27.5% {
        left: 99.7px;
        bottom: 18px;
        opacity: 1.00;
        transform: rotate(198deg);
    }
    28.0% {
        left: 100.8px;
        bottom: 15.1px;
        opacity: 1.00;
        transform: rotate(202deg);
    }
    28.5% {
        left: 102.0px;
        bottom: 11.9px;
        opacity: 1.00;
        transform: rotate(205deg);
    }
    29.0% {
        left: 103.1px;
        bottom: 8.3px;
        opacity: 1.00;
        transform: rotate(209deg);
    }
    29.5% {
        left: 104.2px;
        bottom: 4.5px;
        opacity: 1.00;
        transform: rotate(212deg);
    }
    29.7% {
        left: 104.7px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(214deg);
    }
    30.0% {
        left: 105.3px;
        bottom: 4.8px;
        opacity: 1.00;
        transform: rotate(216deg);
    }
    30.5% {
        left: 106.4px;
        bottom: 7.3px;
        opacity: 1.00;
        transform: rotate(220deg);
    }
    31.0% {
        left: 107.5px;
        bottom: 9.5px;
        opacity: 1.00;
        transform: rotate(223deg);
    }
    31.5% {
        left: 108.6px;
        bottom: 11.5px;
        opacity: 1.00;
        transform: rotate(227deg);
    }
    32.0% {
        left: 109.7px;
        bottom: 13.1px;
        opacity: 1.00;
        transform: rotate(230deg);
    }
    32.5% {
        left: 110.8px;
        bottom: 14.3px;
        opacity: 1.00;
        transform: rotate(234deg);
    }
    33.0% {
        left: 111.8px;
        bottom: 15.3px;
        opacity: 1.00;
        transform: rotate(238deg);
    }
    33.5% {
        left: 112.9px;
        bottom: 16px;
        opacity: 1.00;
        transform: rotate(241deg);
    }
    34.0% {
        left: 114.0px;
        bottom: 16.3px;
        opacity: 1.00;
        transform: rotate(245deg);
    }
    34.5% {
        left: 115.1px;
        bottom: 16.4px;
        opacity: 1.00;
        transform: rotate(248deg);
    }
    35.0% {
        left: 116.2px;
        bottom: 16.1px;
        opacity: 1.00;
        transform: rotate(252deg);
    }
    35.5% {
        left: 117.3px;
        bottom: 15.5px;
        opacity: 1.00;
        transform: rotate(256deg);
    }
    36.0% {
        left: 118.3px;
        bottom: 14.6px;
        opacity: 1.00;
        transform: rotate(259deg);
    }
    36.5% {
        left: 119.4px;
        bottom: 13.4px;
        opacity: 1.00;
        transform: rotate(263deg);
    }
    37.0% {
        left: 120.5px;
        bottom: 11.9px;
        opacity: 1.00;
        transform: rotate(266deg);
    }
    37.5% {
        left: 121.6px;
        bottom: 10px;
        opacity: 1.00;
        transform: rotate(270deg);
    }
    38.0% {
        left: 122.7px;
        bottom: 7.9px;
        opacity: 1.00;
        transform: rotate(274deg);
    }
    38.5% {
        left: 123.8px;
        bottom: 5.4px;
        opacity: 1.00;
        transform: rotate(277deg);
    }
    38.9% {
        left: 124.7px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(280deg);
    }
    39.0% {
        left: 124.8px;
        bottom: 3.3px;
        opacity: 1.00;
        transform: rotate(281deg);
    }
    39.5% {
        left: 125.9px;
        bottom: 5.1px;
        opacity: 1.00;
        transform: rotate(284deg);
    }
    40.0% {
        left: 126.9px;
        bottom: 6.6px;
        opacity: 1.00;
        transform: rotate(288deg);
    }
    40.5% {
        left: 127.9px;
        bottom: 7.8px;
        opacity: 1.00;
        transform: rotate(292deg);
    }
    41.0% {
        left: 128.9px;
        bottom: 8.7px;
        opacity: 1.00;
        transform: rotate(295deg);
    }
    41.5% {
        left: 130.0px;
        bottom: 9.3px;
        opacity: 1.00;
        transform: rotate(299deg);
    }
    42.0% {
        left: 131.0px;
        bottom: 9.6px;
        opacity: 1.00;
        transform: rotate(302deg);
    }
    42.5% {
        left: 132.0px;
        bottom: 9.5px;
        opacity: 1.00;
        transform: rotate(306deg);
    }
    43.0% {
        left: 133.1px;
        bottom: 9.2px;
        opacity: 1.00;
        transform: rotate(310deg);
    }
    43.5% {
        left: 134.1px;
        bottom: 8.5px;
        opacity: 1.00;
        transform: rotate(313deg);
    }
    44.0% {
        left: 135.1px;
        bottom: 7.5px;
        opacity: 1.00;
        transform: rotate(317deg);
    }
    44.5% {
        left: 136.1px;
        bottom: 6.2px;
        opacity: 1.00;
        transform: rotate(320deg);
    }
    45.0% {
        left: 137.2px;
        bottom: 4.6px;
        opacity: 1.00;
        transform: rotate(324deg);
    }
    45.4% {
        left: 138.0px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(327deg);
    }
    45.5% {
        left: 138.2px;
        bottom: 3.2px;
        opacity: 1.00;
        transform: rotate(328deg);
    }
    46.0% {
        left: 139.2px;
        bottom: 4.5px;
        opacity: 1.00;
        transform: rotate(331deg);
    }
    46.5% {
        left: 140.2px;
        bottom: 5.4px;
        opacity: 1.00;
        transform: rotate(335deg);
    }
    47.0% {
        left: 141.1px;
        bottom: 6px;
        opacity: 1.00;
        transform: rotate(338deg);
    }
    47.5% {
        left: 142.1px;
        bottom: 6.3px;
        opacity: 1.00;
        transform: rotate(342deg);
    }
    48.0% {
        left: 143.1px;
        bottom: 6.2px;
        opacity: 1.00;
        transform: rotate(346deg);
    }
    48.5% {
        left: 144.1px;
        bottom: 5.9px;
        opacity: 1.00;
        transform: rotate(349deg);
    }
    49.0% {
        left: 145.0px;
        bottom: 5.3px;
        opacity: 1.00;
        transform: rotate(353deg);
    }
    49.5% {
        left: 146.0px;
        bottom: 4.3px;
        opacity: 1.00;
        transform: rotate(356deg);
    }
    50.0% {
        left: 147.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(360deg);
    }
    50.0% {
        left: 147.0px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(360deg);
    }
    50.5% {
        left: 148.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(364deg);
    }
    51.0% {
        left: 148.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(367deg);
    }
    51.5% {
        left: 149.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(371deg);
    }
    52.0% {
        left: 150.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(374deg);
    }
    52.5% {
        left: 151.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(378deg);
    }
    53.0% {
        left: 152.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(382deg);
    }
    53.5% {
        left: 153.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(385deg);
    }
    54.0% {
        left: 154.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(389deg);
    }
    54.5% {
        left: 155.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(392deg);
    }
    55.0% {
        left: 156.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(396deg);
    }
    55.5% {
        left: 157.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(400deg);
    }
    56.0% {
        left: 158.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(403deg);
    }
    56.5% {
        left: 159.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(407deg);
    }
    57.0% {
        left: 160.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(410deg);
    }
    57.5% {
        left: 161.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(414deg);
    }
    58.0% {
        left: 162.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(418deg);
    }
    58.5% {
        left: 163.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(421deg);
    }
    59.0% {
        left: 164.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(425deg);
    }
    59.5% {
        left: 165.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(428deg);
    }
    60.0% {
        left: 166.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(432deg);
    }
    60.5% {
        left: 167.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(436deg);
    }
    61.0% {
        left: 168.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(439deg);
    }
    61.5% {
        left: 169.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(443deg);
    }
    62.0% {
        left: 170.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(446deg);
    }
    62.5% {
        left: 171.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(450deg);
    }
    63.0% {
        left: 172.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(454deg);
    }
    63.5% {
        left: 173.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(457deg);
    }
    64.0% {
        left: 174.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(461deg);
    }
    64.5% {
        left: 175.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(464deg);
    }
    65.0% {
        left: 176.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(468deg);
    }
    65.5% {
        left: 177.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(472deg);
    }
    66.0% {
        left: 178.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(475deg);
    }
    66.5% {
        left: 179.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(479deg);
    }
    67.0% {
        left: 180.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(482deg);
    }
    67.5% {
        left: 181.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(486deg);
    }
    68.0% {
        left: 182.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(490deg);
    }
    68.5% {
        left: 183.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(493deg);
    }
    69.0% {
        left: 184.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(497deg);
    }
    69.5% {
        left: 185.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(500deg);
    }
    70.0% {
        left: 186.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(504deg);
    }
    70.5% {
        left: 187.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(508deg);
    }
    71.0% {
        left: 188.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(511deg);
    }
    71.5% {
        left: 189.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(515deg);
    }
    72.0% {
        left: 190.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(518deg);
    }
    72.5% {
        left: 191.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(522deg);
    }
    73.0% {
        left: 192.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(526deg);
    }
    73.5% {
        left: 192.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(529deg);
    }
    74.0% {
        left: 193.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(533deg);
    }
    74.5% {
        left: 194.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(536deg);
    }
    75.0% {
        left: 195.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(540deg);
    }
    75.5% {
        left: 196.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(544deg);
    }
    76.0% {
        left: 197.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(547deg);
    }
    76.5% {
        left: 198.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(551deg);
    }
    77.0% {
        left: 199.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(554deg);
    }
    77.5% {
        left: 200.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(558deg);
    }
    78.0% {
        left: 201.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(562deg);
    }
    78.5% {
        left: 202.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(565deg);
    }
    79.0% {
        left: 203.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(569deg);
    }
    79.5% {
        left: 204.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(572deg);
    }
    80.0% {
        left: 205.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(576deg);
    }
    80.5% {
        left: 206.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(580deg);
    }
    81.0% {
        left: 207.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(583deg);
    }
    81.5% {
        left: 208.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(587deg);
    }
    82.0% {
        left: 209.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(590deg);
    }
    82.5% {
        left: 210.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(594deg);
    }
    83.0% {
        left: 211.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(598deg);
    }
    83.5% {
        left: 212.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(601deg);
    }
    84.0% {
        left: 213.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(605deg);
    }
    84.5% {
        left: 214.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(608deg);
    }
    85.0% {
        left: 215.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(612deg);
    }
    85.5% {
        left: 216.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(616deg);
    }
    86.0% {
        left: 217.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(619deg);
    }
    86.5% {
        left: 218.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(623deg);
    }
    87.0% {
        left: 219.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(626deg);
    }
    87.5% {
        left: 220.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(630deg);
    }
    88.0% {
        left: 221.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(634deg);
    }
    88.5% {
        left: 222.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(637deg);
    }
    89.0% {
        left: 223.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(641deg);
    }
    89.5% {
        left: 224.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(644deg);
    }
    90.0% {
        left: 225.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(648deg);
    }
    90.5% {
        left: 226.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(652deg);
    }
    91.0% {
        left: 227.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(655deg);
    }
    91.5% {
        left: 228.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(659deg);
    }
    92.0% {
        left: 229.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(662deg);
    }
    92.5% {
        left: 230.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(666deg);
    }
    93.0% {
        left: 231.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(670deg);
    }
    93.5% {
        left: 232.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(673deg);
    }
    94.0% {
        left: 233.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(677deg);
    }
    94.5% {
        left: 234.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(680deg);
    }
    95.0% {
        left: 235.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(684deg);
    }
    95.5% {
        left: 235.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(688deg);
    }
    96.0% {
        left: 236.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(691deg);
    }
    96.5% {
        left: 237.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(695deg);
    }
    97.0% {
        left: 238.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(698deg);
    }
    97.5% {
        left: 239.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(702deg);
    }
    98.0% {
        left: 240.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(706deg);
    }
    98.5% {
        left: 241.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(709deg);
    }
    99.0% {
        left: 242.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(713deg);
    }
    99.5% {
        left: 243.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(716deg);
    }
    100.0% {
        left: 244.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(0deg);
    }
}

/* Ball 10: vx=75, vy=220, 6 bounces, 207 keyframes */
@keyframes ballShoot10 {
    0.0% {
        left: 35.0px;
        bottom: 30px;
        opacity: 0.00;
        transform: rotate(0deg);
    }
    0.5% {
        left: 36.9px;
        bottom: 35.3px;
        opacity: 0.33;
        transform: rotate(4deg);
    }
    1.0% {
        left: 38.8px;
        bottom: 40.3px;
        opacity: 0.67;
        transform: rotate(7deg);
    }
    1.5% {
        left: 40.6px;
        bottom: 45px;
        opacity: 1.00;
        transform: rotate(11deg);
    }
    2.0% {
        left: 42.5px;
        bottom: 49.3px;
        opacity: 1.00;
        transform: rotate(14deg);
    }
    2.5% {
        left: 44.4px;
        bottom: 53.4px;
        opacity: 1.00;
        transform: rotate(18deg);
    }
    3.0% {
        left: 46.3px;
        bottom: 57.1px;
        opacity: 1.00;
        transform: rotate(22deg);
    }
    3.5% {
        left: 48.1px;
        bottom: 60.6px;
        opacity: 1.00;
        transform: rotate(25deg);
    }
    4.0% {
        left: 50.0px;
        bottom: 63.7px;
        opacity: 1.00;
        transform: rotate(29deg);
    }
    4.5% {
        left: 51.9px;
        bottom: 66.5px;
        opacity: 1.00;
        transform: rotate(32deg);
    }
    5.0% {
        left: 53.8px;
        bottom: 69px;
        opacity: 1.00;
        transform: rotate(36deg);
    }
    5.5% {
        left: 55.6px;
        bottom: 71.2px;
        opacity: 1.00;
        transform: rotate(40deg);
    }
    6.0% {
        left: 57.5px;
        bottom: 73px;
        opacity: 1.00;
        transform: rotate(43deg);
    }
    6.5% {
        left: 59.4px;
        bottom: 74.6px;
        opacity: 1.00;
        transform: rotate(47deg);
    }
    7.0% {
        left: 61.3px;
        bottom: 75.8px;
        opacity: 1.00;
        transform: rotate(50deg);
    }
    7.5% {
        left: 63.1px;
        bottom: 76.8px;
        opacity: 1.00;
        transform: rotate(54deg);
    }
    8.0% {
        left: 65.0px;
        bottom: 77.4px;
        opacity: 1.00;
        transform: rotate(58deg);
    }
    8.5% {
        left: 66.9px;
        bottom: 77.7px;
        opacity: 1.00;
        transform: rotate(61deg);
    }
    9.0% {
        left: 68.8px;
        bottom: 77.7px;
        opacity: 1.00;
        transform: rotate(65deg);
    }
    9.5% {
        left: 70.6px;
        bottom: 77.4px;
        opacity: 1.00;
        transform: rotate(68deg);
    }
    10.0% {
        left: 72.5px;
        bottom: 76.7px;
        opacity: 1.00;
        transform: rotate(72deg);
    }
    10.5% {
        left: 74.4px;
        bottom: 75.8px;
        opacity: 1.00;
        transform: rotate(76deg);
    }
    11.0% {
        left: 76.3px;
        bottom: 74.5px;
        opacity: 1.00;
        transform: rotate(79deg);
    }
    11.5% {
        left: 78.1px;
        bottom: 72.9px;
        opacity: 1.00;
        transform: rotate(83deg);
    }
    12.0% {
        left: 80.0px;
        bottom: 71.1px;
        opacity: 1.00;
        transform: rotate(86deg);
    }
    12.5% {
        left: 81.9px;
        bottom: 68.9px;
        opacity: 1.00;
        transform: rotate(90deg);
    }
    13.0% {
        left: 83.8px;
        bottom: 66.4px;
        opacity: 1.00;
        transform: rotate(94deg);
    }
    13.5% {
        left: 85.6px;
        bottom: 63.5px;
        opacity: 1.00;
        transform: rotate(97deg);
    }
    14.0% {
        left: 87.5px;
        bottom: 60.4px;
        opacity: 1.00;
        transform: rotate(101deg);
    }
    14.5% {
        left: 89.4px;
        bottom: 57px;
        opacity: 1.00;
        transform: rotate(104deg);
    }
    15.0% {
        left: 91.3px;
        bottom: 53.2px;
        opacity: 1.00;
        transform: rotate(108deg);
    }
    15.5% {
        left: 93.1px;
        bottom: 49.1px;
        opacity: 1.00;
        transform: rotate(112deg);
    }
    16.0% {
        left: 95.0px;
        bottom: 44.8px;
        opacity: 1.00;
        transform: rotate(115deg);
    }
    16.5% {
        left: 96.9px;
        bottom: 40.1px;
        opacity: 1.00;
        transform: rotate(119deg);
    }
    17.0% {
        left: 98.8px;
        bottom: 35px;
        opacity: 1.00;
        transform: rotate(122deg);
    }
    17.5% {
        left: 100.6px;
        bottom: 29.7px;
        opacity: 1.00;
        transform: rotate(126deg);
    }
    18.0% {
        left: 102.5px;
        bottom: 24.1px;
        opacity: 1.00;
        transform: rotate(130deg);
    }
    18.5% {
        left: 104.4px;
        bottom: 18.1px;
        opacity: 1.00;
        transform: rotate(133deg);
    }
    19.0% {
        left: 106.3px;
        bottom: 11.9px;
        opacity: 1.00;
        transform: rotate(137deg);
    }
    19.5% {
        left: 108.1px;
        bottom: 5.3px;
        opacity: 1.00;
        transform: rotate(140deg);
    }
    19.7% {
        left: 108.8px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(142deg);
    }
    20.0% {
        left: 109.9px;
        bottom: 6.1px;
        opacity: 1.00;
        transform: rotate(144deg);
    }
    20.5% {
        left: 111.7px;
        bottom: 10.5px;
        opacity: 1.00;
        transform: rotate(148deg);
    }
    21.0% {
        left: 113.5px;
        bottom: 14.7px;
        opacity: 1.00;
        transform: rotate(151deg);
    }
    21.5% {
        left: 115.3px;
        bottom: 18.5px;
        opacity: 1.00;
        transform: rotate(155deg);
    }
    22.0% {
        left: 117.1px;
        bottom: 22px;
        opacity: 1.00;
        transform: rotate(158deg);
    }
    22.5% {
        left: 118.8px;
        bottom: 25.2px;
        opacity: 1.00;
        transform: rotate(162deg);
    }
    23.0% {
        left: 120.6px;
        bottom: 28px;
        opacity: 1.00;
        transform: rotate(166deg);
    }
    23.5% {
        left: 122.4px;
        bottom: 30.6px;
        opacity: 1.00;
        transform: rotate(169deg);
    }
    24.0% {
        left: 124.2px;
        bottom: 32.9px;
        opacity: 1.00;
        transform: rotate(173deg);
    }
    24.5% {
        left: 126.0px;
        bottom: 34.8px;
        opacity: 1.00;
        transform: rotate(176deg);
    }
    25.0% {
        left: 127.8px;
        bottom: 36.4px;
        opacity: 1.00;
        transform: rotate(180deg);
    }
    25.5% {
        left: 129.5px;
        bottom: 37.7px;
        opacity: 1.00;
        transform: rotate(184deg);
    }
    26.0% {
        left: 131.3px;
        bottom: 38.7px;
        opacity: 1.00;
        transform: rotate(187deg);
    }
    26.5% {
        left: 133.1px;
        bottom: 39.4px;
        opacity: 1.00;
        transform: rotate(191deg);
    }
    27.0% {
        left: 134.9px;
        bottom: 39.8px;
        opacity: 1.00;
        transform: rotate(194deg);
    }
    27.5% {
        left: 136.7px;
        bottom: 39.9px;
        opacity: 1.00;
        transform: rotate(198deg);
    }
    28.0% {
        left: 138.4px;
        bottom: 39.6px;
        opacity: 1.00;
        transform: rotate(202deg);
    }
    28.5% {
        left: 140.2px;
        bottom: 39.1px;
        opacity: 1.00;
        transform: rotate(205deg);
    }
    29.0% {
        left: 142.0px;
        bottom: 38.2px;
        opacity: 1.00;
        transform: rotate(209deg);
    }
    29.5% {
        left: 143.8px;
        bottom: 37px;
        opacity: 1.00;
        transform: rotate(212deg);
    }
    30.0% {
        left: 145.6px;
        bottom: 35.5px;
        opacity: 1.00;
        transform: rotate(216deg);
    }
    30.5% {
        left: 147.3px;
        bottom: 33.7px;
        opacity: 1.00;
        transform: rotate(220deg);
    }
    31.0% {
        left: 149.1px;
        bottom: 31.6px;
        opacity: 1.00;
        transform: rotate(223deg);
    }
    31.5% {
        left: 150.9px;
        bottom: 29.1px;
        opacity: 1.00;
        transform: rotate(227deg);
    }
    32.0% {
        left: 152.7px;
        bottom: 26.4px;
        opacity: 1.00;
        transform: rotate(230deg);
    }
    32.5% {
        left: 154.5px;
        bottom: 23.3px;
        opacity: 1.00;
        transform: rotate(234deg);
    }
    33.0% {
        left: 156.3px;
        bottom: 19.9px;
        opacity: 1.00;
        transform: rotate(238deg);
    }
    33.5% {
        left: 158.0px;
        bottom: 16.3px;
        opacity: 1.00;
        transform: rotate(241deg);
    }
    34.0% {
        left: 159.8px;
        bottom: 12.3px;
        opacity: 1.00;
        transform: rotate(245deg);
    }
    34.5% {
        left: 161.6px;
        bottom: 8px;
        opacity: 1.00;
        transform: rotate(248deg);
    }
    35.0% {
        left: 163.4px;
        bottom: 3.3px;
        opacity: 1.00;
        transform: rotate(252deg);
    }
    35.0% {
        left: 163.5px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(252deg);
    }
    35.5% {
        left: 165.1px;
        bottom: 6px;
        opacity: 1.00;
        transform: rotate(256deg);
    }
    36.0% {
        left: 166.8px;
        bottom: 9px;
        opacity: 1.00;
        transform: rotate(259deg);
    }
    36.5% {
        left: 168.5px;
        bottom: 11.6px;
        opacity: 1.00;
        transform: rotate(263deg);
    }
    37.0% {
        left: 170.2px;
        bottom: 13.9px;
        opacity: 1.00;
        transform: rotate(266deg);
    }
    37.5% {
        left: 171.8px;
        bottom: 15.9px;
        opacity: 1.00;
        transform: rotate(270deg);
    }
    38.0% {
        left: 173.5px;
        bottom: 17.6px;
        opacity: 1.00;
        transform: rotate(274deg);
    }
    38.5% {
        left: 175.2px;
        bottom: 19px;
        opacity: 1.00;
        transform: rotate(277deg);
    }
    39.0% {
        left: 176.9px;
        bottom: 20.1px;
        opacity: 1.00;
        transform: rotate(281deg);
    }
    39.5% {
        left: 178.6px;
        bottom: 20.8px;
        opacity: 1.00;
        transform: rotate(284deg);
    }
    40.0% {
        left: 180.3px;
        bottom: 21.3px;
        opacity: 1.00;
        transform: rotate(288deg);
    }
    40.5% {
        left: 182.0px;
        bottom: 21.4px;
        opacity: 1.00;
        transform: rotate(292deg);
    }
    41.0% {
        left: 183.7px;
        bottom: 21.2px;
        opacity: 1.00;
        transform: rotate(295deg);
    }
    41.5% {
        left: 185.4px;
        bottom: 20.7px;
        opacity: 1.00;
        transform: rotate(299deg);
    }
    42.0% {
        left: 187.1px;
        bottom: 19.9px;
        opacity: 1.00;
        transform: rotate(302deg);
    }
    42.5% {
        left: 188.8px;
        bottom: 18.8px;
        opacity: 1.00;
        transform: rotate(306deg);
    }
    43.0% {
        left: 190.5px;
        bottom: 17.4px;
        opacity: 1.00;
        transform: rotate(310deg);
    }
    43.5% {
        left: 192.1px;
        bottom: 15.6px;
        opacity: 1.00;
        transform: rotate(313deg);
    }
    44.0% {
        left: 193.8px;
        bottom: 13.6px;
        opacity: 1.00;
        transform: rotate(317deg);
    }
    44.5% {
        left: 195.5px;
        bottom: 11.2px;
        opacity: 1.00;
        transform: rotate(320deg);
    }
    45.0% {
        left: 197.2px;
        bottom: 8.5px;
        opacity: 1.00;
        transform: rotate(324deg);
    }
    45.5% {
        left: 198.9px;
        bottom: 5.5px;
        opacity: 1.00;
        transform: rotate(328deg);
    }
    45.9% {
        left: 200.2px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(330deg);
    }
    46.0% {
        left: 200.6px;
        bottom: 3.6px;
        opacity: 1.00;
        transform: rotate(331deg);
    }
    46.5% {
        left: 202.2px;
        bottom: 5.8px;
        opacity: 1.00;
        transform: rotate(335deg);
    }
    47.0% {
        left: 203.8px;
        bottom: 7.6px;
        opacity: 1.00;
        transform: rotate(338deg);
    }
    47.5% {
        left: 205.4px;
        bottom: 9.2px;
        opacity: 1.00;
        transform: rotate(342deg);
    }
    48.0% {
        left: 207.0px;
        bottom: 10.5px;
        opacity: 1.00;
        transform: rotate(346deg);
    }
    48.5% {
        left: 208.6px;
        bottom: 11.4px;
        opacity: 1.00;
        transform: rotate(349deg);
    }
    49.0% {
        left: 210.2px;
        bottom: 12.1px;
        opacity: 1.00;
        transform: rotate(353deg);
    }
    49.5% {
        left: 211.8px;
        bottom: 12.4px;
        opacity: 1.00;
        transform: rotate(356deg);
    }
    50.0% {
        left: 213.5px;
        bottom: 12.4px;
        opacity: 1.00;
        transform: rotate(360deg);
    }
    50.5% {
        left: 215.1px;
        bottom: 12.1px;
        opacity: 1.00;
        transform: rotate(364deg);
    }
    51.0% {
        left: 216.7px;
        bottom: 11.5px;
        opacity: 1.00;
        transform: rotate(367deg);
    }
    51.5% {
        left: 218.3px;
        bottom: 10.6px;
        opacity: 1.00;
        transform: rotate(371deg);
    }
    52.0% {
        left: 219.9px;
        bottom: 9.3px;
        opacity: 1.00;
        transform: rotate(374deg);
    }
    52.5% {
        left: 221.5px;
        bottom: 7.8px;
        opacity: 1.00;
        transform: rotate(378deg);
    }
    53.0% {
        left: 223.1px;
        bottom: 5.9px;
        opacity: 1.00;
        transform: rotate(382deg);
    }
    53.5% {
        left: 224.7px;
        bottom: 3.8px;
        opacity: 1.00;
        transform: rotate(385deg);
    }
    53.7% {
        left: 225.2px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(386deg);
    }
    54.0% {
        left: 226.3px;
        bottom: 4.1px;
        opacity: 1.00;
        transform: rotate(389deg);
    }
    54.5% {
        left: 227.8px;
        bottom: 5.5px;
        opacity: 1.00;
        transform: rotate(392deg);
    }
    55.0% {
        left: 229.3px;
        bottom: 6.5px;
        opacity: 1.00;
        transform: rotate(396deg);
    }
    55.5% {
        left: 230.8px;
        bottom: 7.3px;
        opacity: 1.00;
        transform: rotate(400deg);
    }
    56.0% {
        left: 232.4px;
        bottom: 7.7px;
        opacity: 1.00;
        transform: rotate(403deg);
    }
    56.5% {
        left: 233.9px;
        bottom: 7.8px;
        opacity: 1.00;
        transform: rotate(407deg);
    }
    57.0% {
        left: 235.4px;
        bottom: 7.6px;
        opacity: 1.00;
        transform: rotate(410deg);
    }
    57.5% {
        left: 236.9px;
        bottom: 7.1px;
        opacity: 1.00;
        transform: rotate(414deg);
    }
    58.0% {
        left: 238.5px;
        bottom: 6.3px;
        opacity: 1.00;
        transform: rotate(418deg);
    }
    58.5% {
        left: 240.0px;
        bottom: 5.1px;
        opacity: 1.00;
        transform: rotate(421deg);
    }
    59.0% {
        left: 241.5px;
        bottom: 3.7px;
        opacity: 1.00;
        transform: rotate(425deg);
    }
    59.2% {
        left: 242.1px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(426deg);
    }
    59.5% {
        left: 243.0px;
        bottom: 3.7px;
        opacity: 1.00;
        transform: rotate(428deg);
    }
    60.0% {
        left: 244.5px;
        bottom: 4.5px;
        opacity: 1.00;
        transform: rotate(432deg);
    }
    60.5% {
        left: 245.9px;
        bottom: 5.1px;
        opacity: 1.00;
        transform: rotate(436deg);
    }
    61.0% {
        left: 247.4px;
        bottom: 5.3px;
        opacity: 1.00;
        transform: rotate(439deg);
    }
    61.5% {
        left: 248.8px;
        bottom: 5.2px;
        opacity: 1.00;
        transform: rotate(443deg);
    }
    62.0% {
        left: 250.3px;
        bottom: 4.8px;
        opacity: 1.00;
        transform: rotate(446deg);
    }
    62.5% {
        left: 251.7px;
        bottom: 4.1px;
        opacity: 1.00;
        transform: rotate(450deg);
    }
    63.0% {
        left: 253.2px;
        bottom: 3.1px;
        opacity: 1.00;
        transform: rotate(454deg);
    }
    63.0% {
        left: 253.3px;
        bottom: 3.0px;
        opacity: 1.00;
        transform: rotate(454deg);
    }
    63.5% {
        left: 254.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(457deg);
    }
    64.0% {
        left: 256.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(461deg);
    }
    64.5% {
        left: 257.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(464deg);
    }
    65.0% {
        left: 259.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(468deg);
    }
    65.5% {
        left: 260.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(472deg);
    }
    66.0% {
        left: 261.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(475deg);
    }
    66.5% {
        left: 263.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(479deg);
    }
    67.0% {
        left: 264.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(482deg);
    }
    67.5% {
        left: 266.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(486deg);
    }
    68.0% {
        left: 267.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(490deg);
    }
    68.5% {
        left: 269.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(493deg);
    }
    69.0% {
        left: 270.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(497deg);
    }
    69.5% {
        left: 272.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(500deg);
    }
    70.0% {
        left: 273.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(504deg);
    }
    70.5% {
        left: 274.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(508deg);
    }
    71.0% {
        left: 276.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(511deg);
    }
    71.5% {
        left: 277.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(515deg);
    }
    72.0% {
        left: 279.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(518deg);
    }
    72.5% {
        left: 280.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(522deg);
    }
    73.0% {
        left: 282.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(526deg);
    }
    73.5% {
        left: 283.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(529deg);
    }
    74.0% {
        left: 285.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(533deg);
    }
    74.5% {
        left: 286.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(536deg);
    }
    75.0% {
        left: 288.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(540deg);
    }
    75.5% {
        left: 289.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(544deg);
    }
    76.0% {
        left: 290.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(547deg);
    }
    76.5% {
        left: 292.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(551deg);
    }
    77.0% {
        left: 293.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(554deg);
    }
    77.5% {
        left: 295.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(558deg);
    }
    78.0% {
        left: 296.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(562deg);
    }
    78.5% {
        left: 298.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(565deg);
    }
    79.0% {
        left: 299.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(569deg);
    }
    79.5% {
        left: 301.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(572deg);
    }
    80.0% {
        left: 302.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(576deg);
    }
    80.5% {
        left: 303.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(580deg);
    }
    81.0% {
        left: 305.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(583deg);
    }
    81.5% {
        left: 306.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(587deg);
    }
    82.0% {
        left: 308.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(590deg);
    }
    82.5% {
        left: 309.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(594deg);
    }
    83.0% {
        left: 311.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(598deg);
    }
    83.5% {
        left: 312.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(601deg);
    }
    84.0% {
        left: 314.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(605deg);
    }
    84.5% {
        left: 315.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(608deg);
    }
    85.0% {
        left: 317.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(612deg);
    }
    85.5% {
        left: 318.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(616deg);
    }
    86.0% {
        left: 319.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(619deg);
    }
    86.5% {
        left: 321.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(623deg);
    }
    87.0% {
        left: 322.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(626deg);
    }
    87.5% {
        left: 324.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(630deg);
    }
    88.0% {
        left: 325.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(634deg);
    }
    88.5% {
        left: 327.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(637deg);
    }
    89.0% {
        left: 328.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(641deg);
    }
    89.5% {
        left: 330.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(644deg);
    }
    90.0% {
        left: 331.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(648deg);
    }
    90.5% {
        left: 333.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(652deg);
    }
    91.0% {
        left: 334.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(655deg);
    }
    91.5% {
        left: 335.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(659deg);
    }
    92.0% {
        left: 337.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(662deg);
    }
    92.5% {
        left: 338.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(666deg);
    }
    93.0% {
        left: 340.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(670deg);
    }
    93.5% {
        left: 341.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(673deg);
    }
    94.0% {
        left: 343.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(677deg);
    }
    94.5% {
        left: 344.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(680deg);
    }
    95.0% {
        left: 346.0px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(684deg);
    }
    95.5% {
        left: 347.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(688deg);
    }
    96.0% {
        left: 348.9px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(691deg);
    }
    96.5% {
        left: 350.4px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(695deg);
    }
    97.0% {
        left: 351.8px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(698deg);
    }
    97.5% {
        left: 353.3px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(702deg);
    }
    98.0% {
        left: 354.7px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(706deg);
    }
    98.5% {
        left: 356.2px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(709deg);
    }
    99.0% {
        left: 357.6px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(713deg);
    }
    99.5% {
        left: 359.1px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(716deg);
    }
    100.0% {
        left: 360.5px;
        bottom: 3px;
        opacity: 1.00;
        transform: rotate(0deg);
    }
}





/* Parabolic arc: spawn at robot, shoot up and right, bounce off ground, exit stage right */
/* Ball 1: Misses hoop, bounces twice, exits right */

    5% {
        opacity: 1;
        transform: rotate(0deg) scale(1);
    }
    25% {
        left: 70px;
        bottom: 75px;  /* Peak of arc */
        opacity: 1;
        transform: rotate(180deg);
    }
    40% {
        left: 95px;
        bottom: 15px;  /* First ground hit */
        opacity: 1;
        transform: rotate(360deg) scaleY(0.8);
    }
    42% {
        transform: rotate(375deg) scaleY(1);
    }
    55% {
        left: 115px;
        bottom: 35px;  /* First bounce peak */
        opacity: 1;
        transform: rotate(540deg);
    }
    65% {
        left: 130px;
        bottom: 15px;  /* Second ground hit */
        opacity: 1;
        transform: rotate(680deg) scaleY(0.8);
    }
    67% {
        transform: rotate(695deg) scaleY(1);
    }
    80% {
        left: 145px;
        bottom: 20px;  /* Small bounce */
        opacity: 0.8;
        transform: rotate(800deg);
    }
    100% {
        left: 160px;
        bottom: 15px;  /* Exit right */
        opacity: 0;
        transform: rotate(900deg);
    }
}

/* Ball 2: Hits rim, bounces back down, exits right */

    5% {
        opacity: 1;
        transform: rotate(0deg) scale(1);
    }
    30% {
        left: 90px;
        bottom: 55px;  /* Approaching rim */
        opacity: 1;
        transform: rotate(150deg);
    }
    35% {
        left: 95px;
        bottom: 50px;  /* HIT RIM - bounce back */
        opacity: 1;
        transform: rotate(180deg) scale(1.1);
    }
    37% {
        transform: rotate(185deg) scale(1);
    }
    50% {
        left: 85px;
        bottom: 15px;  /* Bounce down and left */
        opacity: 1;
        transform: rotate(330deg) scaleY(0.8);
    }
    52% {
        transform: rotate(345deg) scaleY(1);
    }
    65% {
        left: 105px;
        bottom: 25px;  /* Bounce forward */
        opacity: 1;
        transform: rotate(480deg);
    }
    75% {
        left: 120px;
        bottom: 15px;  /* Ground */
        opacity: 0.8;
        transform: rotate(600deg) scaleY(0.8);
    }
    100% {
        left: 145px;
        bottom: 15px;
        opacity: 0;
        transform: rotate(750deg);
    }
}

/* Ball 3: High arc, misses completely, bounces away */

    5% {
        opacity: 1;
        transform: rotate(0deg) scale(1);
    }
    28% {
        left: 85px;
        bottom: 90px;  /* Very high arc - way over hoop */
        opacity: 1;
        transform: rotate(170deg);
    }
    48% {
        left: 115px;
        bottom: 15px;  /* First bounce */
        opacity: 1;
        transform: rotate(380deg) scaleY(0.8);
    }
    50% {
        transform: rotate(395deg) scaleY(1);
    }
    65% {
        left: 135px;
        bottom: 30px;  /* Big bounce */
        opacity: 1;
        transform: rotate(540deg);
    }
    78% {
        left: 152px;
        bottom: 15px;  /* Second bounce */
        opacity: 0.7;
        transform: rotate(680deg) scaleY(0.8);
    }
    80% {
        transform: rotate(695deg) scaleY(1);
    }
    90% {
        left: 165px;
        bottom: 18px;  /* Small bounce exit */
        opacity: 0.4;
        transform: rotate(780deg);
    }
    100% {
        left: 180px;
        bottom: 15px;
        opacity: 0;
        transform: rotate(850deg);
    }
}

/* Ball 4: Low trajectory, multiple small bounces */

    5% {
        opacity: 1;
        transform: rotate(0deg) scale(1);
    }
    28% {
        left: 62px;
        bottom: 45px;  /* Lower arc */
        opacity: 1;
        transform: rotate(140deg);
    }
    45% {
        left: 85px;
        bottom: 15px;  /* First bounce */
        opacity: 1;
        transform: rotate(280deg) scaleY(0.8);
    }
    47% {
        transform: rotate(295deg) scaleY(1);
    }
    58% {
        left: 100px;
        bottom: 22px;  /* Second bounce */
        opacity: 1;
        transform: rotate(400deg);
    }
    62% {
        left: 105px;
        bottom: 15px;
        transform: rotate(440deg) scaleY(0.8);
    }
    72% {
        left: 118px;
        bottom: 18px;  /* Third small bounce */
        opacity: 0.8;
        transform: rotate(540deg);
    }
    82% {
        left: 132px;
        bottom: 15px;
        opacity: 0.5;
        transform: rotate(640deg) scaleY(0.8);
    }
    100% {
        left: 150px;
        bottom: 15px;
        opacity: 0;
        transform: rotate(740deg);
    }
}

/* Ball 5: Rim bounce - hits front rim, ricochets forward */

    5% {
        opacity: 1;
        transform: rotate(0deg) scale(1);
    }
    25% {
        left: 78px;
        bottom: 58px;  /* Approaching front rim */
        opacity: 1;
        transform: rotate(140deg);
    }
    30% {
        left: 88px;
        bottom: 48px;  /* HIT FRONT RIM - ricochet forward */
        opacity: 1;
        transform: rotate(170deg) scale(1.15);
    }
    32% {
        transform: rotate(175deg) scale(1);
    }
    50% {
        left: 125px;
        bottom: 15px;  /* Bounce forward hard */
        opacity: 1;
        transform: rotate(380deg) scaleY(0.8);
    }
    52% {
        transform: rotate(395deg) scaleY(1);
    }
    68% {
        left: 145px;
        bottom: 25px;  /* Big forward bounce */
        opacity: 1;
        transform: rotate(540deg);
    }
    82% {
        left: 160px;
        bottom: 15px;  /* Final bounce */
        opacity: 0.6;
        transform: rotate(680deg) scaleY(0.8);
    }
    100% {
        left: 180px;
        bottom: 15px;
        opacity: 0;
        transform: rotate(800deg);
    }
}

/* Ball 6: Shallow arc, rolls away after bounce */

    5% {
        opacity: 1;
        transform: rotate(0deg) scale(1);
    }
    32% {
        left: 70px;
        bottom: 42px;  /* Shallow arc */
        opacity: 1;
        transform: rotate(160deg);
    }
    55% {
        left: 95px;
        bottom: 15px;  /* First bounce */
        opacity: 1;
        transform: rotate(330deg) scaleY(0.8);
    }
    57% {
        transform: rotate(345deg) scaleY(1);
    }
    72% {
        left: 115px;
        bottom: 18px;  /* Weak bounce */
        opacity: 1;
        transform: rotate(480deg);
    }
    78% {
        left: 125px;
        bottom: 15px;  /* Settling */
        opacity: 0.8;
        transform: rotate(540deg) scaleY(0.9);
    }
    85% {
        left: 138px;
        bottom: 15px;  /* Rolling */
        opacity: 0.6;
        transform: rotate(620deg);
    }
    100% {
        left: 155px;
        bottom: 15px;
        opacity: 0;
        transform: rotate(720deg);
    }
}

/* Ball 7: Backboard hit, bounces backward then forward */

    5% {
        opacity: 1;
        transform: rotate(0deg) scale(1);
    }
    28% {
        left: 92px;
        bottom: 60px;  /* Approaching backboard */
        opacity: 1;
        transform: rotate(170deg);
    }
    32% {
        left: 98px;
        bottom: 58px;  /* HIT BACKBOARD - bounce back */
        opacity: 1;
        transform: rotate(190deg) scale(1.1);
    }
    34% {
        transform: rotate(195deg) scale(1);
    }
    48% {
        left: 75px;
        bottom: 15px;  /* Bounce backward */
        opacity: 1;
        transform: rotate(350deg) scaleY(0.8);
    }
    50% {
        transform: rotate(365deg) scaleY(1);
    }
    65% {
        left: 105px;
        bottom: 28px;  /* Bounce forward again */
        opacity: 1;
        transform: rotate(520deg);
    }
    78% {
        left: 125px;
        bottom: 15px;  /* Ground */
        opacity: 0.7;
        transform: rotate(660deg) scaleY(0.8);
    }
    100% {
        left: 148px;
        bottom: 15px;
        opacity: 0;
        transform: rotate(800deg);
    }
}

/* Ball 8: Short trajectory, quick bounces away */

    5% {
        opacity: 1;
        transform: rotate(0deg) scale(1);
    }
    25% {
        left: 58px;
        bottom: 50px;  /* Low arc */
        opacity: 1;
        transform: rotate(125deg);
    }
    42% {
        left: 78px;
        bottom: 15px;  /* First bounce */
        opacity: 1;
        transform: rotate(250deg) scaleY(0.8);
    }
    44% {
        transform: rotate(265deg) scaleY(1);
    }
    58% {
        left: 98px;
        bottom: 24px;  /* Second bounce */
        opacity: 1;
        transform: rotate(400deg);
    }
    62% {
        left: 105px;
        bottom: 15px;
        transform: rotate(440deg) scaleY(0.8);
    }
    75% {
        left: 122px;
        bottom: 18px;  /* Third bounce */
        opacity: 0.7;
        transform: rotate(580deg);
    }
    88% {
        left: 138px;
        bottom: 15px;
        opacity: 0.4;
        transform: rotate(700deg);
    }
    100% {
        left: 155px;
        bottom: 15px;
        opacity: 0;
        transform: rotate(800deg);
    }
}

/* Ball 9: Airball - short of hoop, double bounce */

    5% {
        opacity: 1;
        transform: rotate(0deg) scale(1);
    }
    28% {
        left: 55px;
        bottom: 52px;  /* Peak - short of hoop */
        opacity: 1;
        transform: rotate(140deg);
    }
    48% {
        left: 72px;
        bottom: 15px;  /* First bounce */
        opacity: 1;
        transform: rotate(280deg) scaleY(0.8);
    }
    50% {
        transform: rotate(295deg) scaleY(1);
    }
    65% {
        left: 92px;
        bottom: 28px;  /* Second bounce */
        opacity: 1;
        transform: rotate(440deg);
    }
    70% {
        left: 98px;
        bottom: 15px;
        transform: rotate(480deg) scaleY(0.8);
    }
    82% {
        left: 115px;
        bottom: 18px;  /* Third small bounce */
        opacity: 0.7;
        transform: rotate(600deg);
    }
    100% {
        left: 135px;
        bottom: 15px;
        opacity: 0;
        transform: rotate(740deg);
    }
}

/* Ball 10: Way too high, crazy bounce sequence */

    5% {
        opacity: 1;
        transform: rotate(0deg) scale(1);
    }
    22% {
        left: 85px;
        bottom: 95px;  /* WAY too high */
        opacity: 1;
        transform: rotate(140deg);
    }
    42% {
        left: 120px;
        bottom: 15px;  /* Slam into ground */
        opacity: 1;
        transform: rotate(350deg) scaleY(0.7);
    }
    44% {
        transform: rotate(365deg) scaleY(1);
    }
    58% {
        left: 142px;
        bottom: 32px;  /* Big bounce */
        opacity: 1;
        transform: rotate(520deg);
    }
    68% {
        left: 158px;
        bottom: 15px;  /* Second bounce */
        opacity: 0.8;
        transform: rotate(660deg) scaleY(0.8);
    }
    70% {
        transform: rotate(675deg) scaleY(1);
    }
    82% {
        left: 172px;
        bottom: 20px;  /* Third bounce */
        opacity: 0.5;
        transform: rotate(780deg);
    }
    100% {
        left: 190px;
        bottom: 15px;
        opacity: 0;
        transform: rotate(900deg);
    }
}


/* ==========================================
   VARIANT C: Hero with Screenshot
   ========================================== */

/* Hero with screenshot - two column layout */
.hero-content-with-screenshot {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-lg);
    align-items: center;
    max-width: 1400px;
    margin: 0 auto;
    padding: var(--spacing-md) 0;
}

.hero-text-column {
    text-align: left;
    padding-right: var(--spacing-md);
}

.hero-text-column .hero-headline {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: var(--spacing-md);
    color: var(--text-primary);
}

.hero-text-column .hero-subheadline {
    font-size: 1.125rem;
    color: var(--text-secondary);
    margin-bottom: var(--spacing-md);
    line-height: 1.6;
}

.hero-text-column .hero-cta {
    display: flex;
    gap: var(--spacing-sm);
    justify-content: flex-start;
    margin-bottom: var(--spacing-sm);
}

.hero-text-column .hero-proof {
    color: var(--text-muted);
    font-size: 0.875rem;
    font-weight: 500;
    text-align: left;
}

.hero-screenshot-column {
    position: relative;
}

.hero-screenshot {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    border: 1px solid var(--seti-grey-dark);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: zoom-in;
}

.hero-screenshot:hover {
    transform: scale(1.02);
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.6);
}

/* Mobile responsive for screenshot variant */
@media (max-width: 968px) {
    .hero-content-with-screenshot {
        grid-template-columns: 1fr;
        gap: var(--spacing-md);
    }

    .hero-text-column {
        text-align: center;
        padding-right: 0;
    }

    .hero-text-column .hero-headline {
        font-size: 2.25rem;
    }

    .hero-text-column .hero-subheadline {
        font-size: 1rem;
    }

    .hero-text-column .hero-cta {
        justify-content: center;
        flex-direction: column;
        align-items: stretch;
    }

    .hero-text-column .hero-proof {
        text-align: center;
    }

    .hero-screenshot-column {
        order: -1; /* Show screenshot above text on mobile */
    }

    .hero-screenshot {
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
    }
}

@media (max-width: 640px) {
    .hero-text-column .hero-headline {
        font-size: 1.875rem;
    }

    .hero-screenshot {
        border-radius: 4px;
    }
}

/* ========================================
   SCREENSHOT ZOOM MODAL
   ======================================== */

/* Override default modal styles for screenshot zoom */
.screenshot-zoom-modal {
    background-color: rgba(0, 0, 0, 0.95);
    backdrop-filter: blur(8px);
    z-index: 2000;
    cursor: zoom-out;
}

.screenshot-modal-content {
    position: relative;
    margin: 2% auto;
    width: 95%;
    max-width: 1600px;
    height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.screenshot-modal-content img {
    max-width: 100%;
    max-height: 85vh;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.8);
    cursor: zoom-out;
}

.screenshot-close {
    position: absolute;
    top: 10px;
    right: 25px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 2001;
    transition: color 0.2s ease;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

.screenshot-close:hover {
    color: var(--color-blue);
}

.screenshot-hint {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.875rem;
    margin-top: 1rem;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

/* Mobile adjustments for screenshot zoom */
@media (max-width: 768px) {
    .screenshot-modal-content {
        width: 98%;
        height: 95vh;
        margin: 1% auto;
    }

    .screenshot-modal-content img {
        max-height: 90vh;
    }

    .screenshot-close {
        font-size: 32px;
        right: 15px;
    }
}