/* v14 redesign: dark navy default, pill search, horizontal game chips, five-item bottom menu, side menu drawer, gaming mode */
:root:not([data-theme=light]){--bg:#0b0e1f;--bg2:#10142b;--card:#141a36;--card2:#1b2347;--line:#262e5e;--ink:#f3f5ff;--mu:#9aa3cc;--glow:0 0 0 1px #262e5e,0 10px 26px -14px #000c}
:root:not([data-theme=light]) body{background:radial-gradient(900px 420px at 50% -220px,#3a2d8a66 0,transparent 70%),radial-gradient(520px 380px at 100% 100%,#35d47714 0,transparent 70%),var(--bg)}
:root:not([data-theme=light]) .top{background:#0b0e1fe6;border-bottom:1px solid #1d2450;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
:root:not([data-theme=light]) .bn{background:linear-gradient(#131937f2,#0b0e1ff2);border-top:1px solid #262e5e}

/* header: avatar opens the side menu */
.avb{position:relative;padding:0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1.5px solid #2c3670;background:var(--card)}
.avb .av{width:38px;height:38px;font-size:15px;margin:0}
.avb .av.big,.avb .av{box-shadow:none}
.avb .cnt{position:absolute;top:-4px;right:-4px}

/* search pill */
.srch{width:100%;display:flex;align-items:center;gap:12px;height:54px;margin:10px 0 14px;padding:0 20px;border-radius:999px;border:1.5px solid #3a4386;background:var(--card);color:var(--mu);font:700 15px/1 Nunito,system-ui,sans-serif;text-align:left;cursor:pointer}
.srch svg{flex:none;color:var(--mu)}
.srch span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.srch:active{transform:scale(.99)}
.gbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:10px 14px;border-radius:16px;background:var(--card);border:1px solid var(--line);font:700 13px/1.3 Nunito,system-ui,sans-serif;color:var(--mu)}

/* horizontal chip row: "Hammasi" + game tiles, scrollable */
.chips,.qa-games{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:2px 2px 6px;margin:0 -2px 14px;scroll-snap-type:x proximity}
.chips::-webkit-scrollbar,.qa-games::-webkit-scrollbar{display:none}
.chipp{flex:none;display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 18px;border-radius:999px;border:1.5px solid #3a4386;background:var(--card);color:var(--ink);font:800 14px/1 Nunito,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.chipp.on{background:linear-gradient(145deg,#35d477,#1fa95a);border-color:transparent;color:#052313;box-shadow:0 10px 22px -12px #35d477}
.qa-games{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(124px,1fr);gap:10px}
.qa-games .gq{scroll-snap-align:start;min-height:74px;border-radius:18px;border:1.5px solid #2a3266;background:linear-gradient(180deg,#1b2347,#141a36);color:var(--ink);box-shadow:none}
.qa-games .chipp{flex-direction:column;justify-content:center;gap:6px;min-height:74px;height:auto;border-radius:18px;padding:10px 12px;font-size:13px;scroll-snap-align:start}
.qa-games .chipp svg{color:#35d477}
.qa-games .chipp.on svg{color:#052313}

/* recommended header: round arrow button */
.sec{margin-top:6px}
.sec h2{font:800 22px/1.1 Nunito,system-ui,sans-serif;letter-spacing:0}
.rnd{width:46px;height:46px;border-radius:50%;border:1.5px solid #3a4386;background:var(--card);color:var(--ink);display:grid;place-items:center;cursor:pointer;flex:none}
.rnd:active{transform:scale(.94)}

/* hero card: keeps the rotating gaming slides, framed like the reference */
.hero{border:1px solid #2a3266;border-radius:22px;margin:0 0 14px}
.hero-slide{min-height:116px!important;padding:12px 14px 30px!important}
.hero h2{font-size:20px!important}
.hero-art{width:66px!important;height:66px!important;border-radius:18px!important}
.hero-art-mark .bp{width:66px!important}
.hero p{font-size:12.5px!important;margin-bottom:10px!important}

/* bottom menu: five items, active item in a soft pill */
.bn nav{grid-template-columns:repeat(5,1fr);padding:0 4px}
.bn .plus{display:none}
.bn button{color:var(--mu);font-weight:800;padding:4px 0 2px;border-radius:16px;transition:background .2s,color .2s}
.bn button svg{width:22px;height:22px}
.bn nav{padding:0}
.bn button[aria-current=page]{color:#5b9bff;background:#2b6cff26}
.bn button[aria-current=page] svg{filter:drop-shadow(0 0 6px #2b6cff88)}
.bn .cnt{top:2px;right:18%}

/* side menu (drawer) */
.drw{position:fixed;top:0;bottom:0;left:0;width:min(92vw,384px);z-index:70;background:linear-gradient(180deg,#171e40,#0e1229);border-right:1px solid #2a3266;box-shadow:24px 0 60px -20px #000c;transform:translateX(-104%);transition:transform .26s cubic-bezier(.2,.8,.2,1);overflow-y:auto;overscroll-behavior:contain;padding:calc(16px + env(safe-area-inset-top)) 14px calc(24px + env(safe-area-inset-bottom));border-radius:0 26px 26px 0;color:var(--ink)}
body.drw-on .drw{transform:none}
.drw[hidden],.drw-ov[hidden]{display:none}
.drw-ov{position:fixed;inset:0;z-index:69;background:#05071299;opacity:0;transition:opacity .26s;backdrop-filter:blur(2px)}
body.drw-on .drw-ov{opacity:1}
.dr-h{display:flex;align-items:center;gap:12px;padding:6px 4px 14px;border-bottom:1px solid #262e5e}
.dr-h .av.big{width:52px;height:52px;font-size:20px;margin:0;flex:none}
.dr-hn{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.dr-hn b{font:800 17px/1.2 Nunito,system-ui,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dr-hn .mu{font-size:12px}
.dr-h .ic{width:38px;height:38px;border-radius:12px}
.dr-bal{width:100%;display:flex;align-items:center;gap:10px;margin:14px 0 6px;padding:14px 16px;border-radius:18px;border:1.5px solid #35d47766;background:linear-gradient(145deg,#35d47722,#35d47708);color:var(--ink);font:800 14px/1 Nunito,system-ui,sans-serif;cursor:pointer;text-align:left}
.dr-bal span{color:var(--mu);white-space:nowrap}
.dr-bal{flex-wrap:wrap;row-gap:8px}
.dr-bal b{margin-left:auto;font:900 18px/1 Nunito,system-ui,sans-serif;color:#ffd23f;white-space:nowrap}
.dr-bal em{flex-basis:100%;font-style:normal;color:#35d477;white-space:nowrap;text-align:left}
.dr-login{width:100%;margin:14px 0 6px}
.dr-list{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.dr-i{width:100%;display:flex;align-items:center;gap:14px;min-height:50px;padding:10px 12px;border-radius:14px;border:0;background:transparent;color:var(--ink);font:800 15px/1.2 Nunito,system-ui,sans-serif;text-align:left;cursor:pointer}
.dr-i:hover,.dr-i:focus-visible{background:#1d2550;outline:none}
.dr-i svg{flex:none;color:#7e8df5;width:22px;height:22px}
.dr-i .dr-l{flex:1;min-width:0}
.dr-i small{display:block;font:700 12px/1.3 Nunito,system-ui,sans-serif;color:var(--mu);margin-top:2px}
.dr-i .cnt{position:static;margin-left:auto}
.dr-out{color:#ff7a8a}
.dr-out svg{color:#ff7a8a}
.dr-sec{margin:18px 12px 6px;font:800 11px/1 Nunito,system-ui,sans-serif;letter-spacing:.22em;color:var(--mu)}
.dr-sw{margin-left:auto;flex:none;width:44px;height:24px;border-radius:99px;background:#2a3266;position:relative;transition:background .2s}
.dr-sw::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}
.dr-sw.on{background:#35d477}
.dr-sw.on::after{transform:translateX(20px)}
.dr-langs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 2px 6px}
.dr-langs button{height:40px;border-radius:12px;border:1.5px solid #2a3266;background:transparent;color:var(--ink);font:900 13px/1 Nunito,system-ui,sans-serif;cursor:pointer}
.dr-langs button.on{background:#35d4771f;border-color:#35d477;color:#35d477}

/* gaming mode: neon glow and a pulsing frame on the hero; off by default */
.gaming .hero{box-shadow:0 0 0 1px #35d47766,0 0 34px -8px #35d477aa,0 18px 40px -22px #000c}
.gaming .hero::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px #7ef0a6aa,inset 0 0 26px #35d47744;pointer-events:none;z-index:2;animation:gm-pulse 2.4s ease-in-out infinite}
.gaming .qa-games .gq,.gaming .chipp.on{box-shadow:0 0 0 1px #35d47755,0 0 18px -6px #35d477aa}
.gaming .pc{box-shadow:0 0 0 1px #35d47722,0 0 22px -10px #35d477aa}
.gaming .pp{text-shadow:0 0 12px #35d47799}
.gaming .bn button[aria-current=page]{box-shadow:0 0 18px -4px #2b6cff}
.gaming .avb{box-shadow:0 0 14px -2px #35d477aa;border-color:#35d477}
.gaming .dr-sw.on{box-shadow:0 0 12px #35d477}
@keyframes gm-pulse{0%,100%{opacity:.55}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.gaming .hero::after{animation:none}.drw,.drw-ov,.dr-sw,.dr-sw::after{transition:none}}
.qa-games .chipp{font:800 13px/1.1 Nunito,system-ui,sans-serif}
.qa-games .chipp span{font:800 13px/1.1 Nunito,system-ui,sans-serif;color:inherit}

/* premium emoji icons (premium.js): gradient line icons; light theme uses a deeper gradient */
.pe{display:inline-block;width:1.3em;height:1.3em;vertical-align:-.2em;stroke:url(#pe-g);filter:drop-shadow(0 0 3px #35d47755);flex:none}
.pe-w{display:inline-block;line-height:0}
:root[data-theme=light] .pe{stroke:url(#pe-gl);filter:none}
.hero .pe,.hero-cta .pe{stroke:#fff;filter:none}
:root:not([data-theme=light]) .pe{stroke-width:2.1}

/* light theme for the redesigned parts */
:root[data-theme=light] .drw{background:#ffffff;border-right:1px solid #dfe7e2;box-shadow:24px 0 60px -28px #0b0e1f40;color:#17201b}
:root[data-theme=light] .drw-ov{background:#0b0e1f38}
:root[data-theme=light] .dr-h{border-bottom-color:#e3e9e6}
:root[data-theme=light] .dr-bal{background:#eefaf3;border-color:#35d47799}
:root[data-theme=light] .dr-bal b{color:#b07a00}
:root[data-theme=light] .dr-i:hover,:root[data-theme=light] .dr-i:focus-visible{background:#eef6f1}
:root[data-theme=light] .dr-i svg{color:#16a34a}
:root[data-theme=light] .dr-sw{background:#d6ddd9}
:root[data-theme=light] .dr-langs button{color:#17201b;border-color:#cfd9d3}
:root[data-theme=light] .dr-langs button.on{background:#e6f7ee;color:#0b7a3a;border-color:#16a34a}
:root[data-theme=light] .dr-out,:root[data-theme=light] .dr-out svg{color:#d12f48}
:root[data-theme=light] .srch{background:#fff;border-color:#cfd9d3;color:#5a6a62;box-shadow:0 6px 18px -14px #0b0e1f50}
:root[data-theme=light] .srch svg{color:#5a6a62}
:root[data-theme=light] .chipp{background:#fff;border-color:#cfd9d3;color:#17201b}
:root[data-theme=light] .chipp.on{color:#fff;background:linear-gradient(145deg,#16a34a,#0b7a3a)}
:root[data-theme=light] .chipp svg{color:#16a34a}
:root[data-theme=light] .qa-games .gq{background:#fff;border-color:#cfd9d3;color:#17201b}
:root[data-theme=light] .rnd,:root[data-theme=light] .avb{background:#fff;border-color:#cfd9d3}
:root[data-theme=light] .gbar{background:#fff;border-color:#dfe7e2}
:root[data-theme=light] .sec h2{color:#17201b}
:root[data-theme=light] .bn button[aria-current=page]{background:#e6eeff;color:#2b6cff}
:root[data-theme=light] .bn button[aria-current=page] svg{filter:none}
:root[data-theme=light] .hero{border-color:#dfe7e2;box-shadow:0 14px 30px -20px #0b0e1f66}

/* gaming mode v2: aurora background, neon listing edges, sweeping light on chips, glowing buttons and titles */
html.gaming::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(520px 300px at 12% 8%,#35d47740,transparent 62%),radial-gradient(480px 300px at 92% 26%,#9b4dff3d,transparent 62%),radial-gradient(520px 340px at 40% 100%,#2f8cff33,transparent 66%);animation:gm-aurora 11s ease-in-out infinite alternate}
html.gaming .hero h2{text-shadow:0 0 18px #35d477cc,0 2px 14px #0008}
html.gaming .hero-kick{text-shadow:0 0 12px var(--c),0 0 24px var(--c)}
html.gaming .pc{position:relative;overflow:hidden;box-shadow:0 0 0 1px #35d47722,0 0 22px -10px #35d477aa}
html.gaming .pc::before{content:"";position:absolute;left:0;top:14%;bottom:14%;width:3px;border-radius:3px;background:linear-gradient(#7ef0a6,#35d477,#9b4dff);box-shadow:0 0 12px #35d477;animation:gm-edge 2.6s ease-in-out infinite}
html.gaming .qa-games .gq,html.gaming .qa-games .chipp{position:relative;overflow:hidden}
html.gaming .qa-games .gq::after,html.gaming .qa-games .chipp::after{content:"";position:absolute;top:-30%;bottom:-30%;left:-60%;width:45%;background:linear-gradient(90deg,transparent,#ffffff40,transparent);transform:skewX(-20deg);animation:gm-sweep 3.6s ease-in-out infinite;pointer-events:none}
html.gaming .pb,html.gaming button.pb{box-shadow:0 0 16px -4px #35d477aa}
html.gaming .balchip{box-shadow:0 0 14px -2px #ffd23faa}
html.gaming .bn{box-shadow:none}
html.gaming .bn button[aria-current=page]{animation:gm-pulse 2.4s ease-in-out infinite}
html.gaming .avb{animation:gm-pulse 2.4s ease-in-out infinite}
html.gaming .dr-i[aria-checked],html.gaming .dr-sw.on{box-shadow:0 0 12px #35d477}
html.gaming .dr-h .av.big{box-shadow:0 0 0 2px #35d477,0 0 18px #35d477aa}
@keyframes gm-aurora{0%{transform:translate3d(-2%,-1%,0) scale(1)}100%{transform:translate3d(2%,2%,0) scale(1.06)}}
@keyframes gm-edge{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes gm-sweep{0%{left:-60%}55%,100%{left:130%}}
@media (prefers-reduced-motion:reduce){html.gaming::before,html.gaming .pc::before,html.gaming .qa-games .gq::after,html.gaming .qa-games .chipp::after,html.gaming .bn button[aria-current=page],html.gaming .avb{animation:none}}
:root[data-theme=light] .chipp.on svg{color:#fff}

/* v120: header logo and game banners as full-bleed hero slides */
.logo-v2{width:52px;height:52px;border-radius:14px;object-fit:cover;background:#000;box-shadow:0 0 0 1px #35d47755,0 0 16px -4px #35d47799}
.hero-slide.hero-img{background:linear-gradient(90deg,#070a14f2 0%,#070a14d0 42%,#070a1466 80%,#070a1433 100%),var(--bg) center/cover no-repeat;min-height:124px!important}
.hero-slide.hero-img .hero-art{display:none}
.hero-slide.hero-img .hero-txt{max-width:70%}
.hero-slide.hero-img h2{text-shadow:0 2px 12px #000c}
.hero-slide.hero-img p{color:#e6ebff}
:root[data-theme=light] .hero-slide.hero-img{background:linear-gradient(90deg,#070a14f2 0%,#070a14d0 42%,#070a1466 80%,#070a1433 100%),var(--bg) center/cover no-repeat}

/* v121: header brand lockup (SVG mark + wordmark), replaces the logo image */
.logo{display:flex;align-items:center;cursor:pointer;min-width:0}
.bl{display:flex;align-items:center;gap:10px;animation:bl-in .8s ease both}
.bl-m{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,#17291d,#0d1510);border:1px solid #2c5a3a;box-shadow:0 0 0 1px #ffffff0d inset,0 0 20px #18e87938;animation:bl-glow 3s infinite ease-in-out}
.bl-m svg{width:30px;height:30px;filter:drop-shadow(0 0 4px #19e87966)}
.bl-p1{stroke:#f5f7f5}
.bl-p2{stroke:#19e879}
.bl-w{font:900 25px/1 Nunito,system-ui,sans-serif;letter-spacing:-.6px;color:#f5f7f5;white-space:nowrap;text-shadow:0 1px 0 #0006}
.bl-w span{background:linear-gradient(90deg,#19e879,#7ef0a6 65%,#c9ffe0);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 8px #19e87959)}
:root[data-theme=light] .bl-m{background:linear-gradient(145deg,#f1fbf5,#dff5e8);border-color:#9fdcb6;box-shadow:0 6px 16px -8px #0b7a3a66}
:root[data-theme=light] .bl-p1{stroke:#0f1a14}
:root[data-theme=light] .bl-p2{stroke:#16a34a}
:root[data-theme=light] .bl-w{color:#0f1a14;text-shadow:none}
:root[data-theme=light] .bl-w span{background:linear-gradient(90deg,#0b7a3a,#16a34a 70%,#22c55e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:none}
@keyframes bl-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes bl-glow{50%{box-shadow:0 0 30px #18e87970}}
@media (prefers-reduced-motion:reduce){.bl,.bl-m{animation:none}}

/* v122: custom category picker (sell form) with premium icons */
#fc[hidden]{display:none!important}
.pk{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:0 16px;margin:6px 0 12px;border-radius:14px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:800 15px/1.2 Nunito,system-ui,sans-serif;text-align:left;cursor:pointer}
.pk:focus-visible{outline:2px solid #35d477;outline-offset:2px}
.pk-v{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pk-a{flex:none;color:var(--mu);font-size:14px}
.pk-list{display:flex;flex-direction:column;gap:6px;max-height:62vh;overflow:auto;padding:2px}
.pk-o{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:50px;padding:0 14px;border-radius:14px;border:1px solid var(--line);background:var(--card2);color:var(--ink);font:800 15px/1.2 Nunito,system-ui,sans-serif;text-align:left;cursor:pointer}
.pk-o.on{border-color:#35d477;background:#35d4771a}
.pk-t{display:flex;align-items:center;gap:8px;min-width:0}
.pk-c{flex:none;color:#35d477;font-size:18px}
.pk-t .pe,.pk-v .pe{width:1.85em;height:1.85em}

/* v123: favourite heart on the item page turns red when saved; trust badges no longer overlap their text */
.ic[data-fav]{color:var(--mu);font-size:20px;line-height:1}
.ic[data-fav][aria-pressed=true]{color:#ff5a78}
.trust2 > span{all:unset;display:flex;align-items:center;gap:10px;flex:1;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px;font-weight:800;font-size:14px}
.trust2 i{flex:none}
.trust2 em{font-style:normal;min-width:0}
/* the icon wrapper must never inherit card/box styles from its parent's selectors */
span.pe-w{all:unset;display:inline-block;line-height:0}

/* v125: verified badge spin (2 s) + colour flow (7 s) in CSS; banners smaller; */
.vbs{animation:vbShine 3s ease-in-out infinite}
@keyframes vbShine{0%{transform:translateX(0)}40%{transform:translateX(44px)}100%{transform:translateX(44px)}}
@media (prefers-reduced-motion:reduce){.vbs{animation:none;opacity:0}}

/* v125: new entrance: the P mark pops in with a spring, the wordmark letters rise out of a mask (intro only) */
#intro .bp-sw,#intro .bp-sw2,#intro .bp-card,#intro .bp-sp{display:none}
#intro .bp{animation:ix-pop 1s .15s cubic-bezier(.2,1.5,.4,1) both}
@keyframes ix-pop{from{opacity:0;transform:scale(.35) rotate(-14deg)}to{opacity:1;transform:none}}
#intro .pxw{overflow:hidden;padding:0 .04em .14em}
#intro .pxw b{animation:ix-up .65s calc(.75s + var(--i)*.06s) cubic-bezier(.2,.9,.2,1) both}
@keyframes ix-up{from{opacity:0;transform:translateY(120%)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#intro .bp,#intro .pxw b{animation:none;opacity:1}}

/* v127: entry is blue and lasts about 1 s; sale-complete scene uses the premium trophy on green */
#intro{background:radial-gradient(70% 50% at 50% 46%,#4aa8ff66,transparent 72%),linear-gradient(180deg,#0a1a4a,#050a24)!important;--p1:#9fd0ff;--p2:#2b6cff;--pyc:#8ec5ff;animation:inout .3s .7s cubic-bezier(.4,0,.2,1) both!important}
#intro .bp{animation:ix-pop .35s 0s cubic-bezier(.2,1.5,.4,1) both!important}
#intro .pxw b{animation:ix-up .3s calc(.12s + var(--i)*.03s) cubic-bezier(.2,.9,.2,1) both!important}
#intro .in-ring{animation:inring .5s ease-out both!important}
#intro .in-sub{animation:ix-up .3s .45s ease both!important}
.fx-prem{width:min(40vmin,220px)!important;height:auto!important;filter:drop-shadow(0 0 14px #b8ffd0aa)}

/* v129: listing cards have no left neon bar; admin panel link at the top of the side menu (admins only) */
html.gaming .pc::before{display:none}
.dr-adm{border:1px solid #35d47766;background:#35d47714;color:#7ef0a6}
.dr-adm,.dr-adm:hover,.dr-adm .dr-l{text-decoration:none}

/* v133: the aurora layer sits on <html>, not inside the zoomed <body>, so its edge never splits the page on phones */
html.gaming{background:var(--bg)}
/* v134: the page background was painted with repeat inside the zoomed body box, so a short page showed a seam where the tile repeated (about 70% down on phones).
   The background now does not repeat, and the root keeps the theme base colour below it. */
body{background-repeat:no-repeat}
html{background:var(--bg)}
/* v134: body is zoomed by --dz-scale, so its min-height has to be divided by the same scale to fill the screen (same as the width rule above) */
body{min-height:calc(100vh / var(--dz-scale,1))}

/* auth dialog (sign-in / sign-up): centered card, no border, as in the earlier design. Other dialogs stay bottom sheets. */
dialog:has(#authf){margin:auto!important;border:0!important;outline:0!important;border-radius:28px!important;background:transparent!important;box-shadow:none!important;padding:8px 14px!important}
dialog:has(#authf)::backdrop{background:radial-gradient(40% 35% at 30% 30%,rgba(59,130,246,.55),transparent 70%),radial-gradient(35% 30% at 75% 70%,rgba(34,197,94,.22),transparent 70%),radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--dz-blue) 85%,#3b82f6) 0%,color-mix(in srgb,var(--dz-blue) 40%,var(--bg)) 45%,var(--bg) 85%);background-size:180% 180%,160% 160%,100% 100%;background-repeat:no-repeat;animation:authBg 16s ease-in-out infinite alternate}
@keyframes authBg{0%{background-position:0% 0%,100% 100%,0 0}50%{background-position:60% 40%,20% 60%,0 0}100%{background-position:100% 80%,0% 20%,0 0}}
@media (prefers-reduced-motion:reduce){dialog:has(#authf)::backdrop{animation:none}}

/* auth dialog polish: inputs, tabs and buttons share one look (glass fields, same radius and height) */
dialog:has(#authf) input:not([type=checkbox]):not([type=range]){background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;min-height:50px;color:#fff;transition:border-color .15s,box-shadow .15s}
dialog:has(#authf) input:focus{border-color:#3ddc84!important;box-shadow:0 0 0 4px rgba(61,220,132,.18)!important;outline:0!important}
dialog:has(#authf) input::placeholder{color:rgba(255,255,255,.4)}
dialog:has(#authf) label{color:rgba(255,255,255,.8);font-weight:700;letter-spacing:.01em}
dialog:has(#authf) .pb,dialog:has(#authf) button.pb{min-height:50px;border-radius:14px!important;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 28px -10px rgba(61,220,132,.55)}
dialog:has(#authf) .pb.out,dialog:has(#authf) .chip{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:none!important;color:rgba(255,255,255,.85)!important}
dialog:has(#authf) .chip.on,dialog:has(#authf) .chip[aria-selected=true]{background:#22c55e!important;color:#06140b!important;border-color:transparent!important;box-shadow:0 8px 22px -8px rgba(34,197,94,.7)!important}
dialog:has(#authf) .chip[aria-pressed=true]{background:#22c55e!important;color:#06140b!important;border-color:transparent!important;box-shadow:0 8px 22px -8px rgba(34,197,94,.7)!important}

/* intro (entry animation) in blue: background, ring, dots, logo accents and subtitle */
#intro{background:radial-gradient(90% 70% at 50% 40%,rgba(96,165,250,.45),transparent 60%),radial-gradient(120% 90% at 50% 35%,#1e4fd6,#0a1f5c 80%)!important}
#intro .in-ring{background:conic-gradient(from 0deg,transparent 0 62%,#93c5fd 78%,#60a5fa 84%,transparent 92%)!important}
#intro .in-ring{border-top-color:#60a5fa!important}
#intro .in-dot{background:#dbeafe!important;box-shadow:0 0 2.4vmin #60a5fa!important}
#intro .in-logo b{color:#93c5fd!important}
#intro .in-logo{text-shadow:0 .8vmin 0 #0a1f5c99!important}
#intro .in-shine{background:linear-gradient(90deg,transparent,#dbeafe40,transparent)!important}
#intro .in-sub{background:linear-gradient(90deg,#ffffffb3,#93c5fd,#ffffffb3)!important;-webkit-background-clip:text!important;background-clip:text!important}

/* splash (Boshlash screen): same blue to teal palette as the entry animation */
#splash{background:radial-gradient(900px 640px at 50% 26%,rgba(56,189,248,.35) 0,transparent 60%),radial-gradient(800px 600px at 50% 30%,#2563eb 0,#0b2a6b 50%,#050b1f 100%)!important}
#splash .lgbig{text-shadow:0 5px 0 #0a1f5c!important}
#splash .lgbig b{color:#7dd3fc!important}
#splash p{color:#dbeafe!important}
#splash #sgo{background:linear-gradient(180deg,#34d399,#0ea5a4)!important;color:#04181a!important;border-radius:14px!important;box-shadow:0 12px 30px -10px rgba(52,211,153,.6)!important}