:root{
  --shell:#0B1026; --panel:#141C3F; --royal:#2440E8; --violet:#4B3BD4;
  --gold:#FFC93C; --gold-hi:#FFE79A; --pink:#FF9FB0; --txt2:#A9B6E4;
  --ink:#1A2142; --r-hero:24px; --r-card:16px; --r-chip:12px;
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{overflow-x:clip}
body{
  background:var(--shell); color:#fff;
  font-family:'Urbanist','Segoe UI',system-ui,sans-serif;
  font-size:16px; line-height:1.55; position:relative;
}
body::before{content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:url("assets/ui/sheet10_watermark/bg_watermark_tile.webp") repeat; opacity:.04}
body>*{position:relative; z-index:1}
h1,h2,h3,.num,.brand{font-family:'Nunito','Urbanist','Segoe UI',sans-serif}
h1{font-weight:900}
h2,h3{font-weight:800}
a{color:inherit; text-decoration:none}
img{max-width:100%; display:block}
.wrap{max-width:1232px; margin:0 auto; padding:0 24px}
section{padding:34px 0}
.sec-hd{display:flex; align-items:center; gap:12px; margin-bottom:18px}
.sec-hd img{width:40px; height:40px; object-fit:contain; flex:none}
.sec-hd h2{font-size:24px; letter-spacing:.2px}
.sec-hd .more{margin-left:auto; color:var(--txt2); font-weight:600; font-size:14px; white-space:nowrap}
.sec-hd .more:hover{color:var(--gold)}
.cer{background:var(--panel); border-radius:var(--r-card); position:relative;
  background-image:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 26%)}
.cer-slit::after{content:""; position:absolute; top:-1px; left:50%; transform:translateX(-50%);
  width:24px; height:2px; border-radius:2px; background:linear-gradient(90deg,var(--gold-hi),var(--gold))}
.btn{display:inline-flex; align-items:center; gap:8px; border:0; cursor:pointer;
  border-radius:var(--r-chip); padding:12px 22px; font:700 15px 'Urbanist',sans-serif;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1), box-shadow .2s; position:relative}
.btn-gold{background-color:var(--gold); background-image:linear-gradient(180deg,var(--gold-hi),var(--gold)); color:var(--ink);
  box-shadow:0 6px 18px rgba(255,201,60,.35), inset 0 1px 0 rgba(255,255,255,.65); overflow:visible}
.btn-blue{background:linear-gradient(180deg,#3D55F0,var(--violet)); color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}
.btn-ghost{background:var(--panel); border:1px solid rgba(169,182,228,.28); color:#E8ECFF}
.kd-down{transform:scaleY(.92) scaleX(1.02)}
.kd-coin{position:absolute; top:-4px; left:50%; width:16px; height:16px; border-radius:50%;
  background:radial-gradient(circle at 35% 30%,var(--gold-hi),var(--gold) 70%);
  border:2px solid var(--gold-hi); pointer-events:none; animation:kdArc .45s ease-out forwards}
@keyframes kdArc{
  0%{transform:translate(-50%,0) scale(.6); opacity:0}
  25%{opacity:1}
  60%{transform:translate(6px,-34px) scale(1)}
  100%{transform:translate(22px,-18px) scale(.8); opacity:0}}
.site-hd{position:sticky; top:0; z-index:100;
  background:linear-gradient(180deg,#28346E 0%,#1C2657 48%,#141C3F 100%);
  box-shadow:0 3px 16px rgba(0,0,0,.5)}
.site-hd::before{content:""; position:absolute; top:0; left:0; right:0; height:13px; pointer-events:none; z-index:1;
  background:linear-gradient(180deg,rgba(255,255,255,.36),rgba(255,255,255,.10) 52%,rgba(255,255,255,0))}
.site-hd::after{content:""; position:absolute; left:0; right:0; bottom:0; height:2px; pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(255,255,255,.10))}
.hd-slot{position:absolute; top:0; left:50%; transform:translateX(-50%); width:132px; height:23px; z-index:2;
  background:linear-gradient(180deg,#080D20,#04070F);
  border:2px solid var(--gold); border-top:0; border-radius:0 0 17px 17px;
  box-shadow:0 4px 12px rgba(0,0,0,.6), 0 0 14px rgba(255,201,60,.28), inset 0 -3px 7px rgba(255,201,60,.20)}
.hd-slot::before{content:""; position:absolute; left:50%; top:6px; transform:translateX(-50%);
  width:66px; height:7px; border-radius:4px; background:#01030A;
  box-shadow:inset 0 2px 3px #000, 0 1px 0 rgba(255,231,154,.5)}
.hd-coin{position:fixed; top:-24px; left:50%; margin-left:-8px; width:16px; height:16px;
  border-radius:50%; z-index:101; pointer-events:none;
  background:radial-gradient(circle at 35% 30%,var(--gold-hi),var(--gold) 70%); border:2px solid var(--gold-hi);
  animation:hdDrop 1s ease-in .5s forwards}
@keyframes hdDrop{
  0%{transform:translateY(0) scaleX(1); opacity:0}
  20%{opacity:1}
  85%{transform:translateY(28px) scaleX(1); opacity:1}
  100%{transform:translateY(33px) scaleX(.22); opacity:0}}
.nav{max-width:1232px; margin:0 auto; padding:0 24px; height:64px; display:flex; align-items:center; gap:18px; position:relative; z-index:2}
.hb{display:none; flex-direction:column; gap:4px; background:none; border:0; cursor:pointer; padding:8px}
.hb span{width:20px; height:2px; background:#fff; border-radius:2px}
.brand{display:flex; align-items:center; gap:10px; font-weight:900; font-size:18px; line-height:1.05; flex:none; color:#fff}
.brand-tile{width:42px; height:42px; flex:none; border-radius:12px; position:relative;
  background:linear-gradient(180deg,#2E3B7C,#1C2657 58%,#161F4A);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.32), inset 0 -3px 5px rgba(0,0,0,.45), 0 3px 8px rgba(0,0,0,.4);
  display:flex; align-items:center; justify-content:center}
.bt-slit{position:absolute; top:6px; left:50%; transform:translateX(-50%); width:16px; height:3px; border-radius:2px;
  background:linear-gradient(90deg,var(--gold-hi),var(--gold))}
.bt-snout{width:21px; height:15px; border-radius:50%; margin-top:8px;
  background:radial-gradient(circle at 38% 28%,#FFC9D3,var(--pink) 72%);
  box-shadow:inset 0 -2px 3px rgba(0,0,0,.28); display:flex; align-items:center; justify-content:center; gap:4px}
.bt-snout i{width:3px; height:6px; border-radius:2px; background:#C25E75}
.brand-sub{font-size:10px; letter-spacing:.24em; color:var(--txt2); font-weight:700}
.menu{display:flex; gap:20px; margin-left:8px}
.menu a{font-weight:600; font-size:15px; color:#E8ECFF; padding:6px 2px}
.menu a:hover{color:var(--gold)}
.search{margin-left:auto; display:flex; align-items:center; position:relative}
.search-btn{background:none; border:0; cursor:pointer; padding:8px; display:flex}
.search-btn svg{width:20px; height:20px; stroke:#E8ECFF; fill:none; stroke-width:2}
.search input{width:0; opacity:0; border:0; outline:0; height:36px; border-radius:10px;
  background:#0A0F24; color:#fff; font:600 14px 'Urbanist',sans-serif; padding:0;
  transition:width .25s ease, opacity .2s, padding .25s;
  box-shadow:inset 0 0 0 1px rgba(255,201,60,.55)}
.search.open input{width:260px; opacity:1; padding:0 12px; margin-right:6px}
.search-dd{position:fixed; z-index:999; display:none; min-width:280px; max-width:92vw;
  background:var(--panel); border-radius:12px; padding:10px 14px; color:var(--txt2); font-size:13px;
  box-shadow:0 12px 32px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(255,201,60,.35)}
.geoflag{display:flex; align-items:center; gap:7px; font-weight:700; font-size:13px; color:#E8ECFF; flex:none}
.geoflag svg{border-radius:2px; display:block}
.hero{padding:0}
.hero-band{position:relative; min-height:540px; display:flex; align-items:stretch; overflow:hidden;
  background:
    linear-gradient(180deg,rgba(11,16,38,0) 74%,var(--shell) 100%),
    radial-gradient(560px 400px at 26% 64%,rgba(255,159,176,.26),rgba(255,159,176,0) 70%),
    radial-gradient(780px 540px at 25% 56%,rgba(255,201,60,.22),rgba(255,201,60,0) 72%),
    linear-gradient(180deg,#0B1026 0%,#141C3F 100%)}
.hero-band::before{content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:url("assets/ui/sheet10_watermark/bg_watermark_tile.webp") repeat; opacity:.05}
.hero-piggy{position:absolute; left:clamp(24px,7vw,120px); bottom:46px; width:340px; z-index:1;
  filter:drop-shadow(0 22px 34px rgba(0,0,0,.55))}
.hero-wing{position:absolute; bottom:-64px; width:270px; z-index:0; opacity:.32; pointer-events:none;
  filter:brightness(.6) saturate(.75) blur(1px)}
.hero-wing-l{left:-92px}
.hero-wing-r{right:-84px}
.hero-grid{position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:24px; align-items:center; width:100%}
.hero-txt{grid-column:2; max-width:600px; justify-self:end; padding:54px 0 62px}
.kicker{display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:13px;
  color:var(--gold-hi); letter-spacing:.06em; margin-bottom:14px}
.hero h1{font-size:44px; line-height:1.08; margin-bottom:14px}
.hero h1 em{font-style:normal; color:var(--pink)}
.hero .sub{color:#DDE4FF; font-size:17px; max-width:46ch; margin-bottom:22px}
.hero-cta{display:flex; gap:18px; align-items:center; flex-wrap:wrap; margin-bottom:26px}
.link-more{font-weight:700; font-size:15px; color:#E8ECFF; border-bottom:2px solid rgba(255,201,60,.55); padding-bottom:2px}
.link-more:hover{color:var(--gold-hi)}
.hero-facts{display:flex; gap:14px; flex-wrap:wrap}
.fact{background:rgba(20,28,63,.72); border-radius:14px; padding:10px 16px; min-width:150px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.fact .lbl{font-size:12px; color:var(--txt2); font-weight:600}
.spaar{display:inline-flex; flex-direction:column; align-items:flex-start; position:relative}
.spaar .slit{width:24px; height:3px; border-radius:2px; margin:2px 0 3px;
  background:linear-gradient(90deg,var(--gold-hi),var(--gold)); position:relative}
.spaar.flash .slit{animation:slitFlash .5s ease-out 1}
@keyframes slitFlash{0%{box-shadow:0 0 0 0 rgba(255,201,60,.8)}100%{box-shadow:0 0 14px 4px rgba(255,201,60,0)}}
.spaar .num{font-size:22px; font-weight:900; color:#fff; line-height:1.1}
.spaar .coin{position:absolute; top:-16px; left:4px; width:12px; height:12px; border-radius:50%;
  background:radial-gradient(circle at 35% 30%,var(--gold-hi),var(--gold) 70%); border:1px solid var(--gold-hi);
  opacity:0}
.spaar.run .coin{animation:coinDrop .5s ease-in forwards}
@keyframes coinDrop{0%{transform:translateY(0) scaleX(1); opacity:0}
  30%{opacity:1}80%{transform:translateY(14px) scaleX(1)}100%{transform:translateY(18px) scaleX(.2); opacity:0}}
.chips{padding:26px 0 4px}
.chips-row{display:flex; gap:16px; overflow-x:auto; padding:4px 2px 10px; scrollbar-width:thin}
.token{flex:none; width:84px; display:flex; flex-direction:column; align-items:center; gap:7px;
  font-weight:700; font-size:12px; line-height:1.2; color:#E8ECFF; text-align:center;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
.token i{width:58px; height:58px; border-radius:50%; position:relative; display:flex; align-items:center; justify-content:center;
  background:radial-gradient(circle at 50% 24%,#26326A,#141C3F 76%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.22), inset 0 0 0 2px rgba(255,201,60,.4), inset 0 -7px 11px rgba(0,0,0,.38), 0 4px 10px rgba(0,0,0,.4)}
.token i::before{content:""; position:absolute; inset:3px; border-radius:50%;
  background:repeating-conic-gradient(rgba(255,201,60,.35) 0 5deg, transparent 5deg 14deg);
  -webkit-mask:radial-gradient(circle, transparent 60%, #000 63%); mask:radial-gradient(circle, transparent 60%, #000 63%)}
.token img{width:30px; height:30px; object-fit:contain; position:relative}
.token.act i{background:radial-gradient(circle at 50% 24%,#4059F2,var(--royal) 76%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.35), inset 0 0 0 2px rgba(255,231,154,.75), 0 4px 12px rgba(36,64,232,.45)}
.token:hover{transform:translateY(-3px)}
.token:hover span{color:var(--gold-hi)}
.grid6{display:grid; grid-template-columns:repeat(6,1fr); gap:14px}
.tile{background:var(--panel); border-radius:var(--r-card); padding:8px; position:relative;
  background-image:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,0) 30%);
  transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
.cov{aspect-ratio:141/100; border-radius:12px; overflow:hidden; position:relative;
  background:linear-gradient(160deg,#39406B,#262D52); display:flex; align-items:center; justify-content:center}
.cov-name{font:800 13px/1.25 'Nunito',sans-serif; color:#C9D2F5; text-align:center; padding:0 10px}
.tile .badge{position:absolute; top:2px; right:2px; width:40px; height:40px; object-fit:contain; z-index:2}
.badge-lbl{position:absolute; top:42px; right:4px; z-index:2; font:800 9px 'Nunito',sans-serif;
  letter-spacing:.06em; color:var(--ink); background:var(--pink); border-radius:7px; padding:2px 6px}
.tile h3{font-size:14px; margin:9px 2px 1px; line-height:1.25}
.tile .prov{font-size:12px; color:var(--txt2); margin:0 2px}
.tile .meta{font-size:11.5px; color:var(--txt2); margin:3px 2px 2px; opacity:.85}
.pager{display:flex; align-items:center; justify-content:center; gap:12px; margin-top:16px; color:var(--txt2); font-weight:700}
.pager button{width:34px; height:34px; border-radius:10px; border:0; cursor:pointer; background:var(--panel);
  color:#E8ECFF; font-size:16px; transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
.cas{padding:40px 0}
.cas-stage{display:flex; align-items:flex-end; gap:6px}
.cas-wing{flex:none; width:150px; align-self:flex-end}
.cas-wing img{width:100%; height:auto}
.cas-obj{flex:none; width:225px; align-self:flex-end; margin-right:-18px; position:relative; z-index:2}
.cas-obj img{width:100%; height:auto; filter:drop-shadow(0 14px 24px rgba(0,0,0,.5))}
.cas-cards{flex:1; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; align-self:center}
.cas-card{padding:18px 16px 16px; display:flex; flex-direction:column; gap:10px}
.cas-card.top{box-shadow:0 12px 32px rgba(36,64,232,.25)}
.cas-rank{display:flex; align-items:center; gap:10px}
.cas-rank img{width:46px; height:46px; object-fit:contain}
.cas-rank .t{font:800 16px 'Nunito',sans-serif}
.cas-rank .n{font-size:12px; color:var(--txt2)}
.todo{display:inline-block; border:1px dashed rgba(255,201,60,.5); border-radius:8px;
  color:var(--gold-hi); font-size:11px; font-weight:700; padding:2px 8px; letter-spacing:.03em}
.cas-bonus{display:flex; align-items:center; gap:9px; background:rgba(11,16,38,.5); border-radius:10px; padding:8px 10px}
.cas-bonus img{width:30px; height:30px; object-fit:contain}
.cas-bonus span{font-size:13px; color:#DDE4FF; font-weight:600}
.cas-list{list-style:none; display:flex; flex-direction:column; gap:7px}
.cas-list li{display:flex; align-items:center; gap:9px; font-size:13px; color:#DDE4FF}
.cas-list img{width:24px; height:24px; object-fit:contain}
.cas-cta{display:flex; gap:8px; margin-top:auto}
.cas-cta .btn{padding:10px 8px; font-size:13px; flex:1; justify-content:center; white-space:nowrap}
.cas-seal{display:flex; align-items:center; gap:8px; font-size:11.5px; color:var(--txt2)}
.cas-seal img{width:30px; height:30px; object-fit:contain}
.rg-line{margin-top:16px; text-align:center; color:var(--txt2); font-size:12.5px}
.col-grid{display:grid; grid-template-columns:repeat(6,1fr); gap:14px}
.col-card{padding:0; overflow:hidden; text-align:center;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
.col-card .col-in{aspect-ratio:141/100; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; padding:10px}
.col-card img{width:44px; height:44px; object-fit:contain}
.col-card b{font:800 13.5px 'Nunito',sans-serif}
.col-card span{font-size:11.5px; color:var(--txt2)}
.prov-row{display:flex; flex-wrap:wrap; gap:10px}
.prov-tile{display:inline-flex; align-items:center; gap:9px; background:var(--panel); border-radius:12px;
  padding:9px 14px 9px 9px; font-weight:700; font-size:13.5px; color:#E8ECFF;
  background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 40%);
  transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
.prov-tile i{font-style:normal; width:28px; height:28px; border-radius:9px; display:flex; align-items:center;
  justify-content:center; background:linear-gradient(180deg,#3D55F0,var(--violet)); font:800 13px 'Nunito',sans-serif}
.blog-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
.blog-card{overflow:hidden; display:flex; flex-direction:column;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
.blog-card img{width:100%; aspect-ratio:141/100; object-fit:cover}
.blog-body{padding:14px 16px 16px}
.blog-cat{font-size:11px; font-weight:800; letter-spacing:.08em; color:var(--gold); text-transform:uppercase}
.blog-card h3{font-size:16px; margin:6px 0 6px; line-height:1.3}
.blog-card p{font-size:13.5px; color:var(--txt2)}
.blog-card .rd{margin-top:10px; font-weight:700; font-size:13px; color:var(--gold-hi)}
.blog-wide{grid-column:1/-1; flex-direction:row; margin-top:0}
.blog-wide img{width:38%; aspect-ratio:141/100; object-fit:cover}
.blog-wide .blog-body{flex:1; display:flex; flex-direction:column; justify-content:center}
.trust-row{display:flex; gap:20px; align-items:stretch}
.trust-boxes{flex:1; display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
.trust-box{padding:18px 16px}
.trust-box h3{font-size:15.5px; margin-bottom:8px}
.trust-box p{font-size:13.5px; color:var(--txt2)}
.trust-obj{flex:none; width:250px; display:flex; align-items:center; justify-content:center}
.trust-obj img{width:100%; max-width:250px; height:auto; filter:drop-shadow(0 14px 24px rgba(0,0,0,.5))}
.trust-seal-wrap{position:relative; width:200px; height:200px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#3a4570 0%,#1c2657 55%,#10142c 100%); display:flex; align-items:center; justify-content:center; box-shadow:inset 0 4px 10px rgba(255,255,255,.08),0 14px 24px rgba(0,0,0,.5)}
.trust-seal-main{width:92px; height:auto; position:relative; z-index:2; filter:none}
.trust-coin{position:absolute; width:64px; height:auto; opacity:.92; filter:none}
.trust-coin-l{left:-16px; bottom:10px}
.trust-coin-r{right:-16px; bottom:10px}
.seo-p{margin-top:18px; color:var(--txt2); font-size:14px; max-width:96ch}
.faq details{border-radius:var(--r-card); margin-bottom:10px; overflow:hidden}
.faq summary{cursor:pointer; padding:15px 18px; font:800 15.5px 'Nunito',sans-serif; list-style:none; position:relative}
.faq summary::after{content:"+"; position:absolute; right:18px; color:var(--gold); font-size:19px}
.faq details[open] summary::after{content:"–"}
.faq .a{padding:0 18px 15px; color:var(--txt2); font-size:14px}
.shelf{height:105px; background:url("assets/ui/sheet03_bg_components/comp_shelf_footer.webp") repeat-x bottom center; margin-top:26px}
footer{background:#080C1D; padding:34px 0 22px}
.ft-grid{display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr 1fr; gap:22px}
.ft-brand{display:flex; align-items:flex-start; gap:10px}
.ft-brand img{width:38px; height:38px; object-fit:contain}
.ft-brand p{font-size:12.5px; color:var(--txt2); margin-top:6px; max-width:34ch}
.ft-col b{display:block; font:800 13px 'Nunito',sans-serif; letter-spacing:.06em; text-transform:uppercase; color:#E8ECFF; margin-bottom:9px}
.ft-col a{display:block; font-size:13px; color:var(--txt2); padding:3px 0}
.ft-col a:hover{color:var(--gold)}
.ft-bottom{margin-top:24px; padding-top:14px; border-top:1px solid rgba(169,182,228,.14);
  font-size:12px; color:var(--txt2); display:flex; gap:14px; flex-wrap:wrap; justify-content:center}
@media(max-width:1100px){
  .grid6,.col-grid{grid-template-columns:repeat(4,1fr)}
  .cas-wing{display:none}
  .hero h1{font-size:38px}
}
@media(max-width:900px){
  .hb{display:flex}
  .menu{position:fixed; inset:64px auto 0 0; width:260px; background:#0C1229; flex-direction:column;
    padding:22px; gap:6px; transform:translateX(-100%); transition:transform .25s; z-index:99;
    box-shadow:8px 0 30px rgba(0,0,0,.5)}
  .menu.open{transform:none}
  .menu a{padding:10px 4px; font-size:16px}
  .geoflag span{display:none}
  .search.open input{width:min(52vw,260px)}
}
@media(max-width:700px){
  .hero-band{min-height:0;
    background:
      linear-gradient(180deg,rgba(11,16,38,0) 60%,var(--shell) 100%),
      radial-gradient(300px 220px at 50% 150px,rgba(255,159,176,.20),rgba(255,159,176,0) 70%),
      radial-gradient(430px 320px at 50% 140px,rgba(255,201,60,.16),rgba(255,201,60,0) 72%),
      linear-gradient(180deg,#0B1026 0%,#141C3F 100%)}
  .hero-piggy{left:50%; transform:translateX(-50%); bottom:auto; top:34px; width:200px}
  .hero-wing{width:180px; bottom:-46px; opacity:.26}
  .hero-wing-l{left:-76px}
  .hero-wing-r{right:-76px}
  .hero-grid{grid-template-columns:1fr}
  .hero-txt{grid-column:1; justify-self:stretch; max-width:none; padding:276px 0 42px}
  .hero h1{font-size:30px}
  .token{width:72px}
  .token i{width:52px; height:52px}
  .grid6,.col-grid,.cas-cards,.trust-boxes,.blog-grid{grid-template-columns:repeat(2,1fr)}
  .cas-stage{flex-direction:column; align-items:stretch}
  .cas-obj{width:190px; margin:0 auto -8px}
  .cas-cards{grid-template-columns:1fr}
  .trust-row{flex-direction:column}
  .trust-obj{width:190px; margin:0 auto}
  .blog-wide{flex-direction:column}
  .blog-wide img{width:100%}
  .ft-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .hd-slot,.hd-coin{display:none} /* на узкой шапке прорезь наезжает на вордмарк */
}
@media(max-width:430px){
  .grid6,.col-grid{grid-template-columns:repeat(2,1fr)}
  .hero h1{font-size:26px}
}
@media(prefers-reduced-motion:reduce){
  *,.btn,.token,.tile{transition:none!important; animation:none!important}
  .hd-coin{display:none}
}
@keyframes kdArc{0%{transform:translate(-50%,0) scale(.6); opacity:0}25%{opacity:1}
  60%{transform:translate(6px,-34px) scale(1)}100%{transform:translate(22px,-18px) scale(.8); opacity:0}}
@keyframes hdDrop{0%{transform:translateY(0) scaleX(1); opacity:0}20%{opacity:1}
  85%{transform:translateY(28px) scaleX(1); opacity:1}100%{transform:translateY(33px) scaleX(.22); opacity:0}}
.layout{display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:26px; align-items:start; padding-top:0}
.crumbs{padding:14px 0 0; font-size:13px; color:var(--txt2)}
.crumbs a:hover{color:var(--gold)}
.crumbs b{color:#E8ECFF; font-weight:600}
.shero{margin-top:12px; position:relative; min-height:500px; overflow:hidden;
  background:
    linear-gradient(180deg,rgba(11,16,38,0) 72%,var(--shell) 100%),
    radial-gradient(520px 360px at 18% 60%,rgba(255,159,176,.14),rgba(255,159,176,0) 70%),
    radial-gradient(640px 460px at 16% 54%,rgba(255,201,60,.12),rgba(255,201,60,0) 72%),
    linear-gradient(180deg,rgba(11,16,38,.5),rgba(11,16,38,.82)),
    url("assets/ui/sheet11_slot_bg/bg_slot_hero.webp");
  background-size:auto,auto,auto,auto,cover;
  background-position:center,center,center,center,left center}
.shero-in{position:relative; z-index:2; display:flex; gap:34px; padding:36px 0 20px}
.shero-cover{flex:none; width:340px; position:relative}
.shero-cov{aspect-ratio:141/100; border-radius:16px; position:relative; overflow:hidden;
  background:linear-gradient(160deg,#39406B,#262D52);
  background-image:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 22%),linear-gradient(160deg,#39406B,#262D52);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 14px 30px rgba(0,0,0,.5)}
.shero-cov::before{content:""; position:absolute; top:-1px; left:50%; transform:translateX(-50%);
  width:24px; height:2px; border-radius:2px; background:linear-gradient(90deg,var(--gold-hi),var(--gold))}
.shero-cov .cov-name{font:800 20px/1.3 'Nunito',sans-serif; color:#C9D2F5; text-align:center; padding:0 22px}
.shero-cover .badge{position:absolute; top:-8px; right:-8px; width:52px; height:52px; object-fit:contain; z-index:3}
.shero-cover .badge-lbl{position:absolute; top:44px; right:-4px; z-index:3; font:800 10px 'Nunito',sans-serif;
  letter-spacing:.06em; color:var(--ink); background:var(--pink); border-radius:7px; padding:2px 7px}
.demo-pl{position:absolute; left:12px; bottom:12px; z-index:3; display:inline-flex; align-items:center; gap:7px;
  background:rgba(11,16,38,.78); border-radius:10px; padding:7px 12px; font:700 13px 'Urbanist',sans-serif; color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,201,60,.4)}
.demo-pl i{font-style:normal; color:var(--gold)}
.shero-obj{position:absolute; right:-52px; top:calc(100% - 112px); width:150px; z-index:4; pointer-events:none}
.shero-obj img{width:100%; height:auto; filter:drop-shadow(0 12px 22px rgba(0,0,0,.55))}
.shero-txt{flex:1; min-width:0; padding-bottom:8px}
.shero h1{font-size:36px; line-height:1.1; margin-bottom:10px}
.shero .provline{font-size:14.5px; color:var(--txt2); margin-bottom:10px}
.shero .provline a{color:#E8ECFF; font-weight:700}
.shero .provline a:hover{color:var(--gold)}
.tagchips{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:14px}
.lead{color:#DDE4FF; font-size:16px; max-width:58ch; margin-bottom:18px}
.shero-cta{display:flex; align-items:center; gap:16px; flex-wrap:wrap}
.age{font:800 12px 'Nunito',sans-serif; color:var(--ink); background:var(--gold); border-radius:8px; padding:3px 8px}
.toc{position:relative; z-index:2; display:flex; gap:6px; flex-wrap:wrap; padding:12px 0 18px}
.toc a{font-size:12.5px; font-weight:700; color:var(--txt2); background:rgba(20,28,63,.85);
  border-radius:10px; padding:6px 11px}
.toc a:hover{color:var(--gold-hi)}
.factrail{display:flex; gap:12px; flex-wrap:wrap; padding:20px 0 4px}
.frit{display:flex; align-items:center; gap:10px; padding:10px 16px 10px 10px; min-width:150px}
.frit img{width:34px; height:34px; object-fit:contain}
.frit .lbl{font-size:11.5px; color:var(--txt2); font-weight:600}
.frit .val{font:800 16px 'Nunito',sans-serif}
@keyframes coinDrop{0%{transform:translateY(0) scaleX(1); opacity:0}30%{opacity:1}
  80%{transform:translateY(12px) scaleX(1)}100%{transform:translateY(16px) scaleX(.2); opacity:0}}
.fr-note{font-size:11.5px; color:var(--txt2); padding:4px 0 0; opacity:.85}
.byline{display:flex; align-items:center; gap:12px; padding:16px 0 6px}
.byline img{width:46px; height:46px; border-radius:50%; object-fit:cover; object-position:top; background:#262D52}
.byline .who{font-size:13.5px; color:var(--txt2)}
.byline .who b{color:#fff; font-size:14.5px}
.rev-box{padding:22px 24px; max-height:430px; overflow-y:auto; scrollbar-width:thin}
.rev-box h3{font-size:16px; margin:18px 0 7px; color:var(--gold-hi)}
.rev-box h3:first-child{margin-top:0}
.rev-box h3 i{font-style:normal; color:var(--txt2); font-family:'Nunito',sans-serif; margin-right:8px}
.rev-box p{font-size:14.5px; color:#DDE4FF; margin-bottom:8px}
.rev-box .todo{margin:2px 0 6px}
.rules{padding:22px 24px}
.rules h3{font-size:15.5px; margin:16px 0 6px}
.rules h3:first-of-type{margin-top:0}
.rules p{font-size:14px; color:var(--txt2)}
.resp-note{margin-top:14px; font-size:12.5px; color:var(--txt2); border-top:1px solid rgba(169,182,228,.14); padding-top:10px}
.pt-wrap{overflow-x:auto}
table.pt{width:100%; border-collapse:collapse; font-size:14px}
table.pt th{text-align:left; font:800 13px 'Nunito',sans-serif; color:var(--txt2); text-transform:uppercase;
  letter-spacing:.05em; padding:10px 14px; border-bottom:1px solid rgba(169,182,228,.18)}
table.pt td{padding:10px 14px; border-bottom:1px solid rgba(169,182,228,.10); color:#DDE4FF}
table.pt tr.hi td{background:rgba(255,201,60,.06); color:#fff; font-weight:600}
.pt-note{font-size:12.5px; color:var(--txt2); margin-top:10px}
.played-txt{padding:18px 22px; max-height:220px; overflow-y:auto; scrollbar-width:thin; margin-bottom:14px}
.played-txt p{font-size:14.5px; color:#DDE4FF; margin-bottom:8px}
.shots{display:grid; grid-template-columns:repeat(2,1fr); gap:12px}
.shots figure{border-radius:12px; overflow:hidden; background:var(--panel)}
.shot-ph{aspect-ratio:16/9; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:6px;
  background:linear-gradient(160deg,#2A335C,#1B2246); color:var(--txt2); font-size:13px; font-weight:600}
.shots figcaption{padding:9px 12px; font-size:12.5px; color:var(--txt2)}
.verdict{padding:22px 24px}
.vd-cols{display:grid; grid-template-columns:1fr 1fr 190px; gap:16px}
.vd-list b{display:block; font:800 14px 'Nunito',sans-serif; margin-bottom:7px}
.vd-list ul{list-style:none}
.vd-list li{font-size:13.5px; color:#DDE4FF; padding:3px 0 3px 18px; position:relative}
.vd-plus li::before{content:"+"; position:absolute; left:0; color:var(--gold); font-weight:800}
.vd-min li::before{content:"–"; position:absolute; left:0; color:var(--pink); font-weight:800}
.vd-score{text-align:center; display:flex; flex-direction:column; align-items:center; gap:6px}
.vd-score img{width:86px; height:86px; object-fit:contain}
.vd-score .spaar{align-items:center}
.vd-score .num{font-size:30px; font-weight:900}
.vd-score .of{font-size:12.5px; color:var(--txt2)}
.scorebar{margin-top:16px; height:8px; border-radius:6px; background:#0A0F24; overflow:hidden}
.scorebar i{display:block; height:100%; width:83%; border-radius:6px;
  background:linear-gradient(90deg,var(--gold-hi),var(--gold))}
.vd-sum{margin-top:12px; font-size:14px; color:#DDE4FF}
.vd-sign{margin-top:8px; font-size:12.5px; color:var(--txt2)}
.rail{margin-bottom:20px}
.rail h3{font-size:16px; margin-bottom:10px}
.rail-row{display:grid; grid-auto-flow:column; grid-auto-columns:172px; gap:12px; overflow-x:auto;
  padding-bottom:8px; scrollbar-width:thin}
.tile h4{font-size:13px; margin:8px 2px 1px; font-family:'Nunito',sans-serif}
aside{display:flex; flex-direction:column; gap:18px; position:sticky; top:84px}
.sb{padding:16px}
.sb>b{display:block; font:800 14px 'Nunito',sans-serif; letter-spacing:.04em; margin-bottom:12px}
.sb-post{display:flex; gap:10px; margin-bottom:12px}
.sb-post img{width:84px; aspect-ratio:141/100; object-fit:cover; border-radius:9px; flex:none}
.sb-post b{font:700 13px/1.3 'Urbanist',sans-serif; display:block}
.sb-post span{font-size:11.5px; color:var(--txt2)}
.sb-author{display:flex; gap:12px; align-items:center}
.sb-author img{width:64px; height:64px; border-radius:50%; object-fit:cover; object-position:top; background:#262D52; flex:none}
.sb-author b{font:800 14px 'Nunito',sans-serif; display:block}
.sb-author span{font-size:12px; color:var(--txt2)}
.sb-tabs{display:flex; gap:6px; margin-bottom:12px}
.sb-tabs button{flex:1; border:0; cursor:pointer; border-radius:10px; padding:7px 0; font:800 12.5px 'Nunito',sans-serif;
  background:#0A0F24; color:var(--txt2); transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
.sb-tabs button.act{background:linear-gradient(180deg,#3D55F0,var(--royal)); color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}
.sb-cas-card{display:none; flex-direction:column; gap:9px}
.sb-cas-card.act{display:flex}
.sb-cas-card .cas-rank img{width:38px; height:38px}
.sb-18{font-size:11.5px; color:var(--txt2); text-align:center; margin-top:10px}
@media(max-width:1100px){
  .layout{grid-template-columns:minmax(0,1fr)}
  aside{position:static}
  .shero h1{font-size:30px}
}
@media(max-width:900px){
  .hb{display:flex}
  .menu{position:fixed; inset:64px auto 0 0; width:260px; background:#0C1229; flex-direction:column;
    padding:22px; gap:6px; transform:translateX(-100%); transition:transform .25s; z-index:99;
    box-shadow:8px 0 30px rgba(0,0,0,.5)}
  .menu.open{transform:none}
  .menu a{padding:10px 4px; font-size:16px}
  .geoflag span{display:none}
  .search.open input{width:min(52vw,260px)}
  .cas-cards{grid-template-columns:1fr}
  .vd-cols{grid-template-columns:1fr}
}
@media(max-width:700px){
  .shero{min-height:0}
  .shero-in{flex-direction:column; padding:22px 0 14px; gap:20px}
  .shero-cover{width:min(300px,86%); margin:0 auto}
  .shero-obj{right:-16px; top:calc(100% - 86px); width:110px}
  .shero h1{font-size:26px}
  .toc{padding:10px 0 16px}
  .shots{grid-template-columns:1fr}
  .ft-grid{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
  *{transition:none!important; animation:none!important}
  .hd-coin{display:none}
}
.coll-head{padding:10px 0 0}
.coll-head h1{font-size:36px; line-height:1.1; margin:8px 0 4px}
.coll-head h1 em{font-style:normal; color:var(--pink)}
.coll-sub{display:flex; align-items:flex-end; gap:10px; color:var(--txt2); font-weight:600; font-size:14.5px}
.coll-sub .num{font-size:22px}
.coll-lead{margin-top:14px; max-width:96ch; color:#DDE4FF; font-size:15.5px}
.coll-lead p+p{margin-top:10px}
.coll-lead a{color:var(--gold-hi); font-weight:700; border-bottom:1px solid rgba(255,201,60,.45)}
.coll-lead a:hover{color:var(--gold)}
.pager button,.pager .pg{width:34px; height:34px; border-radius:10px; border:0; cursor:pointer; background:var(--panel);
  color:#E8ECFF; font:700 15px 'Urbanist',sans-serif; display:inline-flex; align-items:center; justify-content:center;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
.pager .pg.act{background:linear-gradient(180deg,#4059F2,var(--royal)); color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3), 0 4px 12px rgba(36,64,232,.4)}
.pager .pcount{font-size:13px}
.rel-row{display:flex; flex-wrap:wrap; gap:10px; margin-top:14px}
.rel-link{display:inline-flex; align-items:center; gap:8px; background:var(--panel); border-radius:12px;
  padding:9px 14px; font-weight:700; font-size:13.5px; color:#E8ECFF;
  background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 40%);
  transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
.rel-link img{width:22px; height:22px; object-fit:contain}
.rel-link span{color:var(--txt2); font-weight:600; font-size:12.5px}
.rel-link:hover{transform:translateY(-2px)}
.hub-tellers{display:flex; gap:14px; flex-wrap:wrap; margin-top:16px}
.hub-tellers .fact{background:rgba(20,28,63,.72); border-radius:14px; padding:10px 16px; min-width:150px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.hub-tellers .lbl{font-size:12px; color:var(--txt2); font-weight:600}
.hub-secs{display:grid; grid-template-columns:repeat(4,1fr); gap:14px}
.hub-sec{display:flex; align-items:center; gap:12px; padding:14px 16px;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
.hub-sec img{width:44px; height:44px; object-fit:contain; flex:none}
.hub-sec b{display:block; font:800 15px 'Nunito',sans-serif}
.hub-sec span{font-size:12.5px; color:var(--txt2)}
.alpha-rail{display:flex; flex-wrap:wrap; gap:6px; margin-bottom:18px}
.alpha-rail a,.alpha-rail i{width:30px; height:30px; border-radius:10px; display:inline-flex; align-items:center;
  justify-content:center; font:800 13px 'Nunito',sans-serif; font-style:normal}
.alpha-rail a{background:var(--panel); color:var(--gold-hi);
  background-image:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 40%);
  transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
.alpha-rail a:hover{transform:translateY(-2px); color:var(--gold)}
.alpha-rail i{color:var(--txt2); background:rgba(20,28,63,.45)}
.alpha-group{margin-bottom:20px}
.alpha-group h3{display:flex; align-items:center; gap:10px; font-size:17px; margin-bottom:10px; color:#E8ECFF}
.alpha-group h3::after{content:""; height:2px; width:24px; border-radius:2px;
  background:linear-gradient(90deg,var(--gold-hi),var(--gold))}
.prov-tile span{color:var(--txt2); font-weight:600; font-size:12px}
.state-sep{margin:40px 0 0; padding:16px 0; text-align:center;
  background:linear-gradient(180deg,#080C1D,#0B1026);
  border-top:2px dashed rgba(255,201,60,.5); border-bottom:2px dashed rgba(255,201,60,.5)}
.state-sep b{display:inline-block; font:900 14px 'Nunito',sans-serif; letter-spacing:.14em; color:var(--ink);
  background:linear-gradient(180deg,var(--gold-hi),var(--gold)); border-radius:10px; padding:8px 18px}
.state-sep span{display:block; margin-top:8px; color:var(--txt2); font-size:12.5px}
@media(max-width:1100px){
  .grid6,.col-grid{grid-template-columns:repeat(4,1fr)}
  .hub-secs{grid-template-columns:repeat(2,1fr)}
  .coll-head h1{font-size:31px}
}
@media(max-width:700px){
  .grid6,.col-grid{grid-template-columns:repeat(2,1fr)}
  .hub-secs{grid-template-columns:1fr}
  .token{width:72px}
  .token i{width:52px; height:52px}
  .coll-head h1{font-size:26px}
  .ft-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .hd-slot,.hd-coin{display:none}
}
@media(max-width:430px){
  .grid6,.col-grid{grid-template-columns:repeat(2,1fr)}
}
.bhead{padding:22px 0 6px}
.bhead-row{display:flex; align-items:flex-start; gap:16px; flex-wrap:wrap}
.bhead-ic{width:56px; height:56px; object-fit:contain; flex:none}
.bhead h1{font-size:36px; line-height:1.1; margin-bottom:8px}
.bhead h1 em{font-style:normal; color:var(--pink)}
.bhead .sub{color:#DDE4FF; font-size:16px; max-width:72ch}
.bhead-fact{margin-left:auto; flex:none; padding:12px 18px}
.bhead-fact .lbl{font-size:12px; color:var(--txt2); font-weight:600; display:block}
.rubrics{display:flex; gap:10px; flex-wrap:wrap; padding:18px 0 4px}
.rub{border-radius:var(--r-chip); padding:9px 16px; font:700 13.5px 'Urbanist',sans-serif; color:#E8ECFF;
  background:var(--panel); background-image:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 40%);
  transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
.rub:hover{color:var(--gold-hi)}
.rub.act{background:linear-gradient(180deg,#3D55F0,var(--violet)); color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}
.feat{display:flex; overflow:hidden; transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
.feat .bcov{width:44%; flex:none; aspect-ratio:141/100}
.bcov{position:relative; overflow:hidden; background:linear-gradient(160deg,#39406B,#262D52)}
.bcov img{width:100%; height:100%; object-fit:cover}
.feat-body{flex:1; padding:26px 30px; display:flex; flex-direction:column; justify-content:center}
.bcat{font-size:11px; font-weight:800; letter-spacing:.08em; color:var(--gold); text-transform:uppercase}
.feat h2{font-size:26px; line-height:1.2; margin:8px 0 10px}
.feat h2 a:hover{color:var(--gold-hi)}
.feat p{font-size:15px; color:#DDE4FF; max-width:56ch}
.bmeta{display:flex; align-items:center; gap:10px; margin-top:14px; font-size:12.5px; color:var(--txt2)}
.bmeta img{width:30px; height:30px; border-radius:50%; object-fit:cover; object-position:top; background:#262D52; flex:none}
.bmeta b{color:#E8ECFF; font-weight:700}
.feat .rd{margin-top:14px; font-weight:700; font-size:14px; color:var(--gold-hi)}
.bgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:14px}
.bcard{overflow:hidden; display:flex; flex-direction:column;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
.bcard .bcov{aspect-ratio:141/100}
.bph{aspect-ratio:141/100; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px;
  background:linear-gradient(160deg,#39406B,#262D52); position:relative}
.bph::before{content:""; position:absolute; top:-1px; left:50%; transform:translateX(-50%);
  width:24px; height:2px; border-radius:2px; background:linear-gradient(90deg,var(--gold-hi),var(--gold))}
.bph b{font:800 15px/1.3 'Nunito',sans-serif; color:#C9D2F5; text-align:center; padding:0 18px}
.bcard-body{padding:14px 16px 16px; display:flex; flex-direction:column; flex:1}
.bcard h3{font-size:16px; margin:6px 0 6px; line-height:1.3}
.bcard h3 a:hover{color:var(--gold-hi)}
.bcard p{font-size:13.5px; color:var(--txt2)}
.bcard .bmeta{margin-top:auto; padding-top:12px}
.redac{display:grid; grid-template-columns:1fr 1fr; gap:14px}
.redac-card{display:flex; gap:14px; align-items:center; padding:16px 18px}
.redac-card img{width:64px; height:64px; border-radius:50%; object-fit:cover; object-position:top; background:#262D52; flex:none}
.redac-card b{font:800 15px 'Nunito',sans-serif; display:block}
.redac-card span{font-size:12.5px; color:var(--txt2); display:block}
.redac-card .rd{font-size:12.5px; font-weight:700; color:var(--gold-hi)}
.state-div{margin:40px 0; padding:14px 0; text-align:center; font:800 14px 'Nunito',sans-serif;
  letter-spacing:.14em; color:var(--gold-hi); border-top:2px dashed rgba(255,201,60,.5);
  border-bottom:2px dashed rgba(255,201,60,.5); background:rgba(20,28,63,.6)}
.art-wrap{max-width:820px; margin:0 auto; padding:0 24px}
.art-head{padding:10px 0 0}
.art-head h1{font-size:34px; line-height:1.15; margin:10px 0 12px}
.art-head .lead{color:#DDE4FF; font-size:17px; max-width:64ch}
.art-metarow{display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:16px; font-size:13px; color:var(--txt2)}
.art-metarow .bmeta{margin-top:0}
.art-key{margin:22px 0 0; overflow:hidden; border-radius:var(--r-card)}
.art-key .bcov{aspect-ratio:141/100; max-height:420px}
.art-key .bcov img{object-position:center 40%}
.art-key figcaption{padding:9px 14px; font-size:12.5px; color:var(--txt2); background:var(--panel)}
.art-body{padding:8px 0 0}
.art-body h2{font-size:23px; margin:30px 0 10px; scroll-margin-top:84px}
.art-body h3{font-size:17.5px; margin:20px 0 8px; color:var(--gold-hi)}
.art-body p{font-size:15.5px; color:#DDE4FF; margin-bottom:12px}
.art-body ul{margin:0 0 12px 20px; color:#DDE4FF; font-size:15.5px}
.art-body li{margin-bottom:6px}
.art-body a.il{color:#fff; font-weight:700; border-bottom:2px solid rgba(255,201,60,.55)}
.art-body a.il:hover{color:var(--gold-hi)}
.pull{margin:20px 0; padding:18px 22px 16px; font-size:16.5px; color:#fff}
.pull p{font:800 17px/1.45 'Nunito',sans-serif; color:#fff; margin-bottom:6px}
.pull span{font-size:12.5px; color:var(--txt2)}
.rgbox{margin:22px 0; padding:18px 22px}
.rgbox h3{font-size:16px; margin-bottom:8px}
.rgbox p{font-size:14px; color:#DDE4FF; margin-bottom:6px}
.rgbox .small{font-size:12.5px; color:var(--txt2)}
.tags{display:flex; gap:8px; flex-wrap:wrap; padding:16px 0 0}
.tag{border-radius:10px; padding:6px 12px; font:700 12.5px 'Urbanist',sans-serif; color:var(--txt2);
  background:var(--panel); background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 40%)}
.tag:hover{color:var(--gold-hi)}
.author-box{margin-top:26px; padding:20px 22px; display:flex; gap:18px; align-items:flex-start}
.author-box img{width:84px; height:84px; border-radius:50%; object-fit:cover; object-position:top; background:#262D52; flex:none}
.author-box b{font:800 16px 'Nunito',sans-serif; display:block}
.author-box .role{font-size:12.5px; color:var(--txt2); display:block; margin-bottom:8px}
.author-box p{font-size:14px; color:#DDE4FF}
.author-box .rd{display:inline-block; margin-top:8px; font-weight:700; font-size:13px; color:var(--gold-hi)}
@media(max-width:1100px){
  .bgrid{grid-template-columns:repeat(2,1fr)}
  .bhead h1{font-size:32px}
}
@media(max-width:900px){
  .hb{display:flex}
  .menu{position:fixed; inset:64px auto 0 0; width:260px; background:#0C1229; flex-direction:column;
    padding:22px; gap:6px; transform:translateX(-100%); transition:transform .25s; z-index:99;
    box-shadow:8px 0 30px rgba(0,0,0,.5)}
  .menu.open{transform:none}
  .menu a{padding:10px 4px; font-size:16px}
  .geoflag span{display:none}
  .search.open input{width:min(52vw,260px)}
  .feat{flex-direction:column}
  .feat .bcov{width:100%}
  .redac{grid-template-columns:1fr}
}
@media(max-width:700px){
  .bgrid{grid-template-columns:repeat(2,1fr)}
  .bhead h1{font-size:27px}
  .bhead-fact{margin-left:0}
  .art-head h1{font-size:26px}
  .feat h2{font-size:21px}
  .author-box{flex-direction:column}
  .ft-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .bgrid{grid-template-columns:1fr}
}
.ad-note{font-size:11.5px; color:var(--txt2)}
.menu a.act{color:var(--gold-hi)}
.state-sep .wrap{display:flex; align-items:center; gap:12px; flex-wrap:wrap}
.chero{position:relative; overflow:hidden; padding:0;
  background:
    linear-gradient(180deg,rgba(11,16,38,0) 70%,var(--shell) 100%),
    radial-gradient(520px 340px at 78% 62%,rgba(255,159,176,.18),rgba(255,159,176,0) 70%),
    radial-gradient(680px 440px at 76% 56%,rgba(255,201,60,.16),rgba(255,201,60,0) 72%),
    linear-gradient(180deg,#0B1026 0%,#141C3F 100%)}
.chero-in{display:flex; align-items:center; gap:30px; padding:44px 0 40px; position:relative; z-index:2}
.chero-txt{flex:1; min-width:0}
.chero h1{font-size:38px; line-height:1.1; margin-bottom:12px}
.chero h1 em{font-style:normal; color:var(--pink)}
.chero .sub{color:#DDE4FF; font-size:16.5px; max-width:62ch; margin-bottom:18px}
.chero-facts{display:flex; gap:14px; flex-wrap:wrap}
.chero-obj{flex:none; width:230px; align-self:flex-end; margin-bottom:-6px; position:relative; z-index:2}
.chero-obj img{width:100%; height:auto; filter:drop-shadow(0 16px 26px rgba(0,0,0,.55))}
.disclose{margin-top:18px; padding:12px 16px; border-radius:12px; background:rgba(20,28,63,.6);
  box-shadow:inset 0 0 0 1px rgba(255,201,60,.28); font-size:13px; color:#DDE4FF}
.disclose b{color:var(--gold-hi)}
.clist{display:flex; flex-direction:column; gap:16px}
.crow{display:grid; grid-template-columns:170px minmax(0,1fr) 250px; gap:18px; padding:18px 20px; align-items:center}
.crow.top{box-shadow:0 12px 32px rgba(36,64,232,.25)}
.crow-rank{display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center}
.crow-rank img{width:74px; height:74px; object-fit:contain}
.crow-rank .pos{font:800 12px 'Nunito',sans-serif; color:var(--txt2); letter-spacing:.08em; text-transform:uppercase}
.rank-jeton{width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font:900 20px 'Nunito',sans-serif; color:#E8ECFF; position:relative;
  background:radial-gradient(circle at 50% 24%,#26326A,#141C3F 76%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.22), inset 0 0 0 2px rgba(255,201,60,.4), inset 0 -7px 11px rgba(0,0,0,.38), 0 4px 10px rgba(0,0,0,.4)}
.crow-main{min-width:0}
.crow-name{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:6px}
.crow-name .t{font:800 19px 'Nunito',sans-serif}
.crow-name .n{font-size:12.5px; color:var(--txt2)}
.cfacts{display:flex; gap:8px 18px; flex-wrap:wrap; margin:8px 0 10px}
.cfacts li{list-style:none; display:flex; align-items:center; gap:8px; font-size:13px; color:#DDE4FF}
.cfacts img{width:24px; height:24px; object-fit:contain}
.cfacts .dv{color:var(--txt2)}
.crow-bonus{display:flex; align-items:center; gap:9px; background:rgba(11,16,38,.5); border-radius:10px; padding:8px 10px}
.crow-bonus img{width:28px; height:28px; object-fit:contain}
.crow-bonus span{font-size:13px; color:#DDE4FF; font-weight:600}
.crow-cta{display:flex; flex-direction:column; gap:8px; align-self:center}
.crow-cta .btn{justify-content:center; padding:11px 14px; font-size:14px}
.crow-cta .cas-seal{justify-content:center}
.crow-score{display:flex; align-items:center; gap:8px; margin-top:4px}
.crow-score .sc{font:900 17px 'Nunito',sans-serif; color:var(--gold-hi)}
.crow-score .of{font-size:12px; color:var(--txt2)}
.meth-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
.meth-box{padding:18px 16px}
.meth-box h3{font-size:15.5px; margin-bottom:8px}
.meth-box p{font-size:13.5px; color:var(--txt2)}
.bhero{position:relative; overflow:hidden; padding:0; margin-top:12px;
  background:
    linear-gradient(180deg,rgba(11,16,38,0) 70%,var(--shell) 100%),
    radial-gradient(460px 300px at 20% 58%,rgba(255,159,176,.16),rgba(255,159,176,0) 70%),
    radial-gradient(620px 420px at 18% 52%,rgba(255,201,60,.14),rgba(255,201,60,0) 72%),
    linear-gradient(180deg,#0B1026 0%,#141C3F 100%)}
.bhero-in{display:flex; gap:30px; align-items:center; padding:38px 0 30px; position:relative; z-index:2}
.blogo{flex:none; width:190px}
.blogo-tile{width:190px; height:190px; border-radius:var(--r-card); position:relative;
  background:linear-gradient(180deg,#2E3B7C,#1C2657 58%,#161F4A);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.32), inset 0 -4px 8px rgba(0,0,0,.45), 0 14px 30px rgba(0,0,0,.5);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px}
.blogo-tile::before{content:""; position:absolute; top:10px; left:50%; transform:translateX(-50%);
  width:24px; height:3px; border-radius:2px; background:linear-gradient(90deg,var(--gold-hi),var(--gold))}
.blogo-tile b{font:900 64px/1 'Nunito',sans-serif; color:#E8ECFF}
.blogo-tile span{font-size:11px; color:var(--txt2); font-weight:700; letter-spacing:.08em}
.blogo .todo{display:block; text-align:center; margin-top:10px}
.bhero-txt{flex:1; min-width:0}
.bhero h1{font-size:34px; line-height:1.12; margin-bottom:8px}
.bhero .metaline{font-size:13.5px; color:var(--txt2); margin-bottom:12px}
.bhero .metaline b{color:#E8ECFF}
.bscore{display:inline-flex; align-items:center; gap:14px; background:rgba(20,28,63,.72); border-radius:14px;
  padding:10px 18px; margin-bottom:14px; box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.bscore img{width:52px; height:52px; object-fit:contain}
.bscore .of{font-size:12px; color:var(--txt2)}
.bhero .lead{color:#DDE4FF; font-size:15.5px; max-width:64ch; margin-bottom:16px}
.bhero-cta{display:flex; align-items:center; gap:16px; flex-wrap:wrap}
.fgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:12px}
.fitem{display:flex; align-items:center; gap:11px; padding:12px 14px}
.fitem img{width:30px; height:30px; object-fit:contain; flex:none}
.fitem .lbl{font-size:11.5px; color:var(--txt2); font-weight:600}
.fitem .val{font:800 14.5px 'Nunito',sans-serif}
.fitem .val small{font:600 11px 'Urbanist',sans-serif; color:var(--txt2)}
.pcbox{padding:20px 22px}
.axes{display:flex; flex-direction:column; gap:9px; margin-top:14px}
.axis{display:grid; grid-template-columns:150px 1fr 54px; gap:12px; align-items:center; font-size:13px; color:#DDE4FF}
.axis .bar{height:8px; border-radius:6px; background:#0A0F24; overflow:hidden}
.axis .bar i{display:block; height:100%; border-radius:6px; background:linear-gradient(90deg,var(--gold-hi),var(--gold))}
.axis .v{font:800 13px 'Nunito',sans-serif; color:var(--gold-hi); text-align:right}
.test-txt{padding:18px 22px; margin-bottom:14px}
.test-txt p{font-size:14.5px; color:#DDE4FF; margin-bottom:8px}
.rep-grid{display:grid; grid-template-columns:270px minmax(0,1fr); gap:14px; align-items:start}
.rep-sum{padding:18px}
.rep-sum .tp{font:900 34px 'Nunito',sans-serif; color:var(--gold-hi)}
.rep-sum .of{font-size:12.5px; color:var(--txt2)}
.stars{display:flex; flex-direction:column; gap:6px; margin-top:12px}
.star-row{display:grid; grid-template-columns:38px 1fr 40px; gap:8px; align-items:center; font-size:12px; color:var(--txt2)}
.star-row .bar{height:7px; border-radius:5px; background:#0A0F24; overflow:hidden}
.star-row .bar i{display:block; height:100%; border-radius:5px; background:linear-gradient(90deg,var(--gold-hi),var(--gold))}
.rep-attr{margin-top:12px; font-size:11.5px; color:var(--txt2)}
.rep-attr a{color:#E8ECFF; border-bottom:1px solid rgba(255,201,60,.45)}
.rep-list{display:flex; flex-direction:column; gap:10px}
.rep-item{padding:13px 16px}
.rep-item .rhead{display:flex; align-items:center; gap:10px; margin-bottom:5px; font-size:12.5px; color:var(--txt2)}
.rep-item .rstars{color:var(--gold); font-size:13px; letter-spacing:.1em}
.rep-item p{font-size:13.5px; color:#DDE4FF}
.rep-themes{display:flex; gap:8px; flex-wrap:wrap; margin-top:12px}
.rep-themes span{font-size:12px; font-weight:700; color:#DDE4FF; background:rgba(11,16,38,.6);
  border-radius:9px; padding:5px 10px; box-shadow:inset 0 0 0 1px rgba(169,182,228,.22)}
.vd3{display:grid; grid-template-columns:1fr 1fr 190px; gap:16px}
.vd-cta{margin-top:16px; display:flex; align-items:center; gap:14px; flex-wrap:wrap}
.sim-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:14px}
.sim-card{padding:16px; display:flex; align-items:center; gap:14px}
.sim-tile{width:56px; height:56px; flex:none; border-radius:12px; position:relative;
  background:linear-gradient(180deg,#2E3B7C,#1C2657 58%,#161F4A);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.32), inset 0 -3px 5px rgba(0,0,0,.45);
  display:flex; align-items:center; justify-content:center; font:900 22px 'Nunito',sans-serif; color:#E8ECFF}
.sim-card .t{font:800 15px 'Nunito',sans-serif}
.sim-card .n{font-size:12px; color:var(--txt2)}
.sim-card .link-more{margin-left:auto; font-size:13.5px; white-space:nowrap}
.sb-cta p{font-size:13px; color:#DDE4FF; margin-bottom:12px}
.sb-cta .pair{display:flex; flex-direction:column; gap:8px}
.sb-cta .btn{justify-content:center; width:100%}
.sb-cta .btn-ghost{padding:10px 14px; font-size:14px}
.sb-cta .ad-note{display:block; text-align:center; margin-top:10px}
.sb-mini{display:flex; align-items:center; gap:10px; padding:8px 0; border-bottom:1px solid rgba(169,182,228,.14)}
.sb-mini:last-of-type{border-bottom:0}
.sb-mini img{width:38px; height:38px; object-fit:contain; flex:none}
.sb-mini .t{font:800 13.5px 'Nunito',sans-serif}
.sb-mini .n{font-size:11.5px; color:var(--txt2)}
.sb-mini .link-more{margin-left:auto; font-size:12.5px; border-bottom-width:1px}
@media(max-width:1100px){
  .layout{grid-template-columns:minmax(0,1fr)}
  aside{position:static}
  .chero h1{font-size:32px}
  .bhero h1{font-size:29px}
  .crow{grid-template-columns:130px minmax(0,1fr) 220px}
}
@media(max-width:900px){
  .hb{display:flex}
  .menu{position:fixed; inset:64px auto 0 0; width:260px; background:#0C1229; flex-direction:column;
    padding:22px; gap:6px; transform:translateX(-100%); transition:transform .25s; z-index:99;
    box-shadow:8px 0 30px rgba(0,0,0,.5)}
  .menu.open{transform:none}
  .menu a{padding:10px 4px; font-size:16px}
  .geoflag span{display:none}
  .search.open input{width:min(52vw,260px)}
  .crow{grid-template-columns:1fr; text-align:left}
  .crow-rank{flex-direction:row; justify-content:flex-start; text-align:left}
  .crow-cta{flex-direction:row; flex-wrap:wrap}
  .crow-cta .btn{flex:1}
  .meth-grid{grid-template-columns:1fr}
  .fgrid{grid-template-columns:repeat(2,1fr)}
  .rep-grid{grid-template-columns:1fr}
  .vd3{grid-template-columns:1fr}
  .vd-cols{grid-template-columns:1fr}
  .sim-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .chero-in{flex-direction:column; align-items:stretch; padding:30px 0 22px}
  .chero-obj{width:180px; margin:0 auto -6px}
  .bhero-in{flex-direction:column; align-items:flex-start; padding:26px 0 18px}
  .blogo{width:150px; margin:0 auto}
  .blogo-tile{width:150px; height:150px}
  .blogo-tile b{font-size:48px}
  .shots{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr}
  .ft-grid{grid-template-columns:1fr 1fr}
}
.page-band{position:relative; overflow:hidden; padding:52px 0 44px;
  background:
    linear-gradient(180deg,rgba(11,16,38,0) 62%,var(--shell) 100%),
    radial-gradient(560px 300px at 18% 90%,rgba(255,159,176,.18),rgba(255,159,176,0) 70%),
    radial-gradient(720px 380px at 22% 80%,rgba(255,201,60,.16),rgba(255,201,60,0) 72%),
    linear-gradient(180deg,#0B1026 0%,#141C3F 100%)}
.page-band::before{content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:url("assets/ui/sheet10_watermark/bg_watermark_tile.webp") repeat; opacity:.05}
.page-band .wrap{position:relative; z-index:1}
.page-band h1{font-size:38px; line-height:1.1; margin-bottom:10px; max-width:22ch}
.page-band h1 em{font-style:normal; color:var(--pink)}
.page-band .sub{color:#DDE4FF; font-size:16.5px; max-width:62ch}
.state-div .wrap{display:flex; align-items:center; gap:12px; flex-wrap:wrap}
.state-div b{font:900 15px 'Nunito',sans-serif; letter-spacing:.14em; color:var(--gold);
  background:#080C1D; border-radius:10px; padding:6px 14px; box-shadow:inset 0 0 0 1px rgba(255,201,60,.5)}
.state-div span{font-size:13px; color:var(--txt2); font-weight:600}
.about-grid{display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:22px; align-items:start}
.about-copy p{color:#DDE4FF; font-size:15.5px; margin-bottom:14px; max-width:70ch}
.about-copy p.mut{color:var(--txt2); font-size:14px}
.about-facts{display:flex; gap:14px; flex-wrap:wrap; margin:18px 0 6px}
.about-obj{display:flex; justify-content:center; align-items:center}
.about-obj img{width:100%; max-width:300px; height:auto; filter:drop-shadow(0 14px 24px rgba(0,0,0,.5))}
.about-seal-wrap{position:relative; width:220px; height:220px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#3a4570 0%,#1c2657 55%,#10142c 100%); display:flex; align-items:center; justify-content:center; box-shadow:inset 0 4px 10px rgba(255,255,255,.08),0 14px 24px rgba(0,0,0,.5)}
.about-seal-main{width:100px; height:auto; position:relative; z-index:2; filter:none}
.about-coin{position:absolute; width:70px; height:auto; opacity:.92; filter:none}
.about-coin-l{left:-18px; bottom:12px}
.about-coin-r{right:-18px; bottom:12px}
.method-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; counter-reset:step}
.method-card{padding:18px 16px 16px}
.method-card::before{counter-increment:step; content:"Stap " counter(step);
  display:inline-block; font:800 11px 'Nunito',sans-serif; letter-spacing:.1em; text-transform:uppercase;
  color:var(--ink); background:linear-gradient(180deg,var(--gold-hi),var(--gold)); border-radius:8px; padding:2px 8px; margin-bottom:10px}
.method-card img{width:44px; height:44px; object-fit:contain; margin-bottom:10px}
.method-card h3{font-size:15.5px; margin-bottom:6px}
.method-card p{font-size:13.5px; color:var(--txt2)}
.authors-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px}
.author-card{display:flex; gap:18px; padding:20px}
.author-face{flex:none; width:118px; height:118px; border-radius:16px; overflow:hidden; position:relative;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 6px 16px rgba(0,0,0,.45)}
.author-face img{width:100%; height:100%; object-fit:cover}
.author-body h3{font-size:18px}
.author-role{display:inline-block; font:800 11px 'Nunito',sans-serif; letter-spacing:.08em; text-transform:uppercase;
  color:var(--ink); background:var(--pink); border-radius:7px; padding:2px 8px; margin:5px 0 8px}
.author-role.gold{background:var(--gold)}
.author-body p{font-size:13.5px; color:var(--txt2)}
.author-links{margin-top:9px; font-size:13px; font-weight:700}
.author-links a{color:var(--gold-hi)}
.author-links a:hover{color:var(--gold)}
.eeat{display:grid; grid-template-columns:minmax(0,8fr) minmax(0,4fr); gap:14px; align-items:stretch}
.eeat-list{padding:18px 20px}
.eeat-list ul{list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:10px 22px}
.eeat-list li{display:flex; gap:10px; font-size:14px; color:#DDE4FF; align-items:flex-start}
.eeat-list li::before{content:""; flex:none; width:10px; height:10px; border-radius:50%; margin-top:5px;
  background:radial-gradient(circle at 35% 30%,var(--gold-hi),var(--gold) 70%)}
.eeat-seal{padding:18px 20px; display:flex; flex-direction:column; align-items:flex-start; gap:10px}
.eeat-seal img{width:54px; height:54px; object-fit:contain}
.eeat-seal p{font-size:13px; color:var(--txt2)}
.red-contact{display:flex; gap:18px; align-items:center; padding:18px 22px; flex-wrap:wrap}
.red-contact img{width:44px; height:44px; object-fit:contain; flex:none}
.red-contact .t b{font:800 16px 'Nunito',sans-serif; display:block}
.red-contact .t span{font-size:13.5px; color:var(--txt2)}
.red-contact .btn{margin-left:auto}
.mail{font-weight:700; color:var(--gold-hi)}
.legal-grid{display:grid; grid-template-columns:264px minmax(0,1fr); gap:22px; align-items:start}
.toc b{display:block; font:800 13px 'Nunito',sans-serif; letter-spacing:.08em; text-transform:uppercase; margin-bottom:8px}
.legal-art{max-width:76ch}
.legal-meta{display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin:6px 0 20px; color:var(--txt2); font-size:13px; font-weight:600}
.legal-art h2{font-size:21px; margin:30px 0 10px; scroll-margin-top:90px; position:relative; padding-top:12px}
.legal-art h2::before{content:""; position:absolute; top:0; left:0; width:24px; height:2px; border-radius:2px;
  background:linear-gradient(90deg,var(--gold-hi),var(--gold))}
.legal-art h3{font-size:16.5px; margin:18px 0 7px; color:#E8ECFF}
.legal-art p{color:#DDE4FF; font-size:15px; margin-bottom:12px}
.legal-art p.mut{color:var(--txt2); font-size:13.5px}
.legal-art ul{margin:0 0 12px 20px; color:#DDE4FF; font-size:15px}
.legal-art li{margin-bottom:5px}
.tbl-scroll{overflow-x:auto; border-radius:var(--r-card); margin:14px 0}
table.tbl{width:100%; min-width:520px; border-collapse:collapse; background:var(--panel); font-size:14px}
.tbl th{font:800 12.5px 'Nunito',sans-serif; letter-spacing:.06em; text-transform:uppercase; text-align:left;
  color:var(--gold-hi); background:#0E1430; padding:11px 14px}
.tbl td{padding:11px 14px; color:#DDE4FF; border-top:1px solid rgba(169,182,228,.14); vertical-align:top}
.tbl td.mut{color:var(--txt2)}
.rg-call{margin:20px 0; padding:18px 20px; display:flex; gap:16px; align-items:flex-start;
  background:linear-gradient(180deg,rgba(36,64,232,.22),rgba(20,28,63,.9)), var(--panel)}
.rg-age{flex:none; width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font:900 17px 'Nunito',sans-serif; color:var(--ink);
  background:var(--gold) radial-gradient(circle at 35% 30%,var(--gold-hi),var(--gold) 75%);
  box-shadow:0 4px 12px rgba(255,201,60,.35)}
.rg-call h3{font-size:16px; margin-bottom:5px}
.rg-call p{font-size:14px; color:#DDE4FF; margin-bottom:6px}
.rg-call a{font-weight:700; color:var(--gold-hi); border-bottom:1px solid rgba(255,201,60,.45)}
.contact-grid{display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:22px; align-items:start}
.form-card{padding:22px}
.form-card h2{font-size:20px; margin-bottom:4px}
.form-card .mut{font-size:13.5px; color:var(--txt2); margin-bottom:16px}
.f-row{display:grid; grid-template-columns:1fr 1fr; gap:14px}
.f-field{display:flex; flex-direction:column; gap:6px; margin-bottom:14px}
.f-field label{font:700 13px 'Urbanist',sans-serif; color:#E8ECFF}
.f-field input,.f-field select,.f-field textarea{
  border:0; outline:0; border-radius:10px; background:#0A0F24; color:#fff;
  font:600 14px 'Urbanist',sans-serif; padding:11px 13px;
  box-shadow:inset 0 0 0 1px rgba(169,182,228,.28)}
.f-field input:focus,.f-field select:focus,.f-field textarea:focus{
  box-shadow:inset 0 0 0 1px rgba(255,201,60,.65), 0 0 0 3px rgba(255,201,60,.14)}
.f-field textarea{min-height:130px; resize:vertical}
.f-field select{appearance:none; -webkit-appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);
  background-position:calc(100% - 19px) 50%, calc(100% - 13px) 50%;
  background-size:6px 6px; background-repeat:no-repeat; padding-right:36px}
.f-check{display:flex; gap:10px; align-items:flex-start; margin-bottom:16px; font-size:13px; color:var(--txt2)}
.f-check input{flex:none; width:17px; height:17px; margin-top:2px; accent-color:var(--gold)}
.f-check a{color:var(--gold-hi); font-weight:700}
.f-actions{display:flex; align-items:center; gap:16px; flex-wrap:wrap}
.f-note{font-size:12.5px; color:var(--txt2)}
.c-aside{display:flex; flex-direction:column; gap:14px}
.c-box{padding:18px 20px}
.c-box h3{font-size:16px; margin-bottom:8px; display:flex; align-items:center; gap:9px}
.c-box h3 img{width:30px; height:30px; object-fit:contain}
.c-box p{font-size:13.5px; color:var(--txt2)}
.c-box ul{list-style:none; display:flex; flex-direction:column; gap:8px; margin-top:4px}
.c-box li{display:flex; gap:9px; font-size:13.5px; color:#DDE4FF; align-items:flex-start}
.c-box li::before{content:""; flex:none; width:9px; height:9px; border-radius:50%; margin-top:5px;
  background:radial-gradient(circle at 35% 30%,var(--gold-hi),var(--gold) 70%)}
@media(max-width:1100px){
  .method-grid{grid-template-columns:repeat(2,1fr)}
  .page-band h1{font-size:33px}
}
@media(max-width:900px){
  .hb{display:flex}
  .menu{position:fixed; inset:64px auto 0 0; width:260px; background:#0C1229; flex-direction:column;
    padding:22px; gap:6px; transform:translateX(-100%); transition:transform .25s; z-index:99;
    box-shadow:8px 0 30px rgba(0,0,0,.5)}
  .menu.open{transform:none}
  .menu a{padding:10px 4px; font-size:16px}
  .geoflag span{display:none}
  .search.open input{width:min(52vw,260px)}
  .about-grid,.authors-grid,.eeat,.contact-grid{grid-template-columns:1fr}
  .about-obj{order:-1}
  .about-obj img{max-width:220px}
  .legal-grid{grid-template-columns:1fr}
  .toc{position:static}
}
@media(max-width:700px){
  .page-band h1{font-size:27px}
  .method-grid,.f-row{grid-template-columns:1fr}
  .author-card{flex-direction:column}
  .eeat-list ul{grid-template-columns:1fr}
  .red-contact .btn{margin-left:0}
  .ft-grid{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
  *,.btn{transition:none!important; animation:none!important}
  .hd-coin{display:none}
}
.state-sep .in{max-width:1232px; margin:0 auto; padding:10px 24px; display:flex; align-items:center; gap:14px}
.state-sep i{flex:1; height:2px; border-radius:2px;
  background:linear-gradient(90deg,rgba(255,201,60,.55),rgba(255,201,60,.06))}
.nf-band{position:relative; overflow:hidden; padding:56px 0 48px;
  background:
    linear-gradient(180deg,rgba(11,16,38,0) 74%,var(--shell) 100%),
    radial-gradient(560px 380px at 50% 62%,rgba(255,159,176,.20),rgba(255,159,176,0) 70%),
    radial-gradient(760px 500px at 50% 56%,rgba(255,201,60,.18),rgba(255,201,60,0) 72%),
    linear-gradient(180deg,#0B1026 0%,#141C3F 100%)}
.nf-band::before{content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:url("assets/ui/sheet10_watermark/bg_watermark_tile.webp") repeat; opacity:.05}
.nf-grid{position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  gap:34px; align-items:center}
.nf-obj{display:flex; justify-content:center}
.nf-obj img{width:min(340px,80%); filter:drop-shadow(0 22px 34px rgba(0,0,0,.55))}
.nf-code{font:900 64px/1 'Nunito',sans-serif; color:var(--gold); letter-spacing:.02em}
.nf-code em{font-style:normal; color:var(--pink)}
.nf-txt h1{font-size:36px; line-height:1.12; margin:10px 0 12px}
.nf-txt .sub{color:#DDE4FF; font-size:16.5px; max-width:52ch; margin-bottom:20px}
.nf-search{display:flex; gap:10px; max-width:520px; margin-bottom:22px}
.nf-search input{flex:1; min-width:0; height:48px; border:0; outline:0; border-radius:12px;
  background:#0A0F24; color:#fff; font:600 15px 'Urbanist',sans-serif; padding:0 16px;
  box-shadow:inset 0 0 0 1px rgba(255,201,60,.55), inset 0 2px 6px rgba(0,0,0,.5)}
.nf-search input::placeholder{color:#8E9CD0}
.nf-links{display:flex; flex-wrap:wrap; gap:10px}
.nf-link{display:inline-flex; align-items:center; gap:9px; background:var(--panel); border-radius:12px;
  padding:9px 14px 9px 9px; font-weight:700; font-size:13.5px; color:#E8ECFF;
  background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 40%);
  transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
.nf-link img{width:26px; height:26px; object-fit:contain}
.nf-link:hover{color:var(--gold-hi)}
.sr-head{display:flex; flex-wrap:wrap; align-items:flex-end; gap:18px; margin-bottom:16px}
.sr-q{flex:1; min-width:260px; max-width:560px}
.sr-q label{display:block; font-size:12.5px; font-weight:700; color:var(--txt2); margin-bottom:6px;
  letter-spacing:.06em; text-transform:uppercase}
.sr-qbox{position:relative}
.sr-qbox input{width:100%; height:50px; border:0; outline:0; border-radius:12px;
  background:#0A0F24; color:#fff; font:600 16px 'Urbanist',sans-serif; padding:0 46px 0 16px;
  box-shadow:inset 0 0 0 1px rgba(255,201,60,.55), inset 0 2px 6px rgba(0,0,0,.5)}
.sr-qbox input::placeholder{color:#8E9CD0}
.sr-qbox svg{position:absolute; right:14px; top:50%; transform:translateY(-50%);
  width:20px; height:20px; stroke:#A9B6E4; fill:none; stroke-width:2; pointer-events:none}
.sr-count{font-size:14.5px; color:var(--txt2); font-weight:600; padding-bottom:13px}
.sr-count b{color:#fff; font-family:'Nunito',sans-serif}
.fchips{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:20px}
.fchip{border:0; cursor:pointer; border-radius:var(--r-chip); padding:9px 16px;
  font:700 13.5px 'Urbanist',sans-serif; color:#E8ECFF; background:var(--panel);
  background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 40%);
  transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
.fchip span{color:var(--txt2); font-weight:600; margin-left:5px}
.fchip.act{background:linear-gradient(180deg,#3D55F0,var(--violet)); box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}
.fchip.act span{color:#DDE4FF}
.sr-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px}
.sr-card[hidden]{display:none}
.type-tag{display:inline-block; font:800 10px 'Nunito',sans-serif; letter-spacing:.08em;
  text-transform:uppercase; border-radius:7px; padding:2px 8px; margin:0 2px 4px; color:var(--ink)}
.type-tag.slot{background:var(--gold)}
.type-tag.casino{background:var(--pink)}
.type-tag.art{background:#B9C6FF}
.sr-cas{padding:14px 14px 16px; display:flex; flex-direction:column; gap:9px}
.sr-cas .cas-rank{display:flex; align-items:center; gap:10px}
.sr-cas .cas-rank img{width:42px; height:42px; object-fit:contain}
.sr-cas .cas-rank .t{font:800 15px 'Nunito',sans-serif}
.sr-cas .cas-rank .n{font-size:12px; color:var(--txt2)}
.sr-cas p{font-size:12.5px; color:var(--txt2)}
.sr-cas .btn{margin-top:auto; justify-content:center; padding:10px 12px; font-size:13px}
.sr-art{overflow:hidden; display:flex; flex-direction:column;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
.sr-art img{width:100%; aspect-ratio:141/100; object-fit:cover}
.sr-art .b{padding:11px 13px 13px}
.sr-art h3{font-size:14px; line-height:1.3; margin:2px 0 4px}
.sr-art .by{font-size:11.5px; color:var(--txt2)}
.sr-empty{display:none; text-align:center; padding:34px 20px 38px}
.sr-empty.show{display:block}
.sr-empty img{width:170px; margin:0 auto 14px; filter:drop-shadow(0 14px 22px rgba(0,0,0,.5))}
.sr-empty h3{font-size:20px; margin-bottom:8px}
.sr-empty p{color:var(--txt2); font-size:14.5px; max-width:52ch; margin:0 auto 16px}
.sr-empty .nf-links{justify-content:center}
.auth-band{position:relative; overflow:hidden; padding:48px 0 42px;
  background:
    linear-gradient(180deg,rgba(11,16,38,0) 74%,var(--shell) 100%),
    radial-gradient(520px 360px at 24% 54%,rgba(255,201,60,.16),rgba(255,201,60,0) 72%),
    linear-gradient(180deg,#0B1026 0%,#141C3F 100%)}
.auth-band::before{content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:url("assets/ui/sheet10_watermark/bg_watermark_tile.webp") repeat; opacity:.05}
.auth-grid{position:relative; z-index:1; display:grid; grid-template-columns:300px minmax(0,1fr);
  gap:34px; align-items:start}
.auth-por{border-radius:var(--r-card); overflow:hidden; position:relative;
  box-shadow:0 16px 36px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.12)}
.auth-por img{width:100%; aspect-ratio:1/1; object-fit:cover}
.auth-por::after{content:""; position:absolute; top:0; left:50%; transform:translateX(-50%);
  width:24px; height:3px; border-radius:2px; background:linear-gradient(90deg,var(--gold-hi),var(--gold))}
.auth-info h1{font-size:38px; line-height:1.1; margin-bottom:4px}
.auth-role{font-size:15.5px; color:var(--pink); font-weight:700; margin-bottom:14px}
.auth-bio{color:#DDE4FF; font-size:16px; max-width:66ch; margin-bottom:10px}
.auth-bio+.auth-bio{margin-bottom:18px}
.auth-facts{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:18px}
.fact .num{font-size:22px; font-weight:900; display:block; line-height:1.15}
.auth-exp{display:flex; flex-wrap:wrap; gap:10px}
.exp-chip{display:inline-flex; align-items:center; gap:8px; background:var(--panel); border-radius:12px;
  padding:8px 13px 8px 8px; font-weight:700; font-size:13px; color:#E8ECFF;
  background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 40%)}
.exp-chip img{width:24px; height:24px; object-fit:contain}
.method-box{padding:18px 20px; margin-top:26px}
.method-box h3{font-size:16px; margin-bottom:8px}
.method-box p{font-size:14px; color:var(--txt2); max-width:96ch}
.auth-grid4{display:grid; grid-template-columns:repeat(4,1fr); gap:14px}
.auth-arts{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
.co-author{display:flex; align-items:center; gap:16px; padding:16px 18px; margin-top:26px}
.co-author img{width:74px; height:74px; object-fit:cover; border-radius:14px; flex:none}
.co-author .t{font:800 17px 'Nunito',sans-serif}
.co-author .n{font-size:13.5px; color:var(--txt2); max-width:60ch}
.co-author .more{margin-left:auto; white-space:nowrap; font-weight:700; font-size:13.5px;
  color:#E8ECFF; border-bottom:2px solid rgba(255,201,60,.55); padding-bottom:2px}
.co-author .more:hover{color:var(--gold-hi)}
@media(max-width:1100px){
  .sr-grid{grid-template-columns:repeat(3,1fr)}
  .auth-grid4{grid-template-columns:repeat(2,1fr)}
  .nf-txt h1{font-size:31px}
}
@media(max-width:900px){
  .hb{display:flex}
  .menu{position:fixed; inset:64px auto 0 0; width:260px; background:#0C1229; flex-direction:column;
    padding:22px; gap:6px; transform:translateX(-100%); transition:transform .25s; z-index:99;
    box-shadow:8px 0 30px rgba(0,0,0,.5)}
  .menu.open{transform:none}
  .menu a{padding:10px 4px; font-size:16px}
  .geoflag span{display:none}
  .search.open input{width:min(52vw,260px)}
  .auth-grid{grid-template-columns:1fr}
  .auth-por{max-width:300px}
}
@media(max-width:700px){
  .nf-grid{grid-template-columns:1fr; gap:18px; text-align:center}
  .nf-obj img{width:min(230px,66%)}
  .nf-search{margin-left:auto; margin-right:auto}
  .nf-links{justify-content:center}
  .nf-txt h1{font-size:26px}
  .nf-code{font-size:52px}
  .sr-grid{grid-template-columns:repeat(2,1fr)}
  .auth-grid4,.auth-arts{grid-template-columns:repeat(2,1fr)}
  .auth-info h1{font-size:30px}
  .co-author{flex-wrap:wrap}
  .co-author .more{margin-left:0}
  .ft-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){
  .sr-grid{grid-template-columns:repeat(2,1fr)}
  .auth-arts{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  *,.btn,.tile{transition:none!important; animation:none!important}
  .hd-coin{display:none}
}
/* === PIGGYBANKSLOTS chrome-extra ===
   Всё, чего в утверждённых превью физически не могло быть: реальные обложки вместо
   плейсхолдеров-подписей, живой выпадающий поиск (search.js рисует свои инлайны),
   активный пункт меню и реестр фасетов. Дизайн не меняется — только доводка до сборки. */
/* обложка-картинка в контейнере .cov (в превью там был только .cov-name) */
.cov img{width:100%;height:100%;object-fit:cover;display:block}
/* контейнер обложки ВСЕГДА 1.41:1 — правило пропорций контейнеров, AR из STATE.json */
.cov,.col-card .col-in{aspect-ratio:141/100}
/* каталожная плитка без собственной страницы: та же керамика, но не ссылка */
.tile.nolink{cursor:default}
.tile.nolink:hover{transform:none}
/* активный пункт навигации (разметка casino_v1: <a class="act">) */
.menu a.act{color:var(--gold-hi)}
/* горизонтальный скроллер для таблиц, у которых своей обёртки (.pt-wrap/.tbl-scroll) нет */
.pg-tscroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
  border-radius:var(--r-card,16px)}
.pg-tscroll>table{min-width:520px}
@media(min-width:761px){.pg-tscroll>table{min-width:0;width:100%}}
/* живой выпадающий поиск: search.js печатает собственные inline-стили (тёмный пурпур
   чужого сайта) — перекрываем их керамикой копилки. !important обязателен: инлайны. */
.site-search-dd{background:var(--panel,#141C3F)!important;border:0!important;
  border-radius:12px!important;font-family:'Urbanist','Segoe UI',sans-serif!important;
  box-shadow:0 12px 32px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.08),
             0 0 0 1px rgba(255,201,60,.35)!important;overflow:auto!important}
.site-search-dd a{color:#E8ECFF!important;border-bottom:1px solid rgba(169,182,228,.14)!important}
.site-search-dd a:hover{background:rgba(36,64,232,.28)!important;color:var(--gold-hi,#FFE79A)!important}
/* реестр фасетов на collections.html (иначе сотни страниц-сирот) */
.facet-reg{margin-top:40px;padding-top:26px;border-top:1px solid rgba(169,182,228,.16)}
.facet-reg h2{font-family:'Nunito',sans-serif;font-size:24px;font-weight:800;color:#fff}
.facet-reg h3{font-family:'Nunito',sans-serif;font-size:15px;font-weight:800;color:#E8ECFF;
  letter-spacing:.06em;text-transform:uppercase;margin:20px 0 10px}
.facet-reg .fr-row{display:flex;flex-wrap:wrap;gap:9px}
.facet-reg a{display:inline-flex;align-items:center;background:var(--panel,#141C3F);
  background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 40%);
  border-radius:12px;padding:8px 14px;font-size:13px;font-weight:700;color:#E8ECFF;
  text-decoration:none;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
.facet-reg a:hover{color:var(--gold-hi,#FFE79A);transform:translateY(-2px)}
/* === PIGGYBANKSLOTS RESTYLE (базовый каталог-тела листингов/хабов) ===
   slots.html, collections.html, providers.html, feature-*/theme-*/provider-*, grid-*/ways-*,
   *-volatility, new.html, rtp.html печатают базовый каталог-классы, которых в утверждённом макете нет
   (.tiles/.tile-frame/.tile-img/.tile-meta/.tile-name/.tagpill/.section-h/.coll-intro).
   C.skin() уже перекрасил палитру; этот слой приводит блоки к грамматике копилки: керамические
   панели r16 без рамок, обложка 1.41:1, золотая типографика Nunito, squash-нажатие.
   Всё !important — такие страницы грузят theme.css и СВОЙ inline <style> ПОСЛЕ piggyreels.css. */
body{background:#0B1026!important;color:#fff!important;
     font-family:'Urbanist','Segoe UI',system-ui,sans-serif!important}
/* базовый каталог-декор (каустика/пузыри/дрейф/треугольники) в керамическом мире не существует */
.caustics,.bubbles,.drift,.wave,.triangle,.band-art::before,.hero-deco{display:none!important}
main.wrap,.wrap{max-width:1232px!important;margin:0 auto!important;
  padding-left:24px!important;padding-right:24px!important}
h1,h2,h3{font-family:'Nunito','Urbanist',sans-serif!important;color:#fff!important}
h1{font-weight:900!important}
h2,h3,.section-h{font-weight:800!important}
.coll-head{font-family:'Nunito',sans-serif!important;font-size:34px!important;
  font-weight:900!important;color:#fff!important;margin:24px 0 6px!important}
.coll-sub{color:#A9B6E4!important}
.crumbs{color:#A9B6E4!important;font-size:13px!important}
.crumbs a{color:#E8ECFF!important;text-decoration:none!important}
.crumbs a:hover{color:#FFC93C!important}
.coll-intro{background:#141C3F!important;border:0!important;border-radius:16px!important;
  padding:22px 24px!important;margin:20px 0 8px!important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 26%)!important}
.coll-intro h2{font-size:20px!important;margin-bottom:8px!important}
.coll-intro p{color:#A9B6E4!important;line-height:1.6!important}
/* сетка 6 -> 4 -> 2 (grid из STATE.json, uniform_sitewide).
   ⛔ Селектор повторяет базовый каталог-овский `:has(.tile-frame)`: в theme.css эта сетка объявлена
   через `.tiles:has(.tile-frame){...!important}` — при равном !important побеждает БОЛЬШАЯ
   специфичность, поэтому одного `.tiles` мало (иначе на слотах едет 7 колонок вместо 6). */
.tiles,.tiles:has(.tile-frame),.row:has(.tile-frame),.slot-row:has(.tile-frame),
.reelrow:has(.tile-frame){display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:14px!important;align-items:start!important;margin-top:22px!important}
@media(max-width:1100px){.tiles,.tiles:has(.tile-frame),.row:has(.tile-frame),
  .slot-row:has(.tile-frame),.reelrow:has(.tile-frame){grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:700px){.tiles,.tiles:has(.tile-frame),.row:has(.tile-frame),
  .slot-row:has(.tile-frame),.reelrow:has(.tile-frame){grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important}}
/* плитка = керамическая панель с верхним бликом, ровно как .tile.cer в макете */
.tile{display:block!important;background:#141C3F!important;color:#fff!important;
  border:0!important;border-radius:16px!important;padding:8px!important;position:relative!important;
  text-decoration:none!important;overflow:visible!important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,0) 30%)!important;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1)!important}
a.tile:active{transform:scaleY(.92) scaleX(1.02)!important}   /* Keramiek-druk */
.tile-frame{border:0!important;background:none!important;padding:0!important;border-radius:0!important}
.tile-img{aspect-ratio:141/100!important;border-radius:12px!important;overflow:hidden!important;
  background:linear-gradient(160deg,#39406B,#262D52)!important}
.tile-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.tile-meta{padding:9px 2px 2px!important;background:none!important}
.tile-name{font-family:'Nunito',sans-serif!important;font-weight:800!important;font-size:14px!important;
  line-height:1.25!important;color:#fff!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.age-badge{color:#A9B6E4!important;font-size:11.5px!important}
/* пилюли тегов -> скруглённые керамические чипы r12 (геометрия донора, не пилюля) */
.tagpill,.pill,.chip-link{display:inline-flex!important;align-items:center!important;
  background:#141C3F!important;color:#E8ECFF!important;border:0!important;border-radius:12px!important;
  padding:8px 14px!important;font-size:13px!important;font-weight:700!important;
  text-decoration:none!important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 40%)!important;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1)!important}
.tagpill:hover,.pill:hover{color:#FFE79A!important;transform:translateY(-2px)!important}
.tagpill.nolink{opacity:.45!important;cursor:default!important}
/* кнопки: золотая filled — единственный основной CTA (закон 7) */
.btn,.btn-primary,.cta-btn,.cplay{border-radius:12px!important;font-weight:700!important;
  font-family:'Urbanist',sans-serif!important}
.btn-primary,.cta-btn,.cplay{background:linear-gradient(180deg,#FFE79A,#FFC93C)!important;
  color:#1A2142!important;border:0!important;
  box-shadow:0 6px 18px rgba(255,201,60,.35), inset 0 1px 0 rgba(255,255,255,.65)!important}
/* пагинация базовый каталог -> .pager макета */
.pager,.pagination{display:flex!important;gap:10px!important;justify-content:center!important;
  align-items:center!important;margin-top:26px!important;flex-wrap:wrap!important;
  color:#A9B6E4!important;font-weight:700!important}
.pager a,.pagination a,.pager span,.pagination span{border-radius:10px!important;
  background:#141C3F!important;color:#E8ECFF!important;padding:8px 14px!important;
  text-decoration:none!important;font-weight:700!important;border:0!important;font-size:14px!important}
.pager a:hover,.pagination a:hover{color:#FFE79A!important}
.pager .cur,.pagination .cur,.pager .active,.pagination .active,.pager .act,.pagination .act{
  background:linear-gradient(180deg,#4059F2,#2440E8)!important;color:#fff!important}
/* таблицы */
table{border-collapse:collapse!important;width:100%!important}
table th{background:#1B2550!important;color:#FFC93C!important;text-align:left!important;
  font-family:'Nunito',sans-serif!important;font-weight:800!important;padding:11px 13px!important}
table td{border-bottom:1px solid rgba(169,182,228,.14)!important;padding:11px 13px!important;
  color:#DDE4FF!important}
/* карточки/панели базовый каталог -> керамика */
.card,.panel,.box,.silo,.prov-card,.casino-card,.section-h+div>.card{background:#141C3F!important;
  border:0!important;border-radius:16px!important;color:#fff!important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,0) 30%)!important}
a{color:inherit}
main a:not(.tile):not(.tagpill):not(.btn):not(.pill):not(.token):not(.col-card){color:#FFC93C!important}

/* --- сброс базовый каталог-краски с элементов ХРОМА -----------------------------------------------------
   ⛔ Порядок важен: сперва снимаем всё, что базовый каталог нарисовал на тех же классах (стеклянная
   плашка поиска 300 px, рамки, тени, свои паддинги), и сразу за этим блоком идёт CHROME-LOCK,
   который возвращает ДОСЛОВНЫЕ значения утверждённого макета. Свойства, которых в макете нет,
   так и остаются снятыми — иначе шапка копилки собиралась бы из двух дизайнов сразу. */
.site-hd,.nav,.menu,.menu a,.brand,.brand-tile,.search,.search-btn,.search input,.geoflag,.hb,
.shelf,footer,.ft-grid,.ft-brand,.ft-col,.ft-col a,.ft-col b,.ft-bottom{
  background:none!important;background-color:transparent!important;border:0!important;
  box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  border-radius:0!important;width:auto!important;max-width:none!important;min-width:0!important;
  padding:0!important;margin:0!important;text-transform:none!important;letter-spacing:normal!important;
  flex:0 1 auto!important}
.tile{min-width:0!important}
/* === PIGGYBANKSLOTS chrome-lock: шапка/футер утверждённого макета побеждают
   собственные стили базовый каталог-страниц (см. комментарий в _chrome_piggyreels.py) === */
html,body{overflow-x:clip!important}
body{background:var(--shell)!important;color:#fff!important;font-family:'Urbanist','Segoe UI',system-ui,sans-serif!important;font-size:16px!important;line-height:1.55!important;position:relative!important}
body::before{content:""!important;position:fixed!important;inset:0!important;z-index:0!important;pointer-events:none!important;background:url("assets/ui/sheet10_watermark/bg_watermark_tile.webp") repeat!important;opacity:.04!important}
body>*{position:relative!important;z-index:1!important}
h1,h2,h3,.num,.brand{font-family:'Nunito','Urbanist','Segoe UI',sans-serif!important}
.wrap{max-width:1232px!important;margin:0 auto!important;padding:0 24px!important}
@keyframes kdArc{
  0%{transform:translate(-50%,0) scale(.6); opacity:0}
  25%{opacity:1}
  60%{transform:translate(6px,-34px) scale(1)}
  100%{transform:translate(22px,-18px) scale(.8); opacity:0}}
.site-hd{position:sticky!important;top:0!important;z-index:100!important;background:linear-gradient(180deg,#28346E 0%,#1C2657 48%,#141C3F 100%)!important;box-shadow:0 3px 16px rgba(0,0,0,.5)!important}
.site-hd::before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:13px!important;pointer-events:none!important;z-index:1!important;background:linear-gradient(180deg,rgba(255,255,255,.36),rgba(255,255,255,.10) 52%,rgba(255,255,255,0))!important}
.site-hd::after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:2px!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(255,255,255,.10))!important}
.hd-slot{position:absolute!important;top:0!important;left:50%!important;transform:translateX(-50%)!important;width:132px!important;height:23px!important;z-index:2!important;background:linear-gradient(180deg,#080D20,#04070F)!important;border:2px solid var(--gold)!important;border-top:0!important;border-radius:0 0 17px 17px!important;box-shadow:0 4px 12px rgba(0,0,0,.6), 0 0 14px rgba(255,201,60,.28), inset 0 -3px 7px rgba(255,201,60,.20)!important}
.hd-slot::before{content:""!important;position:absolute!important;left:50%!important;top:6px!important;transform:translateX(-50%)!important;width:66px!important;height:7px!important;border-radius:4px!important;background:#01030A!important;box-shadow:inset 0 2px 3px #000, 0 1px 0 rgba(255,231,154,.5)!important}
.hd-coin{position:fixed!important;top:-24px!important;left:50%!important;margin-left:-8px!important;width:16px!important;height:16px!important;border-radius:50%!important;z-index:101!important;pointer-events:none!important;background:radial-gradient(circle at 35% 30%,var(--gold-hi),var(--gold) 70%)!important;border:2px solid var(--gold-hi)!important;animation:hdDrop 1s ease-in .5s forwards!important}
@keyframes hdDrop{
  0%{transform:translateY(0) scaleX(1); opacity:0}
  20%{opacity:1}
  85%{transform:translateY(28px) scaleX(1); opacity:1}
  100%{transform:translateY(33px) scaleX(.22); opacity:0}}
.nav{max-width:1232px!important;margin:0 auto!important;padding:0 24px!important;height:64px!important;display:flex!important;align-items:center!important;gap:18px!important;position:relative!important;z-index:2!important}
.hb{display:none!important;flex-direction:column!important;gap:4px!important;background:none!important;border:0!important;cursor:pointer!important;padding:8px!important}
.hb span{width:20px!important;height:2px!important;background:#fff!important;border-radius:2px!important}
.brand{display:flex!important;align-items:center!important;gap:10px!important;font-weight:900!important;font-size:18px!important;line-height:1.05!important;flex:none!important;color:#fff!important}
.brand-tile{width:42px!important;height:42px!important;flex:none!important;border-radius:12px!important;position:relative!important;background:linear-gradient(180deg,#2E3B7C,#1C2657 58%,#161F4A)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.32), inset 0 -3px 5px rgba(0,0,0,.45), 0 3px 8px rgba(0,0,0,.4)!important;display:flex!important;align-items:center!important;justify-content:center!important}
.bt-slit{position:absolute!important;top:6px!important;left:50%!important;transform:translateX(-50%)!important;width:16px!important;height:3px!important;border-radius:2px!important;background:linear-gradient(90deg,var(--gold-hi),var(--gold))!important}
.bt-snout{width:21px!important;height:15px!important;border-radius:50%!important;margin-top:8px!important;background:radial-gradient(circle at 38% 28%,#FFC9D3,var(--pink) 72%)!important;box-shadow:inset 0 -2px 3px rgba(0,0,0,.28)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important}
.bt-snout i{width:3px!important;height:6px!important;border-radius:2px!important;background:#C25E75!important}
.brand-sub{font-size:10px!important;letter-spacing:.24em!important;color:var(--txt2)!important;font-weight:700!important}
.menu{display:flex!important;gap:20px!important;margin-left:8px!important}
.menu a{font-weight:600!important;font-size:15px!important;color:#E8ECFF!important;padding:6px 2px!important}
.menu a:hover{color:var(--gold)!important}
.search{margin-left:auto!important;display:flex!important;align-items:center!important;position:relative!important}
.search-btn{background:none!important;border:0!important;cursor:pointer!important;padding:8px!important;display:flex!important}
.search-btn svg{width:20px!important;height:20px!important;stroke:#E8ECFF!important;fill:none!important;stroke-width:2!important}
.search input{width:0!important;opacity:0!important;border:0!important;outline:0!important;height:36px!important;border-radius:10px!important;background:#0A0F24!important;color:#fff!important;font:600 14px 'Urbanist',sans-serif!important;padding:0!important;transition:width .25s ease, opacity .2s, padding .25s!important;box-shadow:inset 0 0 0 1px rgba(255,201,60,.55)!important}
.search.open input{width:260px!important;opacity:1!important;padding:0 12px!important;margin-right:6px!important}
.search-dd{position:fixed!important;z-index:999!important;display:none!important;min-width:280px!important;max-width:92vw!important;background:var(--panel)!important;border-radius:12px!important;padding:10px 14px!important;color:var(--txt2)!important;font-size:13px!important;box-shadow:0 12px 32px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(255,201,60,.35)!important}
.geoflag{display:flex!important;align-items:center!important;gap:7px!important;font-weight:700!important;font-size:13px!important;color:#E8ECFF!important;flex:none!important}
.geoflag svg{border-radius:2px!important;display:block!important}
@keyframes slitFlash{0%{box-shadow:0 0 0 0 rgba(255,201,60,.8)}100%{box-shadow:0 0 14px 4px rgba(255,201,60,0)}}
@keyframes coinDrop{0%{transform:translateY(0) scaleX(1); opacity:0}
  30%{opacity:1}80%{transform:translateY(14px) scaleX(1)}100%{transform:translateY(18px) scaleX(.2); opacity:0}}
.shelf{height:105px!important;background:url("assets/ui/sheet03_bg_components/comp_shelf_footer.webp") repeat-x bottom center!important;margin-top:26px!important}
footer{background:#080C1D!important;padding:34px 0 22px!important}
.ft-grid{display:grid!important;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr!important;gap:22px!important}
.ft-brand{display:flex!important;align-items:flex-start!important;gap:10px!important}
.ft-brand img{width:38px!important;height:38px!important;object-fit:contain!important}
.ft-brand p{font-size:12.5px!important;color:var(--txt2)!important;margin-top:6px!important;max-width:34ch!important}
.ft-col b{display:block!important;font:800 13px 'Nunito',sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#E8ECFF!important;margin-bottom:9px!important}
.ft-col a{display:block!important;font-size:13px!important;color:var(--txt2)!important;padding:3px 0!important}
.ft-col a:hover{color:var(--gold)!important}
.ft-bottom{margin-top:24px!important;padding-top:14px!important;border-top:1px solid rgba(169,182,228,.14)!important;font-size:12px!important;color:var(--txt2)!important;display:flex!important;gap:14px!important;flex-wrap:wrap!important;justify-content:center!important}
@media(max-width:900px){.hb{display:flex!important}
.menu{position:fixed!important;inset:64px auto 0 0!important;width:260px!important;background:#0C1229!important;flex-direction:column!important;padding:22px!important;gap:6px!important;transform:translateX(-100%)!important;transition:transform .25s!important;z-index:99!important;box-shadow:8px 0 30px rgba(0,0,0,.5)!important}
.menu.open{transform:none!important}
.menu a{padding:10px 4px!important;font-size:16px!important}
.geoflag span{display:none!important}
.search.open input{width:min(52vw,260px)!important}}
@media(max-width:700px){.ft-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:600px){.hd-slot,.hd-coin{display:none!important}}
@media(prefers-reduced-motion:reduce){.hd-coin{display:none!important}}

.shelf{background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important}