@layer components{.howto-section:where(.astro-s6w4idfu){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:where(.astro-s6w4idfu){text-align:center;font-size:var(--font-size-md);line-height:1.75rem}.howto-content:where(.astro-s6w4idfu){margin-bottom:var(--space-base);display:flex;flex-direction:column;align-items:center;gap:var(--space-base)}@media(width>=640px){.howto-content:where(.astro-s6w4idfu){flex-direction:row;justify-content:center}}.howto-goal:where(.astro-s6w4idfu){text-align:center}.howto-goal-label:where(.astro-s6w4idfu){margin-bottom:var(--space-xs);font-size:var(--font-size-sm);line-height:1rem;font-weight:700;color:var(--color-netsuki-navy)}.howto-goal-hint:where(.astro-s6w4idfu){margin-top:var(--space-2xs);font-size:var(--font-size-xs);color:var(--color-netsuki-gray)}.howto-instructions:where(.astro-s6w4idfu){font-size:var(--font-size-sm);line-height:1rem;color:var(--color-netsuki-black)}.howto-instructions:where(.astro-s6w4idfu)>:where(.astro-s6w4idfu)+:where(.astro-s6w4idfu){margin-top:var(--space-xs)}}@layer components{.goal-grid{display:inline-grid;gap:.125rem;border:2px solid var(--color-netsuki-navy);background-color:var(--color-netsuki-aqua);padding:var(--space-2xs)}.goal-grid--3cols{grid-template-columns:repeat(3,1fr)}.goal-grid--4cols{grid-template-columns:repeat(4,1fr)}.goal-tile{display:flex;align-items:center;justify-content:center;font-weight:700}.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)}}@layer components{.ranking-tab--active{border-color:var(--color-netsuki-gold);background-color:var(--color-netsuki-gold);color:var(--color-netsuki-navy)}.ranking-tab--inactive{border-color:var(--color-netsuki-gray-border);background-color:var(--color-netsuki-white);color:var(--color-netsuki-gray-text)}.ranking-tab--inactive:hover{background-color:var(--color-netsuki-gray-light)}.ranking-row{--row-border: #e5e7eb;border-bottom:1px solid var(--row-border)}.ranking-row--top3{--top3-bg: #fefce8;background-color:var(--top3-bg)}.ranking-cell{padding-inline:var(--space-xs);padding-block:var(--space-xs);text-align:center}.ranking-cell--rank{--medal-gold: #eab308;--medal-silver: #9ca3af;--medal-bronze: #d97706;font-weight:700}.ranking-rank--1st{color:var(--medal-gold)}.ranking-rank--2nd{color:var(--medal-silver)}.ranking-rank--3rd{color:var(--medal-bronze)}.ranking-title{margin-bottom:var(--space-base);text-align:center;font-size:var(--font-size-md)}.ranking-tabs{margin-bottom:var(--space-base);display:flex;justify-content:center;gap:var(--space-xs)}.ranking-message{padding-block:var(--space-base);text-align:center;color:var(--color-netsuki-gray)}.ranking-table-container{overflow-x:auto}.ranking-table{width:100%;font-size:var(--font-size-base)}.ranking-header{background-color:color-mix(in srgb,var(--color-netsuki-gold) 30%,transparent)}.ranking-header-cell{padding-inline:var(--space-xs);padding-block:var(--space-xs);text-align:center}}@layer components{.puzzle-size-tab{cursor:pointer;border:2px solid;padding-inline:var(--space-base);padding-block:var(--space-2xs);font-size:var(--font-size-base);font-weight:700;transition:all .15s ease;user-select:none}.puzzle-size-tab--active{border-color:var(--color-netsuki-aqua);background-color:var(--color-netsuki-aqua);color:#fff}.puzzle-size-tab--inactive{border-color:var(--color-netsuki-gray-border);background-color:#fff;color:var(--color-netsuki-gray-text)}.puzzle-size-tab--inactive:hover{background-color:var(--color-netsuki-gray-light)}.moves-unit{font-size:var(--font-size-sm);color:var(--color-netsuki-gray)}}@layer pages{.puzzle-intro:where(.astro-ipwbgktz){margin-bottom:var(--space-base);text-align:center}.puzzle-intro-title:where(.astro-ipwbgktz){color:var(--color-netsuki-navy);margin-bottom:var(--space-2xs);font-size:var(--font-size-md);font-weight:700}.puzzle-intro-desc:where(.astro-ipwbgktz){margin-bottom:var(--space-xs);font-size:var(--font-size-base)}.puzzle-intro-hint:where(.astro-ipwbgktz){font-size:var(--font-size-sm);color:var(--color-netsuki-gray)}.puzzle-container:where(.astro-ipwbgktz){margin-left:auto;margin-right:auto;max-width:28rem}.puzzle-controls:where(.astro-ipwbgktz){margin-bottom:var(--space-base);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.puzzle-controls-label:where(.astro-ipwbgktz){color:var(--color-netsuki-navy);font-size:var(--font-size-base);font-weight:700}.puzzle-controls-separator:where(.astro-ipwbgktz){color:var(--color-netsuki-gray-border);margin-left:var(--space-2xs);margin-right:var(--space-2xs)}.puzzle-canvas-wrapper:where(.astro-ipwbgktz){position:relative;margin-left:auto;margin-right:auto;margin-bottom:var(--space-base);width:100%;max-width:300px}.puzzle-canvas:where(.astro-ipwbgktz){display:block;width:100%;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.puzzle-status:where(.astro-ipwbgktz){margin-bottom:var(--space-base);text-align:center}.puzzle-status-playing:where(.astro-ipwbgktz){font-size:var(--font-size-base)}.puzzle-status-value:where(.astro-ipwbgktz){color:var(--color-netsuki-navy);font-weight:700}.puzzle-status-separator:where(.astro-ipwbgktz){margin-left:var(--space-xs);margin-right:var(--space-xs)}.puzzle-status-complete:where(.astro-ipwbgktz){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:where(.astro-ipwbgktz){animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;font-size:var(--font-size-md);font-weight:700;color:#ec4899}.puzzle-clear-stats:where(.astro-ipwbgktz){margin-top:var(--space-2xs);font-size:var(--font-size-base)}.puzzle-clear-value:where(.astro-ipwbgktz){color:var(--color-netsuki-gold);font-weight:700}.puzzle-submit-section:where(.astro-ipwbgktz){margin-top:var(--space-sm);border-top:1px solid #fde047;padding-top:var(--space-sm);text-align:center}.puzzle-submit-result:where(.astro-ipwbgktz){margin-top:var(--space-sm);border-top:1px solid #fde047;padding-top:var(--space-sm)}.puzzle-result-success:where(.astro-ipwbgktz){text-align:center}.puzzle-result-success-text:where(.astro-ipwbgktz){font-weight:700;color:var(--color-netsuki-green-dark)}.puzzle-result-rank-text:where(.astro-ipwbgktz){margin-top:var(--space-2xs);font-size:var(--font-size-base)}.puzzle-result-rank:where(.astro-ipwbgktz){color:var(--color-netsuki-gold);font-size:var(--font-size-md);font-weight:700}.puzzle-result-already:where(.astro-ipwbgktz){text-align:center}.puzzle-result-already-text:where(.astro-ipwbgktz){font-size:var(--font-size-base);color:var(--color-netsuki-gray)}.puzzle-result-error:where(.astro-ipwbgktz){text-align:center;font-size:var(--font-size-base);color:var(--color-netsuki-red)}.puzzle-restart-wrapper:where(.astro-ipwbgktz){display:flex;justify-content:center}.puzzle-expand-close:where(.astro-ipwbgktz){position:fixed;bottom:1rem;left:50%;z-index:10001;display:none;transform:translate(-50%);cursor:pointer;border-radius:9999px;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);font-weight:700;color:var(--color-netsuki-white);transition:all .15s ease;touch-action:manipulation}.puzzle-expand-close:where(.astro-ipwbgktz):hover{background-color:color-mix(in srgb,var(--color-netsuki-black) 70%,transparent)}}