@layer pages{.puzzle-controls{margin-bottom:var(--space-base);justify-content:center;align-items:center;gap:var(--space-xs);display:flex}.puzzle-controls-label{color:var(--color-netsuki-navy);font-size:var(--font-size-base);font-weight:700}.puzzle-controls-separator{color:var(--color-netsuki-gray-border);margin-left:var(--space-2xs);margin-right:var(--space-2xs)}.puzzle-restart-wrapper{justify-content:center;display:flex}.puzzle-status{margin-bottom:var(--space-base);text-align:center}.puzzle-status-playing{font-size:var(--font-size-base)}.puzzle-status-value{color:var(--color-netsuki-navy);font-weight:700}.puzzle-status-separator{margin-left:var(--space-xs);margin-right:var(--space-xs)}.puzzle-status-complete{border:4px double var(--color-netsuki-gold);background:linear-gradient(to bottom, var(--color-netsuki-yellow-light), var(--color-netsuki-yellow));padding:var(--space-sm)}.puzzle-clear-text{font-size:var(--font-size-md);color:var(--color-netsuki-pink);font-weight:700;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.puzzle-clear-stats{margin-top:var(--space-2xs);font-size:var(--font-size-base)}.puzzle-clear-value{color:var(--color-netsuki-gold);font-weight:700}.puzzle-share-links{gap:var(--space-sm);margin-top:var(--space-sm);border-top:1px solid var(--color-netsuki-yellow-bright);padding-top:var(--space-sm);justify-content:center;display:flex}.puzzle-share-link{font-size:var(--font-size-xs);color:color-mix(in srgb, var(--color-netsuki-navy) 70%, transparent);text-decoration:underline}@media (any-hover:hover){.puzzle-share-link:hover{color:var(--color-netsuki-navy)}}.puzzle-personal-best-row{font-size:var(--font-size-base)}.puzzle-personal-best-row+.puzzle-personal-best-row{margin-top:var(--space-2xs)}.puzzle-personal-best-size{color:var(--color-netsuki-navy);margin-right:var(--space-xs);font-weight:700}.puzzle-personal-best-value{color:var(--color-netsuki-gray)}.howto-section{border:4px solid var(--color-netsuki-aqua);background-color:color-mix(in srgb, var(--color-netsuki-gold) 30%, transparent);padding:var(--space-lg)}.howto-title{text-align:center;font-size:var(--font-size-md);line-height:1.75rem}.howto-content{margin-bottom:var(--space-base);align-items:center;gap:var(--space-base);flex-direction:column;display:flex}@media (width>=640px){.howto-content{flex-direction:row;justify-content:center}}.howto-goal{text-align:center}.howto-goal-label{margin-bottom:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-netsuki-navy);font-weight:700;line-height:1rem}.howto-goal-hint{margin-top:var(--space-2xs);font-size:var(--font-size-xs);color:var(--color-netsuki-gray)}.howto-instructions{font-size:var(--font-size-sm);color:var(--color-netsuki-black);line-height:1rem}.howto-instructions>*+*{margin-top:var(--space-xs)}.puzzle-intro{margin-bottom:var(--space-base);text-align:center}.puzzle-intro-title{color:var(--color-netsuki-navy);margin-bottom:var(--space-2xs);font-size:var(--font-size-md);font-weight:700}.puzzle-intro-desc{margin-bottom:var(--space-xs);font-size:var(--font-size-base)}.puzzle-intro-hint{font-size:var(--font-size-sm);color:var(--color-netsuki-gray)}.puzzle-container{max-width:28rem;margin-left:auto;margin-right:auto}.puzzle-canvas-wrapper{margin-left:auto;margin-right:auto;margin-bottom:var(--space-base);width:100%;max-width:300px;position:relative}.puzzle-canvas{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:100%;display:block}.puzzle-personal-best{text-align:center}.puzzle-expand-close{z-index:calc(var(--z-expanded) + 1);cursor:pointer;border:2px solid var(--color-netsuki-white);background-color:color-mix(in srgb, var(--color-netsuki-black) 50%, transparent);padding:var(--space-xs) var(--space-xl);font-size:var(--font-size-base);color:var(--color-netsuki-white);transition:background-color .15s var(--ease-out);touch-action:manipulation;border-radius:9999px;font-weight:700;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}@media (any-hover:hover){.puzzle-expand-close:hover{background-color:color-mix(in srgb, var(--color-netsuki-black) 70%, transparent)}}}@layer components{.goal-grid{border:2px solid var(--color-netsuki-navy);background-color:var(--color-netsuki-aqua);padding:var(--space-2xs);gap:.125rem;display:inline-grid}.goal-grid--3cols{grid-template-columns:repeat(3,1fr)}.goal-grid--4cols{grid-template-columns:repeat(4,1fr)}.goal-tile{justify-content:center;align-items:center;font-weight:700;display:flex}.goal-tile--size3{width:2rem;height:2rem;font-size:var(--font-size-base)}.goal-tile--size4{width:1.5rem;height:1.5rem;font-size:var(--font-size-sm)}.goal-tile--empty{background-color:var(--color-netsuki-aqua)}.goal-tile--filled{background-color:var(--color-netsuki-gold);color:var(--color-netsuki-navy)}}