/* =====================================================================
   Vedika's (Malpani) side: additions on top of the shared look.
   Loaded last. Same fonts, colours and spacing as Shreyas' site.
   ===================================================================== */

/* ---------- Backgrounds behind a whole invite (Maayra, Sangeet, Carnival, Sajjan Goth) ---------- */
.ch-panel:has(> .ch-bg){overflow:hidden;isolation:isolate}
.ch-panel>.ch-bg{position:absolute!important;inset:0;z-index:0!important;pointer-events:none;border-radius:inherit;overflow:hidden}
.ch-bg .bg-l{position:absolute;pointer-events:none}
.ch-bg .bg-base{inset:0}
.ch-bg .bg-side{top:0;bottom:0;width:30px;background-repeat:repeat-y;background-size:30px auto}
.ch-bg .bg-side-l{left:0}.ch-bg .bg-side-r{right:0}
.ch-bg .bg-veil{inset:0}
.ch-bg .bg-c{width:118px;height:auto}
.ch-bg .bg-c svg{display:block;width:100%;height:auto}
.ch-bg .bg-tl{left:22px;top:0}.ch-bg .bg-tr{right:22px;top:0;transform:scaleX(-1)}
.ch-bg .bg-bl{left:0;bottom:0}.ch-bg .bg-br{right:0;bottom:0;transform:scaleX(-1)}
@media (min-width:640px){.ch-bg .bg-side{width:46px;background-size:46px auto}.ch-bg .bg-c{width:170px}}

/* Maayra */
.t-mahera .ch-panel{background:linear-gradient(180deg,#FDF1F0,#F9E2E3)}
.t-mahera .ch-bg .bg-base{opacity:.55}
.t-mahera .ch-bg .bg-side{opacity:.9;-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);mask-image:linear-gradient(90deg,#000 70%,transparent)}
.t-mahera .ch-bg .bg-side-r{-webkit-mask-image:linear-gradient(270deg,#000 70%,transparent);mask-image:linear-gradient(270deg,#000 70%,transparent)}
.t-mahera .ch-bg .bg-veil{background:radial-gradient(85% 60% at 50% 45%,rgba(255,251,249,.9),rgba(255,248,246,.62) 70%,rgba(255,246,244,0) 100%)}
.t-mahera .ch-bg .bg-tl,.t-mahera .ch-bg .bg-tr{width:96px;opacity:.85}
.t-mahera .ch-bg .bg-bl,.t-mahera .ch-bg .bg-br{opacity:.8}

/* Sangeet: the night of crystal lights behind the text */
.t-sangeet .ch-panel{background:#070506}
.t-sangeet .ch-bg .bg-base{opacity:.55}
.t-sangeet .ch-bg .bg-photo{left:0;right:0;height:min(64%,560px)}
.t-sangeet .ch-bg .bg-photo img{display:block;width:100%;height:100%;object-fit:cover}
.t-sangeet .ch-bg .bg-photo-t{top:0;-webkit-mask-image:linear-gradient(#000 40%,transparent);mask-image:linear-gradient(#000 40%,transparent)}
.t-sangeet .ch-bg .bg-photo-t img{object-position:50% 0}
.t-sangeet .ch-bg .bg-photo-b{bottom:0;-webkit-mask-image:linear-gradient(transparent,#000 60%);mask-image:linear-gradient(transparent,#000 60%);opacity:.7}
.t-sangeet .ch-bg .bg-photo-b img{object-position:50% 100%;transform:scaleY(-1)}
.t-sangeet .ch-bg .bg-side{width:40px;background-size:40px auto;opacity:.75}
.t-sangeet .ch-bg .bg-veil{background:radial-gradient(90% 55% at 50% 40%,rgba(7,5,6,.72),rgba(7,5,6,.38) 70%,rgba(7,5,6,.1))}

/* Carnival */
.t-carnival .ch-panel{background:linear-gradient(180deg,#FFFCF4,#FDF1E8)!important}
.t-carnival .ch-bg .bg-base{opacity:.8}
.t-carnival .ch-bg .bg-side{width:22px;background-size:22px auto;opacity:.75;top:26px}
.t-carnival .ch-bg .bg-veil{background:radial-gradient(80% 60% at 50% 45%,rgba(255,253,247,.88),rgba(255,252,245,.5) 75%,rgba(255,252,245,0))}
.t-carnival .ch-bg .bg-top{left:0;right:0;top:0;height:40px}
.t-carnival .ch-bg .bg-top svg{display:block;width:100%;height:100%}
.t-carnival .ch-bg .bg-foot{left:0;right:0;bottom:0;height:auto;opacity:.5;-webkit-mask-image:linear-gradient(transparent,#000 45%);mask-image:linear-gradient(transparent,#000 45%)}
.t-carnival .ch-bg .bg-foot svg{display:block;width:100%;height:auto}

/* Sajjan Goth: very traditional */
.t-sajjan .ch-panel{--paper-bg:#FBF3E2;--ch-ink:#3A1423;--ch-muted:#6B3A2E;--ch-accent:#8E1B2E;--ch-time:#6E1222;--ch-line:rgba(142,27,46,.45);--ch-line2:rgba(176,128,52,.4);background:#FBF3E2!important;padding-top:118px!important;border-top:0!important}
.t-sajjan .ch-bg .bg-base{background:url("../assets/img/paper-ivory.webp") 0 0/360px 360px,linear-gradient(180deg,#FCF5E6,#F6E7CB)}
.t-sajjan .ch-bg .bg-frame{inset:7px;border:2px solid #8E1B2E;border-radius:14px;box-shadow:inset 0 0 0 4px #FBF3E2,inset 0 0 0 5.5px #C59A45,inset 0 0 0 10px rgba(251,243,226,0),inset 0 0 30px rgba(176,128,52,.18)}
.t-sajjan .ch-bg .bg-mand{left:50%;top:52%;width:min(130%,620px);aspect-ratio:1;transform:translate(-50%,-50%);opacity:.055;color:#8E1B2E}
.t-sajjan .ch-bg .bg-mand svg{width:100%;height:100%;display:block}
.t-sajjan .ch-bg .bg-toran{left:0;right:0;top:0;height:120px}
.t-sajjan .sj-rope{position:absolute;left:0;right:0;top:9px;height:4px;background:repeating-linear-gradient(90deg,#B07A2A 0 6px,#E0B862 6px 12px);border-radius:2px;box-shadow:0 1px 2px rgba(80,40,10,.3)}
.t-sajjan .sj-leaves i{position:absolute;top:8px;width:16px;height:30px;background:linear-gradient(160deg,#5E8A3A,#2F5A22);border-radius:0 100% 0 100%;transform:rotate(18deg);transform-origin:50% 0;box-shadow:0 2px 3px rgba(30,50,10,.25)}
.t-sajjan .sj-leaves i:nth-child(even){transform:rotate(-14deg) scaleX(-1)}
.t-sajjan .sj-fl img{position:absolute;top:0;width:8.6%;max-width:46px;aspect-ratio:1;filter:drop-shadow(0 2px 2px rgba(90,40,10,.35))}
.t-sajjan .sj-str{position:absolute;top:22px;width:22px;margin-left:-11px;display:flex;flex-direction:column;align-items:center}
.t-sajjan .sj-str::before{content:"";position:absolute;top:0;bottom:12px;left:50%;width:1.4px;background:#B07A2A}
.t-sajjan .sj-str img{position:relative;width:22px;height:22px;margin-top:-3px;filter:drop-shadow(0 1px 1px rgba(90,40,10,.3))}
.t-sajjan .sj-bell{position:relative;display:block;width:11px;height:12px;margin-top:1px;background:radial-gradient(circle at 40% 30%,#FFF0B8,#C99A31 60%,#7A5410);border-radius:50% 50% 30% 30%}
.t-sajjan .ch-bg .bg-side{top:120px;bottom:24px;width:16px;background:radial-gradient(circle,#C59A45 0 2px,transparent 2.5px) 50% 0/16px 18px repeat-y;opacity:.55}
.t-sajjan .ch-bg .bg-side-l{left:14px}.t-sajjan .ch-bg .bg-side-r{right:14px}
.t-sajjan .ch-bg .sj-corner{width:64px;height:64px;bottom:14px;background:radial-gradient(circle at 0 100%,transparent 0 22px,rgba(142,27,46,.0) 23px),conic-gradient(from 270deg at 0 100%,#8E1B2E 0 90deg,transparent 0) 0 100%/30px 30px no-repeat;opacity:.0}
.t-sajjan .ch-title{color:#7A1428}
.t-sajjan .ch-ico{background:#FFF8EA;border-color:#C59A45;color:#8E1B2E}
.t-sajjan .ch-sub{color:#8E1B2E}
@media (min-width:640px){.t-sajjan .ch-panel{padding-top:132px!important}.t-sajjan .ch-bg .bg-toran{height:134px}.t-sajjan .sj-str{width:28px;margin-left:-14px}.t-sajjan .sj-str img{width:28px;height:28px}}

/* ---------- Premotsav (point 15): cream and maroon, like the logo ---------- */
.t-premotsav .ch-panel{--paper-bg:linear-gradient(180deg,#FCF6EC 0%,#F8EBDD 60%,#F3DFD0 100%);--ch-ink:#4A0F1E;--ch-muted:#6E3540;--ch-line:rgba(142,27,46,.42);--ch-line2:rgba(176,128,52,.4);--ch-accent:#8E1B2E;--ch-onaccent:#FFF6E8;--ch-time:#7A1428;--ch-btn:rgba(255,255,255,.6);--mod-bg:rgba(255,255,255,.5);background:var(--c-bl,none),var(--c-br,none),var(--paper-bg)!important;border-top:3px solid #8E1B2E!important}
.t-premotsav .ch-title{background:linear-gradient(105deg,#6E1222 0%,#B3283F 30%,#8E1B2E 55%,#C24A55 75%,#6E1222 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
.t-premotsav .ch-title .nm2,.t-premotsav .ch-title .nm2 *{-webkit-text-fill-color:#8E1B2E!important;color:#8E1B2E!important}
.t-premotsav .ch-panel .act{color:#7A1428;border-color:rgba(142,27,46,.4);background:rgba(255,255,255,.6)}
.t-premotsav .ch-panel .act.primary{background:#8E1B2E;color:#FFF6E8;border-color:#8E1B2E}
.t-premotsav .act:hover{background:rgba(142,27,46,.08)!important}
.t-premotsav .act.primary:hover{background:#7A1428!important}
.t-premotsav .ch-mod .mod-t span,.t-premotsav .ch-mod .mod-hint{color:#7A1428!important}
.t-premotsav .vd-stage{background:radial-gradient(circle at 50% 50%,#9E2236 0,#7A1428 36%,#561020 68%,#3E0A16 100%)!important;border-color:rgba(197,154,69,.7)!important;box-shadow:inset 0 0 0 7px rgba(62,10,22,.55),inset 0 0 0 8px rgba(227,207,156,.35),0 14px 30px rgba(110,18,34,.25)!important}
.t-premotsav .vd-om{background:radial-gradient(circle,#6E1222 0,#4A0C18 78%)!important}
.t-premotsav .vd-stage.all .vd-om{background:radial-gradient(circle,#8E1B2E,#4A0C18 80%)!important}
.t-premotsav .vd-msg{color:#7A1428}
.t-premotsav .ch-look{border-color:rgba(142,27,46,.3)}

/* ---------- Be-Binayak Pujan: two rituals, each with its time and hall ---------- */
.ch-parts{margin-top:18px;padding-top:16px;border-top:1px solid var(--ch-line2);display:grid;gap:12px}
.pt-row{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 14px;border:1px solid var(--ch-line2);border-radius:14px;background:rgba(255,255,255,.45)}
.pt-n{font:500 clamp(1.15rem,4.6vw,1.35rem)/1.25 var(--serif);color:var(--ch-ink)}
.pt-n [lang="hi"],[data-lang="hi"] .pt-n{font-family:var(--deva)}
.pt-t{font:600 .98rem/1.3 var(--sans);color:var(--ch-time);white-space:nowrap;align-self:center}
.pt-h{grid-column:1/-1;font-size:.95rem;color:var(--ch-muted)}
.pt-v{margin:2px 2px 0;font-size:.92rem;color:var(--ch-muted)}
.ch-credit{margin-top:8px;font:italic 500 1.02rem/1.4 var(--serif);color:var(--ch-accent)}
[data-lang="hi"] .ch-credit{font-style:normal;font-family:var(--deva)}

/* ---------- Swagat Samaroh: the deity lines from the patrika ---------- */
.rc-deity{display:flex;flex-direction:column;align-items:center;gap:2px;margin:2px auto 4px}
.rc-ganesh{display:block;width:clamp(68px,20vw,92px);height:auto;margin-bottom:6px;filter:drop-shadow(0 2px 10px rgba(255,214,150,.18))}
.rc-mantra{margin:0;font:500 clamp(1.02rem,4.2vw,1.2rem)/1.5 var(--deva);color:#EBD18C;letter-spacing:.01em;white-space:nowrap}

/* ---------- Closing page: snehakankshi and darshanabhilashi ---------- */
.close-names{font-size:clamp(1.25rem,5.4vw,1.9rem)!important;line-height:1.45!important;text-wrap:balance}
.close-darshan{margin:18px auto 6px;max-width:34em}
.close-darshan .eyebrow{margin-bottom:6px}
.close-dnames{margin:0;font:400 clamp(1.02rem,4.2vw,1.2rem)/1.6 var(--serif);color:rgba(248,239,222,.9);text-wrap:balance}
[data-lang="hi"] .close-dnames{font-family:var(--deva)}
.inviters{line-height:1.5}

/* ---------- Packing checklist pop-up (same sheet as the wardrobe) ---------- */
.pk-body{padding-top:6px}
.pk-count{margin:0 0 8px;font:500 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#EBD18C}
html[data-lang="hi"] .pk-count [data-l="hi"]{font-size:1.28em;letter-spacing:.04em}
.pk-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
@media(min-width:700px){.pk-list{grid-template-columns:1fr 1fr;gap:6px 14px}}
.pk-list label{display:flex;gap:12px;align-items:center;min-height:48px;padding:8px 14px;border-radius:14px;border:1px solid rgba(235,209,140,.22);background:rgba(255,255,255,.05);cursor:pointer;font:400 1.02rem/1.4 var(--sans);color:#F8EFDE}
.pk-list input{flex:none;width:22px;height:22px;margin:0;accent-color:#C79A3F}
.pk-list input:checked+span{opacity:.6;text-decoration:line-through;text-decoration-color:rgba(235,209,140,.6)}
.pk-tile .btn{margin-top:4px}

/* ---------- PremRaag: the "tap each lantern" line sits below the lamps ---------- */
.fn-hint{margin-top:8px;color:inherit;opacity:.85}

/* ---------- Point 5: every interactive part fits in one phone screen ----------
   --fit is the screen height left between the top bar and the bottom menu.
   Each picture is sized from it, so the title, the picture and the buttons
   are all visible together, on small phones too. */
:root{--fit:calc(100vh - 150px)}
@supports (height:100svh){:root{--fit:calc(100svh - 150px)}}
@media (min-width:900px){:root{--fit:calc(100svh - 110px)}}
.ch-mod{margin-top:18px;padding:14px 12px 14px}
.ch-mod .mod-t{margin-bottom:8px}
.ch-mod .mod-hint{font-size:clamp(1.02rem,4vw,1.15rem);margin-top:8px;line-height:1.35}
.ch-mod .mod-msg:empty{display:none}
.ch-mod .mod-msg{min-height:0;margin-top:6px;font-size:clamp(1.12rem,4.4vw,1.3rem)}
.ch-mod .mod-row{margin-top:10px}

/* Kumkum */
.kk-wrap{gap:8px}
.kk-stage{width:min(100%,max(170px,calc(var(--fit) - 300px)),300px)}
.kk-copy{gap:4px}
.kk-h{font-size:clamp(1.3rem,4.6vw,1.6rem)!important;line-height:1.2}
.kk-p{font-size:clamp(.92rem,3.6vw,1rem)!important;line-height:1.5!important;min-height:4.5em!important;margin:0}
.kk-copy .mod-btn{margin-top:4px}
@media(min-width:700px){.kk-wrap{grid-template-columns:auto minmax(0,1fr)}}

/* Be-Binayak: Ganpati Bappa */
.gn-stage{width:min(100%,max(170px,calc((var(--fit) - 180px) / 1.41)),400px)!important}
.gn-bar{margin-top:8px}

/* Anubhooti: the lotus pond */
.lt-wrap{width:min(100%,max(190px,calc((var(--fit) - 120px) / 1.07)),360px)!important;margin-left:auto;margin-right:auto}

/* Premotsav: the four Vedas */
.vd-stage{width:min(100%,max(200px,calc(var(--fit) - 200px)),340px)!important}
.vd-msg{min-height:2.7em;margin-top:8px;font-size:clamp(1.05rem,4.2vw,1.2rem)}
.vd-hint{margin-top:2px}

/* Cricket, PremRaag, Carnival were already short; keep them inside the screen on tiny phones */
.cr-field{max-height:calc(var(--fit) - 170px)}
.fn-wrap{padding-top:34px}
.fn{max-width:min(58px,calc((var(--fit) - 150px) / 2))}
.wh-stage{width:min(100%,max(150px,calc(var(--fit) - 260px)),190px)!important}

/* Panigrahan: the seven steps */
@media(max-width:560px){
  .km-wrap{padding:6px 8px 10px}
  .km-fire{height:30px}
  .km-row{min-height:30px}
  .km-feet{height:30px;width:46px}
  .km-feet .fl{left:6px;height:24px;bottom:2px}.km-feet .fr{left:24px;height:24px;bottom:6px}
  .km-row{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr)!important;gap:6px!important}
  .km-feet{width:40px!important}
  .km-feet .fl{left:3px!important}.km-feet .fr{left:20px!important}
  .km-txt b{font-size:.82rem;line-height:1.08}
  html[data-lang="hi"] .km-txt b{font-size:.86rem}
  .km-list{gap:0!important}
  .km-n{display:none!important}
  .km-txt{line-height:1.08}
  .km-txt b{display:block}
  .km-cap{min-height:4.4em;padding-top:8px;margin-top:4px}
  .km-cap span{font-size:.86rem;line-height:1.4}
}

/* ---------- Wardrobe opened from an event: that event's outfit only ---------- */
.ws-tabs[hidden]{display:none!important}

/* ---------- Panigrahan: the seven steps lead up to the sacred fire, which sits beside step 7 on the right ---------- */
.km-row{position:relative}
.km-fire-end{grid-column:3;grid-row:1;justify-self:start;align-self:center;display:flex;align-items:center;gap:0;height:auto!important;margin:0!important;position:relative}
.km-lead{display:block;width:clamp(14px,5vw,34px);height:0;border-top:2px dashed rgba(240,199,138,.55);margin-right:4px}
.km-agni{position:relative;display:flex;justify-content:center;align-items:flex-end;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 50% 70%,rgba(255,190,90,.28),rgba(255,190,90,0) 70%)}
.km-agni em{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:46px;height:8px;border-radius:5px;background:linear-gradient(90deg,#8a5a1a,#f3d58a,#8a5a1a)}
.km-agni .km-flame{bottom:13px;left:50%;margin-left:-11px}
.km-agni .km-flame2{margin-left:-6px}
.km-wrap.done .km-agni{background:radial-gradient(circle at 50% 70%,rgba(255,200,100,.6),rgba(255,190,90,0) 72%)}
@media(max-width:560px){
  .km-agni{width:44px;height:44px}
  .km-agni em{width:36px;height:7px;bottom:4px}
  .km-agni .km-flame{width:17px;height:28px;margin-left:-8.5px;bottom:10px}
  .km-agni .km-flame2{width:9px;height:16px;margin-left:-4.5px}
}

/* =====================================================================
   LANDING PAGE (point 5): traditional, cream and maroon.
   Maroon velvet curtains with gold edges, a real marigold toran across the top,
   a cream arch with a maroon and gold border, Shri Ganesh above the logo.
   ===================================================================== */
.gate-back{background:url("../assets/img/paper-ivory.webp") 0 0/360px 360px,radial-gradient(70% 60% at 50% 45%,#FFFAF0 0%,#F7EAD4 60%,#EFDCBC 100%)!important}
.drape i{background:url(../assets/img/drape-fold.webp) center/100% 100%,linear-gradient(180deg,#8E1B2E,#6A1020)!important;background-blend-mode:multiply!important;box-shadow:1.5px 0 0 #6E1222}
.dr-r i{box-shadow:-1.5px 0 0 #6E1222}
.dr-l i:last-child{box-shadow:inset -3px 0 0 #C59A45,inset -5px 0 0 #F2DDA6,inset -7px 0 0 #8A6414,inset -18px 0 20px -10px rgba(40,0,10,.45)!important}
.dr-r i:last-child{box-shadow:inset 3px 0 0 #C59A45,inset 5px 0 0 #F2DDA6,inset 7px 0 0 #8A6414,inset 18px 0 20px -10px rgba(40,0,10,.45)!important}
.drape::after{background:linear-gradient(0deg,rgba(197,154,69,.35),rgba(197,154,69,0) 30%),repeating-linear-gradient(90deg,#C59A45 0 3px,transparent 3px 9px) 0 100%/100% 10px no-repeat!important;height:22%!important}
.dr-tie{background:url(../assets/img/fl-marigold-o.webp) center/contain no-repeat!important;width:clamp(48px,9vw,84px)!important;filter:drop-shadow(0 6px 10px rgba(60,10,10,.4))!important}

/* the toran */
.dr-valance{background:linear-gradient(180deg,#6A1020 0,#8E1B2E 34px,rgba(142,27,46,0) 35px)!important;filter:none!important;height:clamp(118px,17vh,150px)!important;animation:none!important}
.dr-valance::before{height:8px!important;top:30px!important;background:linear-gradient(180deg,#F2DDA6,#C59A45 60%,#8A6414)!important;box-shadow:0 2px 4px rgba(60,10,10,.35)!important}
.gt-rope{position:absolute;left:0;right:0;top:36px;height:4px;background:repeating-linear-gradient(90deg,#B07A2A 0 6px,#E0B862 6px 12px);box-shadow:0 1px 2px rgba(60,20,0,.35)}
.gt-leaves i{position:absolute;top:36px;width:15px;height:30px;background:linear-gradient(160deg,#5E8A3A,#2F5A22);border-radius:0 100% 0 100%;transform:rotate(18deg);transform-origin:50% 0;box-shadow:0 2px 3px rgba(30,50,10,.3)}
.gt-leaves i:nth-child(even){transform:rotate(-14deg) scaleX(-1)}
.gt-fl img{position:absolute;top:24px;width:7.6%;max-width:44px;aspect-ratio:1;filter:drop-shadow(0 2px 2px rgba(60,20,0,.4))}
.gt-str{position:absolute;top:50px;width:20px;margin-left:-10px;display:flex;flex-direction:column;align-items:center}
.gt-str::before{content:"";position:absolute;top:0;bottom:10px;left:50%;width:1.4px;background:#B07A2A}
.gt-str img{position:relative;width:20px;height:20px;margin-top:-2px;filter:drop-shadow(0 1px 1px rgba(60,20,0,.35))}
.gt-bell{position:relative;display:block;width:10px;height:11px;margin-top:1px;background:radial-gradient(circle at 40% 30%,#FFF0B8,#C99A31 60%,#7A5410);border-radius:50% 50% 30% 30%}
@media(min-width:700px){.gt-str{width:28px;margin-left:-14px}.gt-str img{width:28px;height:28px}}

/* the arch */
.gate-center{background:radial-gradient(120% 70% at 50% 30%,#FFFDF7,#FBF1DF 70%,#F5E4C6)!important;
  border:2px solid #8E1B2E!important;
  box-shadow:inset 0 0 0 5px #FFF8EA,inset 0 0 0 6.5px #C59A45,inset 0 0 0 10px #FFF8EA,inset 0 0 0 11px rgba(142,27,46,.35),0 30px 70px rgba(60,8,20,.45)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;gap:8px!important}
.gate-deity{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:-4px}
.gate-deity img{width:clamp(40px,11vw,54px);height:auto}
.gate-deity p{margin:0;font:500 clamp(.95rem,3.8vw,1.08rem)/1.3 var(--deva);color:#8E1B2E;letter-spacing:.02em}
.gate-kicker{color:#7A1428!important}
.gate-logo{width:min(44vw,196px)!important}
.gate-logo img{filter:none!important}
.gate-tap .btn{background:linear-gradient(180deg,#A3243A,#7A1428)!important;color:#FFF4E0!important;border:1px solid #6A1020!important;text-shadow:none!important;
  box-shadow:0 10px 24px rgba(110,20,40,.3),inset 0 0 0 3px rgba(122,20,40,1),inset 0 0 0 4px rgba(242,221,166,.55)!important}
.gate-tap .btn::before{border-color:rgba(242,221,166,.5)!important}
@keyframes tapGlow{0%,100%{box-shadow:0 10px 24px rgba(110,20,40,.3),inset 0 0 0 3px #7A1428,inset 0 0 0 4px rgba(242,221,166,.55)}50%{box-shadow:0 10px 24px rgba(110,20,40,.3),0 0 0 8px rgba(197,154,69,.35),inset 0 0 0 3px #7A1428,inset 0 0 0 4px rgba(242,221,166,.55)}}
.gate-lang{background:#FFF8EA!important;color:#7A1428!important;border:1px solid #C59A45!important;top:auto!important;bottom:max(16px,env(safe-area-inset-bottom))!important;right:50%!important;transform:translateX(50%)}