*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;-webkit-text-size-adjust:100%;background:#0f0f0f;height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{flex-direction:column;height:100dvh;display:flex}html,body{overscroll-behavior:none}button,a,input{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.app-nav{padding-top:max(.5rem, env(safe-area-inset-top))!important;padding-left:max(.75rem, env(safe-area-inset-left))!important;padding-right:max(.75rem, env(safe-area-inset-right))!important}.skeleton{background:linear-gradient(90deg,#242424 0%,#333 50%,#242424 100%) 0 0/200% 100%;border-radius:6px;animation:1.4s ease-in-out infinite skeleton-pulse;display:inline-block}.skeleton-name{width:7rem;max-width:22vw;height:1.4rem}.skeleton-par{border-radius:12px;width:4rem;max-width:16vw;height:1.6rem}.skeleton-move{width:60%;height:.9rem}@keyframes skeleton-pulse{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.pair-card:not([aria-expanded=true]):hover{border-color:#444!important}.pair-card:focus-visible{outline-offset:2px;outline:2px solid #48dbfb}.spinner{border:2px solid #444;border-top-color:#ff6b6b;border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.home-title{width:fit-content}.home-title,.nav-brand{view-transition-name:site-title}.app-nav{view-transition-name:app-nav}::view-transition-group(*){animation-duration:.3s;animation-timing-function:ease-out}::view-transition-old(*){animation-duration:.3s;animation-timing-function:ease-out}::view-transition-new(*){animation-duration:.3s;animation-timing-function:ease-out}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-group(site-title){animation-duration:.4s;animation-timing-function:cubic-bezier(.5,-.35,.4,1.35);animation-timing-function:linear(0, -.007, -.013, -.021, -.031, -.043, -.056, -.07, -.083, -.096, -.105, -.109, -.105, -.088, -.054, 0, .067, .133, .2, .267, .333, .4, .467, .533, .6, .667, .733, .8, .867, .933, 1, 1.054, 1.087, 1.103, 1.105, 1.098, 1.086, 1.071, 1.056, 1.041, 1.027, 1.016, 1.007, 1, .996, .993, .992, .992, .992, .993, .994, .995, .997, .998, .999, .999, 1, 1, 1.001, 1.001, 1)}::view-transition-new(app-nav):only-child{animation-duration:.4s;animation-timing-function:cubic-bezier(.5,-.35,.4,1.35);animation-timing-function:linear(0, -.007, -.013, -.021, -.031, -.043, -.056, -.07, -.083, -.096, -.105, -.109, -.105, -.088, -.054, 0, .067, .133, .2, .267, .333, .4, .467, .533, .6, .667, .733, .8, .867, .933, 1, 1.054, 1.087, 1.103, 1.105, 1.098, 1.086, 1.071, 1.056, 1.041, 1.027, 1.016, 1.007, 1, .996, .993, .992, .992, .992, .993, .994, .995, .997, .998, .999, .999, 1, 1, 1.001, 1.001, 1)}::view-transition-old(app-nav):only-child{animation-duration:.4s;animation-timing-function:cubic-bezier(.5,-.35,.4,1.35);animation-timing-function:linear(0, -.007, -.013, -.021, -.031, -.043, -.056, -.07, -.083, -.096, -.105, -.109, -.105, -.088, -.054, 0, .067, .133, .2, .267, .333, .4, .467, .533, .6, .667, .733, .8, .867, .933, 1, 1.054, 1.087, 1.103, 1.105, 1.098, 1.086, 1.071, 1.056, 1.041, 1.027, 1.016, 1.007, 1, .996, .993, .992, .992, .992, .993, .994, .995, .997, .998, .999, .999, 1, 1, 1.001, 1.001, 1)}::view-transition-new(app-nav){box-shadow:0 -24px #1a1a1a}::view-transition-old(app-nav){box-shadow:0 -24px #1a1a1a}::view-transition-group(site-title){z-index:1}::view-transition-new(app-nav):only-child{animation-name:nav-slide-in}::view-transition-old(app-nav):only-child{animation-name:nav-slide-out}@keyframes nav-slide-in{0%{transform:translateY(-100%)}}@keyframes nav-slide-out{to{transform:translateY(-100%)}}@media (prefers-reduced-motion:reduce){.progress-fill{transition:none!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.site-footer{padding-bottom:max(.3rem, env(safe-area-inset-bottom))!important}.home-card:hover{background:#202020!important;border-color:#ff6b6b!important}.home-card:focus-visible{outline-offset:2px;outline:2px solid #48dbfb}.game-buttons button:disabled{opacity:.45;cursor:default}@media (width<=640px){.graph-legend .graph-legend-row{min-height:44px}.app-nav{gap:.75rem!important}.nav-brand{white-space:nowrap;font-size:1rem!important}.nav-current,.nav-toggle{justify-content:center;align-items:center;display:inline-flex!important}.nav-links{background:#1a1a1a;border-bottom:1px solid #2a2a2a;flex-direction:column;padding:.25rem 0;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 16px #00000080;gap:0!important;display:none!important}.nav-links.open{display:flex!important}.nav-link{padding:.85rem max(1rem, env(safe-area-inset-left))!important;border-radius:0!important;font-size:1rem!important}.search-bar{flex-wrap:nowrap!important;gap:.4rem!important}.search-group{flex:auto!important;gap:.4rem!important}.search-group button,.search-reset{min-height:40px;padding-left:.65rem!important;padding-right:.65rem!important}.search-group input{min-height:40px}.info-panel{z-index:50;border-top:1px solid #2a2a2a;border-radius:12px 12px 0 0;max-height:45%;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000080;border-left:none!important;width:auto!important}.info-close{min-width:44px;min-height:44px}.info-panel .info-link{min-height:44px}.home-links{grid-template-columns:1fr!important;gap:.75rem!important}.home-page.page-container{padding-bottom:0!important}.home-page .site-footer{margin-left:-1rem!important;margin-right:-1rem!important}.home-card{min-height:88px!important;padding:1rem!important}.date-input{min-height:44px}.page-container{padding:1rem 1rem max(1.5rem, env(safe-area-inset-bottom))!important}.page-container input{min-width:0}.page-title{font-size:1.35rem!important}.endpoints-card{width:100%;gap:.75rem!important;padding:1rem!important}.endpoint-name{text-align:center;font-size:1.1rem!important}.moves-list{max-height:45dvh!important}.move-item{min-height:44px;font-size:.95rem!important}.game-buttons{width:100%}.game-buttons button{flex:1 1 0;min-height:44px;padding-left:.5rem!important;padding-right:.5rem!important}.chip-remove{min-width:28px;min-height:28px}.artist-option{min-height:44px}.artist-suggestions{max-height:45vh!important}.search-bar{position:relative}.search-bar .artist-autocomplete{position:static!important}.search-bar .artist-suggestions{top:calc(100% - .25rem)!important;left:.75rem!important;right:.75rem!important}}@keyframes highlight-fade{0%{background-color:#ff6b6b40;border-color:#ff6b6b;box-shadow:0 0 8px #ff6b6b66}to{box-shadow:none;background-color:#2a2a2a;border-color:#444}}.search-input-highlight{animation:.8s ease-out forwards highlight-fade}