/* Local preview: outline sound toggle and touch reactions only. */
.site-sound-toggle {width:100%;padding:0;border:0;background:none;box-shadow:none;font:inherit;text-align:left;cursor:pointer;}
.site-sound-toggle svg {height:2rem;flex-shrink:0;}
.site-sound-toggle .sound-waves {display:block;}.site-sound-toggle .sound-off {display:none;}.site-sound-toggle[aria-pressed="true"] .sound-waves{display:none;}.site-sound-toggle[aria-pressed="true"] .sound-off{display:block;}
.site-sound-toggle:focus-visible {outline:2px solid currentColor;outline-offset:-3px;}
@media(min-width:601px){.navbar{height:min(100svh,max(55vh,36rem));}}
@media(max-width:600px){.navbar-nav>.nav-item{flex:1;min-width:0;}.navbar .nav-link svg{width:1.7rem;min-width:1.7rem;margin:0;}.navbar .sound-nav-item{margin-top:0;}}
.aliens-on-board {display:block;margin-top:.65rem;letter-spacing:.06em;}
.konken-alien {pointer-events:none;}.konken-alien.is-touchable {pointer-events:auto;cursor:pointer;touch-action:manipulation;}
.konken-alien.is-touchable::after {content:"";position:absolute;inset:-6px;}
.konken-alien:focus-visible {outline:2px solid #fff;outline-offset:3px;}
.konken-alien.green.is-touched .alien-eyes {animation:green-hello .58s ease-in-out both;}
.konken-alien.purple.is-touched .alien-eyes {animation:purple-hello .7s ease-in-out both;}
@keyframes green-hello {0%,100%{transform:translateX(0) rotate(0)}15%{transform:translateX(-3px) rotate(-5deg)}32%{transform:translateX(3px) rotate(5deg)}50%{transform:translateX(-2px) rotate(-4deg)}70%{transform:translateX(2px) rotate(3deg)}85%{transform:translateX(-1px) rotate(-1deg)}}
@keyframes purple-hello {0%,100%{transform:translateY(0) rotate(0)}14%{transform:translateY(-2px) rotate(7deg)}29%{transform:translateY(1px) rotate(-7deg)}45%{transform:translateY(-2px) rotate(5deg)}62%{transform:translateY(1px) rotate(-4deg)}82%{transform:translateY(-1px) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.konken-alien.is-touched .alien-eyes {animation:none;}}