/* Beyaz Grup kimliği (kimlik.json): kâğıt/mürekkep/griler. Mavi ve turuncu YOK.
   Akkaya paneli kişi kimliği petrol; rakip paneli nötr koyu gri. */
:root{
  --kagit:#fcfaf7; --beyaz:#fff; --murekkep:#141210; --soluk:rgba(20,18,16,.6);
  --gri-koyu:#6f6a63; --gri:#b8b3ab; --gri-acik:#e4e0da;
  --akkaya:#173037; --akkaya-krem:#F2ECD6; --agan:#4f4a44;
  --baslik:"IBM Plex Serif",Georgia,serif; --govde:"IBM Plex Sans",-apple-system,system-ui,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--kagit);color:var(--murekkep);font:17px/1.45 var(--govde);-webkit-text-size-adjust:100%}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
body{height:100dvh;display:flex;flex-direction:column;overflow:hidden;width:100%;max-width:100vw}

/* üst */
.ust{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;border-bottom:1px solid var(--gri-acik);background:var(--kagit)}
.ust h1{font:700 19px/1.15 var(--baslik);margin:0;letter-spacing:-.01em}
.ust-alt{margin:2px 0 0;font-size:13px;color:var(--soluk)}
.surum{display:flex;border:1px solid var(--gri);border-radius:999px;overflow:hidden;flex:none}
.surum button{padding:5px 12px;font-size:14px;font-weight:600;line-height:1.1;display:flex;flex-direction:column;align-items:center}
.surum button span{font-size:10.5px;font-weight:500;color:var(--soluk)}
.surum button.on{background:var(--murekkep);color:var(--kagit)}
.surum button.on span{color:rgba(252,250,247,.7)}

/* sahne */
.sahne{flex:1;min-height:0;display:flex;flex-direction:column}
.panel{flex:none;background:#000}
.ekran{position:relative;aspect-ratio:16/9;width:100%;max-height:28dvh;margin:0 auto;background:#000}
.ekran video,.ekran .yt,.ekran .yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ekran video{object-fit:contain}
.mod-kisa .yt{display:none}.mod-tam video{display:none}
.etiket{position:absolute;left:8px;top:8px;display:flex;gap:6px;align-items:center;padding:3px 9px;border-radius:6px;font-size:12.5px;color:#fff;background:rgba(0,0,0,.55);pointer-events:none;max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.etiket b{font-weight:700;letter-spacing:.02em}
.etiket span{opacity:.8}
#p-akkaya .etiket{background:rgba(23,48,55,.85)}
.mod-tam .etiket{top:auto;bottom:8px}

/* etkin olmayan panel: perdeli, tek dokunuşla karşılığa geçer */
.perde{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.45)}
.panel.bekler .perde{display:flex}
.mod-tam .perde{display:none!important}
.perde-ic{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgba(252,250,247,.95);color:var(--murekkep);font-weight:600;font-size:15px;max-width:88%;box-shadow:0 2px 12px rgba(0,0,0,.35)}
.perde-ic::before{content:"";flex:none;width:0;height:0;border-left:13px solid currentColor;border-top:8px solid transparent;border-bottom:8px solid transparent}

/* çubuk */
.cubuk{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#111;color:#eee;font-size:13px;font-variant-numeric:tabular-nums}
.oynat{width:30px;height:30px;flex:none;display:flex;align-items:center;justify-content:center}
.oynat::before{content:"";width:0;height:0;border-left:12px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}
.oynuyor .oynat::before{width:10px;height:13px;border:0;border-left:3.5px solid #fff;border-right:3.5px solid #fff}
.serit{position:relative;flex:1;min-width:0;height:22px}
.serit .bloklar,.serit .dolu{position:absolute;left:0;right:0;top:8px;height:6px;border-radius:3px}
.serit .bloklar{display:flex;gap:2px;overflow:hidden}
.serit .bloklar i{height:100%;background:#3a3834;border-radius:1px}
.serit .bloklar i.su{background:#8d877e}
#p-akkaya .serit .bloklar i.su{background:#5f8b95}
.serit .dolu{right:auto;background:rgba(255,255,255,.35);pointer-events:none}
.serit input{position:absolute;inset:0;width:100%;margin:0;opacity:0;cursor:pointer}
.hiz{min-width:40px;padding:3px 6px;border:1px solid #555;border-radius:6px;font-weight:600;font-size:12.5px}

/* orta */
.orta>*{min-width:0}
.orta{flex:1;min-height:0;min-width:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px 20px;display:flex;flex-direction:column;gap:10px}
.kart{display:block;width:100%;text-align:left;background:var(--beyaz);border:1px solid var(--gri-acik);border-radius:12px;padding:11px 14px}
.kart-ust{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--soluk)}
.kart-zaman{margin-left:auto;font-weight:500;letter-spacing:0;font-variant-numeric:tabular-nums}
.nokta{width:8px;height:8px;border-radius:50%;background:var(--gri)}
.oynuyor-var .nokta{background:#2f7d4f;box-shadow:0 0 0 3px rgba(47,125,79,.18)}
.kart h2{font:700 21px/1.2 var(--baslik);margin:5px 0 4px}
.kart h3{font:600 18px/1.25 var(--baslik);margin:5px 0 3px}
.soru{margin:0 0 4px;font-size:14.5px;color:var(--soluk);font-style:italic}
.soru:empty{display:none}
.soru::before{content:"Sunucu: "}
.ozet{margin:0;font-size:16px}
.simdi.akkaya{border-left:5px solid var(--akkaya)}
.simdi.agan{border-left:5px solid var(--agan)}
.karsilik{border-style:dashed;border-color:var(--gri)}
.karsilik .ok{font-size:14px}
.dinle{display:inline-block;margin-top:9px;padding:7px 14px;border-radius:999px;background:var(--murekkep);color:var(--kagit);font-weight:600;font-size:15px}
.karsilik.akkaya .dinle{background:var(--akkaya)}
.don{padding:9px 14px;border-radius:10px;border:1px solid var(--gri);background:var(--akkaya-krem);font-weight:600;font-size:15px;text-align:left}
.don[hidden]{display:none}

.bolum{margin-top:6px}
.bolum-ust{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 8px}
.bolum h4{margin:0;font:600 13px/1 var(--govde);letter-spacing:.06em;text-transform:uppercase;color:var(--soluk)}
.sira{display:flex;gap:4px}
.sira button{font-size:12.5px;padding:3px 9px;border-radius:999px;border:1px solid var(--gri-acik);color:var(--soluk)}
.sira button.on{border-color:var(--murekkep);color:var(--murekkep);font-weight:600}

.programlar{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}
.program{flex:none;width:min(300px,100%);border:2px solid var(--murekkep);border-radius:12px;background:var(--beyaz);padding:9px 12px;text-align:left}
.program .iki{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;font-size:13.5px;line-height:1.25}
.program b{display:block;font-size:14.5px}
.program .ara{color:var(--soluk)}
.program .k{color:var(--akkaya)}

.harita{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.harita li{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:6px;align-items:stretch}
.harita button{background:var(--beyaz);border:1px solid var(--gri-acik);border-radius:9px;padding:7px 9px;text-align:left;font-size:14.5px;line-height:1.25}
.harita button small{display:block;font-size:12px;color:var(--soluk);font-variant-numeric:tabular-nums;margin-bottom:1px}
.harita .a{border-left:4px solid var(--akkaya)}
.harita .g{border-left:4px solid var(--agan)}
.harita .esit{display:flex;align-items:center;justify-content:center;color:var(--gri);font-size:13px}
.harita button.su{background:var(--akkaya-krem);border-color:var(--gri)}

.alt{margin-top:10px;font-size:14px;color:var(--soluk)}
.alt p{margin:0 0 8px}
.alt a{color:inherit}
.imza{display:flex;align-items:center;gap:7px}

/* geniş ekran: iki video solda üst üste, orta sağda */
@media (min-width:980px){
  .sahne{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,1fr);grid-template-rows:1fr 1fr;grid-template-areas:"a o" "g o";min-height:0}
  #p-akkaya{grid-area:a}#p-agan{grid-area:g}.orta{grid-area:o;border-left:1px solid var(--gri-acik)}
  .panel{display:flex;flex-direction:column;justify-content:center;min-height:0}
  .alt-panel{flex-direction:column-reverse}
  .ekran{max-height:none;height:auto;width:100%;max-width:calc((50dvh - 70px)*16/9)}
  .cubuk{width:100%;max-width:calc((50dvh - 70px)*16/9);margin:0 auto}
}

/* ── açılış: üç bant. Üst Beyaz Grup (11 renk çark), orta kararsız, alt Mavi Grup ─────────── */
.giris{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;overflow:hidden;cursor:pointer;background:#0b0a09}
.gb{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:18px;overflow:hidden}
.gb-beyaz{background:#fff;transform:translateX(-105%);animation:gir-sol .9s cubic-bezier(.2,.9,.2,1) .1s forwards}
.gb-orta{flex:.8;flex-direction:column;gap:6px;background:#141210;color:#fcfaf7;transform:scaleY(0);animation:gir-orta .8s cubic-bezier(.2,.9,.2,1) 1.1s forwards}
.gb-mavi{background:linear-gradient(160deg,#0a3d91,#0f6fd6 55%,#18a0f0);color:#fff;transform:translateX(105%);animation:gir-sag .9s cubic-bezier(.2,.9,.2,1) .5s forwards}
.gcark{width:min(30vw,150px);height:auto;position:relative;z-index:2;filter:drop-shadow(0 6px 18px rgba(0,0,0,.18));animation:cark-don 3.6s cubic-bezier(.3,.7,.2,1) .2s both,cark-nabiz 1.4s ease-in-out 3.9s infinite}
.gyazi{position:relative;z-index:2;display:flex;flex-direction:column;opacity:0;animation:belir .7s ease 1.1s forwards}
.gyazi b{font:700 clamp(26px,7vw,44px)/1.05 var(--baslik);letter-spacing:-.01em}
.gyazi span{font:600 clamp(14px,3.6vw,19px)/1.3 var(--govde);opacity:.75;margin-top:4px}
.gb-beyaz .gyazi{color:#141210}
.gb-mavi .gyazi{animation-delay:1.4s}
.isinlar{position:absolute;inset:-60%;background:conic-gradient(from 0deg,#93302a,#c04f77,#6b4f96,#17456b,#2e9cb4,#2e7d5f,#3f5a26,#a5851f,#cf640a,#5a341a,#6b8291,#93302a);opacity:0;animation:isin 6s ease .4s forwards;-webkit-mask:repeating-conic-gradient(#000 0 7deg,transparent 7deg 16.36deg);mask:repeating-conic-gradient(#000 0 7deg,transparent 7deg 16.36deg)}
.kararsiz{margin:0;font:700 clamp(40px,12vw,76px)/1 var(--baslik);letter-spacing:-.02em;text-align:center}
.kararsiz span{display:inline-block;background:linear-gradient(90deg,#fff,#f5d36b,#ff8fb1,#8fd3ff,#fff);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transform:translateY(24px) scale(.9);animation:kelime .6s cubic-bezier(.2,1.4,.3,1) forwards,parla 2.2s linear 1s infinite}
.kararsiz span:first-child{animation-delay:1.8s,2.4s}.kararsiz span:last-child{animation-delay:2.2s,2.4s}
.gb-orta p{margin:0;font:500 clamp(13px,3.5vw,17px)/1.3 var(--govde);color:rgba(252,250,247,.72);opacity:0;animation:belir .7s ease 2.9s forwards}
.parilti{position:absolute;inset:0;background:radial-gradient(60% 120% at 50% 50%,rgba(255,255,255,.12),transparent 70%);animation:nabiz 1.6s ease-in-out 1.9s infinite}
.dalga{position:absolute;left:-50%;width:200%;height:120%;border-radius:43%;background:rgba(255,255,255,.10);animation:dalga 5s linear infinite}
.d1{top:55%}.d2{top:62%;animation-duration:7s;background:rgba(255,255,255,.08)}.d3{top:70%;animation-duration:9s;background:rgba(0,20,60,.18)}
.gec{position:absolute;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:3;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.2);color:#fff;font-weight:600;font-size:14px;backdrop-filter:blur(4px)}
/* çıkış: üst yukarı, alt aşağı, orta erir */
.giris.cik{pointer-events:none;background:transparent}
.giris.cik .gb-beyaz{animation:cik-ust .8s cubic-bezier(.7,0,.3,1) forwards}
.giris.cik .gb-mavi{animation:cik-alt .8s cubic-bezier(.7,0,.3,1) forwards}
.giris.cik .gb-orta{animation:cik-orta .6s ease forwards}
.giris.cik .gec{opacity:0}
@keyframes gir-sol{to{transform:none}}@keyframes gir-sag{to{transform:none}}@keyframes gir-orta{to{transform:none}}
@keyframes cark-don{from{transform:rotate(-540deg) scale(.2);opacity:0}60%{opacity:1}to{transform:rotate(0) scale(1);opacity:1}}
@keyframes isin{0%{opacity:0;transform:rotate(0) scale(.6)}40%{opacity:.55}100%{opacity:.22;transform:rotate(80deg) scale(1)}}
@keyframes belir{to{opacity:1}}
@keyframes cark-nabiz{50%{transform:scale(1.07)}}
@keyframes kelime{to{opacity:1;transform:none}}
@keyframes parla{to{background-position:-300% 0}}
@keyframes nabiz{50%{opacity:.4}}
@keyframes dalga{to{transform:rotate(360deg)}}
@keyframes cik-ust{to{transform:translateY(-105%)}}@keyframes cik-alt{to{transform:translateY(105%)}}@keyframes cik-orta{to{opacity:0;transform:scaleY(.2)}}
@media (prefers-reduced-motion:reduce){.giris *{animation-duration:.01s!important;animation-delay:0s!important;animation-iteration-count:1!important}}

/* kaldığın yer */
.devam{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:10px 14px;border-radius:12px;background:var(--akkaya);color:var(--akkaya-krem);text-align:left;font-size:14.5px}
.devam[hidden]{display:none}.devam b{font-weight:600}.devam em{margin-left:auto;font-style:normal;font-weight:700}
/* rıza şeridi — ortak metin, ibrahimakkaya.com.tr ile aynı davranış */
.riza-bant{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#141210;color:#f4f1ec;font-size:14px;line-height:1.45;box-shadow:0 -8px 30px rgba(0,0,0,.25)}
.riza-bant p{margin:0;flex:1 1 16rem}.riza-bant a{color:inherit}
.riza-bant div{display:flex;gap:8px}.riza-bant button{min-height:40px;padding:8px 16px;border-radius:6px;border:1px solid #f4f1ec;font-weight:600}
.riza-bant .evet{background:#f4f1ec;color:#141210}.riza-bant .hayir{border-color:transparent;text-decoration:underline;font-weight:400}

/* ── tanıtım: 30. sn popup, sesli veri animasyonu ─────────────────────── */
.tn{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:max(14px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom));background:rgba(10,9,8,0);transition:background .35s}
.tn.acik{background:rgba(10,9,8,.72)}
.tn-kutu{position:relative;width:min(100%,560px);height:min(92dvh,860px);border-radius:22px;overflow:hidden;color:#fcfaf7;
  background:radial-gradient(120% 70% at 50% 0%,#1d3d45 0%,#141210 55%),#141210;box-shadow:0 30px 80px rgba(0,0,0,.5);
  transform:translateY(30px) scale(.94);opacity:0;transition:transform .45s cubic-bezier(.2,1.2,.3,1),opacity .35s}
.tn.acik .tn-kutu{transform:none;opacity:1}
.tn-ilerle{position:absolute;left:0;right:0;top:0;height:4px;background:rgba(255,255,255,.12);z-index:3}
.tn-ilerle i{display:block;height:100%;width:0;background:linear-gradient(90deg,#5f8b95,#fcfaf7,#18a0f0)}
.tn-kapat{position:absolute;top:12px;right:12px;z-index:4;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:26px;line-height:1}
.tn-beyan{position:absolute;left:16px;right:16px;bottom:12px;margin:0;font-size:11.5px;color:rgba(252,250,247,.55);text-align:center;z-index:3}
.tn-baslat{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;padding:16px 26px;border-radius:999px;background:#fcfaf7;color:#141210;font-weight:700;font-size:18px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.tn-baslat[hidden]{display:none}
.tn-sahne{position:absolute;inset:56px 20px 44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;opacity:0;transform:scale(.97);transition:opacity .45s,transform .6s;pointer-events:none}
.tn-sahne.on{opacity:1;transform:none;pointer-events:auto}
[data-iz]{opacity:0;transform:translateY(14px);transition:opacity .45s,transform .55s cubic-bezier(.2,1.3,.3,1)}
[data-iz].on{opacity:1;transform:none}
/* 1 · dalgalar + sayaçlar */
.tn-dalga{display:flex;align-items:center;gap:4px;height:90px;width:100%}
.tn-dalga i{flex:1;border-radius:3px;height:30%;animation:tn-dalga 1.1s ease-in-out infinite alternate}
.tn-dalga.a i{background:linear-gradient(#8fc3cc,#2c5560)}.tn-dalga.g i{background:linear-gradient(#8fd3ff,#0f6fd6)}
.tn-dalga i:nth-child(3n){animation-duration:.8s}.tn-dalga i:nth-child(4n+1){animation-duration:1.4s}.tn-dalga i:nth-child(5n+2){animation-delay:-.5s}
.tn-dalga i:nth-child(7n){animation-duration:.6s;animation-delay:-.3s}
@keyframes tn-dalga{from{height:14%}to{height:100%}}
.tn-sayilar{display:flex;gap:10px;width:100%;justify-content:center}
.tn-sayilar div{flex:1;text-align:center;font-size:13px;color:rgba(252,250,247,.7);text-transform:uppercase;letter-spacing:.05em}
.tn-sayilar b{display:block;font:700 clamp(40px,12vw,64px)/1 var(--baslik);color:#fff;letter-spacing:0;text-transform:none}
/* 2 · cümle akışı */
.tn-akis{width:100%;height:30%;overflow:hidden;position:relative;-webkit-mask:linear-gradient(transparent,#000 25%,#000 75%,transparent)}
.tn-akis p{margin:0 0 8px;padding:7px 11px;border-radius:9px;font-size:14px;line-height:1.3;animation:tn-akis 3.2s linear infinite}
.tn-akis.a p{background:rgba(95,139,149,.28);border-left:3px solid #8fc3cc}.tn-akis.g p{background:rgba(24,160,240,.2);border-left:3px solid #8fd3ff;text-align:right}
@keyframes tn-akis{from{transform:translateY(40%)}to{transform:translateY(-160%)}}
.tn-baslik{font:700 clamp(30px,9vw,46px)/1 var(--baslik);background:linear-gradient(90deg,#8fc3cc,#fff,#8fd3ff);-webkit-background-clip:text;background-clip:text;color:transparent}
/* 3 · bloklar ve eşleme */
.tn-bloklar{display:grid;gap:3px;width:100%}
.tn-bloklar.a{grid-template-columns:repeat(24,1fr)}.tn-bloklar.g{grid-template-columns:repeat(23,1fr)}
.tn-bloklar i{height:46px;border-radius:3px;opacity:0;transform:scaleY(0);animation:tn-blok .35s cubic-bezier(.2,1.4,.3,1) forwards;animation-delay:calc(var(--i) * 28ms)}
.tn-bloklar.a i{background:#5f8b95}.tn-bloklar.g i{background:#18a0f0}
.tn-sahne:not(.on) .tn-bloklar i,.tn-sahne:not(.on) .tn-bag path{animation:none}
@keyframes tn-blok{to{opacity:1;transform:none}}
.tn-bag{width:100%;height:32%;overflow:visible}
.tn-bag path{fill:none;stroke:#fcfaf7;stroke-opacity:.7;stroke-width:1.6px;vector-effect:non-scaling-stroke;stroke-dasharray:320;stroke-dashoffset:320;animation:tn-cizgi .55s ease forwards;animation-delay:calc(.45s + var(--i) * 18ms)}
@keyframes tn-cizgi{to{stroke-dashoffset:0}}
.tn-etiket{font-size:17px;color:rgba(252,250,247,.8)}.tn-etiket b{font:700 34px/1 var(--baslik);color:#fff}
/* 4 · yapay zekâ */
[data-s="yz"] h2{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;font:700 clamp(36px,11vw,62px)/1.05 var(--baslik)}
[data-s="yz"] h2 span:last-child{background:linear-gradient(90deg,#93302a,#c04f77,#6b4f96,#2e9cb4,#2e7d5f,#a5851f,#cf640a);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:parla 3s linear infinite}
[data-s="yz"] p{margin:0;font-size:20px;color:rgba(252,250,247,.75)}
/* 5 · doğru × 3 */
.tn-uc{display:flex;flex-direction:column;gap:12px;width:100%}
.tn-uc div{position:relative;display:flex;align-items:baseline;gap:10px;padding:14px 18px;border-radius:14px;background:rgba(255,255,255,.07);overflow:hidden}
.tn-uc span{font-size:18px;color:rgba(252,250,247,.7)}.tn-uc b{font:700 clamp(28px,8vw,40px)/1 var(--baslik)}
.tn-uc i{position:absolute;left:0;bottom:0;height:4px;width:0;transition:width 1s ease .15s}
.tn-uc .on i{width:100%}
.tn-uc div:nth-child(1) i{background:#5f8b95}.tn-uc div:nth-child(2) i{background:linear-gradient(90deg,#5f8b95,#18a0f0)}.tn-uc div:nth-child(3) i{background:#18a0f0}
.tn-esit{margin:4px 0 0;font:700 clamp(26px,8vw,38px)/1 var(--baslik);color:#f5d36b}
/* 6 · kapanış */
[data-s="son"] h2{margin:0;text-align:center;font:700 clamp(32px,10vw,54px)/1.1 var(--baslik)}
.tn-imza{display:flex;align-items:center;gap:12px}.tn-imza img{width:64px;height:64px}
.tn-imza span{display:flex;flex-direction:column;font-size:15px;color:rgba(252,250,247,.75)}.tn-imza b{font:700 22px/1.1 var(--baslik);color:#fff}
.tn-dug{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.tn-dug button{padding:12px 18px;border-radius:999px;font-weight:700;font-size:15.5px;background:rgba(255,255,255,.14);color:#fff}
.tn-dug .tn-don{background:#fcfaf7;color:#141210}
@media (prefers-reduced-motion:reduce){.tn *{animation:none!important;transition:none!important}}