/*! PianoKitty - Copyright (c) 2026 TAAT Technologie Cyfrowe. All rights reserved. Proprietary, no license granted. Copying, modification, reverse engineering and use as ML training data are prohibited. https://pianokitty.com/LICENSE.txt */
.app-main:has(.app-grid){max-width:none;padding:1rem 1.25rem 4rem}.app-grid.svelte-16m57a3{grid-template-columns:minmax(220px,360px) minmax(0,1fr) minmax(220px,420px);grid-template-areas:"gamebar gamebar gamebar""sec2 primary sec1";align-items:start;gap:1rem 1.25rem;width:100%;max-width:1900px;margin:0 auto;display:grid}.band-gamebar.svelte-16m57a3{grid-area:gamebar}.band-gamebar.sticky.svelte-16m57a3{z-index:50;position:sticky;top:0}.col.svelte-16m57a3{flex-direction:column;gap:1rem;min-width:0;display:flex}.col-primary.svelte-16m57a3{gap:.5rem}.col-sec-2.svelte-16m57a3{grid-area:sec2}.col-primary.svelte-16m57a3{grid-area:primary;align-items:center}.col-sec-1.svelte-16m57a3{grid-area:sec1}.slot.svelte-16m57a3{width:100%}.slot.svelte-16m57a3:empty{display:none}.col-primary.svelte-16m57a3 .slot:where(.svelte-16m57a3){justify-content:center;display:flex}@media (width>=1100px){.app-grid[data-sec2-empty=true].svelte-16m57a3{grid-template-columns:minmax(0,1fr) minmax(220px,420px);grid-template-areas:"gamebar gamebar""primary sec1"}.app-grid[data-sec1-empty=true].svelte-16m57a3{grid-template-columns:minmax(220px,360px) minmax(0,1fr);grid-template-areas:"gamebar gamebar""sec2 primary"}.app-grid[data-sec2-empty=true][data-sec1-empty=true].svelte-16m57a3{grid-template-columns:minmax(0,1fr);grid-template-areas:"gamebar""primary"}.app-grid[data-sec2-empty=true].svelte-16m57a3 .col-sec-2:where(.svelte-16m57a3),.app-grid[data-sec1-empty=true].svelte-16m57a3 .col-sec-1:where(.svelte-16m57a3){display:none}.app-grid[data-rewards-only=true][data-sec1-empty][data-sec2-empty].svelte-16m57a3{grid-template-columns:minmax(160px,1fr) minmax(0,900px) minmax(160px,1fr);grid-template-areas:"gamebar gamebar gamebar""sec2 primary sec1"}.app-grid[data-sec2-empty=true][data-sec1-empty=true].svelte-16m57a3 .col-primary:where(.svelte-16m57a3){width:100%;max-width:900px;margin:0 auto}}@media (width<=1099px){.app-grid.svelte-16m57a3{grid-template-columns:minmax(0,1fr) minmax(0,320px);grid-template-areas:"gamebar gamebar""primary sec1"}.col-sec-2.svelte-16m57a3{display:none}.app-grid[data-sec1-empty=true].svelte-16m57a3{grid-template-columns:minmax(0,1fr);grid-template-areas:"gamebar""primary"}.col-sec-1[data-empty=true].svelte-16m57a3{display:none}}@media (width<=879px){.app-grid.svelte-16m57a3{grid-template-columns:minmax(0,1fr);grid-template-areas:"gamebar""primary""sec1""sec2";gap:.75rem 0}.col-sec-2[data-empty=true].svelte-16m57a3,.col-sec-1[data-empty=true].svelte-16m57a3{display:none}}@media (width<=639px){.app-grid.svelte-16m57a3{padding:0 .5rem}}@media (width<=760px){.band-gamebar.sticky.svelte-16m57a3{top:var(--list-bar-h,0px)}}.app-main:has(.app-grid[data-toddler]){padding-bottom:0}.app-grid[data-toddler].svelte-16m57a3{z-index:var(--z-raised);grid-template:"gamebar""primary"1fr/minmax(0,1fr);max-width:none;min-height:calc(100vh - 2rem);position:relative}.app-grid[data-toddler].svelte-16m57a3 .col-sec-1:where(.svelte-16m57a3),.app-grid[data-toddler].svelte-16m57a3 .col-sec-2:where(.svelte-16m57a3){display:none}.app-grid[data-toddler].svelte-16m57a3 .col-primary:where(.svelte-16m57a3){align-self:stretch;max-width:none}.app-grid[data-toddler].svelte-16m57a3 .band-gamebar:where(.svelte-16m57a3){justify-self:start}.app-grid[data-toddler].svelte-16m57a3 .band-gamebar:where(.svelte-16m57a3) .gamebar{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg) 60%, transparent);box-shadow:var(--shadow-md);zoom:1.35}.app-grid[data-toddler].svelte-16m57a3 .band-gamebar:where(.svelte-16m57a3) .gamebar-slot-center{flex:0 auto}@media (width<=720px){.app-main:has(.app-grid[data-toddler]){padding-inline:0}.app-grid[data-toddler].svelte-16m57a3{margin-inline:0;padding-inline:0}.app-grid[data-toddler].svelte-16m57a3 .band-gamebar:where(.svelte-16m57a3){margin-left:var(--space-4)}}.app-grid[data-toddler].svelte-16m57a3 .slot[data-slot=q-answer]:where(.svelte-16m57a3){margin-top:auto;margin-bottom:.75rem}@media (width<=720px){.app-main:has(.app-grid[data-activity=naming]){flex-direction:column;padding-bottom:3rem;display:flex}.app-grid[data-activity=naming].svelte-16m57a3{flex:1;grid-template-rows:auto 1fr auto auto;row-gap:0}.app-grid[data-activity=naming].svelte-16m57a3 .band-gamebar:where(.svelte-16m57a3){margin-bottom:.75rem}.app-grid[data-activity=naming].svelte-16m57a3 .col-primary:where(.svelte-16m57a3){justify-content:flex-end;align-self:stretch}}