:root{--dark:#1a1d23;--orange:#ff6b1a;--steel:#e7e9ee;--bg:#f5f3ef}
*{font-family:Vazirmatn,Tahoma,sans-serif}
body{background:var(--bg);background-image:radial-gradient(#0000000d 1px,transparent 1px);background-size:18px 18px;color:#1a1d23}
.hazard{height:8px;background:repeating-linear-gradient(45deg,#ffcc00 0 14px,#1a1d23 14px 28px)}
.card{transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px -12px #0004}
.bounce{animation:bnc .5s}
@keyframes bnc{0%,100%{transform:scale(1)}40%{transform:scale(1.5)}}
.spin{animation:sp 2s linear infinite;display:inline-block}
@keyframes sp{to{transform:rotate(360deg)}}
.fadeup{animation:fu .5s both}
@keyframes fu{from{opacity:0;transform:translateY(14px)}}
.drawer{animation:sl .3s}
@keyframes sl{from{transform:translateX(-100%)}}
.drive{animation:dr 1.6s ease-in-out infinite}
@keyframes dr{0%{transform:translateX(60px)}50%{transform:translateX(-60px)}100%{transform:translateX(60px)}}
.noscroll::-webkit-scrollbar{display:none}
input[type=range]{accent-color:#ff6b1a}