@import "https://fonts.googleapis.com/css2?family=Anton&display=swap";@import "https://fonts.googleapis.com/css2?family=Karla:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";:root:not([data-profile]),:root[data-profile=classic]{--sq-ink:#161a2e;--sq-black:#161a2e;--sq-panel:#1c2040;--sq-panel-2:#2b2f57;--sq-panel-lilac:#4a3f6e;--sq-panel-deep:#20233f;--sq-red:#e0435c;--sq-on-red:#161a2e;--sq-gold:#c9973f;--sq-on-gold:#161a2e;--sq-lilac:#b7a8d6;--sq-on-lilac:#161a2e;--sq-parchment:#ecdfc0;--sq-on-surface:#ecdfc0;--sq-on-surface-variant:#b7a8d6;--sq-outline:#c9973f;--sq-border:#453a22;--sq-favorite:#f08a9e;--sq-error:#dc5858;--sq-error-hover:#d0364e}:root[data-profile=save_point]{--sq-ink:#183a3d;--sq-black:#183a3d;--sq-panel:#214c4e;--sq-panel-2:#356467;--sq-panel-lilac:#356467;--sq-panel-deep:#183a3d;--sq-red:#74e0c1;--sq-on-red:#082822;--sq-gold:#f38cab;--sq-on-gold:#401525;--sq-lilac:#b8d8d1;--sq-on-lilac:#15312f;--sq-parchment:#f2f7f3;--sq-on-surface:#f2f7f3;--sq-on-surface-variant:#b8d8d1;--sq-outline:#8edcc7;--sq-border:#527b79;--sq-favorite:#f38cab;--sq-error:#dc5858;--sq-error-hover:#d0364e}:root[data-profile=level_select]{--sq-ink:#202a52;--sq-black:#202a52;--sq-panel:#2c3768;--sq-panel-2:#454f7d;--sq-panel-lilac:#454f7d;--sq-panel-deep:#202a52;--sq-red:#9bb8ff;--sq-on-red:#101a3a;--sq-gold:#ffc2a8;--sq-on-gold:#492014;--sq-lilac:#c8c7e8;--sq-on-lilac:#242644;--sq-parchment:#f4f5ff;--sq-on-surface:#f4f5ff;--sq-on-surface-variant:#c8c7e8;--sq-outline:#aec5ff;--sq-border:#6572a0;--sq-favorite:#ffc2a8;--sq-error:#dc5858;--sq-error-hover:#d0364e}:root[data-profile=bonus_stage]{--sq-ink:#321b46;--sq-black:#321b46;--sq-panel:#45235a;--sq-panel-2:#68306c;--sq-panel-lilac:#68306c;--sq-panel-deep:#321b46;--sq-red:#f58bf4;--sq-on-red:#39143a;--sq-gold:#c8f36b;--sq-on-gold:#1b2a08;--sq-lilac:#d7b6de;--sq-on-lilac:#32183a;--sq-parchment:#fff1ff;--sq-on-surface:#fff1ff;--sq-on-surface-variant:#d7b6de;--sq-outline:#f5a7ed;--sq-border:#8e578c;--sq-favorite:#c8f36b;--sq-error:#dc5858;--sq-error-hover:#d0364e}:root{--sq-radius-sm:4px;--sq-radius-md:6px;--sq-space-1:4px;--sq-space-2:8px;--sq-space-3:12px;--sq-space-4:16px;--sq-space-6:24px;--sq-w-reading:680px;--sq-w-standard:1200px;--sq-w-wide:1440px;--app-disp:Anton, "Courier New", monospace;--app-body:Karla, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--app-mono:"Space Mono", ui-monospace, "Courier New", monospace}.sq-button--primary,.sq-button--outline{border-radius:var(--sq-radius-md);cursor:pointer;font-family:var(--app-body);letter-spacing:.05em;padding:var(--sq-space-2) var(--sq-space-4);justify-content:center;align-items:center;font-size:1.1875rem;font-weight:700;line-height:1.2;text-decoration:none;transition:opacity .2s;display:inline-flex}.sq-button--primary{background:var(--sq-red);border:1px solid var(--sq-red);color:var(--sq-ink)}.sq-button--outline{border:1px solid var(--sq-lilac);color:var(--sq-lilac);background:0 0}.sq-button--primary:hover:not(:disabled),.sq-button--outline:hover:not(:disabled){opacity:.9}.sq-button--primary:focus-visible,.sq-button--outline:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.sq-button--primary:disabled{background:color-mix(in srgb, var(--sq-lilac) 45%, transparent);color:var(--sq-ink);cursor:not-allowed;opacity:1;border-color:#0000}*{box-sizing:border-box}html,body{font-family:var(--app-body);color:var(--sq-parchment);background:var(--sq-ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:16px;line-height:1.5}*{scrollbar-color:var(--sq-panel-lilac) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--sq-panel-lilac);border-radius:var(--sq-radius-md);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:var(--sq-lilac)}:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sidebar{background:var(--sq-panel);border-right:1px solid var(--sq-border);box-sizing:border-box;flex-direction:column;flex-shrink:0;width:240px;height:100%;padding:1.5rem 1rem;display:flex;overflow-y:auto}.sidebar-brand{align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.brand-monogram{background:var(--sq-gold);width:40px;height:40px;color:var(--sq-ink);border-radius:4px;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.brand-title{font-family:var(--app-disp);color:var(--sq-parchment);font-size:1.25rem}.nav-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.nav-link{color:var(--sq-parchment);cursor:pointer;font-family:var(--app-body);border-left:3px solid #0000;align-items:center;padding:.75rem 1rem;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-link:hover{background:#c9973f1a}.nav-link.active{color:var(--sq-red);border-left-color:var(--sq-red);background:#e0435c1a}.nav-divider{background:var(--sq-border);height:1px;margin:1rem 0}.sidebar-footer{border-top:1px solid var(--sq-border);flex-direction:column;gap:1rem;margin-top:auto;padding-top:1rem;display:flex}.profile-card{background:#c9973f1a;border-radius:4px;align-items:center;gap:.75rem;min-width:0;padding:.75rem;display:flex}.profile-monogram{background:var(--sq-gold);width:32px;height:32px;color:var(--sq-ink);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.profile-info{flex:1;min-width:0}.profile-name{color:var(--sq-parchment);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;overflow:hidden}.profile-level{font-family:var(--app-mono);color:var(--sq-gold);font-size:.75rem}.profile-skeleton{background:#f5ecd82e;border-radius:3px}.profile-skeleton-name{width:5.5rem;height:1rem}.profile-skeleton-level{width:2.5rem;height:.875rem;margin-top:.125rem}.settings-link{color:var(--sq-parchment);font-family:var(--app-body);text-align:center;background:#c9973f1a;border-left:3px solid #0000;border-radius:4px;padding:.75rem 1rem;text-decoration:none;transition:all .2s;display:block}.settings-link:hover{background:#c9973f33}.top-bar{background:var(--sq-panel);border-bottom:1px solid var(--sq-border);flex-shrink:0;justify-content:center;align-items:center;height:56px;padding:0;display:flex}.top-bar-content{box-sizing:border-box;width:min(100%, calc(var(--sq-w-wide) + 48px));justify-content:space-between;align-items:center;gap:12px;padding-inline:24px;display:flex}.top-bar .mobile-menu-button{flex-shrink:0}.top-bar-search-slot{flex:1;max-width:480px}.top-bar-search .search-field-input{box-sizing:border-box;width:100%;height:36px;color:var(--sq-parchment);font:inherit;background:var(--sq-panel-2);border:1px solid var(--sq-border);border-radius:var(--sq-radius-md);padding:0 12px}.top-bar-search .search-field-input::placeholder{color:var(--sq-lilac)}.top-bar-search .search-field-input:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.top-bar-hud{font-family:var(--app-mono);color:var(--sq-gold);margin-left:1rem;font-size:.875rem}@media (width<=1023px){.top-bar-content{padding-inline:16px}.top-bar-search-slot{max-width:none}}@media (width<=599px){.top-bar-content{padding-inline:8px}.shortcut-help,.top-bar-hud{display:none}}.shortcut-help{margin-left:auto;position:relative}.shortcut-help-trigger,.shortcut-help-heading button{color:var(--sq-parchment);font:inherit;cursor:pointer}.shortcut-help-trigger{border:1px solid var(--sq-border);border-radius:var(--sq-radius-md);background:0 0;padding:6px 10px}.shortcut-help-trigger:hover,.shortcut-help-heading button:hover{background:var(--sq-panel-2)}.shortcut-help-trigger:focus-visible,.shortcut-help-heading button:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.shortcut-help-dialog{z-index:120;width:290px;color:var(--sq-parchment);background:var(--sq-panel);border:1px solid var(--sq-border);border-radius:var(--sq-radius-md);padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 18px #00000073}.shortcut-help-heading{justify-content:space-between;align-items:center;display:flex}.shortcut-help-heading button{background:0 0;border:0;border-radius:50%;width:28px;height:28px;padding:0;font-size:1.25rem;line-height:1}.shortcut-help-dialog dl{gap:8px;margin:12px 0 0;display:grid}.shortcut-help-dialog dl div{grid-template-columns:96px 1fr;gap:8px;display:grid}.shortcut-help-dialog dt{color:var(--sq-gold);font-family:var(--app-mono)}.shortcut-help-dialog dd{color:var(--sq-lilac);margin:0}.search-field{align-items:center;gap:var(--sq-space-2);width:100%;max-width:480px;padding:0 var(--sq-space-3);background:var(--sq-panel-2);border:1px solid var(--sq-border);border-radius:var(--sq-radius-md);height:36px;display:flex;position:relative}.search-field-icon{opacity:.8;flex-shrink:0;width:1rem;height:1rem;display:inline-flex}.search-field-icon svg,.song-info-button svg,.game-tile-badge svg,.feedback-category-icon{width:1em;height:1em;display:block}.search-field-input{min-width:0;font-family:var(--app-body);color:var(--sq-parchment);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.search-field-input::placeholder{color:var(--sq-lilac)}.search-field-input:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px;border-radius:var(--sq-radius-sm)}.search-field-clear{color:var(--sq-lilac);cursor:pointer;padding:var(--sq-space-1);border-radius:var(--sq-radius-sm);background:0 0;border:none;flex-shrink:0;line-height:1}.search-field-clear:hover{background:var(--sq-panel)}.search-field-clear:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.search-field-suggestions{top:calc(100% + var(--sq-space-1));padding:var(--sq-space-1);background:var(--sq-panel-2);border:1px solid var(--sq-border);border-radius:var(--sq-radius-md);z-index:20;margin:0;list-style:none;position:absolute;left:0;right:0;box-shadow:0 8px 18px #00000073}.search-field-suggestions li button{text-align:left;width:100%;color:var(--sq-parchment);font-family:var(--app-body);padding:var(--sq-space-1) var(--sq-space-2);border-radius:var(--sq-radius-md);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;font-size:.875rem;display:block;overflow:hidden}.search-field-suggestions li button:hover,.search-field-suggestions li button:focus-visible{background:var(--sq-panel)}.bottom-tabs{height:48px;min-height:48px;padding-bottom:env(safe-area-inset-bottom);box-sizing:content-box;background:var(--sq-panel);border-top:1px solid var(--sq-border);flex-shrink:0;justify-content:space-around;align-items:center;display:flex}.bottom-tab{height:48px;min-height:48px;color:var(--sq-parchment);flex-direction:column;flex:1;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex;position:relative}.bottom-tab:hover{background:#c9973f1a}.bottom-tab.active{color:var(--sq-red)}.bottom-tab.active:after{content:"";background:var(--sq-red);height:3px;position:absolute;bottom:0;left:0;right:0}.tab-label{font-family:var(--app-body);font-size:.75rem}.scrubber{align-items:center;gap:8px;width:100%;display:flex}.scrubber-clock{font-family:var(--app-mono);color:var(--sq-gold);text-align:center;flex-shrink:0;min-width:2.5em;font-size:.75rem}.scrubber-track{background:var(--sq-border);cursor:pointer;touch-action:none;border-radius:2px;flex:1;height:4px;position:relative}.scrubber-track:focus-visible{outline:2px solid var(--sq-gold);outline-offset:4px}.scrubber-track[aria-disabled=true]{cursor:default;opacity:.5}.scrubber-track-fill{background:var(--sq-red);pointer-events:none;border-radius:2px;position:absolute;top:0;bottom:0;left:0}.scrubber-thumb{background:var(--sq-red);pointer-events:none;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.shuffle-control{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.shuffle-control.shuffle-control-sm{width:32px;height:32px;font-size:1rem}.shuffle-control.shuffle-control-lg{width:36px;height:36px;font-size:1.125rem}.shuffle-control.shuffle-control-off{color:var(--sq-lilac)}.shuffle-control.shuffle-control-random{color:var(--sq-red)}.shuffle-control.shuffle-control-companion{color:var(--sq-gold)}.shuffle-control:hover{background:#c9973f1a}.shuffle-control:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.shuffle-control.shuffle-control-resolving{color:var(--sq-gold);animation:.9s ease-in-out infinite alternate shuffle-control-pulse}@keyframes shuffle-control-pulse{0%{opacity:.55}to{opacity:1}}.queue-tab{flex-direction:column;flex:1;display:flex;overflow:hidden}.queue-tab-actions{justify-content:flex-end;padding:8px 12px;display:flex}.queue-clear-button,.queue-row-control,.queue-tab-snackbar-undo{color:var(--sq-parchment);cursor:pointer;font:inherit;border:0;border-radius:6px}.queue-clear-button{color:var(--sq-lilac);background:0 0;min-height:44px;padding:8px 12px}.queue-clear-button:hover{background:var(--sq-panel-2);color:var(--sq-parchment)}.queue-clear-button:focus-visible,.queue-row-control:focus-visible,.queue-tab-snackbar-undo:focus-visible,.queue-row-play:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.queue-tab-list{flex:1;overflow:hidden auto}.queue-tab-empty{color:var(--sq-lilac);font-family:var(--app-body);text-align:center;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.queue-tab-empty-content{flex-direction:column;align-items:center;gap:12px;max-width:280px;display:flex}.queue-tab-empty-content h2{color:var(--sq-parchment);font-family:var(--app-body);margin:0;font-size:1.125rem;line-height:1.25}.queue-tab-empty-content p{color:var(--sq-lilac);margin:0;font-size:.9375rem;line-height:1.4}.queue-tab-empty-content .sq-button--primary{margin-top:4px}.queue-row{align-items:stretch;gap:4px;padding:4px 8px;display:flex}.queue-row.dragging{opacity:.55}.queue-row-play{color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:8px 4px;display:flex}.queue-row:hover .queue-row-play,.queue-row.current .queue-row-play{background-color:var(--sq-panel-2)}.queue-row-artwork{flex-shrink:0}.queue-row-artwork img,.queue-row-artwork .artwork-placeholder{object-fit:cover;border-radius:6px;width:48px;height:48px;display:block}.queue-row-artwork .artwork-placeholder{background-color:var(--sq-panel-2)}.queue-row-content{flex:1;min-width:0}.queue-row-title{color:var(--sq-parchment);font-family:var(--app-body);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;margin:0;font-size:.9375rem;font-weight:700;display:flex;overflow:hidden}.queue-row-title.current{color:var(--sq-gold)}.queue-row-title .play-glyph{flex-shrink:0;font-size:.75rem}.queue-row-meta{color:var(--sq-lilac);font-family:var(--app-body);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:.875rem;overflow:hidden}.queue-row-current-indicator{color:var(--sq-gold);text-align:center;flex-shrink:0;width:24px;font-size:.875rem}.queue-row-controls{flex-shrink:0;align-items:center;display:flex}.queue-row-control{background:0 0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:4px;font-size:1rem;display:inline-flex}.queue-row-control:hover:not(:disabled){background:var(--sq-panel-2);color:var(--sq-gold)}.queue-row-control:disabled{color:var(--sq-border);cursor:not-allowed}.queue-row-drag-handle{cursor:grab}.queue-tab-up-next-empty{color:var(--sq-lilac);text-align:center;margin:12px;font-size:.9375rem;line-height:1.4}.queue-tab-up-next-empty strong{color:var(--sq-parchment)}.queue-live-region{width:1px;height:1px;position:absolute;overflow:hidden}.queue-tab-snackbar{background:var(--sq-panel);border:1px solid var(--sq-border);color:var(--sq-parchment);z-index:1100;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;max-width:28rem;padding:1rem;display:flex;position:fixed;bottom:1rem;left:1rem;right:1rem;box-shadow:0 8px 20px #00000040}.queue-tab-snackbar-undo{color:var(--sq-gold);background:0 0;min-height:32px;padding:4px 8px}@media (width<=1023px){.queue-row{align-items:flex-start}.queue-row-controls{flex-wrap:wrap;justify-content:flex-end;max-width:88px}.queue-row-control{min-width:44px}}.now-playing-panel{height:100%;color:var(--sq-parchment);font-family:var(--app-body);flex-direction:column;gap:12px;display:flex}.now-playing-panel-tabs{border-bottom:1px solid var(--sq-border);align-items:center;gap:16px;padding-bottom:8px;display:flex}.now-playing-panel-tabs a{color:var(--sq-lilac);border-bottom:2px solid #0000;padding-bottom:8px;font-size:.875rem;font-weight:600;text-decoration:none}.now-playing-panel-tabs a.on{color:var(--sq-red);border-bottom-color:var(--sq-red)}.now-playing-panel-tabs a:focus-visible,.now-playing-panel-close:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.now-playing-panel-close{color:var(--sq-parchment);cursor:pointer;background:0 0;border:none;border-radius:50%;width:28px;height:28px;margin-left:auto;font-size:1rem}.now-playing-panel-close:hover{background:#c9973f1a}.now-playing-panel-empty{color:var(--sq-lilac);font-family:var(--app-body);text-align:center;flex:1;justify-content:center;align-items:center;padding:24px 16px;display:flex}.panel-empty-state-content{flex-direction:column;align-items:center;gap:12px;max-width:280px;display:flex}.panel-empty-state-content h2{color:var(--sq-parchment);font-family:var(--app-body);margin:0;font-size:1.125rem;line-height:1.25}.panel-empty-state-content p{color:var(--sq-lilac);margin:0;font-size:.9375rem;line-height:1.4}.panel-empty-state-content .sq-button--primary{margin-top:4px}.now-playing-panel-queue-tab{color:var(--sq-lilac);flex:1}.now-playing-panel-body{flex-direction:column;gap:10px;display:flex}.now-playing-panel-explainer{color:var(--sq-parchment);background:var(--sq-panel-2);border:1px solid var(--sq-border);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:.8125rem;display:flex}.now-playing-panel-explainer button{color:var(--sq-lilac);cursor:pointer;background:0 0;border:none;margin-left:auto}.now-playing-panel-art{aspect-ratio:1;background:linear-gradient(150deg, var(--sq-panel-lilac), var(--sq-panel-deep));border-radius:12px;width:100%;overflow:hidden}.now-playing-panel-art img{object-fit:cover;width:100%;height:100%;display:block}.now-playing-panel-title{font-family:var(--app-disp);color:var(--sq-gold);font-size:1.375rem;line-height:1.15}.now-playing-panel-artist{color:var(--sq-lilac);font-size:.875rem}.now-playing-chart-cue{color:var(--sq-gold);font-family:var(--app-body);align-self:flex-start;font-size:.8125rem;font-weight:700;text-decoration:none}.now-playing-chart-cue:hover{color:var(--sq-parchment);text-decoration:underline;-webkit-text-decoration-color:var(--sq-gold);text-decoration-color:var(--sq-gold);text-underline-offset:3px}.now-playing-panel-scope{background:var(--sq-panel-2);border-radius:8px;height:64px}.now-playing-panel-shuffle-label{font-family:var(--app-mono);color:var(--sq-lilac);text-align:center;font-size:.6875rem}.now-playing-panel-transport{background:var(--sq-panel-2);border-radius:12px;justify-content:space-evenly;align-items:center;padding:12px 4px;display:flex}.now-playing-panel-transport button{cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.now-playing-panel-transport button:not(.sq-button--primary){color:var(--sq-parchment);background:0 0;border:none;border-radius:50%;font-size:1.125rem}.now-playing-panel-transport button:not(.sq-button--primary):disabled{color:var(--sq-border);cursor:default}.now-playing-panel-transport button:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.now-playing-panel-play{width:52px!important;height:52px!important;font-size:1.375rem!important}.now-playing-panel-favorite[aria-pressed=true]{color:var(--sq-red)}.panel-outlet{background:var(--sq-panel);border-left:1px solid var(--sq-border);z-index:100;flex-direction:column;width:360px;display:flex;position:fixed;top:56px;bottom:0;right:0;overflow-y:auto}.panel-container{flex-direction:column;height:100%;padding:1rem;display:flex}.panel-content{color:var(--sq-parchment);font-family:var(--app-body)}.panel-sheet-handle{display:none}@media (width<=1023px){.panel-outlet{z-index:1000;border-left:none;width:100%;max-width:100%;height:100dvh;max-height:100dvh;animation:.3s ease-out slideUp;position:fixed;inset:0 0 auto}.panel-sheet-handle{background:var(--sq-border);border-radius:999px;flex:none;width:40px;height:4px;margin:8px auto 0;display:block}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.transport-bar{background:var(--sq-panel);border-top:2px solid var(--sq-red);flex-shrink:0;justify-content:center;align-items:center;height:80px;padding:0;display:flex}.transport-bar-content{box-sizing:border-box;width:min(100%, calc(var(--sq-w-wide) + 48px));align-items:center;gap:12px;height:100%;padding-inline:24px;display:flex}.transport-bar-song{flex:auto;align-items:center;gap:12px;min-width:0;display:flex}.transport-bar-artwork img,.transport-bar-artwork-placeholder{object-fit:cover;background-color:var(--sq-panel-2);border-radius:6px;flex-shrink:0;width:48px;height:48px;display:block}.transport-bar-titles{min-width:0}.transport-bar-title{font-family:var(--app-body);color:var(--sq-parchment);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:700;overflow:hidden}.transport-bar-artist{font-family:var(--app-body);color:var(--sq-lilac);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.transport-bar-controls{flex-direction:column;flex:2 auto;align-items:center;gap:4px;min-width:0;max-width:560px;display:flex}.transport-bar-buttons{align-items:center;gap:16px;display:flex}.transport-bar-button{cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.transport-bar-button:not(.sq-button--primary){color:var(--sq-parchment);background:0 0;border:none;border-radius:50%;font-size:1rem}.transport-bar-button:not(.sq-button--primary):hover:not(:disabled){background:#c9973f1a}.transport-bar-button:not(.sq-button--primary):disabled{color:var(--sq-border);cursor:default}.transport-bar-button:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.transport-bar-play{width:40px;height:40px}.transport-bar-scrubber-row{align-items:center;gap:8px;width:100%;display:flex}.transport-bar-clock{font-family:var(--app-mono);color:var(--sq-gold);text-align:center;flex-shrink:0;min-width:2.5em;font-size:.75rem}.transport-bar-scrubber{appearance:none;background:var(--sq-border);cursor:pointer;border-radius:2px;flex:1;height:4px}.transport-bar-scrubber::-webkit-slider-thumb{appearance:none;background:var(--sq-red);border-radius:50%;width:12px;height:12px}.transport-bar-scrubber::-moz-range-thumb{background:var(--sq-red);border:none;border-radius:50%;width:12px;height:12px}.transport-bar-scrubber:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.transport-bar-extra{flex-shrink:0;align-items:center;gap:4px;display:flex}.transport-bar-favorite[aria-pressed=true]{color:var(--sq-red)}.transport-bar-queue,.transport-bar-pip{text-decoration:none}.mini-trace{background:var(--sq-panel-2);border-radius:3px;flex-shrink:0}.transport-bar-expand{width:32px;height:32px;color:var(--sq-parchment);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.transport-bar-expand:hover{background:#c9973f1a}.transport-bar-expand:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}@media (width<=599px){.transport-bar-content{gap:8px;padding-inline:8px}.transport-bar-artwork img,.transport-bar-artwork-placeholder{width:40px;height:40px}.transport-bar-buttons{gap:8px}.transport-bar-previous,.transport-bar-extra{display:none}.transport-bar-button,.transport-bar-expand,.transport-bar-play{width:44px;height:44px}.transport-bar-clock{min-width:2em;font-size:.6875rem}}.mobile-first-run-explainer{z-index:1100;align-items:flex-start;gap:var(--sq-space-3);width:min(100% - 32px,560px);padding:var(--sq-space-3) var(--sq-space-4);color:var(--sq-parchment);font-family:var(--app-body);background:var(--sq-panel-2);border:1px solid var(--sq-border);border-radius:var(--sq-radius-md);margin-inline:auto;animation:.2s mobileFirstRunExplainerIn;display:flex;position:fixed;bottom:96px;left:16px;right:16px;box-shadow:0 8px 24px #00000047}.mobile-first-run-explainer-copy{gap:var(--sq-space-1);min-width:0;line-height:1.4;display:grid}.mobile-first-run-explainer-copy strong{color:var(--sq-gold);font-size:.9375rem}.mobile-first-run-explainer-copy span{color:var(--sq-parchment);font-size:.875rem}.mobile-first-run-explainer button{width:32px;height:32px;color:var(--sq-lilac);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;margin:-4px -8px 0 0;display:inline-flex}.mobile-first-run-explainer button:hover{background:#c9973f1a}.mobile-first-run-explainer button:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}@keyframes mobileFirstRunExplainerIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=599px){.mobile-first-run-explainer{width:auto;bottom:92px;left:12px;right:12px}}.gamification-overlay{pointer-events:none;z-index:300;position:fixed;inset:0}.achievement-banner,.xp-toast{background:var(--sq-panel-2);border:1px solid var(--sq-gold);border-radius:var(--sq-radius-md);color:var(--sq-parchment);pointer-events:auto;flex-direction:column;gap:4px;display:flex;position:absolute;box-shadow:0 8px 22px #0006}.achievement-banner{width:100%;max-width:min(420px,100vw - 32px);padding:12px 16px;top:72px;left:50%;transform:translate(-50%)}.achievement-banner strong{color:var(--sq-gold);font-family:var(--app-mono);letter-spacing:.08em;font-size:.6875rem}.achievement-banner b{font-size:.9375rem}.achievement-banner span,.xp-toast span{color:var(--sq-lilac);font-size:.75rem}.xp-toast{padding:10px 16px;bottom:76px;left:50%;transform:translate(-50%)}.xp-toast strong{color:var(--sq-gold);font-family:var(--app-mono);font-size:1rem}.shell{background:var(--sq-ink);flex-direction:column;height:100vh;display:flex;overflow:hidden}.shell-content{flex:1;display:flex;position:relative;overflow:hidden}.sidebar-column{display:flex;position:relative;overflow-y:auto}.main-outlet{flex:1;transition:margin-right .3s;overflow:hidden auto}.content-shell{box-sizing:border-box;--sq-content-width:var(--sq-w-standard);width:min(100%, calc(var(--sq-w-wide) + 48px));min-height:100%;margin-inline:auto;padding-inline:24px}.content-shell--reading{--sq-content-width:var(--sq-w-reading)}.content-shell--wide{--sq-content-width:var(--sq-w-wide)}.main-outlet .content-shell>*{box-sizing:border-box;width:min(100%, var(--sq-content-width))}.mobile-menu-button{background:var(--sq-panel);border:1px solid var(--sq-border);width:44px;height:44px;color:var(--sq-parchment);cursor:pointer;border-radius:var(--sq-radius-md);flex:0 0 44px;justify-content:center;align-items:center;padding:0;font-size:1.5rem;display:flex}.mobile-menu-button:hover{background:var(--sq-panel-2)}.mobile-menu-button:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.drawer-overlay{top:56px;left:0;right:0;bottom:calc(48px + env(safe-area-inset-bottom));z-index:199;background:#00000080;position:fixed}.drawer{top:56px;left:0;bottom:calc(48px + env(safe-area-inset-bottom));background:var(--sq-panel);border-right:1px solid var(--sq-border);z-index:200;width:240px;animation:.3s ease-out slideIn;position:fixed;overflow-y:auto}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-close{border:1px solid var(--sq-border);width:44px;height:44px;color:var(--sq-parchment);cursor:pointer;z-index:1;background:0 0;border-radius:4px;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:absolute;top:1rem;right:1rem}.drawer-close:hover{background:#c9973f1a}.drawer-close:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}@media (width<=1023px){.shell-content{flex-direction:column}.main-outlet{padding-top:0;padding-inline:16px;overflow-x:clip;margin-right:0!important}.content-shell{width:100%;padding-inline:0}.drawer>.sidebar{height:auto;min-height:100%;overflow-y:visible}}.composer-monogram{width:52px;height:52px;font-family:var(--app-disp);color:var(--sq-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.0625rem;display:flex}.composer-monogram.c1{background:var(--sq-red);color:var(--sq-parchment)}.composer-monogram.c2{background:var(--sq-gold)}.composer-monogram.c3{background:var(--sq-lilac)}.game-tile{text-align:center;background:var(--sq-panel-2);border:1px solid var(--sq-border);border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:100%;min-height:88px;padding:10px 8px;display:flex;position:relative}.game-tile-label{font-family:var(--app-body);letter-spacing:.05em;color:var(--sq-lilac);font-size:.6875rem}.game-tile-title{font-family:var(--app-body);color:var(--sq-parchment);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.8125rem;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.game-tile-platform{font-family:var(--app-body);letter-spacing:.03em;color:var(--sq-gold);font-size:.6875rem}.game-tile-accent-c1{border-left:3px solid var(--sq-red)}.game-tile-accent-c2{border-left:3px solid var(--sq-gold)}.game-tile-accent-c3{border-left:3px solid var(--sq-lilac)}.game-tile-badge{top:var(--sq-space-1);left:var(--sq-space-1);border-radius:var(--sq-radius-md);padding:2px var(--sq-space-1);background:#161a2eb8;align-items:center;font-size:.75rem;display:inline-flex;position:absolute}.game-tile--header{text-align:left;justify-content:flex-end;align-items:flex-start;min-height:156px;padding:20px}.game-tile--header .game-tile-title{font-family:var(--app-disp);-webkit-line-clamp:2;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.1}.game-tile--header .game-tile-label,.game-tile--header .game-tile-platform{font-size:.75rem}.song-row{background-color:var(--sq-panel);cursor:pointer;text-align:left;font-family:inherit;font-size:inherit;color:inherit;border:none;outline:none;align-items:center;gap:12px;padding:8px 12px;transition:background-color .2s;display:flex}.song-row:hover{background-color:var(--sq-panel-2)}.song-row:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.song-row-artwork{flex-shrink:0}.song-row-artwork img{object-fit:cover;border-radius:6px;width:48px;height:48px;display:block}.song-row-artwork .artwork-placeholder{background-color:var(--sq-panel-2);border-radius:6px;width:48px;height:48px}.song-row-content{flex:1;min-width:0}.song-title{font-family:var(--app-body);color:var(--sq-parchment);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;margin:0;font-size:.9375rem;font-weight:700;display:flex;overflow:hidden}.song-title.playing{color:var(--sq-gold)}.song-title .play-glyph{flex-shrink:0;font-size:.75rem}.song-meta{font-family:var(--app-body);color:var(--sq-lilac);margin:0;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.875rem;overflow:hidden}.song-row-duration{font-family:var(--app-mono);color:var(--sq-lilac);white-space:nowrap;flex-shrink:0;font-size:.875rem}.song-row-info{width:44px;height:44px;color:var(--sq-red);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;text-decoration:none;transition:background-color .2s;display:flex}.song-row-info:hover{background-color:var(--sq-panel-2)}.song-row-info:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}@media (width<=1023px){.song-row{flex-wrap:wrap;padding:8px 12px}.song-row-artwork{order:1;padding-right:8px}.song-row-content{flex:1;order:2}.song-row-duration{order:4;margin-left:auto;padding-left:8px}.song-row-info{order:5}.song-meta{flex-basis:100%;padding-left:60px}}.mood-chip-row{gap:var(--sq-space-2);flex-wrap:wrap;display:flex}.mood-chip{border:1px solid var(--sq-border);border-radius:var(--sq-radius-md);background:var(--sq-surface);color:var(--sq-parchment);cursor:pointer;font:inherit;padding:var(--sq-space-2) var(--sq-space-3)}.mood-chip:hover,.mood-chip:focus-visible,.mood-chip.selected{border-color:var(--sq-gold);color:var(--sq-gold)}.mood-chip:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.mood-picker-overlay{z-index:1200;background:#08060db8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.mood-picker-dialog{background:var(--sq-panel);border:1px solid var(--sq-border);border-radius:var(--sq-radius-lg);width:100%;max-width:32rem;padding:1.5rem;box-shadow:0 16px 48px #0006}.mood-picker-dialog h2{color:var(--sq-parchment);font-family:var(--app-disp);margin:0 0 1.25rem;font-size:1.5rem;font-weight:400;line-height:1.2}.mood-picker-cancel{color:var(--sq-lilac);cursor:pointer;font:inherit;background:0 0;border:0;min-height:2.75rem;margin-top:1rem;padding:.5rem 0}.mood-picker-cancel:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}@media (width<=1023px){.mood-picker-overlay{align-items:flex-end;padding:0}.mood-picker-dialog{border-radius:var(--sq-radius-lg) var(--sq-radius-lg) 0 0;max-width:none;padding:1.25rem 1rem calc(1.25rem + env(safe-area-inset-bottom))}}.home-screen{flex-direction:column;gap:12px;height:100%;min-height:0;padding:16px 0;display:flex}.home-state{text-align:center;color:var(--sq-parchment);padding:2rem}.home-grid{flex-direction:column;gap:16px;width:100%;display:flex}.home-grid.expanded{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;display:grid}.home-card{background:var(--sq-panel);border:1px solid var(--sq-border);color:inherit;border-radius:10px;padding:12px 14px;text-decoration:none;display:block}.home-eyebrow{font-family:var(--app-body);letter-spacing:.05em;text-transform:uppercase;color:var(--sq-gold);margin:0 0 8px;font-size:.75rem}.home-spotlight-card{border-color:var(--sq-gold);background:var(--sq-panel-2)}.home-spotlight-link{border-radius:10px;text-decoration:none;display:block}.home-spotlight-link:focus-visible,.home-catalog:focus-visible,.home-progress:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.home-spotlight-link .game-tile{width:100%}.home-catalog p{font-family:var(--app-body);color:var(--sq-parchment);margin:0;font-size:.875rem}.home-companion{min-height:7rem}.home-companion-copy{color:var(--sq-parchment);font-family:var(--app-body);margin:0 0 12px;font-size:.9375rem;line-height:1.4}.home-companion-action{color:var(--sq-gold);font-family:var(--app-body);font-size:.8125rem}.home-companion:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.home-preferred-games{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.home-preferred-games p{color:var(--sq-parchment);font-family:var(--app-body);margin:0;font-size:.875rem}.home-song-list{flex-direction:column;gap:4px;display:flex}.home-empty{font-family:var(--app-body);color:var(--sq-lilac);margin:0;font-size:.875rem}.home-empty a{color:var(--sq-gold)}.home-progress-row{flex-wrap:wrap;gap:16px;display:flex}.home-progress-metric{flex-direction:column;gap:2px;display:flex}.home-progress-value{font-family:var(--app-mono);color:var(--sq-gold);font-size:1.25rem}.home-progress-label{font-family:var(--app-body);color:var(--sq-lilac);font-size:.6875rem}.home-start-quest{background:var(--sq-panel-2);border-color:var(--sq-gold)}.home-grid.expanded .home-start-quest{grid-column:1/-1}.home-start-quest-title{font-family:var(--app-body);color:var(--sq-gold);margin:0 0 8px;font-size:1.5rem;font-weight:400}.home-start-quest-copy{font-family:var(--app-body);color:var(--sq-parchment);max-width:60ch;margin:0 0 16px;font-size:.9375rem;line-height:1.4}.home-start-quest-actions{flex-wrap:wrap;gap:12px;display:flex}.home-start-quest-primary,.home-start-quest-secondary{min-height:44px}@media (width>=1800px){.home-grid.expanded{gap:24px}.home-card{min-height:160px;padding:20px 24px}.home-eyebrow{margin-bottom:12px;font-size:.875rem}.home-companion-copy,.home-catalog p,.home-preferred-games p{font-size:1.0625rem}.home-progress-value{font-size:1.75rem}.home-progress-label{font-size:.8125rem}.home-song-list{gap:8px}}.field-dialog-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.field-dialog{background-color:var(--sq-panel);border-radius:.75rem;flex-direction:column;gap:1.5rem;width:90%;max-width:28rem;max-height:80vh;padding:1.5rem;display:flex;box-shadow:0 8px 16px #00000026}.field-dialog-content{flex-direction:column;gap:.75rem;display:flex}.field-dialog-label{color:var(--sq-parchment);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500;display:block}.field-dialog-input{border:1px solid var(--sq-border);color:var(--sq-parchment);background-color:var(--sq-panel);border-radius:.5rem;padding:.75rem;font-family:inherit;font-size:1rem}.field-dialog-input:focus{border-color:var(--sq-gold);box-shadow:0 0 0 3px color-mix(in srgb, var(--sq-gold) 10%, transparent);outline:none}.field-dialog-input.error{border-color:var(--sq-red)}.field-dialog-input:disabled{opacity:.6;cursor:not-allowed}.field-dialog-textarea{resize:vertical;min-height:6rem;max-height:20rem}.field-dialog-error{color:var(--sq-red);margin-top:-.5rem;font-size:.75rem}.field-dialog-char-count{color:var(--sq-parchment);text-align:right;font-size:.75rem}.field-dialog-actions{justify-content:flex-end;gap:1rem;display:flex}.field-dialog-button{cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.field-dialog-button.cancel{background-color:var(--sq-panel-2);color:var(--sq-parchment)}.field-dialog-button.cancel:hover:not(:disabled){background-color:var(--sq-border)}.field-dialog-button.cancel:disabled{opacity:.5;cursor:not-allowed}.field-dialog-button.cancel:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.field-dialog-button.confirm{background-color:var(--sq-gold);color:var(--sq-ink)}.field-dialog-button.confirm:hover:not(:disabled){opacity:.9}.field-dialog-button.confirm:disabled{opacity:.5;cursor:not-allowed}.field-dialog-button.confirm:focus-visible:not(:disabled){outline:2px solid var(--sq-gold);outline-offset:2px}.direct-results-menu{background:var(--sq-panel-2);border:1px solid var(--sq-border);border-radius:var(--sq-radius-md);z-index:10;gap:8px;margin-top:-4px;padding:10px;display:grid;position:relative;box-shadow:0 8px 18px #00000059}.direct-results-group{gap:2px;display:grid}.direct-results-group h2{color:var(--sq-gold);letter-spacing:.08em;text-transform:uppercase;margin:2px 6px;font-size:.6875rem}.direct-results-group button{border-radius:var(--sq-radius-sm);color:var(--sq-parchment);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:baseline;gap:8px;width:100%;padding:7px 6px;display:flex}.direct-results-group button:hover,.direct-results-group button[aria-selected=true]{background:var(--sq-panel)}.direct-results-group button:focus-visible{outline:2px solid var(--sq-gold);outline-offset:-2px}.direct-results-group small{color:var(--sq-lilac);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;overflow:hidden}.song-table{flex-direction:column;height:100%;min-height:0;display:flex}.song-table-header-group{z-index:5;background:var(--sq-panel);position:sticky;top:0}.song-table-row{align-items:center;column-gap:var(--sq-space-2);grid-template-columns:minmax(0,5fr) minmax(0,3fr) minmax(0,3fr) minmax(0,1fr) auto auto;padding:0 14px;display:grid}.song-table.narrow .song-table-row{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto 44px 44px;row-gap:2px;padding:8px 14px}.song-table-header{border-bottom:1px solid var(--sq-border);height:36px}.song-table.narrow .song-table-header{height:auto;padding:6px 14px}.song-table-headercell button{font-family:var(--app-body);letter-spacing:.04em;color:var(--sq-lilac);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem}.song-table-headercell button:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.song-table-headercell.col-duration button,.song-table-headercell.col-duration{text-align:right;justify-self:end}.sort-indicator{color:var(--sq-gold)}.song-table-body{flex:1;min-height:0;position:relative;overflow-y:auto}@media (width<=1023px){.song-table{height:auto}.song-table-body{overflow-y:visible}}.song-table-row:not(.song-table-header){cursor:pointer;outline:none}.song-table-row:not(.song-table-header):hover{background:var(--sq-panel-2)}.song-table-row:not(.song-table-header):focus-visible{outline:2px solid var(--sq-gold);outline-offset:-2px}.song-table-cell{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--app-body);color:var(--sq-parchment);font-size:.875rem;overflow:hidden}.col-title{grid-area:1/1;align-items:center;gap:4px;display:flex}.play-glyph{flex:none;align-items:center;display:inline-flex}.song-title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.col-artist{color:var(--sq-lilac);grid-area:1/2}.col-game{color:var(--sq-lilac);grid-area:1/3}.col-duration{text-align:right;grid-area:1/4;justify-self:end}.col-fav{text-align:right;grid-area:1/5;justify-self:end}.col-info{text-align:center;grid-area:1/6;justify-self:center}.song-table.narrow .col-title{grid-column:1}.song-table.narrow .col-duration{grid-column:2}.song-table.narrow .col-fav{grid-column:3}.song-table.narrow .col-info{grid-column:4}.song-table.narrow .col-meta{color:var(--sq-lilac);grid-area:2/1/auto/-1;font-size:.8125rem}.fav-heart{color:var(--sq-favorite)}.song-info-button{cursor:pointer;border-radius:var(--sq-radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;line-height:1;display:inline-flex}@media (width<=1023px){.song-info-button{width:44px;height:44px;padding:10px}}.song-info-button:hover{background:var(--sq-panel-2)}.song-info-button:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.browse-screen{flex-direction:column;gap:12px;height:100%;min-height:0;padding:12px 0;display:flex}.browse-state{text-align:center;color:var(--sq-parchment);padding:2rem}.browse-title{font-family:var(--app-disp);color:var(--sq-parchment);margin:0;font-size:1.25rem}.browse-search{margin:0}.browse-top-charts{background:var(--sq-panel-2);border:1px solid var(--sq-border);color:var(--sq-parchment);border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;margin:0;padding:12px 14px;text-decoration:none;display:grid}.browse-top-charts>span:first-child{color:var(--sq-gold);letter-spacing:.05em;text-transform:uppercase;font-size:.8125rem;font-weight:700}.browse-top-charts small{color:var(--sq-lilac);font-family:var(--app-mono);grid-column:1;font-size:.6875rem}.browse-top-charts>span:last-child{color:var(--sq-gold);grid-area:1/2/span 2;font-size:1.5rem}.browse-top-charts:hover{border-color:var(--sq-gold)}.browse-section-header{justify-content:space-between;align-items:baseline;padding:6px 0;display:flex}.browse-section-header h2{font-family:var(--app-body);letter-spacing:.05em;text-transform:uppercase;color:var(--sq-gold);margin:0;font-size:.8125rem}.browse-section-header a{color:var(--sq-lilac);font-size:.8125rem;text-decoration:none}.browse-section-header a:hover,.browse-section-header a:focus-visible{color:var(--sq-gold)}.browse-hscroll{--browse-visible-tiles:2;gap:10px;padding:0 0 4px;display:flex;overflow-x:auto}.browse-game-link,.browse-composer-link{flex:0 0 calc((100% - (var(--browse-visible-tiles) - 1) * 10px) / var(--browse-visible-tiles))}.browse-game-link{text-decoration:none}.browse-game-link .game-tile{width:100%}.browse-game-link:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px;border-radius:10px}.browse-composer-link{text-align:center;flex-direction:column;align-items:center;gap:4px;text-decoration:none;display:flex}.browse-composer-link:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px;border-radius:8px}.browse-composer-name{color:var(--sq-parchment);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;overflow:hidden}.browse-playlist-tile{background:var(--sq-panel);border:1px solid var(--sq-border);box-sizing:border-box;color:var(--sq-parchment);text-align:center;border-radius:8px;flex-direction:column;flex:0 0 120px;justify-content:center;align-items:center;gap:4px;min-height:112px;padding:10px 8px;text-decoration:none;display:flex}button.browse-playlist-tile{cursor:pointer;font:inherit}.browse-playlist-tile:hover{background:var(--sq-panel-2);border-color:var(--sq-gold)}.browse-playlist-tile:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.browse-playlist-tile--new{border-style:dashed}.browse-playlist-name{color:var(--sq-parchment);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.75rem;font-weight:700;overflow:hidden}.browse-playlist-count{color:var(--sq-lilac);font-family:var(--app-mono);font-size:.6875rem}.browse-all-songs{flex-direction:column;flex:1;min-height:0;display:flex}.browse-all-songs .song-table{flex:1}.browse-empty{color:var(--sq-lilac);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;display:flex}.browse-empty p{margin:0}.browse-empty-clear{border:1px solid var(--sq-lilac);color:var(--sq-parchment);cursor:pointer;font:inherit;background:0 0;border-radius:6px;padding:6px 14px;font-size:.8125rem}.browse-empty-clear:hover{background:var(--sq-panel);border-color:var(--sq-gold);color:var(--sq-gold)}.browse-empty-clear:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}@media (width>=600px){.browse-hscroll{--browse-visible-tiles:3}}@media (width>=900px){.browse-hscroll{--browse-visible-tiles:4}}@media (width>=1200px){.browse-hscroll{--browse-visible-tiles:5}}@media (width>=1800px){.browse-hscroll{--browse-visible-tiles:6}}@media (width>=2400px){.browse-hscroll{--browse-visible-tiles:7}}.empty-state{color:var(--sq-parchment);min-height:220px;padding:var(--sq-space-6) var(--sq-space-4);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.empty-state-icon{color:var(--sq-gold);margin-bottom:var(--sq-space-3)}.empty-state-title{color:var(--sq-parchment);font-family:var(--app-disp);max-width:24ch;margin:0;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:400;line-height:1.15}.empty-state-copy{color:var(--sq-lilac);font-family:var(--app-body);margin:var(--sq-space-3) 0 var(--sq-space-6);max-width:48ch;font-size:1rem;line-height:1.4}.empty-state-actions{align-items:center;gap:var(--sq-space-3);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=480px){.empty-state{padding-inline:var(--sq-space-3)}.empty-state-actions{flex-direction:column;align-items:stretch;width:min(100%,18rem)}}.charts-screen{min-height:100%;color:var(--sq-parchment);flex-direction:column;padding:20px 16px 32px;display:flex}.charts-header{border-bottom:1px solid var(--sq-border);align-items:flex-start;gap:12px;padding-bottom:16px;display:flex}.charts-header h1{color:var(--sq-parchment);font-family:var(--app-disp);margin:0;font-size:1.5rem;line-height:1.15}.charts-header p{color:var(--sq-lilac);font-family:var(--app-mono);margin:4px 0 0;font-size:.6875rem}.charts-back,.charts-failed button{border:1px solid var(--sq-lilac);color:var(--sq-parchment);cursor:pointer;font:inherit;background:0 0;border-radius:6px;padding:6px 10px;font-size:.8125rem}.charts-back:hover,.charts-failed button:hover{border-color:var(--sq-gold);color:var(--sq-gold)}.charts-state{color:var(--sq-lilac);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:220px;margin:0;display:flex}.charts-state h2{color:var(--sq-parchment);margin:0;font-size:1rem}.charts-state p{max-width:32rem;margin:8px 0 0}.charts-failed{gap:16px}.charts-list{flex-direction:column;gap:24px;padding-top:24px;display:flex}.charts-list section{flex-direction:column;display:flex}.charts-list h2{color:var(--sq-gold);font-family:var(--app-body);letter-spacing:.05em;text-transform:uppercase;margin:0 0 6px;font-size:.8125rem}.charts-row{border-bottom:1px solid var(--sq-border);color:var(--sq-parchment);align-items:center;gap:12px;min-height:56px;padding:8px 4px;text-decoration:none;display:flex}.charts-row:hover{background:var(--sq-panel)}.charts-rank{color:var(--sq-gold);font-family:var(--app-mono);font-variant-numeric:tabular-nums;text-align:center;min-width:1.5rem}.charts-row-copy{flex-direction:column;min-width:0;display:flex}.charts-row-copy strong,.charts-row-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.charts-row-copy small{color:var(--sq-lilac);font-size:.8125rem}@media (width<=480px){.charts-screen{padding-inline:12px}}.song-list-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:0 16px 8px;display:flex}.song-list-filter-chips{flex-wrap:wrap;gap:8px;display:flex;overflow-x:auto}.filter-chip{border:1px solid var(--sq-border);background:var(--sq-panel);color:var(--sq-lilac);font-family:var(--app-body);cursor:pointer;border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:.8125rem}@media (width<=1023px){.filter-chip,.song-list-sort-trigger,.song-list-sort-menu button{min-height:44px}}.filter-chip:hover{background:var(--sq-panel-2)}.filter-chip:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.filter-chip.selected{border-color:var(--sq-gold);color:var(--sq-gold);background:var(--sq-panel-2)}.song-list-sort{margin-left:auto;position:relative}.song-list-sort-trigger{border:1px solid var(--sq-border);background:var(--sq-panel);color:var(--sq-parchment);font-family:var(--app-body);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:.8125rem;display:inline-flex}.song-list-sort-trigger:hover{background:var(--sq-panel-2)}.song-list-sort-trigger:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.song-list-sort-trigger span{color:var(--sq-gold)}.song-list-sort-backdrop{z-index:10;background:0 0;position:fixed;inset:0}.song-list-sort-menu{z-index:11;background:var(--sq-panel);border:1px solid var(--sq-border);border-radius:8px;min-width:180px;max-height:60vh;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.song-list-sort-menu button{width:100%;color:var(--sq-parchment);font-family:var(--app-body);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 14px;font-size:.8125rem;display:flex}.song-list-sort-menu button:hover{background:var(--sq-panel-2)}.song-list-sort-menu button:focus-visible{outline:2px solid var(--sq-gold);outline-offset:-2px}.song-list-sort-menu button[aria-checked=true]{color:var(--sq-gold)}.song-list-sort-menu button span{color:var(--sq-gold);margin-left:8px}.favorites-screen{flex-direction:column;gap:12px;height:100%;min-height:0;padding:12px 0;display:flex}.favorites-state{text-align:center;color:var(--sq-parchment);padding:2rem}.favorites-title{font-family:var(--app-disp);color:var(--sq-parchment);margin:0;font-size:1.25rem}.favorites-search{margin:0}.favorites-companion-callout{background:var(--sq-panel-2);border:1px solid var(--sq-gold);color:var(--sq-parchment);border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;text-decoration:none;display:flex}.favorites-companion-callout span{color:var(--sq-gold);font-size:.8125rem}.favorites-companion-callout:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.hud-stat-strip{border:1px solid var(--sq-border);background:linear-gradient(to bottom, var(--sq-panel-2), var(--sq-panel));border-radius:10px;justify-content:space-evenly;gap:8px;margin:0;padding:10px 12px;display:flex}.hud-stat-cell{flex-direction:column;align-items:center;gap:2px;display:flex}.hud-stat-value{font-family:var(--app-mono);color:var(--sq-gold);font-size:1.25rem}.hud-stat-label{font-family:var(--app-body);color:var(--sq-lilac);font-size:.75rem}.favorites-screen .song-table{flex:1;min-height:0}.reroll-button{border:1px solid var(--sq-border);border-radius:var(--sq-radius-md);background:var(--sq-surface);color:var(--sq-parchment);cursor:pointer;font:inherit;align-items:center;gap:var(--sq-space-2);margin-top:var(--sq-space-3);min-height:2.75rem;padding:var(--sq-space-2) var(--sq-space-3);display:inline-flex}.reroll-button:hover:not(:disabled),.reroll-button:focus-visible{border-color:var(--sq-gold);color:var(--sq-gold)}.reroll-button:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.reroll-button:disabled{cursor:wait;opacity:.6}.companion-page{width:min(100%, var(--sq-w-reading));padding:var(--sq-space-8) var(--sq-space-4) var(--sq-space-12);margin:0 auto}.companion-header{margin-bottom:var(--sq-space-6)}.companion-kicker{color:var(--sq-gold);font-family:var(--app-mono);letter-spacing:.12em;margin:0 0 var(--sq-space-2);font-size:.72rem}.companion-header h1{color:var(--sq-parchment);font-family:var(--app-disp);margin:0;font-size:clamp(2rem,6vw,3.1rem);font-weight:400;line-height:1.05}.companion-intro{color:var(--sq-lilac);margin:var(--sq-space-3) 0}.companion-status-error button{border:1px solid var(--sq-border);border-radius:var(--sq-radius-md);background:var(--sq-surface);color:var(--sq-parchment);cursor:pointer;font:inherit;padding:var(--sq-space-2) var(--sq-space-3)}.companion-trail{gap:var(--sq-space-3);display:grid}.companion-card{background:var(--sq-surface);border:1px solid var(--sq-border);border-radius:var(--sq-radius-md);color:inherit;cursor:pointer;align-items:center;gap:var(--sq-space-3);padding:var(--sq-space-3);text-align:left;width:100%;display:flex}.companion-card:hover,.companion-card:focus-visible{border-color:var(--sq-gold)}.companion-card-art{background:var(--sq-surface-variant);color:var(--sq-gold);flex:0 0 3.5rem;justify-content:center;align-items:center;height:3.5rem;display:flex;overflow:hidden}.companion-card-art img{object-fit:cover;width:100%;height:100%}.companion-card-copy{gap:.2rem;min-width:0;display:grid}.companion-card-title{color:var(--sq-parchment);font-family:var(--app-body);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.companion-card-meta,.companion-card-reason{color:var(--sq-lilac);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.companion-card-reason{color:var(--sq-gold)}.companion-card-play{color:var(--sq-gold);flex:none;margin-left:auto}.companion-status,.companion-end{color:var(--sq-lilac);padding:var(--sq-space-6) 0}.companion-status-error{color:var(--sq-coral)}.companion-status-error p{margin-top:0}.companion-end{border-top:1px solid var(--sq-border);text-align:center;font-size:.85rem}.stats-screen{flex-direction:column;gap:14px;min-height:100%;padding:12px 0 28px;display:flex}.stats-state{color:var(--sq-lilac);justify-content:center;align-items:center;padding:2rem}.stats-title,.stats-level-card h2,.stats-card h2{color:var(--sq-parchment);font-family:var(--app-disp);margin:0}.stats-title{font-size:1.25rem}.stats-level-card,.stats-card{background:var(--sq-panel-2);border:1px solid var(--sq-border);border-radius:var(--sq-radius-md);padding:16px}.stats-level-card{gap:14px;display:grid}.stats-eyebrow{color:var(--sq-gold);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.6875rem}.stats-level-card h2{font-size:1.5rem}.stats-level-card p:not(.stats-eyebrow),.stats-empty{color:var(--sq-lilac);margin:6px 0 0}.stats-level-progress{accent-color:var(--sq-gold);width:100%;height:10px}.stats-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stats-tile{background:var(--sq-panel);border:1px solid var(--sq-border);border-radius:var(--sq-radius-sm);padding:12px}.stats-tile strong{color:var(--sq-parchment);font-family:var(--app-mono);font-size:1.1rem;display:block}.stats-tile span{color:var(--sq-lilac);font-size:.6875rem}.stats-columns{gap:14px;display:grid}.stats-card h2{font-family:var(--app-body);letter-spacing:.05em;text-transform:uppercase;font-size:.8125rem}.stats-ranking{margin:12px 0 0;padding-left:22px;list-style:decimal}.stats-ranking li{color:var(--sq-parchment);justify-content:space-between;gap:8px;padding:6px 0;display:flex}.stats-ranking small,.stats-card-header span,.stats-achievement small{color:var(--sq-lilac);font-family:var(--app-mono);font-size:.6875rem}.stats-card-header{justify-content:space-between;align-items:baseline;display:flex}.stats-achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.stats-achievement{background:var(--sq-panel);border:1px solid var(--sq-border);border-radius:var(--sq-radius-sm);padding:10px}.stats-achievement--locked{opacity:.5}.stats-achievement h3{color:var(--sq-parchment);margin:0;font-size:.8125rem}.stats-achievement p{color:var(--sq-lilac);margin:6px 0 10px;font-size:.75rem}@media (width>=600px){.stats-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.stats-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}}.history-screen{flex-direction:column;gap:12px;height:100%;min-height:0;padding:12px 0;display:flex}.history-title{color:var(--sq-parchment);font-family:var(--app-disp);margin:0;font-size:1.25rem}.history-state{color:var(--sq-lilac);justify-content:center;align-items:center;padding:2rem}.history-state button{background:var(--sq-panel);border:1px solid var(--sq-border);border-radius:var(--sq-radius-sm);color:var(--sq-parchment);cursor:pointer;padding:7px 12px}.history-empty{color:var(--sq-lilac);text-align:center;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.history-list{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex}.history-row{background:var(--sq-panel-2);border-radius:var(--sq-radius-sm);cursor:pointer;border:1px solid #0000;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:64px;padding:8px;display:grid}.history-row:hover,.history-row:focus-visible{background:var(--sq-panel);border-color:var(--sq-border);outline:none}.history-row:focus-visible{box-shadow:0 0 0 2px var(--sq-gold)}.history-row.playing strong{color:var(--sq-gold)}.history-artwork,.history-artwork img,.artwork-placeholder{border-radius:4px;width:48px;height:48px}.history-artwork img{object-fit:cover;display:block}.artwork-placeholder{background:var(--sq-panel)}.history-content{min-width:0}.history-content strong,.history-content span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.history-content strong{color:var(--sq-parchment);font-size:.875rem}.history-content span{color:var(--sq-lilac);margin-top:4px;font-size:.75rem}.history-duration{color:var(--sq-lilac);font-family:var(--app-mono);font-size:.6875rem}@media (width>=1024px){.history-row{grid-template-columns:56px minmax(0,1fr) auto;min-height:72px}.history-artwork,.history-artwork img,.artwork-placeholder{width:56px;height:56px}}.recap-screen{flex-direction:column;gap:14px;min-height:100%;padding:12px 0 28px;display:flex}.recap-title{color:var(--sq-parchment);font-family:var(--app-disp);margin:0;font-size:1.25rem}.recap-state{color:var(--sq-lilac);text-align:center;justify-content:center;align-items:center;padding:2rem}.recap-card,.recap-list-card{background:var(--sq-panel-2);border:1px solid var(--sq-border);border-radius:var(--sq-radius-md);padding:20px}.recap-card{flex-direction:column;gap:8px;display:flex}.recap-card strong{color:var(--sq-parchment);font-family:var(--app-disp);overflow-wrap:anywhere;font-size:2rem}.recap-card span{color:var(--sq-lilac)}.recap-card button{background:var(--sq-gold);border-radius:var(--sq-radius-sm);color:var(--sq-on-gold);cursor:pointer;font:inherit;border:0;align-self:flex-start;margin-top:8px;padding:7px 12px}.recap-card button:disabled{cursor:wait;opacity:.65}.recap-list-card h2{color:var(--sq-gold);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:.8125rem}.recap-list-card ul{margin:10px 0 0;padding:0;list-style:none}.recap-list-card li{color:var(--sq-parchment);justify-content:space-between;padding:6px 0;display:flex}.recap-list-card small,.recap-error{color:var(--sq-lilac)}.games-screen{flex-direction:column;gap:12px;height:100%;min-height:0;padding:12px 0;display:flex}.games-state{text-align:center;color:var(--sq-parchment);padding:2rem}.games-title{font-family:var(--app-disp);color:var(--sq-parchment);margin:0;font-size:1.25rem}.games-search{margin:0}.games-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0;padding:0;display:grid}@media (width<=600px){.games-grid{grid-template-columns:repeat(2,1fr)}}.games-tile-link{flex-direction:column;align-items:center;text-decoration:none;display:flex}@media (width<=1023px){.games-grid{gap:12px}}.games-tile-link:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px;border-radius:10px}.games-empty{color:var(--sq-lilac);text-align:center;padding:24px 16px}.game-page{width:min(100%,1200px);margin:0 auto;padding:24px 0 40px}.game-page-identity{position:relative}.game-page-share{color:var(--sq-gold);font-family:var(--app-body);position:absolute;top:16px;right:16px}.game-page-developer{color:var(--sq-parchment);margin:12px 16px 0}.game-page-section{margin-top:32px}.game-page-section h2{color:var(--sq-gold);font-family:var(--app-mono);letter-spacing:.08em;margin:0 0 12px;font-size:.75rem}.game-page-synopsis{max-width:75ch}.game-page-synopsis p{color:var(--sq-parchment);margin:0;line-height:1.5}.game-page-synopsis-clamped{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.game-page-read-more{color:var(--sq-gold);font:inherit;text-underline-offset:3px;background:0 0;border:0;margin-top:8px;padding:0;text-decoration:underline}.game-page-attribution{font-size:.875rem;color:var(--sq-lilac)!important;margin-top:12px!important}.game-page-composers ul{flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;list-style:none;display:flex}.game-page-composers li,.game-page-composers a{color:var(--sq-parchment)}.game-page-composers a:focus-visible,.game-page-share:focus-visible{outline:2px solid var(--sq-gold);outline-offset:3px}.game-page-state{min-height:40vh;color:var(--sq-parchment);text-align:center;place-content:center;gap:12px;display:grid}.game-page-state p,.game-page-state h1{margin:0}.game-page-music{width:min(100%,1440px)}@media (width<=1023px){.game-page{padding:16px 0 28px}}.artists-screen{flex-direction:column;gap:12px;height:100%;min-height:0;padding:12px 0;display:flex}.artists-state{text-align:center;color:var(--sq-parchment);padding:2rem}.artists-title{font-family:var(--app-disp);color:var(--sq-parchment);margin:0;font-size:1.25rem}.artists-search{margin:0}.artists-roster{flex:1;min-height:0;padding:0}.artists-empty{color:var(--sq-lilac);text-align:center;margin:0;padding:24px 16px}.artists-letter-section{margin-bottom:24px}.artists-letter-header{font-family:var(--app-body);letter-spacing:.05em;text-transform:uppercase;color:var(--sq-gold);margin:12px 0 8px;padding:0;font-size:.8125rem}.artists-letter-list,.artists-flat-list{flex-direction:column;gap:0;display:flex}.artists-row{color:var(--sq-parchment);align-items:center;gap:12px;padding:12px;text-decoration:none;transition:background-color .2s;display:flex}.artists-row:hover{background-color:#ffffff0d}.artists-row:focus-visible{outline:2px solid var(--sq-gold);outline-offset:-2px}.artists-row-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.artists-row-name{color:var(--sq-parchment);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;overflow:hidden}.artists-row-count{color:var(--sq-lilac);font-size:.75rem}@media (width>=1024px){.artists-letter-list,.artists-flat-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0;display:grid}.artists-row{padding:8px}}.artist-page{width:min(100%,1200px);margin:0 auto;padding:16px 0 40px}.artist-page-header{gap:16px;display:grid}.artist-page-back{width:fit-content;color:var(--sq-lilac);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.artist-page-back:hover,.artist-page-back:focus-visible{color:var(--sq-gold)}.artist-page-back:focus-visible,.artist-page-games a:focus-visible{outline:2px solid var(--sq-gold);outline-offset:3px}.artist-page-identity{background:var(--sq-panel-2);border:1px solid var(--sq-border);border-radius:8px;align-items:center;gap:16px;padding:16px;display:flex}.artist-page-monogram .composer-monogram{width:80px;height:80px;font-size:1.5rem}.artist-page-identity h1{color:var(--sq-parchment);font-family:var(--app-disp);margin:0;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.1}.artist-page-stat-strip{background:linear-gradient(to bottom, var(--sq-panel-2), var(--sq-panel));border:1px solid var(--sq-border);border-radius:8px;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px;padding:16px;display:grid}.artist-page-stat-cell{text-align:center;gap:4px;display:grid}.artist-page-stat-cell strong{color:var(--sq-gold);font-family:var(--app-mono);font-size:1.5rem;font-weight:500}.artist-page-stat-cell span,.artist-page-section h2{color:var(--sq-lilac);font-family:var(--app-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.artist-page-section{margin-top:32px}.artist-page-section h2{color:var(--sq-gold);margin:0 0 12px}.artist-page-games{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.artist-page-games>*{min-width:0}.artist-page-games a{color:inherit;text-decoration:none}.artist-page-links{border-top:1px solid var(--sq-border);max-width:720px}.artist-page-link-row{border-bottom:1px solid var(--sq-border);color:var(--sq-parchment);justify-content:space-between;gap:16px;padding:12px 0;display:flex}.artist-page-link-value{color:var(--sq-lilac)}.artist-page-search{margin:0 16px 12px}.artist-page-music .song-table{min-height:360px}.artist-page-state{min-height:40vh;color:var(--sq-parchment);text-align:center;place-content:center;gap:12px;display:grid}.artist-page-state p{margin:0}@media (width<=1023px){.artist-page{padding:12px 0 28px}.artist-page-identity{margin:0 16px}.artist-page-back,.artist-page-stat-strip,.artist-page-section{margin-left:16px;margin-right:16px}.artist-page-stat-strip{margin-top:20px}}.filtered-song-list-screen{flex-direction:column;gap:12px;height:100%;min-height:0;padding:12px 0;display:flex}.filtered-song-list-state{text-align:center;color:var(--sq-parchment);padding:2rem}.filtered-song-list-header{align-items:center;gap:12px;margin:0 16px;display:flex}.filtered-song-list-back{color:var(--sq-parchment);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:1.5rem;line-height:1}.filtered-song-list-back:hover{opacity:.8}.filtered-song-list-title{font-family:var(--app-disp);color:var(--sq-parchment);flex:1;margin:0;font-size:1.25rem}.filtered-song-list-search{margin:0 16px}.filtered-song-list-empty{color:var(--sq-lilac);text-align:center;padding:24px 16px}.filtered-song-list-screen .song-table{flex:1;min-height:0}.anchored-sheet-backdrop{z-index:999;opacity:0;background-color:#00000080;animation:.2s ease-out forwards anchored-sheet-fade-in;position:fixed;inset:0}@keyframes anchored-sheet-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.anchored-sheet-backdrop{opacity:.5;animation:none}}.anchored-sheet{background-color:var(--sq-panel);color:var(--sq-parchment);font-family:var(--app-body);z-index:1000;border-radius:8px;flex-direction:column;max-height:80vh;display:flex;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.anchored-sheet.popover{min-width:200px;max-width:400px;animation:.2s ease-out forwards anchored-sheet-slide-up;position:absolute}@keyframes anchored-sheet-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.anchored-sheet.sheet{border-radius:16px 16px 0 0;width:100%;max-height:60vh;animation:.3s ease-out forwards anchored-sheet-slide-from-bottom;position:fixed;bottom:0;left:0;right:0}@keyframes anchored-sheet-slide-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.anchored-sheet{animation:none}}.add-playlist-picker-header{border-bottom:1px solid var(--sq-border);padding:var(--sq-space-3) var(--sq-space-4);justify-content:space-between;align-items:center;display:flex}.add-playlist-picker-header h2{color:var(--sq-parchment);font-family:var(--app-disp);margin:0;font-size:1.1rem;font-weight:400}.add-playlist-picker-close{color:var(--sq-lilac);cursor:pointer;background:0 0;border:0;padding:.25rem;font-size:1.5rem;line-height:1}.add-playlist-picker-close:hover{color:var(--sq-gold)}.add-playlist-picker-close:focus-visible,.add-playlist-picker-option:focus-visible{outline:2px solid var(--sq-gold);outline-offset:-2px}.add-playlist-picker-options{padding:var(--sq-space-2);flex-direction:column;display:flex}.add-playlist-picker-option{border-radius:var(--sq-radius-sm);color:var(--sq-parchment);cursor:pointer;font:inherit;justify-content:space-between;align-items:center;gap:var(--sq-space-3);padding:var(--sq-space-3) var(--sq-space-2);text-align:left;background:0 0;border:0;width:100%;display:flex}.add-playlist-picker-option:hover{background:var(--sq-panel-2)}.add-playlist-picker-new{color:var(--sq-gold);font-weight:700}.add-playlist-picker-new>span:first-child{font-size:1.25rem;line-height:1}.add-playlist-picker-count,.add-playlist-picker-status{color:var(--sq-lilac);font-family:var(--app-mono);font-size:.75rem}.add-playlist-picker-status{margin:var(--sq-space-3) var(--sq-space-2)}.song-detail{width:100%;min-height:100vh}.song-detail-loading,.song-detail-not-found{justify-content:center;align-items:center;min-height:60vh;display:flex}.not-found-message{text-align:center;max-width:400px}.not-found-message h1{color:var(--sq-parchment);margin-bottom:12px;font-size:24px}.not-found-message p{color:var(--sq-lilac);margin-bottom:20px;font-size:14px}.back-link{font-size:14px;text-decoration:none;transition:opacity .2s;display:inline-flex}.back-link:hover{opacity:.9}.song-detail-container{grid-template-columns:1fr 1fr;gap:40px;display:grid}@media (width<=1023px){.song-detail-container{grid-template-columns:1fr;gap:20px}}.song-detail-left{flex-direction:column;gap:20px;display:flex}.song-artwork{aspect-ratio:1;object-fit:cover;background-color:var(--sq-panel);border-radius:8px;width:100%}.song-actions{flex-direction:column;gap:12px;display:flex}.song-detail-button{width:100%}.song-detail-button.is-favorited{background-color:var(--sq-red);color:var(--sq-ink);border-color:var(--sq-red)}.song-detail-button.is-favorited:hover{opacity:.9}.song-detail-right{flex-direction:column;gap:30px;display:flex}.song-header{border-bottom:1px solid var(--sq-border);padding-bottom:20px}.song-header .song-title{color:var(--sq-parchment);margin:0 0 8px;font-size:28px;font-weight:700}.song-header .song-artist{color:var(--sq-lilac);margin:0;font-size:16px}.song-metadata{flex-direction:column;gap:12px;display:flex}.metadata-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.metadata-label{color:var(--sq-lilac);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.metadata-value{color:var(--sq-parchment);text-align:right;font-size:14px}.more-from-section{border-top:1px solid var(--sq-border);border-bottom:1px solid var(--sq-border);padding:12px 0}.more-from-link{color:var(--sq-gold);justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.more-from-link:hover{text-decoration:underline}.count{color:var(--sq-lilac);font-size:12px;font-weight:400}.credits-section{padding-top:12px}.credits-link{color:var(--sq-gold);font-size:14px;font-weight:500;text-decoration:none;display:inline-block}.credits-link:hover{text-decoration:underline}.song-detail-add-playlist{cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;width:100%;padding:12px 0}.song-detail-add-playlist:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.song-detail-snackbar{background:var(--sq-panel);border:1px solid var(--sq-border);color:var(--sq-parchment);z-index:1100;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;max-width:28rem;padding:1rem;display:flex;position:fixed;bottom:1rem;left:1rem;right:1rem;box-shadow:0 8px 20px #00000040}.song-detail-snackbar-close{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:1.25rem;line-height:1}.song-detail-snackbar-close:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.credits{width:100%;min-height:100vh}.credits-loading{justify-content:center;align-items:center;min-height:60vh;display:flex}.loading-spinner{color:var(--sq-lilac);font-size:16px}.credits-populated{justify-content:center;padding:0;display:flex}.credits-container{flex-direction:column;gap:24px;width:100%;padding:20px 0;display:flex}.credits-header{text-align:center;margin-bottom:20px}.credits-header .song-title{color:var(--sq-parchment);margin:0 0 8px;font-size:28px;font-weight:700}.credits-header .song-artist{color:var(--sq-lilac);margin:0;font-size:16px;font-weight:500}.credits-facts-card{background-color:var(--sq-panel);border:1px solid var(--sq-border);border-radius:8px;padding:0;overflow:hidden}.facts-row{justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.facts-label{color:var(--sq-lilac);text-transform:uppercase;letter-spacing:.5px;flex:none;font-size:13px;font-weight:500}.facts-value{color:var(--sq-parchment);text-align:right;flex:1;font-size:14px}.facts-divider{background-color:var(--sq-border);height:1px;margin:0}.license-section{border-top:1px solid var(--sq-border);border-bottom:1px solid var(--sq-border);padding:20px 0}.license-label{text-transform:uppercase;letter-spacing:1px;color:var(--sq-lilac);margin-bottom:8px;font-size:12px;font-weight:600}.license-name{color:var(--sq-parchment);margin:0 0 12px;font-size:18px;font-weight:600}.license-explanation{color:var(--sq-lilac);margin:0;font-size:14px;line-height:1.6}.rights-row{border-bottom:1px solid var(--sq-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.rights-row:last-child{border-bottom:none}.rights-label{color:var(--sq-lilac);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.rights-value{color:var(--sq-parchment);text-align:right;font-size:14px;font-weight:500}.links-section{flex-direction:column;gap:12px;padding-top:12px;display:flex}.link-button{color:var(--sq-gold);align-items:center;gap:6px;padding:8px 0;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.link-button:hover{opacity:.8}.external-icon{margin-top:2px;font-size:12px;display:inline-block;transform:rotate(-45deg)}@media (width<=768px){.credits-container{max-width:100%;padding:0}.credits-header .song-title{font-size:24px}.facts-row{text-align:left;flex-direction:column;align-items:flex-start}.facts-value{text-align:left}.rights-row{flex-direction:column;align-items:flex-start}.rights-value{text-align:left}}.settings-container{flex-direction:column;width:100%;display:flex}.settings-title{font-family:var(--app-disp);color:var(--sq-parchment);margin:1.5rem 0;padding:0;font-size:2rem}.settings-section-title{font-family:var(--app-body);color:var(--sq-parchment);text-transform:uppercase;letter-spacing:.05em;opacity:.7;margin:2rem 0 .75rem;padding:0;font-size:.875rem}.settings-list{border:1px solid var(--sq-border);border-radius:8px;flex-direction:column;gap:0;display:flex;overflow:hidden}.settings-row{border:none;border-bottom:1px solid var(--sq-border);cursor:pointer;color:var(--sq-parchment);font-family:var(--app-body);text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:1rem;font-size:1rem;transition:background-color .2s;display:flex}.settings-row:last-child{border-bottom:none}.settings-row:hover,.settings-row:active{background-color:var(--sq-panel-2)}.settings-row:focus-visible{outline:2px solid var(--sq-gold);outline-offset:-2px;background-color:var(--sq-panel-2)}.settings-row-label{color:var(--sq-parchment);flex:1}.settings-row-destructive,.settings-row-destructive .settings-row-label{color:var(--sq-red)}.settings-row-link{border:none;border-bottom:1px solid var(--sq-border);cursor:pointer;color:var(--sq-parchment);font-family:var(--app-body);text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:1rem;font-size:1rem;text-decoration:none;transition:background-color .2s;display:flex}.settings-row-link:last-child{border-bottom:none}.settings-row-link:hover,.settings-row-link:active{background-color:var(--sq-panel-2);color:var(--sq-gold)}.settings-row-link:focus-visible{outline:2px solid var(--sq-gold);outline-offset:-2px;background-color:var(--sq-panel-2)}.settings-row-link .settings-row-label{color:inherit;flex:1}.settings-dialog-backdrop{z-index:999;opacity:0;background-color:#00000080;animation:.2s ease-out forwards fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:.5}}@media (prefers-reduced-motion:reduce){.settings-dialog-backdrop{opacity:.5;animation:none}}.settings-dialog{background-color:var(--sq-panel);z-index:1000;border-radius:12px;flex-direction:column;gap:1rem;width:100%;max-width:min(480px,90vw);max-height:90vh;padding:1.5rem;animation:.2s ease-out forwards slideUp;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,calc(16px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.settings-dialog{animation:none}}@media (width<=600px){.settings-dialog{max-width:85vw;max-height:85vh}}.settings-dialog-title{font-family:var(--app-body);color:var(--sq-parchment);margin:0;padding:0;font-size:1.25rem}.settings-dialog-body{font-family:var(--app-body);color:var(--sq-parchment);margin:0;padding:0;font-size:1rem}.settings-dialog-actions{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.settings-dialog-button{border:1px solid var(--sq-border);cursor:pointer;font-family:var(--app-body);border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.settings-dialog-button:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.settings-dialog-button:disabled{opacity:.6;cursor:not-allowed}.settings-dialog-button-secondary{background-color:var(--sq-panel-2);color:var(--sq-parchment);border-color:var(--sq-border)}.settings-dialog-button-secondary:hover:not(:disabled),.settings-dialog-button-secondary:active:not(:disabled){background-color:var(--sq-panel)}.settings-dialog-button-destructive{background-color:var(--sq-red);color:var(--sq-parchment);border-color:var(--sq-red)}.settings-dialog-button-destructive:hover:not(:disabled),.settings-dialog-button-destructive:active:not(:disabled){background-color:var(--sq-error-hover);border-color:var(--sq-error-hover)}.settings-group-header{font-family:var(--app-body);color:var(--sq-border);text-transform:uppercase;letter-spacing:.05em;margin:0;padding:1rem 1rem .5rem;font-size:.875rem;font-weight:600}.settings-group-content{border:1px solid var(--sq-border);border-radius:8px;flex-direction:column;margin-bottom:1.5rem;display:flex;overflow:hidden}.settings-group-content .settings-row{border-bottom:1px solid var(--sq-border)}.settings-group-content .settings-row:last-child{border-bottom:none}.settings-storage-readout{background:var(--sq-panel-2);border-bottom:1px solid var(--sq-border);font-family:var(--app-body);color:var(--sq-parchment);padding:1rem;font-size:.95rem}.settings-storage-line{line-height:1.4}.settings-storage-line:not(:last-child){margin-bottom:.5rem}.settings-version-line{background:var(--sq-panel-2);border-bottom:1px solid var(--sq-border);font-family:var(--app-body);color:var(--sq-parchment);padding:1rem;font-size:.95rem}.appearance-container{flex-direction:column;width:100%;display:flex}.appearance-back{color:var(--sq-lilac);font-family:var(--app-body);align-self:flex-start;margin-bottom:.75rem;font-size:.875rem;text-decoration:none}.appearance-back:hover{color:var(--sq-parchment);text-decoration:underline}.appearance-title{color:var(--sq-parchment);font-family:var(--app-disp);margin:0 0 .5rem;font-size:2rem}.appearance-intro{color:var(--sq-lilac);font-family:var(--app-body);margin:0 0 1.5rem}.appearance-options{border:1px solid var(--sq-border);border-radius:var(--sq-radius-md);flex-direction:column;display:flex;overflow:hidden}.appearance-option{background:var(--sq-panel);border:0;border-bottom:1px solid var(--sq-border);color:var(--sq-parchment);cursor:pointer;text-align:left;align-items:center;gap:1rem;width:100%;min-height:76px;padding:.75rem 1rem;display:flex}.appearance-option:last-child{border-bottom:0}.appearance-option:hover{background:var(--sq-panel-2)}.appearance-option:focus-visible{outline:2px solid var(--sq-outline);outline-offset:-2px;z-index:1;position:relative}.appearance-option--selected{box-shadow:inset 4px 0 0 var(--sq-outline)}.appearance-option-swatch{border:1px solid var(--sq-outline);border-radius:50%;flex:0 0 40px;width:40px;height:40px;display:flex;overflow:hidden}.appearance-option-swatch-color{flex:1}.appearance-option-copy{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.appearance-option-name{color:var(--sq-parchment);font-family:var(--app-body);font-size:1rem;font-weight:700}.appearance-option-description{color:var(--sq-lilac);font-family:var(--app-body);font-size:.875rem}.appearance-option-status{color:var(--sq-outline);font-family:var(--app-body);text-align:right;min-width:3.25rem;font-size:.875rem;font-weight:700}@media (width<=600px){.appearance-option{gap:.75rem;padding:.75rem}.appearance-option-description{font-size:.8125rem}}.editable-row{background-color:var(--sq-panel-2);cursor:pointer;text-align:left;border:none;border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem;transition:background-color .2s;display:flex}.editable-row:hover{background-color:var(--sq-panel)}.editable-row:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.editable-row-content{flex-direction:column;flex:1;gap:.25rem;display:flex}.editable-row-label{color:var(--sq-parchment);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500}.editable-row-required{color:var(--sq-gold)}.editable-row-value{color:var(--sq-parchment);word-break:break-word;font-size:1rem}.editable-row-placeholder{color:var(--sq-parchment);opacity:.5}.editable-row-icon{color:var(--sq-parchment);flex-shrink:0;font-size:1.25rem}.vibes-editor-overlay{z-index:20;background:#000000b3;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.vibes-editor-dialog{border:1px solid var(--sq-border);background:var(--sq-panel);width:min(32rem,100%);color:var(--sq-parchment);border-radius:1rem;padding:1.5rem;box-shadow:0 1rem 3rem #0006}.vibes-editor-dialog h2{margin:0 0 1rem}.vibes-editor-chips{flex-wrap:wrap;gap:.6rem;display:flex}.vibes-editor-chip,.vibes-editor-actions button{border:1px solid var(--sq-border);min-height:2.75rem;color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.6rem .9rem}.vibes-editor-chip.selected{border-color:var(--sq-gold);background:var(--sq-gold);color:var(--sq-ink)}.vibes-editor-error{color:var(--sq-red)}.vibes-editor-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.vibes-editor-actions .primary{background:var(--sq-red);color:var(--sq-parchment);border-radius:.5rem}.steam-connection{flex-direction:column;gap:.5rem;display:flex}.steam-connection-row{background:var(--sq-panel-2);border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.steam-connection-row-trailing,.steam-connection-actions,.steam-connection-dialog-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.steam-connection-row-action,.steam-connection-text-button{border:1px solid var(--sq-lilac);min-height:2.75rem;color:var(--sq-lilac);cursor:pointer;font:inherit;background:0 0;border-radius:.375rem;padding:.5rem .75rem}.steam-connection-row-action:hover:not(:disabled),.steam-connection-text-button:hover:not(:disabled){color:var(--sq-parchment);background:var(--sq-panel)}.steam-connection-text-button{color:var(--sq-gold);border-color:#0000;align-self:flex-start}.steam-connection-danger{color:var(--sq-red)}.steam-connection-row-action:disabled,.steam-connection-text-button:disabled{cursor:not-allowed;opacity:.6}.steam-connection-row-action:focus-visible,.steam-connection-text-button:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.steam-connection-supporting,.steam-connection-error{font-family:var(--app-body);margin:0 1rem;font-size:.9rem}.steam-connection-supporting{color:var(--sq-lilac)}.steam-connection-error{color:var(--sq-red)}.steam-connection-backdrop{z-index:999;background:#00000080;position:fixed;inset:0}.steam-connection-dialog{z-index:1000;width:min(28rem,90vw);color:var(--sq-parchment);background:var(--sq-panel);border-radius:.75rem;padding:1.5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0000004d}.steam-connection-dialog h3{font-family:var(--app-body);margin:0 0 .75rem}.steam-connection-dialog p{color:var(--sq-lilac);margin:0 0 1.25rem}.steam-connection-dialog-actions{justify-content:flex-end}@media (width<=640px){.steam-connection-row{flex-direction:column;align-items:flex-start}.steam-connection-row-trailing{justify-content:flex-start}}.profile-page{width:100%}.profile-title{font-family:var(--app-disp);color:var(--sq-parchment);letter-spacing:-.5px;margin:0 0 2rem;font-size:2rem;font-weight:400}.profile-loading,.profile-error{text-align:center;font-family:var(--app-body);background-color:var(--sq-panel);color:var(--sq-parchment);border-radius:.75rem;padding:2rem}.profile-error{color:var(--sq-red)}.profile-content{flex-direction:column;gap:1.5rem;display:flex}.profile-identity-card{background-color:var(--sq-panel-2);cursor:pointer;border:none;border-radius:.75rem;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:1.5rem;font-family:inherit;transition:background-color .2s;display:flex}.profile-identity-card:hover{background-color:var(--sq-panel)}.profile-identity-card:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.profile-identity-monogram{background-color:var(--sq-gold);width:3.5rem;height:3.5rem;color:var(--sq-ink);font-family:var(--app-disp);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.profile-identity-username{font-family:var(--app-body);color:var(--sq-parchment);font-size:1.25rem}.profile-section{flex-direction:column;gap:.75rem;display:flex}.profile-section-eyebrow{font-family:var(--app-mono);color:var(--sq-lilac);text-transform:uppercase;letter-spacing:.06em;margin:0;padding:0 .25rem;font-size:.75rem;font-weight:400}.profile-quest-level,.profile-value-row{background-color:var(--sq-panel-2);border-radius:.5rem;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.profile-value-button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border:0;text-decoration:none}.profile-quest-level-label{font-family:var(--app-mono);color:var(--sq-lilac);letter-spacing:.04em;font-size:.75rem}.profile-quest-level-value{font-family:var(--app-disp);color:var(--sq-gold);font-size:1.5rem}.profile-value-rows{flex-direction:column;gap:.75rem;display:flex}.profile-value-row{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.profile-value-row-label{font-family:var(--app-body);color:var(--sq-parchment)}.profile-value-row-value{font-family:var(--app-body);color:var(--sq-gold);text-align:right;overflow-wrap:anywhere}.profile-nav-rows{flex-direction:column;gap:.75rem;display:flex}.profile-nav-row{background-color:var(--sq-panel-2);color:inherit;border-radius:.5rem;justify-content:space-between;align-items:center;padding:1rem;text-decoration:none;transition:background-color .2s;display:flex}.profile-nav-row:hover{background-color:var(--sq-panel)}.profile-nav-row:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.profile-nav-row-label{font-family:var(--app-body);color:var(--sq-parchment)}.profile-nav-row-trailing{align-items:center;gap:.5rem;display:flex}.profile-nav-row-value{font-family:var(--app-body);color:var(--sq-gold);font-size:.875rem}.profile-nav-row-arrow{color:var(--sq-parchment);opacity:.6}.profile-toast{text-align:center;max-width:28rem;font-family:var(--app-body);z-index:1100;border-radius:.5rem;margin:0 auto;padding:1rem;animation:.2s profileToastSlideUp;position:fixed;bottom:1rem;left:1rem;right:1rem}.profile-toast.success{background-color:var(--sq-panel-2);color:var(--sq-parchment);border:1px solid var(--sq-gold)}.profile-toast.error{background-color:var(--sq-panel-2);color:var(--sq-red);border:1px solid var(--sq-red)}@keyframes profileToastSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (width<=1023px){.profile-title{margin-bottom:1.5rem;font-size:1.5rem}.profile-content{gap:1.25rem}.profile-toast{left:.75rem;right:.75rem}}.friends-page{width:100%;max-width:56rem}.friends-title{color:var(--sq-parchment);font-family:var(--app-disp);margin:0 0 .5rem;font-size:2rem;font-weight:400}.friends-intro{color:var(--sq-lilac);font-family:var(--app-body);margin:0 0 2rem}.friends-add-form,.friends-section{background:var(--sq-panel-2);border-radius:.5rem;padding:1rem}.friends-add-form{margin-bottom:1.5rem}.friends-add-form label,.friends-section h2{color:var(--sq-parchment);font-family:var(--app-body);font-weight:700}.friends-add-form label{margin-bottom:.5rem;display:block}.friends-add-controls{gap:.75rem;display:flex}.friends-add-controls input{min-width:0;color:var(--sq-parchment);background:var(--sq-panel);border:1px solid var(--sq-border);font:inherit;border-radius:.375rem;flex:1;padding:.65rem .75rem}.friends-add-controls input:focus-visible,.friends-button:focus-visible,.friends-row-link:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.friends-sections{flex-direction:column;gap:1.5rem;display:flex}.friends-section h2{margin:0 0 .75rem;font-size:1.1rem}.friends-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.friends-row{background:var(--sq-panel);border-radius:.375rem;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;display:flex}.friends-row-name{color:var(--sq-parchment);font-family:var(--app-body);overflow-wrap:anywhere}.friends-row-link{text-decoration:none}.friends-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.friends-level,.friends-muted{color:var(--sq-lilac);font-family:var(--app-body);font-size:.9rem}.friends-muted{margin:0}.friends-button{cursor:pointer;font:inherit;border:1px solid #0000;border-radius:.375rem;padding:.55rem .8rem;font-size:.9rem}.friends-button:disabled{cursor:not-allowed;opacity:.6}.friends-button-primary{color:var(--sq-ink);background:var(--sq-red)}.friends-button-outline{color:var(--sq-lilac);border-color:var(--sq-lilac);background:0 0}.friends-button-danger{color:var(--sq-parchment);background:var(--sq-red)}.friends-inline-error,.friends-state-error{color:var(--sq-red)}.friends-inline-error{margin:.5rem 0 0}.friends-state{color:var(--sq-lilac);background:var(--sq-panel-2);border-radius:.5rem;padding:1rem}.friends-state p{margin:0 0 .75rem}.friends-dialog-backdrop{z-index:999;background:#00000080;position:fixed;inset:0}.friends-dialog{z-index:1000;background:var(--sq-panel);border-radius:.75rem;width:min(28rem,90vw);padding:1.5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0000004d}.friends-dialog h2{color:var(--sq-parchment);font-family:var(--app-body);margin:0 0 .75rem}.friends-dialog p{color:var(--sq-lilac);margin:0 0 1.25rem}.friends-dialog-actions{justify-content:flex-end;gap:.75rem;display:flex}@media (width<=640px){.friends-add-controls,.friends-row{flex-direction:column;align-items:stretch}.friends-row-actions{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.friends-dialog{transform:translate(-50%,-50%)}}.game-search{flex-direction:column;gap:8px;width:100%;max-width:480px;display:flex;position:relative}.game-search-chips{flex-wrap:wrap;gap:6px;display:flex}.game-search-chip{background:var(--sq-panel-2);border:1px solid var(--sq-border);font-family:var(--app-body);color:var(--sq-parchment);border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 10px;font-size:.8125rem;display:inline-flex}.game-search-chip-remove{width:18px;height:18px;color:var(--sq-lilac);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:inline-flex}.game-search-chip-remove:hover{background:var(--sq-panel)}.game-search-chip-remove:focus-visible{outline:2px solid var(--sq-gold);outline-offset:1px}.game-search-field{background:var(--sq-panel-2);border:1px solid var(--sq-border);border-radius:8px;align-items:center;gap:8px;height:36px;padding:0 10px;display:flex;position:relative}.game-search-input{min-width:0;font-family:var(--app-body);color:var(--sq-parchment);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.game-search-input::placeholder{color:var(--sq-lilac)}.game-search-input:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px;border-radius:4px}.game-search-status{font-family:var(--app-body);color:var(--sq-lilac);padding:0 2px;font-size:.8125rem}.game-search-retry{border:1px solid var(--sq-border);color:var(--sq-parchment);font-family:var(--app-body);cursor:pointer;background:0 0;border-radius:6px;margin-left:8px;padding:2px 8px;font-size:.8125rem}.game-search-retry:hover{background:var(--sq-panel)}.game-search-retry:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.game-search-results{background:var(--sq-panel-2);border:1px solid var(--sq-border);z-index:20;border-radius:8px;max-height:280px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 18px #00000073}.game-search-result{text-align:left;width:100%;color:var(--sq-parchment);font-family:var(--app-body);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-size:.875rem;display:block}.game-search-result[aria-selected=true],.game-search-result:hover{background:var(--sq-panel)}.profile-games-page{max-width:42rem;color:var(--sq-parchment);margin:0 auto;padding:2rem 1.25rem 4rem}.profile-games-back{color:var(--sq-gold)}.profile-games-page h1{margin:1.5rem 0 .5rem}.profile-games-intro{color:var(--sq-lilac)}.profile-games-empty,.profile-games-cap{color:var(--sq-lilac);margin-top:1.25rem}.profile-games-error{color:var(--sq-red);margin-top:1rem}.feedback-screen{min-height:100%;padding:20px 0;display:flex}.feedback-container{width:100%}.feedback-container h1{font-family:var(--app-disp);color:var(--sq-parchment);margin:0 0 24px;font-size:1.5rem}.form-section{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.section-label{font-family:var(--app-body);color:var(--sq-parchment);font-size:.9rem;font-weight:500}.radio-group{border:none;flex-direction:column;gap:12px;margin:0;padding:0;display:flex}.radio-option{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px;transition:background-color .2s;display:flex}.radio-option:hover{background-color:#ffffff0d}.radio-option input[type=radio]{cursor:pointer;flex-shrink:0}.radio-option label{align-items:center;gap:var(--sq-space-2);cursor:pointer;color:var(--sq-parchment);flex:1;margin:0;font-size:1rem;display:inline-flex}.message-field{font-family:var(--app-body);color:var(--sq-parchment);border:1px solid var(--sq-border);resize:vertical;background-color:#ffffff0d;border-radius:6px;min-height:120px;padding:12px;font-size:1rem;transition:border-color .2s,background-color .2s}.message-field:focus{border-color:var(--sq-gold);background-color:#ffffff14;outline:none}.message-field::placeholder{color:var(--sq-lilac)}.diagnostics-disclosure{border:1px solid var(--sq-border);background-color:#ffffff0d;border-radius:6px;margin-bottom:24px;padding:12px}.diagnostics-disclosure p{color:var(--sq-lilac);margin:0;font-size:.9rem;line-height:1.5}.error-message{color:var(--sq-error);background-color:#dc58581a;border:1px solid #dc58584d;border-radius:6px;margin-bottom:16px;padding:12px;font-size:.9rem}.submit-button{width:100%}@media (width<=600px){.feedback-screen{padding:16px 0}.feedback-container h1{font-size:1.25rem}.message-field{min-height:100px}}.signin-container{background:var(--sq-ink);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.signin-card{border:1px solid var(--sq-border);background:var(--sq-panel);border-radius:8px;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:380px;padding:2rem;display:flex}.signin-header{text-align:center}.signin-brand{font-family:var(--app-disp);letter-spacing:.05em;color:var(--sq-gold);margin:0 0 .5rem;font-size:1.75rem;font-weight:400}.signin-tagline{font-family:var(--app-body);color:var(--sq-parchment);margin:0;font-size:.95rem;font-weight:400;line-height:1.5}.signin-error{text-align:center;background:#e0435c1a;border-radius:4px;width:100%;padding:.75rem 0}.signin-error p{color:var(--sq-red);margin:0;font-size:.95rem;font-weight:400}.signin-button{width:100%}.signin-legal{justify-content:center;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.signin-link{color:var(--sq-parchment);text-decoration:none;transition:color .2s}.signin-link:hover{color:var(--sq-gold)}.signin-link:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px;border-radius:2px}.signin-link-divider{color:var(--sq-parchment);opacity:.5}@media (width<=480px){.signin-card{gap:1.5rem;max-width:100%;padding:1.5rem 1rem}.signin-brand{font-size:1.5rem}.signin-tagline{font-size:.9rem}}.onboarding-container{background:var(--sq-ink);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.onboarding-card{border:1px solid var(--sq-border);background:var(--sq-panel);border-radius:8px;flex-direction:column;gap:1rem;width:100%;max-width:380px;padding:2rem;display:flex}.onboarding-step{color:var(--sq-gold);letter-spacing:.08em;margin:0;font-size:.75rem}.onboarding-card h1{color:var(--sq-parchment);font-family:var(--app-disp);margin:0;font-size:1.75rem;font-weight:400}.onboarding-copy{color:var(--sq-lilac);margin:0;line-height:1.5}.onboarding-card form{flex-direction:column;gap:.75rem;display:flex}.onboarding-card label{color:var(--sq-parchment)}.onboarding-card input{box-sizing:border-box;border:1px solid var(--sq-border);background:var(--sq-ink);width:100%;color:var(--sq-parchment);font:inherit;border-radius:4px;padding:.75rem}.onboarding-card input:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.onboarding-error{color:var(--sq-red);margin:0}.onboarding-vibes{flex-wrap:wrap;gap:.6rem;display:flex}.onboarding-vibe,.onboarding-skip{border:1px solid var(--sq-border);min-height:44px;color:var(--sq-parchment);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.65rem .9rem}.onboarding-vibe.is-selected{border-color:var(--sq-gold);background:color-mix(in srgb, var(--sq-gold) 18%, transparent);color:var(--sq-gold)}.onboarding-skip{color:var(--sq-lilac);border:0;align-self:flex-start;padding-inline:0}.onboarding-game-status{color:var(--sq-lilac);line-height:1.5}.onboarding-game-status p{margin:.5rem 0}.onboarding-game-status ul{margin:.25rem 0 .75rem;padding-left:1.25rem}.onboarding-game-status a{color:var(--sq-gold)}.legal-page-container{background:var(--sq-ink);justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem 1rem;display:flex;overflow-y:auto}.legal-page-content{box-sizing:border-box;width:min(100%, var(--sq-w-reading));flex-direction:column;gap:2rem;display:flex}.legal-page-header{flex-direction:column;gap:1rem;display:flex}.legal-page-back-link{width:fit-content;color:var(--sq-parchment);font-family:var(--app-body);cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem;font-weight:400;text-decoration:none;transition:color .2s}.legal-page-back-link:hover{color:var(--sq-gold)}.legal-page-back-link:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px;border-radius:2px;margin:-.25rem -.5rem;padding:.25rem .5rem}.legal-page-title{font-family:var(--app-disp);color:var(--sq-parchment);margin:0;font-size:2rem}.legal-page-body{font-family:var(--app-body);color:var(--sq-parchment);flex-direction:column;gap:1.5rem;font-size:1rem;font-weight:400;line-height:1.6;display:flex}.legal-page-body p{margin:0}.legal-page-body h2{font-family:var(--app-body);color:var(--sq-gold);margin:1rem 0 .5rem;padding:0;font-size:1.25rem}@media (width<=600px){.legal-page-container{padding:1.5rem 1rem}.legal-page-content{gap:1.5rem}.legal-page-title{font-size:1.5rem}.legal-page-body{gap:1rem;font-size:.95rem}.legal-page-body h2{font-size:1.1rem}}.licenses-container{box-sizing:border-box;width:min(calc(100% - 32px), var(--sq-w-reading));flex-direction:column;margin-inline:auto;display:flex}.licenses-title{font-family:var(--app-disp);color:var(--sq-parchment);margin:1.5rem 0;padding:0;font-size:2rem}.licenses-intro{font-family:var(--app-body);color:var(--sq-parchment);margin:0 0 1.5rem;padding:0;font-size:1rem}.licenses-list{border:1px solid var(--sq-border);border-radius:8px;flex-direction:column;gap:0;display:flex;overflow:hidden}.licenses-item{border:none;border-bottom:1px solid var(--sq-border);background:0 0;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.licenses-item:last-child{border-bottom:none}.licenses-item-name{font-family:var(--app-body);color:var(--sq-parchment);font-size:1rem;font-weight:600}.licenses-item-license{font-family:var(--app-body);color:var(--sq-border);font-size:.875rem}.not-found{display:flex}.not-found--standalone{min-height:100dvh}.not-found--nested{height:100%}.playlists-screen{flex-direction:column;gap:12px;min-height:100%;padding:12px 0;display:flex}.playlists-title{color:var(--sq-parchment);font-family:var(--app-disp);margin:0;font-size:1.25rem;font-weight:400}.playlists-state{color:var(--sq-parchment);align-items:center;gap:var(--sq-space-3);text-align:center;flex-direction:column;justify-content:center;min-height:220px;padding:2rem;display:flex}.playlists-state p{margin:0}.playlists-state button{background:var(--sq-red);border:1px solid var(--sq-red);border-radius:var(--sq-radius-md);color:var(--sq-ink);cursor:pointer;font-family:var(--app-body);padding:var(--sq-space-2) var(--sq-space-4);font-weight:700}.playlists-state button:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.playlists-grid{gap:var(--sq-space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.playlist-tile{background:var(--sq-panel);border:1px solid var(--sq-border);border-radius:var(--sq-radius-md);box-sizing:border-box;color:var(--sq-parchment);align-items:center;gap:var(--sq-space-2);min-height:156px;padding:var(--sq-space-4) var(--sq-space-3);text-align:center;flex-direction:column;justify-content:center;text-decoration:none;transition:background-color .2s,border-color .2s;display:flex}button.playlist-tile{cursor:pointer;font:inherit}.playlist-tile:hover{background:var(--sq-panel-2);border-color:var(--sq-gold)}.playlist-tile:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.playlist-tile--new{border-style:dashed}.playlist-tile-name{color:var(--sq-parchment);font-family:var(--app-body);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1rem;font-weight:700;overflow:hidden}.playlist-tile-subtitle{color:var(--sq-lilac);font-family:var(--app-mono);font-size:.75rem}@media (width<=600px){.playlists-grid{grid-template-columns:repeat(2,1fr)}}.playlist-contents{max-width:var(--sq-w-wide,1440px);padding:var(--sq-space-3,12px) 0;margin:0 auto}.playlist-contents-titlebar,.playlist-contents-actions,.playlist-delete-actions{align-items:center;gap:var(--sq-space-3,12px);justify-content:space-between;display:flex}.playlist-contents-titlebar h1{color:var(--sq-parchment);font-family:var(--app-disp);margin:0;font-size:1.5rem;font-weight:400}.playlist-contents-titlebar p,.playlist-contents-empty{color:var(--sq-lilac);font-family:var(--app-mono);margin:var(--sq-space-1,4px) 0 0}.playlist-contents-actions button,.playlist-delete-actions button{background:var(--sq-panel-2);border:1px solid var(--sq-border);border-radius:var(--sq-radius-md);color:var(--sq-parchment);cursor:pointer;font:inherit;padding:var(--sq-space-2) var(--sq-space-3)}.playlist-contents-actions button:focus-visible,.playlist-delete-actions button:focus-visible,.playlist-song-row:focus-visible,.playlist-drag-handle:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.playlist-contents-delete{background:var(--sq-red)!important;border-color:var(--sq-red)!important}.playlist-contents-error{color:var(--sq-red);margin-top:var(--sq-space-3,12px)}.playlist-live-region,.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.playlist-song-table{border:1px solid var(--sq-border);border-radius:var(--sq-radius-md);color:var(--sq-parchment);margin-top:var(--sq-space-4,16px);overflow:hidden}.playlist-song-header,.playlist-song-row{grid-template-columns:48px minmax(180px,2.5fr) minmax(130px,1.3fr) minmax(130px,1.3fr) 72px;display:grid}.playlist-song-header{background:var(--sq-panel-2);color:var(--sq-lilac);font-family:var(--app-mono);text-transform:uppercase;font-size:.75rem}.playlist-song-row{border-top:1px solid var(--sq-border);cursor:pointer;min-height:48px}.playlist-song-row:hover,.playlist-song-row--dragging{background:var(--sq-panel-2)}.playlist-song-cell{min-width:0;padding:var(--sq-space-2) var(--sq-space-3);align-items:center;display:flex}.playlist-song-cell--title,.playlist-song-cell--artist,.playlist-song-cell--game{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-song-title{color:var(--sq-parchment)}.playlist-song-cell--duration{justify-content:flex-end}.playlist-drag-handle{color:var(--sq-lilac);cursor:grab;padding:var(--sq-space-1);touch-action:none;background:0 0;border:0;font-size:1.2rem}.playlist-drag-handle:active{cursor:grabbing}.playlist-song-position{display:none}.playlist-contents-state{color:var(--sq-parchment);justify-content:center;align-items:center;min-height:220px;display:flex}.playlist-delete-backdrop{z-index:999;background:#00000080;position:fixed;inset:0}.playlist-delete-dialog{background:var(--sq-panel);border-radius:var(--sq-radius-md);color:var(--sq-parchment);gap:var(--sq-space-3);max-width:min(480px,90vw);padding:var(--sq-space-5,20px);z-index:1000;flex-direction:column;width:100%;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0000004d}.playlist-delete-dialog h2,.playlist-delete-dialog p{margin:0}@media (width<=700px){.playlist-contents-titlebar{flex-direction:column;align-items:flex-start}.playlist-song-header,.playlist-song-row{grid-template-columns:44px minmax(0,1fr) 64px}.playlist-song-cell--artist,.playlist-song-cell--game,.playlist-song-header .playlist-song-cell--artist,.playlist-song-header .playlist-song-cell--game{display:none}}