@layer pages{.breakout-game:where(.astro-rfo4y5yg){padding:var(--space-sm)}.breakout-container:where(.astro-rfo4y5yg){flex-direction:column;align-items:center;display:flex}.breakout-controls:where(.astro-rfo4y5yg){margin-bottom:var(--space-xs);align-items:center;gap:var(--space-base);font-size:var(--font-size-base);display:flex}.breakout-canvas-wrapper:where(.astro-rfo4y5yg){touch-action:none;width:100%;max-width:320px;margin-left:auto;margin-right:auto;position:relative;transform:translateZ(0)}.breakout-canvas:where(.astro-rfo4y5yg){aspect-ratio:320/480;border:2px solid var(--color-netsuki-charcoal);background-color:var(--color-netsuki-charcoal-dark);width:100%;height:auto;display:block}.breakout-close-btn:where(.astro-rfo4y5yg){z-index:10;border-radius:var(--radius-sm);background-color:var(--color-netsuki-charcoal-light);padding:var(--space-2xs) var(--space-sm);font-size:var(--font-size-base);color:var(--color-netsuki-white);display:none;position:absolute;top:.5rem;right:.5rem}@media (any-hover:hover){.breakout-close-btn:where(.astro-rfo4y5yg):hover{background-color:var(--color-netsuki-gray-text)}}.breakout-intro:where(.astro-rfo4y5yg){margin-top:var(--space-sm);text-align:center;font-size:var(--font-size-sm);color:var(--color-netsuki-gray-text)}.breakout-warning:where(.astro-rfo4y5yg){margin-top:var(--space-2xs);text-align:center;font-size:var(--font-size-sm);color:var(--color-netsuki-red)}.breakout-share-section:where(.astro-rfo4y5yg){gap:var(--space-sm);margin-top:var(--space-sm);justify-content:center;display:flex}.breakout-share-link:where(.astro-rfo4y5yg){font-size:var(--font-size-xs);color:color-mix(in srgb, var(--color-netsuki-navy) 70%, transparent);text-decoration:underline}@media (any-hover:hover){.breakout-share-link:where(.astro-rfo4y5yg):hover{color:var(--color-netsuki-navy)}}.breakout-personal-best:where(.astro-rfo4y5yg){text-align:center}.breakout-personal-best-message:where(.astro-rfo4y5yg){color:var(--color-netsuki-gray);font-size:var(--font-size-base)}.breakout-personal-best-value:where(.astro-rfo4y5yg){font-size:var(--font-size-base);color:var(--color-netsuki-navy);font-weight:700}.breakout-personal-best-separator:where(.astro-rfo4y5yg){margin-left:var(--space-xs);margin-right:var(--space-xs);color:var(--color-netsuki-gray-border)}.breakout-howto:where(.astro-rfo4y5yg){background-color:color-mix(in srgb, var(--color-netsuki-gold) 30%, transparent)}.breakout-howto-content:where(.astro-rfo4y5yg){color:var(--color-netsuki-black);font-size:var(--font-size-sm)}.breakout-howto-content:where(.astro-rfo4y5yg)>:where(.astro-rfo4y5yg)+:where(.astro-rfo4y5yg){margin-top:var(--space-xs)}.breakout-attacks:where(.astro-rfo4y5yg){background-color:color-mix(in srgb, var(--color-netsuki-gold) 30%, transparent)}.breakout-attacks:where(.astro-rfo4y5yg) .section-title:where(.astro-rfo4y5yg){margin-bottom:var(--space-base)}.breakout-attacks-grid:where(.astro-rfo4y5yg){gap:var(--space-sm);grid-template-columns:1fr;display:grid}@media (width>=640px){.breakout-attacks-grid:where(.astro-rfo4y5yg){grid-template-columns:repeat(2,1fr)}}.breakout-attack-item:where(.astro-rfo4y5yg){align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);background-color:color-mix(in srgb, var(--color-netsuki-white) 50%, transparent);padding:var(--space-xs);display:flex}.breakout-attack-item--laser:where(.astro-rfo4y5yg){grid-column:1/-1}@media (width>=640px){.breakout-attack-item--laser:where(.astro-rfo4y5yg){grid-column:span 2}}.breakout-attack-icon:where(.astro-rfo4y5yg){justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.breakout-attack-icon--rain:where(.astro-rfo4y5yg){flex-wrap:wrap;gap:.125rem}.breakout-bullet:where(.astro-rfo4y5yg){border-radius:9999px;display:inline-block}.breakout-bullet--normal:where(.astro-rfo4y5yg){background-color:var(--color-netsuki-red);width:1rem;height:1rem}.breakout-bullet--spread:where(.astro-rfo4y5yg){background-color:var(--color-netsuki-red);width:.5rem;height:.5rem}.breakout-bullet--spread-1:where(.astro-rfo4y5yg){transform:translateY(-.25rem)rotate(-45deg)}.breakout-bullet--spread-3:where(.astro-rfo4y5yg){transform:translateY(-.25rem)rotate(45deg)}.breakout-bullet--homing:where(.astro-rfo4y5yg){background-color:var(--color-netsuki-magenta);width:1.25rem;height:1.25rem;box-shadow:0 0 8px #d946ef99}.breakout-bullet--rain:where(.astro-rfo4y5yg){background-color:var(--color-netsuki-orange);width:.5rem;height:.5rem}.breakout-bullet--laser:where(.astro-rfo4y5yg){background:linear-gradient(to bottom, var(--color-netsuki-yellow-bright), var(--color-netsuki-red), var(--color-netsuki-yellow-bright));width:.5rem;height:2rem}.breakout-attack-name:where(.astro-rfo4y5yg){color:var(--color-netsuki-navy);font-size:var(--font-size-base);font-weight:700}.breakout-attack-desc:where(.astro-rfo4y5yg){font-size:var(--font-size-sm);color:var(--color-netsuki-gray-text)}.breakout-blocks:where(.astro-rfo4y5yg){background-color:color-mix(in srgb, var(--color-netsuki-gold) 30%, transparent)}.breakout-blocks:where(.astro-rfo4y5yg) .section-title:where(.astro-rfo4y5yg){margin-bottom:var(--space-base)}.breakout-blocks-grid:where(.astro-rfo4y5yg){gap:var(--space-sm);grid-template-columns:1fr;display:grid}@media (width>=640px){.breakout-blocks-grid:where(.astro-rfo4y5yg){grid-template-columns:repeat(3,1fr)}}.breakout-block-item:where(.astro-rfo4y5yg){align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);background-color:color-mix(in srgb, var(--color-netsuki-white) 50%, transparent);padding:var(--space-xs);display:flex}.breakout-block-icon:where(.astro-rfo4y5yg){justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.breakout-block-icon--relative:where(.astro-rfo4y5yg){position:relative}.breakout-block:where(.astro-rfo4y5yg){border-radius:var(--radius-xs);width:2rem;height:1rem;display:inline-block}.breakout-block--normal:where(.astro-rfo4y5yg){background-color:var(--color-netsuki-cyan)}.breakout-block--bomb:where(.astro-rfo4y5yg){background-color:var(--color-netsuki-red)}.breakout-block--laser:where(.astro-rfo4y5yg){background-color:var(--color-netsuki-magenta)}.breakout-block-marker:where(.astro-rfo4y5yg){font-size:var(--font-size-2xs);color:var(--color-netsuki-white);font-weight:700;position:absolute}.breakout-block-name:where(.astro-rfo4y5yg){color:var(--color-netsuki-navy);font-size:var(--font-size-base);font-weight:700}.breakout-block-desc:where(.astro-rfo4y5yg){font-size:var(--font-size-sm);color:var(--color-netsuki-gray-text)}}