/* Mice2 — sayfa stilleri (index.html'den ayrıldı; view-source temiz kalsın diye). */

html, body {
  margin: 0; padding: 0; height: 100%; width: 100%;
  /* Oyunun sahne arka plan rengi (#6a7495): mobilde forceScale ile oluşan kenar
     boşlukları siyah yerine oyunun mavimsi tonuyla dolsun. */
  background: #6a7495; overflow: hidden;
}
#player { position: fixed; inset: 0; width: 100vw; height: 100vh; }

/* ===================== YÜKLEME EKRANI #1 (menü SWF'leri) =====================
   #2 (kürkler) ile ortak: .tfm-box / .tfm-load-text / .tfm-bar burada bir kez. */
#tfm-loader{position:fixed;inset:0;z-index:2147483646;display:none;
  align-items:center;justify-content:center;
  background:rgba(18,24,38,.34);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
  opacity:0;transition:opacity .4s ease;font-family:Verdana,Arial,sans-serif;}
#tfm-loader.tfm-on{opacity:1;}
.tfm-box{display:flex;flex-direction:column;align-items:center;gap:14px;
  padding:22px 30px;border-radius:16px;background:rgba(0,0,0,.28);
  box-shadow:0 10px 34px rgba(0,0,0,.4);}
.tfm-load-text{font-size:17px;font-weight:bold;color:#fff;letter-spacing:.4px;
  text-shadow:0 1px 5px rgba(0,0,0,.6);}
.tfm-bar{width:260px;height:12px;border-radius:8px;overflow:hidden;
  background:rgba(255,255,255,.18);box-shadow:inset 0 1px 3px rgba(0,0,0,.45);}
.tfm-bar-fill{height:100%;width:0%;border-radius:8px;
  background:linear-gradient(90deg,#ffd23f,#ffe488);
  box-shadow:0 0 8px rgba(255,210,63,.55);
  transition:width .45s cubic-bezier(.4,0,.2,1);}

/* ===================== YÜKLEME EKRANI #2 (kürkler — belirsiz bar) ===================== */
#tfm-loader2{position:fixed;inset:0;z-index:2147483645;display:none;
  align-items:center;justify-content:center;
  background:rgba(18,24,38,.34);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
  opacity:0;transition:opacity .4s ease;font-family:Verdana,Arial,sans-serif;}
#tfm-loader2.tfm-on{opacity:1;}
.tfm-bar-indet{position:relative;height:100%;width:42%;border-radius:8px;
  background:linear-gradient(90deg,#ffd23f,#ffe488,#ffd23f);
  box-shadow:0 0 8px rgba(255,210,63,.55);animation:tfm-indet 1.1s ease-in-out infinite;}
@keyframes tfm-indet{0%{transform:translateX(-120%);}100%{transform:translateX(310%);}}

/* ===================== WINDOWS SÜRÜMÜ İNDİRME BANNER'I ===================== */
#tfm-winbanner{position:fixed;right:16px;bottom:16px;z-index:2147483000;display:none;
  width:236px;padding:14px 16px;border-radius:14px;box-sizing:border-box;
  background:linear-gradient(180deg,#2b3550,#1b2236);border:1px solid rgba(255,255,255,.10);
  box-shadow:0 14px 34px rgba(0,0,0,.5);font-family:Verdana,Arial,sans-serif;color:#eaf0ff;
  transform:translateY(150%);opacity:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s ease;}
#tfm-winbanner.wb-show{transform:translateY(0);opacity:1;}
#tfm-winbanner-x{position:absolute;top:6px;right:8px;width:22px;height:22px;border:0;padding:0;
  background:transparent;color:#9fb0d0;font-size:19px;line-height:20px;cursor:pointer;border-radius:6px;}
#tfm-winbanner-x:hover{background:rgba(255,255,255,.12);color:#fff;}
#tfm-winbanner .wb-row{display:flex;align-items:center;gap:11px;margin-bottom:12px;}
#tfm-winbanner .wb-ico{width:30px;height:30px;flex:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));}
#tfm-winbanner .wb-title{font-weight:bold;font-size:14px;color:#fff;}
#tfm-winbanner .wb-sub{font-size:11.5px;color:#aebbd6;margin-top:2px;}
#tfm-winbanner .wb-btn{display:block;text-align:center;text-decoration:none;padding:9px;border-radius:9px;
  font-weight:bold;font-size:13px;color:#3a2a06;background:linear-gradient(180deg,#ffd84a,#ffb700);
  box-shadow:0 2px 0 #b88600;}
#tfm-winbanner .wb-btn:hover{filter:brightness(1.05);}
#tfm-winbanner .wb-btn:active{transform:translateY(1px);box-shadow:0 1px 0 #b88600;}