.rolling-staff-container.svelte-1r3x5vy{width:100%;margin-bottom:1rem}.staff-viewport.svelte-1r3x5vy{position:relative;width:100%;height:180px;overflow:hidden;touch-action:none}.playhead.svelte-1r3x5vy{position:absolute;top:0;bottom:0;width:2px;background:var(--color-brand-green);opacity:.3;z-index:10;pointer-events:none}.rolling-staff-wrapper.svelte-1r3x5vy{display:inline-flex;align-items:center;justify-content:flex-start;min-width:100%;height:180px;background:#fff;will-change:transform}.fade-overlay.svelte-1r3x5vy{pointer-events:none;position:absolute;inset:0;background:linear-gradient(to right,#fff,#fff0 40% 90%,#fff);z-index:5}.text-dark-blue.svelte-1oy9vxa{color:var(--color-dark-blue)}.player-box.svelte-1oy9vxa{border-radius:.75rem;border:1px solid rgb(226 232 240);background-color:#f8fafc;padding:1rem}.selectors.svelte-1oy9vxa{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.selector-item.svelte-1oy9vxa{padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}@media(min-width:520px){.selectors.svelte-1oy9vxa{flex-direction:row;gap:1rem;width:100%}.selector-item.svelte-1oy9vxa{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0}}.play-button.svelte-1oy9vxa{display:flex;height:3.5rem;width:3.5rem;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--color-dark-blue);color:var(--color-off-white);box-shadow:0 4px 6px -1px #0000001a;transition:all .15s ease-in-out;cursor:pointer;border:none}.play-button.svelte-1oy9vxa:hover{background-color:var(--color-dark-blue-highlight);color:var(--color-off-white);box-shadow:0 10px 15px -3px #0000001a}.play-button.svelte-1oy9vxa:active{transform:scale(.95)}.play-button.svelte-1oy9vxa:disabled{cursor:not-allowed}.control-button.svelte-1oy9vxa{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:.5rem;background-color:#f1f5f9;color:#64748b;border:1px solid rgb(226 232 240);transition:all .15s ease-in-out;cursor:pointer}.control-button.svelte-1oy9vxa:hover{background-color:#e2e8f0;color:var(--color-dark-blue)}.control-button.svelte-1oy9vxa:active{transform:scale(.95)}@keyframes svelte-1oy9vxa-spin{to{transform:rotate(360deg)}}.animate-spin{animation:svelte-1oy9vxa-spin 1s linear infinite}.repeat-button.svelte-1oy9vxa{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:.5rem;background-color:#f1f5f9;color:#64748b;border:1px solid rgb(226 232 240);transition:all .15s ease-in-out;cursor:pointer}.repeat-button.svelte-1oy9vxa:hover{background-color:#e2e8f0;color:var(--color-dark-blue)}.repeat-button.active.svelte-1oy9vxa{background-color:var(--color-dark-blue);color:#fff;border-color:var(--color-dark-blue)}.repeat-button.svelte-1oy9vxa:active{transform:scale(.95)}.progress-bar.svelte-1oy9vxa{height:.5rem;width:100%;cursor:pointer;appearance:none;-webkit-appearance:none;border-radius:.5rem;outline:none;background:linear-gradient(to right,var(--color-dark-blue) 0%,var(--color-dark-blue) var(--progress, 0%),rgb(226 232 240) var(--progress, 0%),rgb(226 232 240) 100%)}.progress-bar.svelte-1oy9vxa::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:1rem;height:1rem;border-radius:50%;background:var(--color-dark-blue);cursor:pointer;border:2px solid white;box-shadow:0 1px 2px #0000000d}.progress-bar.svelte-1oy9vxa::-webkit-slider-thumb:hover{background:var(--color-yellow);transform:scale(1.1)}.progress-bar.svelte-1oy9vxa::-moz-range-thumb{width:1rem;height:1rem;border-radius:50%;background:var(--color-dark-blue);cursor:pointer;border:2px solid white;box-shadow:0 1px 2px #0000000d}.progress-bar.svelte-1oy9vxa::-moz-range-thumb:hover{background:var(--color-yellow);transform:scale(1.1)}.game-card.svelte-wdqxgs{position:relative;display:block;border-radius:.75rem;background:#fff;border:1px solid rgb(226 232 240);box-shadow:0 1px 2px #0000000a;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.game-card.svelte-wdqxgs:before{content:"";display:block;padding-bottom:100%}.game-card.svelte-wdqxgs:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a;background:#f8fafc}.game-card__content.svelte-wdqxgs{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;text-align:center}.game-card__icon.svelte-wdqxgs{height:4rem;width:4rem;object-fit:contain}@media(min-width:640px){.game-card__icon.svelte-wdqxgs{height:5rem;width:5rem}}.game-card__title.svelte-wdqxgs{margin-top:.75rem;font-weight:600;color:#0f172a}.game-card__description.svelte-wdqxgs{margin-top:.25rem;font-size:.875rem;color:#475569}.game-card__badge.svelte-wdqxgs{position:absolute;top:.5rem;right:.5rem;background:#16a34a;color:#fff;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:700}.game-grid.svelte-1z9xcs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.75rem}@media(min-width:640px){.game-grid.svelte-1z9xcs{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}