/* MUSIC FM · Guess the Singer / Focused game edition */
body.mf-guess-body{background:#f1f5f8}
.mf-ga{--ga-ink:#092540;--ga-navy:#071f37;--ga-blue:#165d91;--ga-light:#e9f3f9;--ga-line:#dce5ec;--ga-muted:#6d8295;direction:rtl;min-height:70vh;padding:26px 16px 60px;color:var(--ga-ink);background:linear-gradient(180deg,#f4f8fb,#edf2f6)}
.mf-ga *{box-sizing:border-box}
.mf-ga__wrap{width:min(1200px,100%);margin:auto}
.mf-ga__breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#8a9aab;font-size:12px;margin:0 0 22px}
.mf-ga__breadcrumbs a{color:#6b8197;text-decoration:none}.mf-ga__breadcrumbs a:hover{color:#115985}
.mf-ga__intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 27px}
.mf-ga__eyebrow{display:inline-flex;align-items:center;gap:9px;color:#1976ad;font:800 11px/1.4 'IBM Plex Sans Hebrew',Arial,sans-serif;letter-spacing:.07em;margin-bottom:11px}
.mf-ga__eyebrow i{width:7px;height:7px;background:#178ac3;border-radius:50%}
.mf-ga .mf-ga__intro h1{font-size:clamp(40px,4.6vw,63px);font-weight:900;line-height:1.17;letter-spacing:-.055em;margin:0 0 9px;color:#09243b}
.mf-ga__intro p{margin:0;color:#536e86;font-size:15px;line-height:1.8}
.mf-ga__intro-stamp{display:grid;justify-items:center;gap:8px;min-width:180px;border-right:1px solid #cedde8;padding-right:28px;color:#1b5a84}
.mf-ga__stamp-bars{display:flex;align-items:center;height:29px;gap:5px}.mf-ga__stamp-bars i{width:5px;background:#1d86b9;border-radius:3px;height:13px}.mf-ga__stamp-bars i:nth-child(2),.mf-ga__stamp-bars i:nth-child(4){height:24px}.mf-ga__stamp-bars i:nth-child(3){height:19px}
.mf-ga__intro-stamp strong{font:800 10px/1.4 Arial,sans-serif;letter-spacing:.18em;white-space:nowrap}

/* The score is supportive, never a separate dashboard. */
.mf-ga__scoreboard{display:grid;grid-template-columns:1fr .85fr .9fr 1.25fr;align-items:stretch;gap:0;border:1px solid var(--ga-line);border-bottom:0;background:#fff}
.mf-ga__scoreboard-cell{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:84px;padding:15px 24px;border-left:1px solid #e4ebf0}
.mf-ga__scoreboard-cell:last-child{border-left:0}.mf-ga__scoreboard-cell small{color:#7890a2;font-size:12px;line-height:1.3;font-weight:650}.mf-ga__scoreboard-cell strong{font-size:28px;line-height:1.06;font-weight:900;color:#103651;font-variant-numeric:tabular-nums}
.mf-ga__scoreboard-cell--lead{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;background:#f4faff}
.mf-ga__scoreboard-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #bdd9e9;color:#1879aa;font-size:19px}
.mf-ga__scoreboard-cell--xp strong{font-size:19px;color:#14598c;text-align:right}
.mf-ga__xp-track{height:4px;background:#e7eff5;overflow:hidden;margin-top:8px}.mf-ga__xp-track span{display:block;height:100%;width:0;background:#1e80b6;transition:width .45s ease}

.mf-ga__arena{position:relative;background:white;border:1px solid #d6e2eb;overflow:hidden;box-shadow:0 18px 44px rgba(10,37,65,.065)}
.mf-ga__arena-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;background:#09243d;color:#e9f5fc;font-size:12px}
.mf-ga__arena-onair{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-weight:800}
.mf-ga__arena-onair i{width:8px;height:8px;flex:0 0 auto;background:#72d1ff;border-radius:50%;box-shadow:0 0 0 4px rgba(114,209,255,.11);animation:mfGaOnAir 2.5s ease-in-out infinite}
.mf-ga__arena-onair span:last-child{font-weight:600;color:#9cb5c8}
.mf-ga__arena-divider{height:15px;width:1px;background:#47647b}
.mf-ga__arena-state{display:flex;gap:10px;align-items:center;font-weight:700}
.mf-ga__attempts{border:1px solid rgba(169,213,245,.24);padding:6px 10px;color:#b9dcef;font-weight:750}
.mf-ga__arena-content{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:0;align-items:stretch}
.mf-ga__visual{padding:22px;background:#f6f9fb;min-width:0;border-left:1px solid #e3ebf1}
.mf-ga__portrait{position:relative;aspect-ratio:1;max-height:510px;max-width:510px;margin:0 auto;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 25%,#214568,#071b2d 72%);border:1px solid #b7cbd9}
.mf-ga__portrait-grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.08;background-image:radial-gradient(#fff .6px,transparent .8px);background-size:6px 6px}
.mf-ga .mf-ga__portrait .mf-ga__render{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;opacity:0;visibility:hidden;transform:translateZ(0) scale(1.015);transition:opacity .26s ease-out,transform .35s ease-out,visibility 0s linear .26s;will-change:opacity,transform}
.mf-ga .mf-ga__portrait .mf-ga__render.is-visible{opacity:1;visibility:visible;transform:translateZ(0) scale(1);transition:opacity .26s ease-in-out,transform .35s ease-out,visibility 0s}
.mf-ga__portrait::after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(4,19,37,.02) 62%,rgba(4,19,37,.35) 100%);pointer-events:none}
.mf-ga__portrait-loading{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(circle at 50% 38%,#1a4166,#08223a 80%);color:#c3daeb;font-size:12px;transition:opacity .2s,visibility .2s}
.mf-ga__portrait:not(.is-busy) .mf-ga__portrait-loading{opacity:0;visibility:hidden;pointer-events:none}
.mf-ga__loader{width:40px;height:40px;border:2px solid rgba(255,255,255,.12);border-top-color:#77c9f4;border-radius:50%;animation:mfGaSpin .85s linear infinite}
.mf-ga__portrait.is-busy .mf-ga__portrait-loading{opacity:1;visibility:visible}
.mf-ga__portrait-fallback{position:absolute;z-index:6;inset:0;display:grid;place-items:center;padding:15px;color:#fff;background:#10314e;text-align:center;font-size:14px}
.mf-ga__portrait-fallback[hidden]{display:none}
.mf-ga__photo-index{position:absolute;z-index:3;right:13px;top:14px;font:750 9px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#f4fbff;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.mf-ga__portrait-badge{position:absolute;z-index:4;left:12px;bottom:13px;background:rgba(7,29,52,.86);border:1px solid rgba(190,224,247,.3);padding:8px 11px;color:#e3f3ff;font-size:11px;font-weight:800}
.mf-ga__reveal{position:absolute;z-index:5;right:0;left:0;bottom:0;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;padding:23px 18px 19px;background:linear-gradient(0deg,rgba(4,18,32,.96),rgba(4,18,32,.86) 78%,transparent);color:#fff}
.mf-ga__reveal[hidden]{display:none}.mf-ga__reveal>span{grid-row:span 2;display:grid;place-items:center;width:40px;height:40px;border:1px solid #7dbca5;color:#c0f0d7;font-weight:900;font-size:21px}.mf-ga__reveal.is-miss>span{border-color:#d5a19c;color:#ffd4ce}
.mf-ga__reveal small{font-size:11px;color:#bcd4e2}.mf-ga__reveal strong{font-size:24px;font-weight:900;color:#fff;line-height:1.35}

.mf-ga__play{min-width:0;padding:clamp(22px,3.5vw,42px);display:flex;flex-direction:column;justify-content:center}
.mf-ga__play-kicker{display:inline-block;color:#2277a6;font-size:12px;font-weight:850;letter-spacing:.06em;margin-bottom:9px}
.mf-ga .mf-ga__play h2{font-size:clamp(30px,3.2vw,43px);font-weight:900;letter-spacing:-.045em;line-height:1.16;margin:0 0 10px;color:#092a45}
.mf-ga__play-head>p{font-size:14px;color:#657e92;line-height:1.85;margin:0 0 23px;max-width:45ch}
.mf-ga__choices{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.mf-ga__choice{position:relative;display:flex;align-items:center;gap:11px;min-height:74px;text-align:right;border:1px solid #d4e1ea;background:#fafdff;color:#16354c;padding:12px 13px;font:800 16px/1.4 'IBM Plex Sans Hebrew',Arial,sans-serif;cursor:pointer;transition:background .17s,border-color .17s,transform .17s}
.mf-ga__choice:hover:not(:disabled){background:#eef7fc;border-color:#83b7d7;transform:translateY(-1px)}
.mf-ga__choice:focus-visible,.mf-ga__next:focus-visible{outline:3px solid #4aa4d9;outline-offset:2px}
.mf-ga__choice-letter{width:27px;height:27px;border:1px solid #d9e7f0;display:grid;place-items:center;color:#5d7d95;background:#edf4f9;font:800 12px/1 Arial,sans-serif;flex:0 0 auto}
.mf-ga__choice-name{min-width:0;flex:1;overflow-wrap:anywhere}.mf-ga__choice.is-wrong{color:#945259!important;border-color:#edcfd0!important;background:#fff4f4!important}.mf-ga__choice.is-correct{color:#216446!important;border-color:#9dc5b3!important;background:#edf8f3!important}.mf-ga__choice.is-wrong .mf-ga__choice-letter{color:#945259;background:#fae7e8}.mf-ga__choice.is-correct .mf-ga__choice-letter{color:#216446;background:#d9efe4}
.mf-ga__choice:disabled{opacity:1;cursor:default}
.mf-ga__result{display:flex;align-items:center;gap:14px;background:#f0faf5;border:1px solid #b6ddc5;margin-top:18px;padding:15px 16px;animation:mfGaResultEnter .3s both}
.mf-ga__result[hidden]{display:none}.mf-ga__result.is-miss{background:#fff5f4;border-color:#ebc7c4}
.mf-ga__result-symbol{width:39px;height:39px;flex:0 0 auto;border:1px solid #8dc4a3;display:grid;place-items:center;color:#1a8251;font-size:22px;font-weight:900}.mf-ga__result.is-miss .mf-ga__result-symbol{border-color:#d8a7a2;color:#9b4643}
.mf-ga__result strong{display:block;color:#124e32;font-size:18px;font-weight:900;margin-bottom:3px}.mf-ga__result.is-miss strong{color:#953f3b}.mf-ga__result p{margin:0;font-size:12px;color:#48765e;line-height:1.6}.mf-ga__result.is-miss p{color:#8f6763}
.mf-ga__feedback{min-height:21px;color:#496b82;font-size:13px;line-height:1.5;font-weight:650;padding-top:7px}.mf-ga__feedback:empty{min-height:0;padding:0}.mf-ga__feedback.is-error{color:#ac4c50}.mf-ga__feedback.is-success{color:#1d7b50}
.mf-ga__actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid #e5edf2}
.mf-ga__next{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 20px;cursor:pointer;font:850 14px 'IBM Plex Sans Hebrew',Arial,sans-serif;border:1px solid #c9dce9;color:#174e77;background:#f4f9fc;transition:background .18s,transform .18s;box-shadow:none}
.mf-ga__next:hover:not(:disabled){background:#e6f3fa;transform:translateY(-1px)}.mf-ga__next.is-primary{background:#105887!important;border-color:#105887!important;color:#fff!important}.mf-ga__next.is-primary:hover{background:#0a416a!important}.mf-ga__next span{color:inherit!important}.mf-ga__next:disabled{opacity:.6;cursor:wait}
.mf-ga__action-note{color:#8a9cac;font-size:11px}
.mf-ga__arena-bottom{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #e3ebf2;background:#f9fbfd;padding:12px 22px;color:#698397;font-size:11px}
.mf-ga__keyboard-tip{font-weight:650;color:#64859a}.mf-ga__arena-bottom-dot{color:#b1c2cf}.mf-ga__arena-bottom-note{margin-right:auto;color:#506f87;font-weight:700}
.mf-ga__confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:10;visibility:hidden}.mf-ga__confetti.is-active{visibility:visible}.mf-ga__confetti>i{position:absolute;top:46%;left:50%;width:6px;height:12px;opacity:0;transform:translate(-50%,-50%);background:var(--c,#2a83b4);animation:mfGaBurst .75s ease-out forwards;animation-delay:var(--delay,0ms)}
.mf-ga__below{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:17px 0;color:#6e8599;font-size:12px}
.mf-ga__below-score{display:flex;align-items:center;gap:9px}.mf-ga__below-score strong{font-size:15px;color:#124466}.mf-ga__below-split{height:17px;width:1px;background:#c9d8e2;margin:0 5px}
.mf-ga__instructions{margin-right:auto;max-width:380px}.mf-ga__instructions summary{cursor:pointer;font-weight:800;color:#276e9b;outline-offset:4px}.mf-ga__instructions>div{background:#fff;border:1px solid #d9e4eb;padding:14px 18px;margin-top:10px}.mf-ga__instructions p{margin:0 0 9px;line-height:1.8}.mf-ga__instructions p:last-child{margin:0}
.mf-ga__credits{color:#758c9d;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.mf-ga__login{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 18px;background:#f1f8fc;border:1px solid #d8e7f1;border-top:0;color:#496e86;font-size:12px}.mf-ga__login a{color:#125e92;font-weight:850;white-space:nowrap}
.mf-ga__empty{border:1px solid #dce6ed;background:#fff;padding:65px 28px;text-align:center}.mf-ga__empty-symbol{display:flex;align-items:center;justify-content:center;gap:6px;height:46px;margin-bottom:12px}.mf-ga__empty-symbol span{height:20px;width:6px;background:#2c83b1}.mf-ga__empty-symbol span:nth-child(2){height:38px}.mf-ga__empty-symbol span:nth-child(3){height:26px}.mf-ga__empty h2{margin:0 0 12px;color:#153c58}.mf-ga__empty p{margin:auto;max-width:48ch;color:#70869a;line-height:1.8}
@keyframes mfGaSpin{to{transform:rotate(360deg)}}
@keyframes mfGaOnAir{50%{opacity:.5;box-shadow:0 0 0 7px rgba(114,209,255,.05)}}
@keyframes mfGaResultEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes mfGaBurst{10%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx,0px)),calc(-50% + var(--dy,0px))) rotate(var(--rot,220deg))}}
@media(max-width:980px){.mf-ga__arena-content{grid-template-columns:1fr 1fr}.mf-ga__visual{padding:15px}.mf-ga__play{padding:25px}.mf-ga__choice{min-height:66px}}
@media(max-width:760px){.mf-ga__keyboard-tip{display:none}.mf-ga{padding:18px 11px 45px}.mf-ga__breadcrumbs{margin-bottom:16px}.mf-ga__intro{margin-bottom:19px}.mf-ga .mf-ga__intro h1{font-size:43px}.mf-ga__intro-stamp{display:none}.mf-ga__intro p{font-size:13px}.mf-ga__scoreboard{grid-template-columns:repeat(4,minmax(0,1fr))}.mf-ga__scoreboard-cell{padding:12px 10px;min-height:76px}.mf-ga__scoreboard-cell strong{font-size:24px}.mf-ga__scoreboard-cell--xp strong{font-size:15px}.mf-ga__scoreboard-icon{display:none}.mf-ga__arena-content{grid-template-columns:1fr}.mf-ga__visual{border-left:0;border-bottom:1px solid #e1eaf1;padding:12px}.mf-ga__portrait{width:min(100%,430px)}.mf-ga__play{padding:23px 18px 25px}.mf-ga .mf-ga__play h2{font-size:34px}.mf-ga__arena-bottom-note{width:100%;margin:0}.mf-ga__scoreboard-cell small{font-size:10px}}
@media(max-width:500px){.mf-ga__scoreboard{grid-template-columns:repeat(2,1fr)}.mf-ga__scoreboard-cell{border-bottom:1px solid #e4ebf0}.mf-ga__scoreboard-cell:nth-child(2){border-left:0}.mf-ga__scoreboard-cell:nth-child(n+3){border-bottom:0}.mf-ga__arena-top{padding:12px;gap:8px}.mf-ga__arena-state{font-size:10px}.mf-ga__arena-onair{font-size:11px}.mf-ga__attempts{padding:5px 7px}.mf-ga__play{padding:21px 13px 23px}.mf-ga__choices{gap:8px}.mf-ga__choice{min-height:64px;font-size:13px;padding:9px;gap:6px}.mf-ga__choice-letter{width:22px;height:22px;font-size:11px}.mf-ga__reveal strong{font-size:21px}.mf-ga__actions{gap:10px}.mf-ga__action-note{display:none}.mf-ga__next{width:100%;min-height:50px}.mf-ga__below{gap:11px}.mf-ga__instructions{margin-right:0}.mf-ga__credits{width:100%}.mf-ga__login{flex-direction:column;align-items:flex-start}}
@media(max-width:340px){.mf-ga .mf-ga__intro h1{font-size:37px}.mf-ga__choices{grid-template-columns:1fr}.mf-ga__choice{min-height:49px}}
@media(prefers-reduced-motion:reduce){.mf-ga *, .mf-ga *::before,.mf-ga *::after{animation:none!important;transition:none!important}.mf-ga__confetti{display:none}}
/* Credits page shares the section wrapper, but its content remains separate. */
.mf-ga__credits-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}
.mf-ga__credit-item{min-width:0;padding:20px 22px;background:#fff;border:1px solid #dce5ec}
.mf-ga__credit-item h2{margin:0 0 8px;font-size:17px;color:#0c2d48}.mf-ga__credit-item p{margin:5px 0;color:#64798d;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.mf-ga__credit-item a,.mf-ga__credits-back a{color:#095b96;text-decoration:underline;text-underline-offset:3px}.mf-ga__credit-item small{color:#8294a6;font-size:11px}
@media(max-width:620px){.mf-ga__credits-list{grid-template-columns:1fr}}

.mf-ga__library-count{display:block;margin-top:7px;color:#688299;font-size:12px;line-height:1.65}.mf-ga__library-count strong{color:#104d79;font-weight:900}
