/* SimFX: warstwa efektów symulatora (bardzo-latwo.pl) */
.simfx-layer{position:fixed;inset:0;pointer-events:none;z-index:2147483000;overflow:hidden}
.simfx-layer canvas{position:absolute;inset:0;width:100%;height:100%}
.simfx-lab{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);opacity:0;white-space:pre;text-align:center;
  font:900 clamp(34px,11vw,92px)/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:.02em}
.simfx-big{color:#f3d34a;text-shadow:0 0 18px #ff8a2a,0 4px 0 #1a1a1a,0 0 2px #000;
  -webkit-text-stroke:2px #1a1a1a;animation:simfx-pop 1.1s cubic-bezier(.2,1.6,.4,1) forwards}
.simfx-small{top:22%;font-size:clamp(16px,4.6vw,26px);font-weight:800;padding:.45em .9em;border-radius:999px;
  background:#15171c;border:2px solid currentColor;box-shadow:0 6px 24px rgba(0,0,0,.45);animation:simfx-fade 1.1s ease forwards}
.simfx-yel{color:#f3d34a}.simfx-red{color:#ff5a4a}.simfx-grn{color:#4ade80}
@keyframes simfx-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-8deg)}
  18%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(-4deg)}
  70%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-4deg)}
  100%{opacity:0;transform:translate(-50%,-60%) scale(1) rotate(-4deg)}}
@keyframes simfx-fade{0%{opacity:0;transform:translate(-50%,-30%)}15%,75%{opacity:1;transform:translate(-50%,-50%)}100%{opacity:0;transform:translate(-50%,-50%)}}
.simfx-shake{animation:simfx-shake .4s cubic-bezier(.36,.07,.19,.97)}
.simfx-nudge{animation:simfx-nudge .3s ease}
@keyframes simfx-shake{10%,90%{transform:translate(-2px,1px)}20%,80%{transform:translate(5px,-3px)}
  30%,50%,70%{transform:translate(-9px,4px) rotate(-.6deg)}40%,60%{transform:translate(9px,-4px) rotate(.6deg)}}
@keyframes simfx-nudge{25%{transform:translateX(-6px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}
.simfx-rim-bad{animation:simfx-rim-bad .6s ease}
.simfx-rim-ok{animation:simfx-rim-ok .6s ease}
@keyframes simfx-rim-bad{0%,100%{box-shadow:0 0 0 0 rgba(255,70,60,0)}25%{box-shadow:0 0 0 4px #ff463c,0 0 28px rgba(255,70,60,.7)}}
@keyframes simfx-rim-ok{0%,100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}25%{box-shadow:0 0 0 4px #4ade80,0 0 28px rgba(74,222,128,.6)}}
@media (prefers-reduced-motion:reduce){
  .simfx-shake,.simfx-nudge{animation:none}
  .simfx-big,.simfx-small{animation:simfx-fade 1.1s linear forwards}
}