/* SMK Tool — экран совместимости, смягчённые пороги на ПК и телефонах. */
#smkScreenGuard[hidden] { display:none !important; }
#smkScreenGuard {
  position:fixed; inset:0; z-index:2147483647;
  display:flex; align-items:center; justify-content:center;
  padding:clamp(9px,3vw,24px); box-sizing:border-box;
  overflow:auto; overscroll-behavior:contain;
  background: radial-gradient(circle at 28% 28%,rgba(95,65,139,.18),transparent 50%),
              radial-gradient(circle at 80% 90%,rgba(68,75,118,.12),transparent 55%),
              #08080e;
  color:#f2edf9; font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  isolation:isolate;
}
#smkScreenGuard, #smkScreenGuard * {box-sizing:border-box;}
#smkScreenGuard .smk-guard-card {
  width:min(390px,100%); max-height:100%; overflow:auto;
  padding:clamp(15px,4vw,29px);
  border-radius:23px;
  border:1px solid rgba(219,203,239,.27);
  background:linear-gradient(145deg,rgba(37,31,52,.92),rgba(13,12,22,.96));
  box-shadow:0 24px 70px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.09);
  text-align:center; scrollbar-width:thin;
}
#smkScreenGuard .smk-guard-icon {
  display:grid;place-items:center; margin:0 auto 14px;
  width:52px;height:52px;border-radius:16px;
  background:rgba(163,125,221,.13);border:1px solid rgba(195,169,234,.3);
  color:#ccb5fb;
}
#smkScreenGuard .smk-guard-icon svg {width:26px;height:26px;display:block;}
#smkScreenGuard .smk-guard-title {
  margin:0; font-size:clamp(17px,4.4vw,23px);line-height:1.18;
  font-weight:800;letter-spacing:-.6px;color:#f4efff;
}
#smkScreenGuard .smk-guard-description {
  margin:11px 0 0;color:#c3b8d4;
  font-size:clamp(11px,3vw,13px);line-height:1.5;
}
#smkScreenGuard .smk-guard-hint {
  margin:15px 0 0;padding:10px 11px;border-radius:12px;
  color:#dccaf9;font-size:clamp(10px,2.7vw,12px);line-height:1.4;
  background:rgba(141,112,191,.13);border:1px solid rgba(171,147,220,.16);
}
#smkScreenGuard .smk-guard-size {display:block;margin-top:9px;font-size:10px;color:#9b8da9;}
html.smk-screen-incompatible,body.smk-screen-incompatible {overflow:hidden!important;}
body.smk-screen-incompatible > :not(#smkScreenGuard) {visibility:hidden!important;}
@media(max-height:390px), (max-width:340px) {
  #smkScreenGuard .smk-guard-icon {display:none;}
  #smkScreenGuard .smk-guard-card {padding:12px;border-radius:14px;}
  #smkScreenGuard .smk-guard-description {margin-top:5px;line-height:1.3;}
  #smkScreenGuard .smk-guard-hint {margin-top:7px;padding:6px 8px;}
  #smkScreenGuard .smk-guard-size {margin-top:4px;}
}
@media(prefers-reduced-motion:no-preference) {
  #smkScreenGuard:not([hidden]) .smk-guard-card {animation:smkGuardIntro .22s ease-out both;}
  @keyframes smkGuardIntro {from{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}
}