/* ylplay — Yono Game. Play-store-like light material UI. */
:root{--g:#01875f;--g2:#056449;--gl:#e6f4ea;--ink:#202124;--mut:#5f6368;--line:#dadce0;--bg:#fff;--soft:#f8f9fa;--r:16px;--sh:0 1px 2px rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:76px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.6 Roboto,"Segoe UI",system-ui,-apple-system,Arial,sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--g);text-decoration:none}a:hover{text-decoration:underline}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.yl-skip:focus{position:fixed!important;left:12px;top:12px;width:auto;height:auto;clip:auto;z-index:99;background:#fff;padding:8px 14px;border-radius:8px;box-shadow:var(--sh)}
:focus-visible{outline:2px solid var(--g);outline-offset:2px}

/* top bar */
.yl-top{position:sticky;top:0;z-index:30;background:#fff;box-shadow:0 1px 0 var(--line)}
.yl-top__in{max-width:1280px;margin:0 auto;height:64px;padding:0 20px;display:flex;align-items:center;gap:24px}
.yl-logo{flex:0 0 auto;display:flex}.yl-logo img{display:block;height:34px;width:auto}
.yl-tabs{display:flex;gap:4px;flex:1;min-width:0;overflow:hidden}
.yl-tabs a{color:var(--mut);font-weight:500;font-size:14px;padding:20px 12px 18px;border-bottom:3px solid transparent;white-space:nowrap}
.yl-tabs a:hover{color:var(--ink);text-decoration:none;background:var(--soft)}
.yl-tabs a.is-on{color:var(--g);border-bottom-color:var(--g)}
.yl-search{flex:0 1 280px;display:flex;align-items:center;background:var(--soft);border:1px solid transparent;border-radius:24px;padding:0 6px 0 16px;height:42px}
.yl-search:focus-within{background:#fff;border-color:var(--line);box-shadow:var(--sh)}
.yl-search input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:14px;outline:0;color:var(--ink)}
.yl-search button{border:0;background:none;padding:8px;border-radius:50%;cursor:pointer;fill:var(--mut);display:flex}

.yl-wrap{max-width:1280px;margin:0 auto;padding:12px 20px 40px}
.yl-h1{font-size:20px;line-height:1.35;font-weight:500;color:var(--mut);margin:14px 0 14px}

/* buttons */
.yl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font:500 14px/1 Roboto,system-ui,sans-serif;padding:11px 22px;cursor:pointer;border:1px solid transparent;text-decoration:none!important;transition:background .15s,box-shadow .15s}
.yl-btn--green{background:var(--g);color:#fff}.yl-btn--green:hover{background:var(--g2);box-shadow:var(--sh)}
.yl-btn--ghost{background:#fff;color:var(--g);border-color:var(--line)}.yl-btn--ghost:hover{background:var(--gl)}
.yl-btn--text{background:none;color:var(--g);padding:11px 12px;fill:var(--g)}.yl-btn--text:hover{background:var(--gl)}
.yl-btn--lg{min-width:180px;padding:13px 26px;font-size:15px}
.yl-note{color:var(--mut);font-size:12.5px;line-height:1.5;margin:10px 0 0}

/* hero (featured app) */
.yl-hero{display:block;border-radius:24px;overflow:hidden;background:#0d2a1f;color:#fff;box-shadow:var(--sh)}
.yl-hero__art{position:relative;min-height:100%}
.yl-hero__art img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1312/736}
.yl-hero__tag{position:absolute;left:16px;top:16px;background:rgba(255,255,255,.92);color:var(--g2);font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.yl-hero__info{padding:32px 36px;background:linear-gradient(160deg,#0f3a2a,#0a2219);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px 48px;align-items:center}
.yl-hero__side{border-left:1px solid rgba(255,255,255,.14);padding-left:40px}
.yl-hero__side .yl-hero__cta{margin-top:20px}
.yl-strip{position:relative;margin:14px 0 0;border-radius:20px;overflow:hidden;background:#06301f;color:#fff;box-shadow:var(--sh);border-bottom:3px solid #e0a326}
.yl-strip picture,.yl-strip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.yl-strip:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 55% 95% at 50% 50%,rgba(2,22,13,.84),rgba(2,22,13,.4) 75%,rgba(2,22,13,.15))}
.yl-strip__h1{position:relative;z-index:2;margin:0;min-height:170px;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px 28px;font-size:34px;line-height:1.2;font-weight:700;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.yl-intro{display:flex;align-items:center;justify-content:space-between;gap:16px 28px;margin:16px 0 18px;flex-wrap:wrap}
.yl-intro p{margin:0;flex:1 1 420px;color:var(--mut);font-size:15px}
.yl-intro .yl-strip__s{flex:0 1 460px;margin:0;border:1px solid var(--line);box-shadow:none}
.yl-strip__t{position:relative;z-index:2;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:26px 20px}
.yl-strip__t h2{margin:0;font-size:30px;line-height:1.2;font-weight:700;max-width:760px;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.yl-strip__t p{margin:0;max-width:640px;color:#e3efe9;font-size:15px;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.yl-strip__s{display:flex;width:100%;max-width:520px;margin-top:10px;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.yl-strip__s input{flex:1;min-width:0;border:0;padding:12px 18px;font:inherit;font-size:15px;outline:0;color:var(--ink)}
.yl-strip__s button{border:0;background:#1ea672;fill:#fff;padding:0 22px;cursor:pointer;display:flex;align-items:center}.yl-strip__s button:hover{background:#17c084}
.yl-hero__id{display:flex;gap:16px;align-items:center}
.yl-ic{border-radius:22%;background:#fff;object-fit:cover;flex:0 0 auto;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.yl-ic--hero{width:84px;height:84px}
.yl-hero__n{margin:0;font-size:30px;line-height:1.15;font-weight:500;color:#fff}
.yl-hero__dev{color:#7fe0b4;font-weight:500;font-size:14px}
.yl-hero .yl-stats{border-color:rgba(255,255,255,.18)}.yl-hero .yl-stats li{border-color:rgba(255,255,255,.18)}.yl-hero .yl-stats span{color:#b7cfc5}.yl-hero .yl-stats b{color:#fff}
.yl-hero__p{margin:14px 0 8px;color:#e3efe9}
.yl-hl{margin:0 0 6px;padding:0;list-style:none;display:grid;gap:6px}
.yl-hl li{position:relative;padding-left:26px;color:#e3efe9;font-size:14px}
.yl-hl li:before{content:"";position:absolute;left:2px;top:5px;width:14px;height:8px;border-left:2px solid #7fe0b4;border-bottom:2px solid #7fe0b4;transform:rotate(-45deg)}
.yl-hero__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.yl-hero .yl-btn--green{background:#1ea672}.yl-hero .yl-btn--green:hover{background:#17c084}
.yl-hero .yl-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}.yl-hero .yl-btn--ghost:hover{background:rgba(255,255,255,.08)}
.yl-hero .yl-note{color:#a9c2b7}

/* stats row (Play "4.5★ | 10M+ | Rated for") */
.yl-stats{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;row-gap:10px}
.yl-stats li{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:88px;padding:0 16px;border-left:1px solid var(--line);text-align:center}
.yl-stats li:first-child{border-left:0;padding-left:0;align-items:flex-start;text-align:left}
.yl-stats b{font-weight:500;font-size:15px;white-space:nowrap}
.yl-stats span{font-size:12px;color:var(--mut)}
.yl-18{display:inline-block;border:1.5px solid currentColor;border-radius:4px;padding:0 4px;font-size:12px!important;line-height:18px}

/* sections */
.yl-sec{margin:34px 0 0}
.yl-sec__hd{display:flex;align-items:center;justify-content:space-between;gap:16px}
.yl-sec__hd h2{margin:0;font-size:22px;font-weight:500;line-height:1.3}
.yl-sec__hd h2 small{font-size:13px;color:var(--mut);font-weight:400;margin-left:6px}
.yl-sec__hd>a{flex:0 0 auto;font-weight:500;font-size:14px;border-radius:20px;padding:8px 14px}
.yl-sec__hd>a:hover{background:var(--gl);text-decoration:none}
.yl-sec__sub{margin:4px 0 0;color:var(--mut);font-size:13.5px}

/* stars */
.yl-stars{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--mut)}
.yl-stars__s{position:relative;display:inline-block;width:62px;height:12px;background:linear-gradient(90deg,#dadce0 0 0);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 12'%3E%3Cg%3E%3Cpath id='s' d='M6 .5l1.7 3.6 3.9.5-2.9 2.7.7 3.9L6 9.3 2.6 11.2l.7-3.9L.4 4.6l3.9-.5z'/%3E%3Cuse href='%23s' x='12.5'/%3E%3Cuse href='%23s' x='25'/%3E%3Cuse href='%23s' x='37.5'/%3E%3Cuse href='%23s' x='50'/%3E%3C/g%3E%3C/svg%3E") 0 0/62px 12px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 12'%3E%3Cg%3E%3Cpath id='s' d='M6 .5l1.7 3.6 3.9.5-2.9 2.7.7 3.9L6 9.3 2.6 11.2l.7-3.9L.4 4.6l3.9-.5z'/%3E%3Cuse href='%23s' x='12.5'/%3E%3Cuse href='%23s' x='25'/%3E%3Cuse href='%23s' x='37.5'/%3E%3Cuse href='%23s' x='50'/%3E%3C/g%3E%3C/svg%3E") 0 0/62px 12px no-repeat}
.yl-stars__s i{position:absolute;left:0;top:0;bottom:0;background:#01875f}

/* rows (top charts) */
.yl-rows{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 16px}
.yl-row a{display:flex;align-items:center;gap:14px;padding:10px 8px;border-radius:12px;color:var(--ink);text-decoration:none}
.yl-row a:hover{background:var(--soft)}
.yl-row__r{flex:0 0 22px;text-align:center;font-size:15px;color:var(--mut);font-weight:500}
.yl-row .yl-ic{width:64px;height:64px}
.yl-row__t{display:flex;flex-direction:column;min-width:0;gap:1px}
.yl-row__n{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yl-row__m{font-size:13px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* tiles (all apps of a category, wrapped — no carousel) */
.yl-tiles{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px 12px}
.yl-tile a{display:flex;flex-direction:column;gap:3px;padding:10px;border-radius:14px;color:var(--ink);text-decoration:none;height:100%}
.yl-tile a:hover{background:var(--soft)}
.yl-tile .yl-ic{width:100%;height:auto;aspect-ratio:1;max-width:112px;margin-bottom:6px}
.yl-tile__n{font-size:14px;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.yl-tile__m{font-size:12.5px;color:var(--mut)}

/* cards & prose */
.yl-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 26px;margin:24px 0 0}
.yl-prose h2{font-size:21px;font-weight:500;line-height:1.35;margin:28px 0 8px}
.yl-prose h2:first-child{margin-top:0}
.yl-prose h3{font-size:17px;font-weight:500;margin:20px 0 6px}
.yl-prose p,.yl-prose li{color:#3c4043}
.yl-prose ul,.yl-prose ol{padding-left:22px}
.yl-prose table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px;display:block;overflow-x:auto}
.yl-prose th,.yl-prose td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
.yl-prose th{background:var(--soft);font-weight:500}
.yl-about{max-width:none}
.yl-page h1{font-size:28px;font-weight:500;line-height:1.25;margin:0 0 14px}
.yl-faq h2{font-size:21px;font-weight:500;margin:0 0 8px}
.yl-faq details{border-top:1px solid var(--line)}
.yl-faq summary{cursor:pointer;padding:14px 32px 14px 0;font-weight:500;list-style:none;position:relative}
.yl-faq summary::-webkit-details-marker{display:none}
.yl-faq summary:after{content:"";position:absolute;right:6px;top:20px;width:9px;height:9px;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:rotate(45deg);transition:transform .2s}
.yl-faq details[open] summary:after{transform:rotate(-135deg);top:24px}
.yl-faq p{margin:0 0 14px;color:#3c4043}

/* app detail */
.yl-crumbs ol{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px;font-size:13px;color:var(--mut)}
.yl-crumbs li+li:before{content:"›";margin-right:4px}
.yl-app{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:start;margin:18px 0 0}
.yl-app__n{font-size:44px;line-height:1.1;font-weight:500;margin:0;letter-spacing:-.5px}
.yl-app__h1{font-size:16px;line-height:1.45;font-weight:400;color:var(--mut);margin:8px 0 6px}
.yl-app__dev{font-weight:500;font-size:15px}
.yl-app__cta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px}
.yl-ic--big{width:192px;height:192px;border-radius:20%;box-shadow:0 1px 3px rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15)}
.yl-shots{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.yl-shot{position:relative;border-radius:16px;min-height:190px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;color:#fff;overflow:hidden}
.yl-shot--0{background:radial-gradient(circle at 80% 15%,#34c38f,#0b6b4a 55%,#06301f)}
.yl-shot--1{background:radial-gradient(circle at 80% 15%,#f6c453,#b5762a 50%,#3a2108)}
.yl-shot--2{background:radial-gradient(circle at 80% 15%,#7aa7ff,#2f4fb3 50%,#111b45)}
.yl-shot .yl-ic{position:absolute;right:18px;top:18px;width:56px;height:56px}
.yl-shot b{font-size:20px;font-weight:500}.yl-shot span{font-size:13px;opacity:.9}
.yl-shot em{position:absolute;left:14px;top:14px;font-style:normal;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;background:rgba(0,0,0,.28);padding:3px 8px;border-radius:999px}
.yl-cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.yl-cols__side{position:sticky;top:80px}
.yl-lead{font-size:16px}
.yl-tags{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.yl-tags li{border:1px solid var(--line);border-radius:8px;padding:5px 12px;font-size:13px;font-weight:500;color:var(--mut)}
.yl-safety ul{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.yl-safety li{display:flex;flex-direction:column;background:var(--soft);border-radius:12px;padding:12px 14px}
.yl-safety b{font-weight:500}.yl-safety span{font-size:13.5px;color:var(--mut)}
.yl-card h2{font-size:20px;font-weight:500;margin:0 0 8px}
.yl-side{padding:18px 16px}.yl-side h2{padding:0 8px}
.yl-rows--side{grid-template-columns:1fr;margin-top:4px}.yl-rows--side .yl-ic{width:52px;height:52px}
.yl-side__more{display:block;padding:10px 8px 0;font-weight:500;font-size:14px}
.yl-flagmini{display:flex;gap:12px;align-items:center;padding:6px 8px;color:var(--ink)}
.yl-flagmini .yl-ic{width:56px;height:56px}.yl-flagmini span{display:flex;flex-direction:column}.yl-flagmini small{color:var(--mut)}

/* hub */
.yl-hubhd h1{font-size:32px;font-weight:500;line-height:1.2;margin:14px 0 6px}
.yl-hubhd>p{color:var(--mut);margin:0 0 14px;max-width:820px}
.yl-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.yl-chips a{border:1px solid var(--line);border-radius:8px;padding:7px 14px;color:var(--mut);font-weight:500;font-size:14px}
.yl-chips a:hover{background:var(--soft);text-decoration:none}
.yl-chips a.is-on{background:var(--gl);border-color:var(--gl);color:var(--g2)}
.yl-filter input{width:100%;max-width:420px;border:1px solid var(--line);border-radius:24px;padding:10px 16px;font:inherit;font-size:14px}
.yl-empty{color:var(--mut)}

/* footer */
.yl-foot{border-top:1px solid var(--line);background:var(--soft);margin-top:40px}
.yl-foot__in{max-width:1280px;margin:0 auto;padding:30px 20px 10px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px}
.yl-foot p{color:var(--mut);font-size:13px}
.yl-foot h2{font-size:14px;font-weight:500;margin:4px 0 8px}
.yl-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13.5px}
.yl-foot ul a{color:var(--mut)}
.yl-foot__c{max-width:1280px;margin:0 auto;padding:12px 20px 26px;border-top:1px solid var(--line)}

/* dialog */
.yl-dlg{border:0;border-radius:24px;max-width:460px;width:calc(100% - 32px);padding:26px 26px 22px;box-shadow:0 8px 28px rgba(0,0,0,.28)}
.yl-dlg::backdrop{background:rgba(32,33,36,.55)}
.yl-dlg h2{margin:0 0 8px;font-size:20px;font-weight:500}
.yl-dlg ul{padding-left:20px;color:#3c4043;font-size:14px}
.yl-dlg__x{position:absolute;right:12px;top:10px;border:0;background:none;font-size:26px;line-height:1;cursor:pointer;color:var(--mut);padding:6px 10px;border-radius:50%}
.yl-dlg__n{font-size:12.5px;color:var(--mut)}

/* responsive */
@media(max-width:1100px){.yl-rows{grid-template-columns:repeat(2,minmax(0,1fr))}.yl-cols{grid-template-columns:minmax(0,1fr) 300px}.yl-tabs a{padding-left:8px;padding-right:8px}}
@media(max-width:900px){
  html{scroll-padding-top:140px}
  .yl-top__in{height:auto;flex-wrap:wrap;gap:8px 12px;padding:10px 16px 0}
  .yl-search{flex:1 1 160px;height:38px}
  .yl-tabs{order:3;flex:1 0 100%;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 10px}.yl-tabs::-webkit-scrollbar{display:none}
  .yl-tabs a{padding:10px 10px 11px}
  .yl-hero__info{grid-template-columns:1fr;padding:22px 20px}.yl-hero__side{border-left:0;padding-left:0}
  .yl-strip__h1{font-size:28px;min-height:150px}
  .yl-intro .yl-strip__s{display:none}
  .yl-cols{grid-template-columns:1fr}.yl-cols__side{position:static}
  .yl-app{grid-template-columns:minmax(0,1fr) auto;gap:16px}.yl-ic--big{width:96px;height:96px}
  .yl-app__n{font-size:30px}
  .yl-foot__in{grid-template-columns:1fr 1fr}
  .yl-foot__brand{grid-column:1/-1}
}
@media(max-width:640px){
  .yl-wrap{padding:8px 14px 32px}
  .yl-logo img{height:30px}
  .yl-h1{font-size:17px;margin:10px 0}
  .yl-strip{border-radius:16px}.yl-strip:before{background:linear-gradient(180deg,rgba(2,22,13,.2),rgba(2,22,13,.62) 30%,rgba(2,22,13,.62) 70%,rgba(2,22,13,.2))}.yl-strip__h1{font-size:23px;min-height:150px;padding:20px 16px}.yl-intro p{font-size:14px;flex-basis:100%}.yl-intro .yl-strip__s{flex:1 1 100%}
  .yl-hero{border-radius:18px}.yl-hero__n{font-size:24px}.yl-ic--hero{width:68px;height:68px}
  .yl-stats li{min-width:0;padding:0 10px;flex:1 1 0}.yl-stats b{font-size:14px}
  .yl-btn--lg{min-width:0;flex:1 1 auto}
  .yl-rows{grid-template-columns:1fr}
  .yl-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 6px}
  .yl-tile a{padding:6px 4px}.yl-tile__n{font-size:13px}.yl-tile .yl-stars__s{display:none}
  .yl-shots{grid-template-columns:1fr;gap:10px}.yl-shot{min-height:120px}
  .yl-safety ul{grid-template-columns:1fr}
  .yl-card{padding:18px 16px;border-radius:14px}
  .yl-app{grid-template-columns:minmax(0,1fr) 76px}.yl-ic--big{width:76px;height:76px}.yl-app__n{font-size:26px}
  .yl-hubhd h1,.yl-page h1{font-size:24px}
  .yl-foot__in{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* v1.4: centred H1 + collage background inside the hero */
.yl-h1c{margin:20px auto 16px;max-width:900px;text-align:center;font-size:28px;line-height:1.25;font-weight:700;color:var(--ink)}
.yl-hero{position:relative;isolation:isolate}
.yl-hero__bg{position:absolute;inset:0;z-index:-1}
.yl-hero__bg picture,.yl-hero__bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.yl-hero__bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,34,22,.86) 0%,rgba(6,34,22,.68) 50%,rgba(6,34,22,.64) 100%)}
.yl-hero__n,.yl-hero__p,.yl-hl li,.yl-hero .yl-stats{text-shadow:0 1px 6px rgba(0,0,0,.55)}
.yl-hero .yl-hero__info{background:transparent}
.yl-intro{margin:16px 0 4px}
@media(max-width:900px){.yl-hero__bg:after{background:rgba(6,34,22,.7)}.yl-intro .yl-strip__s{display:flex}}
@media(max-width:640px){.yl-h1c{font-size:21px;margin:14px auto 12px}}
.yl-visual{margin:22px 0;border-radius:18px;overflow:hidden;background:var(--soft);border:1px solid var(--line)}
.yl-visual img{display:block;width:100%;height:auto}
.yl-visual figcaption{padding:9px 14px;font-size:12.5px;color:var(--mut)}
.yl-shot{isolation:isolate}
.yl-shot__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.yl-shot[style]{background-size:cover;background-position:center}
.yl-shot{min-height:220px}.yl-shot b,.yl-shot span{text-shadow:0 1px 6px rgba(0,0,0,.6)}
@media(max-width:640px){.yl-shot{min-height:180px}}
.yl-shot em{background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}
.yl-shot b{font-weight:700}
/* v1.7: full-bleed hero */
.yl-hero{width:100%;margin:0;border-radius:0;box-shadow:none}
.yl-wrap:has(+.yl-hero),.yl-wrap:first-child{padding-bottom:0}
.yl-hero .yl-hero__info{max-width:1280px;margin:0 auto;padding:40px 20px}
@media(max-width:900px){.yl-hero .yl-hero__info{padding:26px 16px}}
@media(max-width:640px){.yl-hero{border-radius:0}.yl-hero .yl-hero__info{padding:22px 14px}}
/* v1.8 model panes: keep the model visible, icon bottom-right */
.yl-shot[style]{background-position:65% 22%}
.yl-shot .yl-ic{top:auto;bottom:16px;right:16px;width:48px;height:48px}
.yl-shot b,.yl-shot span{max-width:calc(100% - 64px)}
.yl-shot{min-height:240px}
@media(max-width:640px){.yl-shot{min-height:210px}}
/* v2.0 news */
.yl-news__l{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.yl-news__c a{display:flex;flex-direction:column;height:100%;border:1px solid var(--line);border-radius:16px;overflow:hidden;color:var(--ink);text-decoration:none;background:#fff;transition:box-shadow .15s}
.yl-news__c a:hover{box-shadow:var(--sh)}
.yl-news__c img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.yl-news__b{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.yl-news__b time{font-size:12.5px;color:var(--mut)}
.yl-news__b b{font-size:16.5px;line-height:1.35;font-weight:500}
.yl-news__b>span{font-size:14px;color:#3c4043;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.yl-news__b em{font-style:normal;color:var(--g);font-weight:500;font-size:14px;margin-top:auto}
.yl-wrap--news{max-width:920px}
.yl-article h1{font-size:30px;line-height:1.25;font-weight:600;margin:0 0 8px}
.yl-byline{color:var(--mut);font-size:13.5px;margin:0 0 6px}
.yl-sources{font-size:14px}
@media(max-width:900px){.yl-news__l{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.yl-news__l{grid-template-columns:1fr}.yl-article h1{font-size:24px}}

/* v2.1 sponsored DiwaBet */
.yl-tophot{flex:none;margin-left:8px;background:linear-gradient(180deg,#ffe07a,#f2a91c);color:#3b2400!important;font-weight:700;font-size:14px;border-radius:20px;padding:8px 14px;text-decoration:none!important;white-space:nowrap;box-shadow:0 2px 0 #b97a06}
.yl-aff{display:flex;align-items:center;gap:14px;background:linear-gradient(90deg,#0b3d2a,#14532d);color:#fff;border:2px solid #f2b632;border-radius:16px;padding:12px 16px;margin:18px 0}
.yl-aff img{width:60px;height:60px;border-radius:14px;flex:none}
.yl-aff__t{display:flex;flex-direction:column;flex:1;min-width:0}.yl-aff__t em{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffd666}
.yl-aff__t b{font-size:18px}.yl-aff__t span{font-size:13px;color:#d4ecdf}
.yl-aff__b{display:flex;flex-direction:column;align-items:center;gap:6px}.yl-aff__more{color:#bfe9d3;font-size:12.5px}
.yl-btn.yl-aff__btn{background:linear-gradient(180deg,#ffe07a,#f2a91c);color:#3b2400;border:0;font-weight:700;text-decoration:none}
.yl-aff--side{flex-direction:column;text-align:center;margin:0 0 16px}.yl-aff--side .yl-aff__b,.yl-aff--side .yl-aff__btn{width:100%}
.yl-dlg__alt{background:#fff8e6;border-left:4px solid #f2b632;padding:8px 10px;border-radius:8px;font-size:14px}
.yl-dlg__aff{width:100%;margin:4px 0 8px}
@media (max-width:900px){.yl-aff{flex-wrap:wrap}.yl-aff__b{width:100%;flex-direction:row;justify-content:space-between}.yl-tophot{font-size:12.5px;padding:7px 10px}}