/* MAFIA WEPLEY — ساحة اللعبة. الحركات كلها transform و opacity فقط، وتحترم prefers-reduced-motion. */
.gpage{max-width:760px;position:relative;z-index:1}
/* ---------- المشهد (خلفية ثابتة خلف المحتوى) ---------- */
.gscene{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden;opacity:0;transition:opacity 1s;background:#05030a}
.gscene.in-game{opacity:1}
.scs{position:absolute;inset:0;width:100%;height:100%;transition:opacity 1.6s}
.sc-night{opacity:0}
.gscene.is-night .sc-night{opacity:1}
.gscene.is-night .sc-day{opacity:0}
.sun{transition:transform 1.9s cubic-bezier(.5,0,.4,1)}
.gscene.is-night .sun{transform:translateY(300px)}
.lg{animation:glg 4s ease-in-out infinite}
.lg:nth-of-type(2n){animation-delay:-1.3s}
@keyframes glg{0%,100%{opacity:.8}45%{opacity:1}55%{opacity:.7}70%{opacity:1}}
.neon{animation:gneon 6s linear infinite}
@keyframes gneon{0%,18%,22%,62%,64%,100%{opacity:1}20%,63%{opacity:.35}}
.star{animation:gstar 4s ease-in-out infinite}
@keyframes gstar{0%,100%{opacity:.25}50%{opacity:1}}
.smoke{animation:gsmoke 7s ease-in infinite;opacity:0}
.smoke.s2{animation-delay:-2.4s}
.smoke.s3{animation-delay:-4.6s}
@keyframes gsmoke{0%{opacity:0;transform:translateY(20px)}25%{opacity:.9}100%{opacity:0;transform:translateY(-90px)}}
.fog{position:absolute;left:-40%;width:80%;aspect-ratio:2/1;background:radial-gradient(closest-side,rgba(225,220,210,.16),transparent);animation:gfog 28s linear infinite;opacity:0;transition:opacity 2s}
.gscene.is-night .fog{opacity:1}
.fog.f1{top:30%}
.fog.f2{top:62%;animation-duration:38s;animation-delay:-16s}
@keyframes gfog{from{transform:translateX(0)}to{transform:translateX(230%)}}
/* ---------- الشريط العلوي ---------- */
.gtop{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:620px;margin:4px auto 0;padding:8px 14px;border:1px solid rgba(212,175,55,.35);border-radius:999px;background:rgba(10,4,8,.7);backdrop-filter:blur(4px)}
.gtop[hidden]{display:none}
.gtop .tl{color:var(--gold-lt);font-weight:700}
.gtop .tm{font:700 24px/1 var(--display);color:#fff;min-width:64px;text-align:center;letter-spacing:1px}
.gtop .tm.low{color:#ff5470;animation:glow 1s ease-in-out infinite}
@keyframes glow{50%{opacity:.45}}
.b.sm{padding:6px 12px;font-size:14px}
/* ---------- الساحة ---------- */
.arena{--sz:72px;position:relative;width:min(100%,620px);aspect-ratio:1/1;margin:6px auto 34px;isolation:isolate}
.gtable{position:absolute;inset:17%;z-index:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 36%,#701629 0,#3f0b18 48%,#190508 100%);box-shadow:0 0 0 7px #3a2412,0 0 0 9px #b48a1c,0 0 0 11px #1a0d06,0 30px 70px rgba(0,0,0,.75),inset 0 0 70px rgba(0,0,0,.85)}
.gtable::before{content:"";position:absolute;inset:9%;border-radius:50%;border:1px solid rgba(212,175,55,.28)}
.gtable::after{content:"";position:absolute;inset:0;border-radius:50%;background:#02030c;opacity:0;transition:opacity 1.6s;pointer-events:none}
.gpage.is-night .gtable::after{opacity:.5}
.gcenter{position:relative;text-align:center;color:var(--gold-lt);display:flex;flex-direction:column;align-items:center;line-height:1.1}
.gcenter b{font:700 clamp(40px,11vw,76px)/1 var(--display);text-shadow:0 0 24px rgba(212,175,55,.45)}
.gcenter small{color:#e6d6a6;font-size:clamp(14px,3.4vw,19px);margin-top:4px}
.gcic{font-size:clamp(34px,9vw,60px);filter:drop-shadow(0 0 14px rgba(212,175,55,.5))}
.arena.shake{animation:gshake .5s}
@keyframes gshake{0%,100%{transform:none}20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,-2px)}80%{transform:translate(3px,3px)}}
.seats{position:absolute;inset:0;z-index:3}
.vlines{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}
.vln{stroke:rgba(224,52,79,.7);stroke-width:2;stroke-linecap:round;stroke-dasharray:6 5}
.vln.mine{stroke:#f6e3a1;stroke-width:3;stroke-dasharray:none}
.vdot{fill:rgba(224,52,79,.9)}
.vdot.mine{fill:#f6e3a1}
.spot{position:absolute;left:0;top:0;z-index:2;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(255,236,170,.5),rgba(255,236,170,.14) 55%,transparent 72%);transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s}
.spot.on{opacity:1}
.seat{position:absolute;left:0;top:0;width:var(--sz);transition:transform .7s cubic-bezier(.2,.8,.2,1);will-change:transform}
.sin{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;animation:gseat .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes gseat{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}
.seat.leave .sin{animation:gseatout .3s ease both}
@keyframes gseatout{to{opacity:0;transform:scale(.6)}}
.sav{position:relative;width:var(--sz);height:var(--sz);border-radius:50%;overflow:hidden;border:2px solid rgba(212,175,55,.75);background:#120709;box-shadow:0 5px 16px rgba(0,0,0,.65);display:grid;place-items:center}
.sav img,.sfl{width:100%;height:100%;object-fit:cover;display:block}
.seat.me .sav{border-color:#f6e3a1;box-shadow:0 0 0 3px rgba(246,227,161,.5),0 5px 16px rgba(0,0,0,.65)}
.seat.r-mafia .sav{border-color:#e0344f}
.seat.r-doctor .sav{border-color:#3ecf8e}
.seat.r-detective .sav{border-color:#5aa9ff}
.seat.r-citizen .sav{border-color:#e6d6a6}
.seat.ghost .sin{animation:none;opacity:.65}
.seat.ghost .sav{border:2px dashed rgba(212,175,55,.3);background:rgba(0,0,0,.28);box-shadow:none;color:rgba(212,175,55,.45);font-size:calc(var(--sz)*.4)}
.seat.sel{cursor:pointer}
.seat.sel .sav::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 3px rgba(246,227,161,.9);animation:gsel 1.2s ease-in-out infinite}
@keyframes gsel{50%{opacity:.25}}
.seat.pick .sav{box-shadow:0 0 0 4px #e0344f,0 0 24px rgba(224,52,79,.7)}
.arena.adm .seat:not(.ghost){cursor:pointer}
.snm{max-width:calc(var(--sz)*1.25);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1px 8px;border-radius:999px;background:rgba(0,0,0,.62);border:1px solid rgba(212,175,55,.25);color:var(--ivory);font:600 max(11px,calc(var(--sz)*.19))/1.5 var(--body)}
.seat.me .snm{color:#1b1230;background:linear-gradient(135deg,#f6e3a1,#d4af37);border-color:transparent}
.seat.muted .snm::after{content:" 🔇"}
.srole{display:none;font:700 11px/1.4 var(--body);padding:0 8px;border-radius:999px;background:rgba(0,0,0,.7);color:#fff}
.seat.r-mafia .srole{display:block;color:#ff8a9d}
.seat.r-doctor .srole{display:block;color:#7be8b4}
.seat.r-detective .srole{display:block;color:#8cc4ff}
.seat.r-citizen .srole{display:block;color:#e6d6a6}
.seat.dead .sav{filter:grayscale(1) brightness(.5)}
.seat.dead .snm{opacity:.65;text-decoration:line-through}
.vcnt{position:absolute;top:calc(var(--sz)*-.12);inset-inline-start:calc(var(--sz)*-.12);min-width:24px;height:24px;border-radius:12px;padding:0 6px;display:grid;place-items:center;background:#8f1d33;border:1.5px solid #ffd2da;color:#fff;font:700 13px/1 var(--body);font-style:normal;z-index:4}
.vcnt[hidden]{display:none}
.seat.lead .vcnt{background:#e0344f;box-shadow:0 0 12px rgba(224,52,79,.9)}
.candle{display:none;position:absolute;bottom:calc(var(--sz)*.3);inset-inline-start:calc(var(--sz)*-.1);width:8px;height:20px;border-radius:2px;background:linear-gradient(#f4ead0,#c9b98c);z-index:3}
.candle::after{content:"";position:absolute;left:50%;top:-12px;width:9px;height:13px;margin-left:-4.5px;border-radius:50% 50% 50% 50%/65% 65% 35% 35%;background:radial-gradient(circle at 50% 70%,#fff6c4,#ffb02e 55%,#ff6a00);animation:gflame .7s ease-in-out infinite alternate}
@keyframes gflame{from{transform:scale(1,1);opacity:.85}to{transform:scale(.85,1.15);opacity:1}}
.seat.dead .candle{display:block}
/* بطاقة اللاعب (تنقلب بحركة 3D) */
.scard{position:absolute;z-index:2;top:calc(var(--sz)*-.14);inset-inline-end:calc(var(--sz)*-.2);width:calc(var(--sz)*.36);height:calc(var(--sz)*.5);perspective:400px;display:none;transition:width .5s,height .5s}
.arena.playing .scard,.arena.ended .scard{display:block}
.cin{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,.8,.3,1)}
.up>.cin,.seat.up .cin,.bigcard.up .cin{transform:rotateY(180deg)}
.seat.nomo .cin{transition:none}
.cf{position:absolute;inset:0;border-radius:5px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1.5px solid #d4af37;box-shadow:0 3px 8px rgba(0,0,0,.6);display:grid;place-items:center}
.cb{background:repeating-linear-gradient(45deg,#5a0d1f 0 4px,#2a0610 4px 8px)}
.cb i{position:absolute;inset:24%;border:1px solid rgba(246,227,161,.75);transform:rotate(45deg)}
.cr{transform:rotateY(180deg);background:#17090d;color:#e6d6a6}
.cr svg{width:68%;height:68%}
.seat.r-mafia .cr{color:#ff4d6d;background:#2a0610}
.seat.r-doctor .cr{color:#3ecf8e;background:#07190f}
.seat.r-detective .cr{color:#5aa9ff;background:#07111f}
.seat.up .scard{width:calc(var(--sz)*.52);height:calc(var(--sz)*.72);top:calc(var(--sz)*-.2)}
.arena.playing .scard,.arena.ended .scard{animation:gdeal .75s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*110ms)}
.seat.nomo .scard{animation:none}
@keyframes gdeal{from{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(200deg) scale(.5)}to{opacity:1;transform:none}}
/* كثافة عالية (11 إلى 15 لاعب) */
.arena.dense .snm{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);max-width:calc(var(--sz)*1.35);padding:0 5px;font-size:10px;line-height:1.5;background:rgba(0,0,0,.78)}
.arena.dense .seat.me .snm{background:linear-gradient(135deg,#f6e3a1,#d4af37);color:#1b1230;border-color:transparent}
.arena.dense .srole{display:none!important}
.arena.dense .sin{gap:0}
.arena.dense .scard{width:calc(var(--sz)*.3);height:calc(var(--sz)*.42)}
.arena.dense .seat.up .scard{width:calc(var(--sz)*.5);height:calc(var(--sz)*.68)}
.arena.dense .vcnt{min-width:20px;height:20px;font-size:11px}
/* ---------- اللوحات ---------- */
.gpanel{text-align:center;max-width:620px;margin-inline:auto}
.gpanel h3{margin:0 0 6px;color:var(--gold-lt);font-family:var(--display);font-size:24px}
.gpanel p{margin:6px 0}
.gmode{display:inline-block;margin-inline-start:6px;padding:1px 10px;border-radius:999px;border:1px solid rgba(212,175,55,.5);color:var(--gold-lt);font:15px var(--body);vertical-align:middle}
.gcount{font-size:20px}
.gcount b{color:var(--gold-lt);font-size:26px}
.ok{color:#9be3b0}
.warn{color:#ffb4bf}
.hint{color:#f3e7bd;background:rgba(212,175,55,.08);border:1px solid rgba(212,175,55,.25);border-radius:12px;padding:8px 12px}
.hint.mp{color:#ffb4bf;border-color:rgba(224,52,79,.4)}
.gbar{position:relative;height:8px;margin:10px auto 6px;max-width:360px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.gbar i{position:absolute;inset:0;background:linear-gradient(90deg,#b48a1c,#f6e3a1);transform-origin:right center;transition:transform .5s}
.gbar u{position:absolute;top:0;bottom:0;width:2px;background:#e0344f;text-decoration:none}
.gmodes{margin-bottom:4px}
.rolechip{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;border-radius:999px;border:2px solid;background:rgba(0,0,0,.45);margin-bottom:6px}
.rolechip .ri{display:inline-grid;width:26px;height:26px}
.rolechip.r-mafia{color:#ff6b84;border-color:#e0344f}
.rolechip.r-doctor{color:#3ecf8e;border-color:#3ecf8e}
.rolechip.r-detective{color:#5aa9ff;border-color:#5aa9ff}
.rolechip.r-citizen{color:#e6d6a6;border-color:#d4af37}
.ri svg{width:100%;height:100%}
.tally{display:grid;gap:6px;margin:8px auto;max-width:420px}
.tr{display:grid;grid-template-columns:minmax(70px,1fr) 2fr 28px;align-items:center;gap:8px;text-align:start}
.tb2{height:10px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.tb2 i{display:block;height:100%;background:linear-gradient(90deg,#8f1d33,#e0344f);transform-origin:right center;transition:transform .5s}
.inv{margin-top:8px;text-align:start}
.ic{display:inline-block;margin:3px 4px;padding:2px 10px;border-radius:999px;font-size:14px}
.ic.bad{background:rgba(224,52,79,.2);color:#ff8a9d;border:1px solid #e0344f}
.ic.good{background:rgba(62,207,142,.15);color:#7be8b4;border:1px solid #3ecf8e}
/* ---------- الدردشة ---------- */
.gchat{max-width:620px;margin:12px auto 0;padding:10px}
.gchat[hidden],.gadmin[hidden]{display:none}
.gtabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.gmsgs{height:190px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:4px;scroll-behavior:smooth}
.gm{display:flex;flex-direction:column;gap:1px;max-width:92%;align-self:flex-start;background:rgba(255,255,255,.06);border-radius:12px;padding:5px 10px}
.gm.mine{align-self:flex-end;background:rgba(212,175,55,.14)}
.gmn{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gold-lt)}
.gmn .sfl{width:16px;height:16px;border-radius:50%}
.gmb{word-break:break-word;overflow-wrap:anywhere}
.gform{display:flex;gap:8px;margin-top:8px}
.gform input{flex:1;min-width:0;padding:10px 14px;border-radius:999px;border:1px solid rgba(212,175,55,.4);background:rgba(0,0,0,.45);color:var(--ivory);font:inherit}
.gform input:disabled{opacity:.55}
/* ---------- لوحة المشرف ---------- */
.gadmin{max-width:620px;margin:12px auto 0}
.gadmin summary{cursor:pointer;color:var(--gold-lt);font-weight:700}
.gadmin .row{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center}
.gadmin input{padding:8px 12px;border-radius:12px;border:1px solid rgba(212,175,55,.4);background:rgba(0,0,0,.45);color:var(--ivory);font:inherit;min-width:0}
.gtim input{width:70px;text-align:center}
.gtim label{display:flex;align-items:center;gap:6px;font-size:14px}
#bt{flex:1;min-width:180px}
.gmcol{display:flex;flex-direction:column;gap:8px;margin-top:10px}
/* ---------- المؤثرات فوق كل شيء ---------- */
.govl>*{position:fixed;pointer-events:none}
.gcurtain{inset:0;z-index:300;background:#000;opacity:0;display:grid;place-items:center}
.gcurtain b{color:var(--gold-lt);font:700 clamp(36px,10vw,84px)/1 var(--display);letter-spacing:2px;text-shadow:0 0 30px rgba(212,175,55,.5);opacity:0}
.gcurtain.on{animation:gcur 2.7s ease both}
.gcurtain.on b{animation:gcurt 2.7s ease both}
@keyframes gcur{0%{opacity:0}18%{opacity:1}78%{opacity:1}100%{opacity:0}}
@keyframes gcurt{0%,12%{opacity:0;transform:scale(.9)}30%{opacity:1;transform:scale(1)}74%{opacity:1}100%{opacity:0;transform:scale(1.06)}}
.gflash{inset:0;z-index:310;background:radial-gradient(circle,#fff 0,#ffd2d2 30%,#b01030 80%);opacity:0}
.gflash.on{animation:gfl .6s ease-out}
@keyframes gfl{0%{opacity:.95}100%{opacity:0}}
.gcb{left:50%;top:38%;z-index:290;transform:translate(-50%,-50%) scale(.9);max-width:92vw;text-align:center;padding:14px 26px;border-radius:18px;background:rgba(10,4,8,.88);border:2px solid #d4af37;color:var(--gold-lt);font:700 clamp(22px,6vw,38px)/1.3 var(--display);opacity:0;box-shadow:0 10px 50px rgba(0,0,0,.7)}
.gcb.bad{border-color:#e0344f;color:#ffd2da}
.gcb.good{border-color:#3ecf8e;color:#c8ffe4}
.gcb.show{animation:gcbk 4s ease both}
@keyframes gcbk{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}10%{opacity:1;transform:translate(-50%,-50%) scale(1)}85%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.04)}}
.gtb{left:50%;top:0;z-index:320;transform:translate(-50%,-130%);width:min(92vw,560px);padding:14px 20px;padding-top:calc(14px + env(safe-area-inset-top,0px));text-align:center;border-radius:0 0 18px 18px;background:linear-gradient(#2a0610,#14040a);border:2px solid #d4af37;border-top:0;color:#fff;font:600 18px/1.5 var(--body);box-shadow:0 12px 40px rgba(0,0,0,.7);overflow-wrap:anywhere}
.gtb.show{animation:gtbk 5s ease both}
@keyframes gtbk{0%{transform:translate(-50%,-130%)}8%{transform:translate(-50%,0)}92%{transform:translate(-50%,0)}100%{transform:translate(-50%,-130%)}}
.gpause{inset:0;z-index:280;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#fff;font:700 clamp(26px,7vw,48px) var(--display);opacity:0;transition:opacity .3s}
.gpause.on{opacity:1}
.grole{inset:0;z-index:330;pointer-events:auto!important;display:grid;place-items:center;background:rgba(0,0,0,.82);animation:gfade .4s both;padding:16px}
@keyframes gfade{from{opacity:0}to{opacity:1}}
.grole-in{text-align:center;max-width:340px}
.bigcard{width:180px;height:260px;margin:12px auto;perspective:900px}
.bigcard .cf{border-width:3px;border-radius:14px}
.bigcard .cr{flex-direction:column;gap:6px;color:#e6d6a6}
.bigcard .cr .ri{width:96px;height:96px;display:block}
.bigcard .cr b{font:700 26px var(--display)}
.bigcard.r-mafia .cr{color:#ff4d6d;background:#2a0610}
.bigcard.r-doctor .cr{color:#3ecf8e;background:#07190f}
.bigcard.r-detective .cr{color:#5aa9ff;background:#07111f}
.bigcard .cb i{inset:26%}
.mates{color:#ffb4bf}
.rdesc{color:#e8dcc0}
.grole button{pointer-events:auto}
.gres{inset:0;z-index:330;pointer-events:auto!important;overflow-y:auto;background:rgba(0,0,0,.8);animation:gfade .4s both;padding:18px 12px}
.gres-in{max-width:620px;margin:0 auto;text-align:center;background:rgba(14,6,11,.97)}
.gres-in h2{font:700 clamp(28px,8vw,44px) var(--display);margin:0}
.gres-in h2.mafia{color:#ff5470}
.gres-in h2.citizens{color:#7be8b4}
.gplayers{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:14px 0}
.rp{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(212,175,55,.2)}
.rp .sav{width:54px;height:54px}
.rp b{font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp .rl{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700}
.rp .ri{width:16px;height:16px;display:inline-block}
.rp.r-mafia .rl{color:#ff8a9d}.rp.r-mafia .sav{border-color:#e0344f}
.rp.r-doctor .rl{color:#7be8b4}.rp.r-doctor .sav{border-color:#3ecf8e}
.rp.r-detective .rl{color:#8cc4ff}.rp.r-detective .sav{border-color:#5aa9ff}
.rp.dead{opacity:.7}
.glog{text-align:start;margin:8px 0;padding-inline-start:20px;display:grid;gap:6px;line-height:1.6}
.gres-in .row{justify-content:center;display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
/* ---------- التصنيف ---------- */
.rkpage{max-width:680px}
.rktabs{display:flex;gap:8px;justify-content:center;margin:8px 0 14px;flex-wrap:wrap}
.rklist{display:grid;gap:8px}
.rrow{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:16px;background:rgba(10,4,8,.7);border:1px solid rgba(212,175,55,.22)}
.rrow.me{border-color:#f6e3a1;box-shadow:0 0 0 2px rgba(246,227,161,.25)}
.rpos{min-width:34px;text-align:center;font:700 22px var(--display);color:var(--gold-lt)}
.rrow .sav{width:42px;height:42px;flex:none}
.rinfo{flex:1;min-width:0;display:flex;flex-direction:column}
.rinfo b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rinfo small{color:#cbbf9c;font-size:12px}
.rpts{display:flex;flex-direction:column;align-items:center;color:var(--gold-lt)}
.rpts b{font:700 24px/1 var(--display)}
.rpts small{font-size:11px;color:#cbbf9c}
@media (prefers-reduced-motion:reduce){
  .lg,.neon,.star,.smoke,.fog,.sin,.seat,.arena.playing .scard,.arena.ended .scard,.gbar i,.tb2 i,.spot,.sun,.cin,.gtable::after,.gscene,.scs,.candle::after,.gtop .tm.low,.seat.sel .sav::after{animation:none!important;transition:none!important}
  .gcurtain.on,.gcurtain.on b,.gcb.show{animation-duration:1.4s!important}
  .gtb.show{animation-duration:5s!important}
}
.seat.nomo .sin{animation:none}