.settings-page[data-v-e9e628a6]{position:relative;min-height:100svh;overflow:hidden;background-image:url(https://images.unsplash.com/photo-1489599849927-2ee91cede3ba?auto=format&fit=crop&w=1600&q=80);background-size:cover;background-position:center;background-repeat:no-repeat;isolation:isolate}.settings-page .overlay[data-v-e9e628a6]{position:absolute;inset:0;background:linear-gradient(180deg,#080a128c,#080a12d1),radial-gradient(circle at center,#ffffff0d,#fff0 60%);z-index:0}.settings-page .page-shell[data-v-e9e628a6]{position:relative;z-index:1;min-height:100dvh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.settings-page .settings-card[data-v-e9e628a6]{width:100%;max-width:720px;max-height:calc(100dvh - 40px - env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:20px 16px;border-radius:24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);box-shadow:0 12px 30px #0000002e}.settings-page .back-link[data-v-e9e628a6]{display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px;padding:8px 12px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#ffffffd1;font-size:13px;font-weight:700;text-decoration:none;backdrop-filter:blur(8px);transition:background .2s ease,border-color .2s ease,color .2s ease}.settings-page .back-link[data-v-e9e628a6]:hover{background:#ffffff24;border-color:#ffffff29;color:#fff}.settings-page .header[data-v-e9e628a6]{text-align:center}.settings-page .eyebrow[data-v-e9e628a6]{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffffffb8}.settings-page .title[data-v-e9e628a6]{margin:0;font-size:clamp(32px,8vw,52px);line-height:.95;font-weight:900;letter-spacing:-.03em;color:#fff;text-shadow:0 10px 30px rgba(0,0,0,.35)}.settings-page .state-box[data-v-e9e628a6]{margin-top:24px;padding:18px;border-radius:18px;background:#ffffff14;color:#fffc;text-align:center;font-size:14px;font-weight:600}.settings-page .form-block[data-v-e9e628a6]{margin-top:24px;display:flex;flex-direction:column;gap:12px}.settings-page .field-label[data-v-e9e628a6]{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8}.settings-page .field-input[data-v-e9e628a6]{width:100%;height:50px;padding:0 16px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#fff;font-size:15px;outline:none;backdrop-filter:blur(8px);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.settings-page .field-input[data-v-e9e628a6]::placeholder{color:#ffffff73}.settings-page .field-input[data-v-e9e628a6]:focus{border-color:#ffffff47;background:#ffffff1a;box-shadow:0 0 0 3px #ffffff0f}.settings-page .save-button[data-v-e9e628a6]{margin-top:4px;height:50px;padding:0 18px;border:0;border-radius:16px;background:#ffffff29;color:#fff;font-size:15px;font-weight:800;cursor:pointer;backdrop-filter:blur(8px);transition:background .2s ease,transform .2s ease,opacity .2s ease}.settings-page .save-button[data-v-e9e628a6]:disabled{opacity:.6;cursor:not-allowed}.settings-page .save-button[data-v-e9e628a6]:hover:not(:disabled){background:#ffffff38}@media (min-width: 768px){.settings-page .page-shell[data-v-e9e628a6]{padding:32px 20px calc(32px + env(safe-area-inset-bottom));align-items:center}.settings-page .settings-card[data-v-e9e628a6]{padding:28px 24px;max-height:calc(100dvh - 64px - env(safe-area-inset-bottom))}.settings-page .back-link[data-v-e9e628a6]{margin-bottom:18px;font-size:14px}}@font-face{font-family:Galano Grotesque Alt;src:url(/assets/GALANO%20GROTESQUE%20ALT%20LIGHT-3DCwdOXX.OTF) format("opentype")}@font-face{font-family:Open Sans;src:url(/assets/OpenSans-VariableFont_wdth_wght-BZBpG5Iz.ttf) format("truetype")}@keyframes underline-animation-e9e628a6{0%{width:0}to{width:100%}}@keyframes fade-in-e9e628a6{0%{opacity:0}to{opacity:1}}@keyframes slide-from-bot-e9e628a6{0%{opacity:0}to{opacity:1}}@keyframes slide-from-bot2-e9e628a6{0%{transform:translateY(50px)}to{transform:translateY(0);opacity:1}}@keyframes appear1-e9e628a6{0%{padding-top:50px}to{padding-top:0;opacity:1}}@keyframes bounce-e9e628a6{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-50px)}40%{transform:scale(1.05,.95) translateY(0)}47%{transform:scale(1) translateY(-10px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes bounce-sm-e9e628a6{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-30px)}40%{transform:scale(1.05,.95) translateY(0)}47%{transform:scale(1) translateY(-7px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fade-in-scale-e9e628a6{0%{opacity:0;transform:scale(.1)}to{opacity:1;transform:scale(1)}}body[data-v-e9e628a6]{overflow:hidden;height:100vh;padding:0;margin:0 auto;color:#000;font-display:swap;font-family:Roboto,Galano Grotesque Alt,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:relative}.init-hidden[data-v-e9e628a6]{opacity:0}[data-v-e9e628a6]::-webkit-scrollbar{width:8px}[data-v-e9e628a6]::-webkit-scrollbar-track{background:transparent}[data-v-e9e628a6]::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px;border:2px solid transparent;background-clip:padding-box}[data-v-e9e628a6]::-webkit-scrollbar-thumb:hover{background:#ffffff3d;border:2px solid transparent;background-clip:padding-box}.music-classic-game-page[data-v-e9e628a6]{--pad: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--top-clearance: 54px;--bottom-clearance: 56px;position:relative;width:100%;height:100dvh;background:#0d1015;overflow:hidden}.music-classic-game-page--correct .album-panel__tint[data-v-e9e628a6]{background:#2482481f}.music-classic-game-page--wrong .album-panel__tint[data-v-e9e628a6]{background:#aa323224}.game-canvas[data-v-e9e628a6]{position:absolute;inset:0;padding:calc(var(--pad) + var(--safe-top)) calc(var(--pad) + var(--safe-right)) calc(var(--pad) + var(--safe-bottom)) calc(var(--pad) + var(--safe-left));box-sizing:border-box}.back-link[data-v-e9e628a6],.round-badge[data-v-e9e628a6],.attribution-badge[data-v-e9e628a6],.instruction-badge[data-v-e9e628a6]{position:absolute;z-index:8;border-radius:999px;background:#12161db8;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px)}.back-link[data-v-e9e628a6],.round-badge[data-v-e9e628a6]{top:calc(var(--pad) + var(--safe-top));border:none;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;line-height:1;background:#00000038;color:#ffffffc7;backdrop-filter:blur(6px);transition:background .2s ease,color .2s ease,opacity .2s ease}.back-link[data-v-e9e628a6]{left:calc(var(--pad) + var(--safe-left));text-decoration:none;transition:background .2s ease,border-color .2s ease}.back-link[data-v-e9e628a6]:hover{background:#181d26db;border-color:#ffffff24}.round-badge[data-v-e9e628a6]{right:calc(var(--pad) + var(--safe-right));pointer-events:none}.attribution-badge[data-v-e9e628a6]{left:50%;transform:translate(-50%);right:calc(var(--pad) + var(--safe-right));bottom:calc(var(--pad) + var(--safe-bottom));pointer-events:auto;border-radius:999px;padding:6px 18px;background:#0000002e;color:#ffffff9e;font-size:10px;font-weight:500;line-height:1.2;text-align:center;backdrop-filter:blur(6px);width:calc(100vw - 16px);border:none}.instruction-badge[data-v-e9e628a6]{left:50%;top:calc(50% - 50px);transform:translate(-50%);padding:7px 12px;color:#ffffffd1;font-size:11px;font-weight:600;line-height:1.2;text-align:center;max-width:min(260px,100% - 32px);pointer-events:none}.panels-grid[data-v-e9e628a6],.loading-state[data-v-e9e628a6]{position:absolute;inset:0}.panels-grid[data-v-e9e628a6]{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr}.album-panel[data-v-e9e628a6]{position:relative;min-height:0;overflow:hidden;background:#141922;cursor:pointer;opacity:1;transform:scale(1);transition:opacity .26s ease,transform .26s ease}.album-panel.is-disabled[data-v-e9e628a6]{pointer-events:none}.album-panel.is-fading[data-v-e9e628a6]{opacity:0;transform:scale(1.01)}.album-panel__bg[data-v-e9e628a6],.album-panel__overlay[data-v-e9e628a6],.album-panel__tint[data-v-e9e628a6]{position:absolute;inset:0}.album-panel__bg[data-v-e9e628a6]{background-image:var(--album-cover-image);background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.01);filter:blur(1.5px);opacity:.34}.album-panel__overlay[data-v-e9e628a6]{background:linear-gradient(180deg,#0b0e138f,#0b0e13b3),radial-gradient(circle at center,#ffffff06,#fff0 62%);transition:background .2s ease}.album-panel__tint[data-v-e9e628a6]{background:transparent;transition:background .22s ease}.album-panel__content[data-v-e9e628a6]{position:relative;z-index:1;width:100%;height:100%;padding:14px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.album-card[data-v-e9e628a6]{display:grid;grid-template-columns:minmax(104px,38%) minmax(0,1fr);align-items:center;gap:12px;width:min(100%,360px);padding:12px;box-sizing:border-box;border-radius:20px;background:#181d266b;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 22px #0003,inset 0 1px #ffffff0a;transition:background .2s ease,border-color .2s ease}.album-panel:hover .album-card[data-v-e9e628a6]{background:#1e242e80;border-color:#ffffff24}.album-panel:hover .album-panel__overlay[data-v-e9e628a6]{background:linear-gradient(180deg,#0b0e1380,#0b0e13a3),radial-gradient(circle at center,#ffffff09,#fff0 62%)}.album-card__cover[data-v-e9e628a6]{width:100%;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#ffffff0d;box-shadow:0 8px 18px #0000002e,0 0 0 1px #ffffff0f}.album-card__cover img[data-v-e9e628a6]{display:block;width:100%;height:100%;object-fit:cover}.album-card__cover.is-fallback[data-v-e9e628a6]{position:relative;background:linear-gradient(180deg,#2a303deb,#1a1e27f5)}.album-card__cover-fallback[data-v-e9e628a6]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#ffffffc7}.album-card__cover-icon[data-v-e9e628a6]{font-size:clamp(20px,4vw,28px);line-height:1;opacity:.73}.album-card__meta[data-v-e9e628a6]{min-width:0;text-align:left}.album-card__title[data-v-e9e628a6]{margin:0;color:#fff;font-size:clamp(18px,4.6vw,24px);font-weight:800;line-height:1.14;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.album-card__artist[data-v-e9e628a6]{margin:7px 0 0;color:#ffffffb8;font-size:clamp(13px,3.5vw,15px);font-weight:500;line-height:1.28;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.vs-badge[data-v-e9e628a6],.loading-badge[data-v-e9e628a6]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:7;width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f3f3f3;color:#111;font-size:24px;font-weight:900;box-shadow:0 10px 24px #00000038;pointer-events:none}.vs-badge[data-v-e9e628a6]{transition:background .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease}.vs-badge.is-loading[data-v-e9e628a6]{transform:translate(-50%,-50%) scale(.96)}.vs-badge.is-correct[data-v-e9e628a6]{background:#31b45a;color:#fff;box-shadow:0 10px 26px #31b45a47}.vs-badge.is-wrong[data-v-e9e628a6]{background:#d03e3e;color:#fff;box-shadow:0 10px 26px #d03e3e47}.wrong-actions[data-v-e9e628a6]{position:absolute;left:50%;top:calc(50% + 54px);transform:translate(-50%);z-index:8}.play-again-button[data-v-e9e628a6]{padding:12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#12161dd6;color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 10px 22px #0000002e}.loading-spinner[data-v-e9e628a6]{width:30px;height:30px;border-radius:50%;border:4px solid rgba(17,17,17,.14);border-top-color:#111;animation:loading-spin-e9e628a6 .85s linear infinite}@keyframes loading-spin-e9e628a6{to{transform:rotate(360deg)}}@media (min-width: 768px){.music-classic-game-page[data-v-e9e628a6]{--pad: 20px;--top-clearance: 64px;--bottom-clearance: 60px}.panels-grid[data-v-e9e628a6]{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.instruction-badge[data-v-e9e628a6]{top:calc(var(--pad) + var(--safe-top) + 2px);max-width:min(360px,100% - 240px)}.album-card[data-v-e9e628a6]{width:min(100%,304px);grid-template-columns:1fr;grid-template-rows:auto auto;justify-items:stretch;padding:14px;gap:14px}.album-card__cover[data-v-e9e628a6]{width:100%;max-width:none}.album-card__meta[data-v-e9e628a6]{text-align:center}.album-card__title[data-v-e9e628a6]{font-size:clamp(22px,2vw,28px)}.album-card__artist[data-v-e9e628a6]{font-size:clamp(14px,1.1vw,16px)}.attribution-badge[data-v-e9e628a6]{width:auto;max-width:min(720px,100% - 32px)}.vs-badge[data-v-e9e628a6],.loading-badge[data-v-e9e628a6]{width:78px;height:78px;font-size:22px}.wrong-actions[data-v-e9e628a6]{top:50%;left:calc(50% + 58px);transform:translateY(-50%)}}