/* Şöhretin Basamakları (fame-ui.js). Tasarım alanı 1400 × 830, 1 birim = --k. */
.pg-logo.pg-fame img{animation:pgGlow 2.4s ease-in-out infinite}
.ob-fame .sof-left,.ob-fame .sof-mid,.ob-fame .sof-right{box-sizing:border-box;border-radius:calc(18*var(--k));border:calc(3*var(--k)) solid #6fc3ff88;background:#051a3ae6;z-index:2}
.ob-fame .sof-left{padding:calc(12*var(--k))}
.ob-fame .sof-floors{height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:calc(10*var(--k));padding-right:calc(6*var(--k));scrollbar-color:#ffb347 #06224b}
.ob-fame .sof-floor{flex:none;display:flex;align-items:center;justify-content:space-between;min-height:calc(62*var(--k));padding:0 calc(20*var(--k));border-radius:calc(10*var(--k));border:calc(2*var(--k)) solid #6fc3ff;background:linear-gradient(#2f5f9a,#1d3f6e);font:900 calc(22*var(--k)) Arial;color:#fff;cursor:pointer}
.ob-fame .sof-floor i{font-style:normal;font-size:calc(22*var(--k))}
.ob-fame .sof-floor.done{background:linear-gradient(#2e7a4a,#1b4d2e);border-color:#7dffb0}
.ob-fame .sof-floor.cur{background:linear-gradient(#ffb84e,#e07a12);border-color:#ffe0a0;color:#3a1800}
.ob-fame .sof-floor.locked{filter:brightness(.6)}
.ob-fame .sof-floor.sel{outline:calc(4*var(--k)) solid #b06cff;outline-offset:calc(-2*var(--k));background:linear-gradient(#5a2d8f,#3a1866);color:#fff}
.ob-fame .sof-mid{display:flex;flex-direction:column;align-items:stretch;gap:calc(16*var(--k));padding:calc(18*var(--k)) calc(26*var(--k))}
.ob-fame .sof-mid h3{margin:0;text-align:center;font:italic 900 calc(34*var(--k)) 'Barlow Condensed',Arial;color:#ffc93a;letter-spacing:.06em}
.ob-fame .sof-opp{display:flex;align-items:center;gap:calc(20*var(--k))}
.ob-fame .sof-logo{flex:none;display:grid;place-items:center;width:calc(130*var(--k));height:calc(130*var(--k));border-radius:calc(14*var(--k));border:calc(2*var(--k)) solid #6fc3ff66;background:#0a2550;font-size:calc(60*var(--k))}
.ob-fame .sof-logo img{width:88%;height:88%;object-fit:contain}
.ob-fame .sof-opp small{font:700 calc(18*var(--k)) Arial;color:#9fb8d8}.ob-fame .sof-opp small em{font-style:normal;color:#ffd166}
.ob-fame .sof-opp b{display:block;font:900 calc(32*var(--k)) Arial;color:#fff}
.ob-fame .sof-opp p{display:flex;flex-wrap:wrap;gap:calc(6*var(--k));margin:calc(8*var(--k)) 0 0}
.ob-fame .sof-opp p span{padding:calc(3*var(--k)) calc(8*var(--k));border-radius:calc(8*var(--k));background:#0a2550;font:700 calc(15*var(--k)) Arial;color:#dbe8ff}
.ob-fame .sof-opp p small{margin-left:calc(4*var(--k));font-size:calc(13*var(--k));color:#ffd166}
.ob-fame .sof-rw{display:flex;justify-content:space-between;align-items:center;gap:calc(12*var(--k));padding:calc(12*var(--k)) calc(16*var(--k));border-radius:calc(10*var(--k));background:#0a2550;font:700 calc(19*var(--k)) Arial;color:#cfe3ff}
.ob-fame .sof-rw b{margin-left:calc(8*var(--k))}.ob-fame .sof-xp{color:#6fe38a}.ob-fame .sof-tk{color:#ffd166}.ob-fame .sof-st{color:#b98cff}.ob-fame .sof-x{color:#ff8a5c}
.ob-fame .sof-power{margin:0;font:700 calc(18*var(--k)) Arial;color:#cfe3ff}.ob-fame .sof-power b{color:#ff8a5c}
.ob-fame .sof-state{flex:1;display:grid;place-items:center;text-align:center;font:700 calc(22*var(--k)) Arial;color:#fff}
.ob-fame .sof-start{min-height:calc(70*var(--k));border:0;border-radius:calc(10*var(--k));background:linear-gradient(90deg,#f26a1b,#e0303a);font:900 calc(26*var(--k)) Arial;color:#fff;cursor:pointer}
.ob-fame .sof-start:disabled{filter:grayscale(.8) brightness(.7);cursor:not-allowed}
.ob-fame .sof-foot{display:flex;justify-content:space-between;font:900 calc(18*var(--k)) Arial;color:#cfe3ff}.ob-fame .sof-foot b{color:#6fc3ff}
.ob-fame .sof-right{display:flex;flex-direction:column;gap:calc(8*var(--k));padding:calc(14*var(--k));overflow-y:auto}
.ob-fame .sof-right h4{margin:0 0 calc(6*var(--k));text-align:center;font:900 calc(24*var(--k)) Arial;color:#fff}
.ob-fame .sof-tr{display:grid;grid-template-columns:.8fr .8fr 2fr .8fr;align-items:center;min-height:calc(50*var(--k));padding:0 calc(10*var(--k));border-radius:calc(8*var(--k));background:#123d75;font:700 calc(18*var(--k)) Arial;color:#fff;text-align:center}
.ob-fame .sof-tr b{color:#ffd166}.ob-fame .sof-tn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ob-fame .sof-th{min-height:calc(40*var(--k));background:#e0303a;font-size:calc(16*var(--k))}.ob-fame .sof-th b{color:#fff}
.ob-fame .sof-tr.me{outline:calc(2*var(--k)) solid #ffd166}
.ob-fame .sof-empty{text-align:center;font:italic calc(18*var(--k)) Arial;color:#9fb8d8}
.ob-fame .sof-chance{display:flex;flex-direction:column;gap:calc(8*var(--k))}
.ob-fame .sof-chance em{align-self:flex-start;padding:calc(4*var(--k)) calc(18*var(--k)) calc(4*var(--k)) calc(12*var(--k));background:linear-gradient(90deg,#d12a2a,#a81616);clip-path:polygon(0 0,100% 0,92% 100%,0 100%);font:900 calc(17*var(--k)) Arial;font-style:normal;color:#fff}
.ob-fame .sof-cards,.ob-fame .sof-stones{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(10*var(--k))}
.ob-fame .sof-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(78*var(--k));height:calc(100*var(--k));border-radius:calc(10*var(--k));border:calc(3*var(--k)) solid;background:radial-gradient(#1d5fae,#0a2550)}
.ob-fame .sof-card b{font:italic 900 calc(36*var(--k)) Arial}.ob-fame .sof-card small{font:900 calc(17*var(--k)) Arial;color:#fff}
.ob-fame .sof-gD{border-color:#9aa5b5}.ob-fame .sof-gD b{color:#cfd6df}.ob-fame .sof-gC{border-color:#3fbf6a}.ob-fame .sof-gC b{color:#6fe38a}
.ob-fame .sof-gB{border-color:#3d9be9}.ob-fame .sof-gB b{color:#7cc4ff}.ob-fame .sof-gA{border-color:#b35ae5}.ob-fame .sof-gA b{color:#d39bff}
.ob-fame .sof-gS{border-color:#f9ae32}.ob-fame .sof-gS b{color:#ffd166}.ob-fame .sof-none{border-color:#ffffff33;filter:brightness(.7)}
.ob-fame .sof-stone{display:flex;align-items:center;gap:calc(6*var(--k));padding:calc(4*var(--k)) calc(10*var(--k));border-radius:calc(10*var(--k));background:#0a2550;font:700 calc(15*var(--k)) Arial;color:#dbe8ff}
.ob-fame .sof-stone img{width:calc(30*var(--k));height:calc(30*var(--k));object-fit:contain}
.ob-fame .sof-chance p{margin:0;text-align:center;font:italic calc(14*var(--k)) Arial;color:#9fb8d8}
.ob-fame .sof-r-uncommon{color:#6fe38a}.ob-fame .sof-r-rare{color:#7cc4ff}.ob-fame .sof-r-epic{color:#d39bff}.ob-fame .sof-r-legendary{color:#ffb347}
.ob-fame .sof-mid{gap:calc(10*var(--k))!important}.ob-fame .sof-logo{width:calc(110*var(--k))!important;height:calc(110*var(--k))!important}.ob-fame .sof-state{flex:0 0 auto!important;font-size:calc(18*var(--k))!important}
.pg-logo.pg-fame img{width:min(83%,25vmin)}/* görsel 421×520: diğer logolarla aynı yükseklik */