/* Live Games Hub · Home editorial refinement */
body[data-page="home"]{
 background:
 radial-gradient(ellipse 75% 25% at 78% 0,#19464a79,transparent 70%),
 radial-gradient(ellipse 55% 22% at 0 35%,#12265055,transparent 85%),
 #09121c;
 --gold:#eacb81;
 color:#f3f4f4;
 overflow-x:hidden;
}
body[data-page="home"] .site-header{
 background:#09121ce5;border-bottom:1px solid #eaf6ff1a;
 box-shadow:0 7px 40px #0004;
}
body[data-page="home"] .brand{letter-spacing:.03em}
body[data-page="home"] .brand-mark{color:#84e5d1}
body[data-page="home"] nav a{transition:color .2s}
body[data-page="home"] nav a:hover{color:#a2f1de}
body[data-page="home"] .nav-cta{
 border-color:#81dcba;color:#a7f4dd;background:#15362f79;
 box-shadow:0 0 24px #5bd6b222;
}
.home-intro{padding-top:23px}
.home-intro-meta{display:flex;align-items:center;gap:12px;font-size:.66rem;letter-spacing:.22em;font-weight:850;color:#89baae}
.meta-dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:#8cfad4;box-shadow:0 0 15px #8df7c7}
.meta-rule{width:45px;height:1px;background:#557d7b}
body[data-page="home"] .hero{
 position:relative;padding-top:42px;padding-bottom:75px;
 grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
 gap:clamp(24px,5vw,72px);align-items:center;
}
body[data-page="home"] .hero:before{
 content:"";position:absolute;inset:20px -1% 8%;
 background-image:linear-gradient(90deg,#92d5ca09 1px,transparent 1px),linear-gradient(0deg,#92d5ca08 1px,transparent 1px);
 background-size:82px 82px;mask-image:linear-gradient(90deg,transparent,#0004 60%,transparent);
 pointer-events:none;
}
body[data-page="home"] .hero-copy{position:relative;isolation:isolate;z-index:1}
.hero-halo{position:absolute;inset:5% -24% 10% -9%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#55d2ae1b,transparent 69%);filter:blur(25px)}
body[data-page="home"] .hero-eyebrow{color:#a2ecda;letter-spacing:.19em;font-size:.69rem}
body[data-page="home"] .hero h1{
 font-weight:900;font-size:clamp(3.15rem,6.45vw,6.65rem);
 letter-spacing:-.072em;line-height:1.04;margin:17px 0 25px;
}
body[data-page="home"] .hero h1 em{
 color:#dcbb73;
 background:linear-gradient(100deg,#f6e3a7,#d6a45b 71%,#f5dba0);
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.hero-title-light{color:#ebf7f2}
body[data-page="home"] .lead{max-width:590px;color:#bbced5;font-size:clamp(1rem,1.7vw,1.19rem);line-height:1.76}
body[data-page="home"] .lead strong{color:#e2f7eb;font-weight:750}
body[data-page="home"] .hero-actions{gap:13px;margin-top:30px}
body[data-page="home"] .hero-actions .button{
 min-height:50px;padding:13px 21px;font-size:.9rem;
}
body[data-page="home"] .button.primary{background:#d7b76c;color:#101b24;box-shadow:0 9px 26px #bb965629}
body[data-page="home"] .button.primary:hover{background:#efd496}
body[data-page="home"] .button.subtle{background:#111f2bc9;border-color:#527469;color:#e0f4eb}
body[data-page="home"] .facts{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:10px;margin-top:41px;border-top:1px solid #a1d9b62d;padding-top:19px;
}
body[data-page="home"] .facts span{
 display:flex;flex-direction:column;gap:3px;align-items:flex-start;
 border-left:1px solid #a1d9b650;padding-left:15px;min-width:0;
}
body[data-page="home"] .facts b{font-size:clamp(1.5rem,2.5vw,2.15rem);font-variant-numeric:tabular-nums;line-height:1.1;color:#d8f4e5}
body[data-page="home"] .facts small{font-size:.60rem;font-weight:850;letter-spacing:.08em;color:#89aca9;line-height:1.4}
.home-feature-wrap{position:relative;min-width:0}
.featured-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:.67rem;font-weight:850;letter-spacing:.19em;color:#8de9c9}
.featured-topline span:last-child{margin-left:auto;color:#a8b9bb}
.topline-spark{font-size:1.2rem;color:#e6c37c}
body[data-page="home"] .hero-feature{
 border:1px solid #82d3bb6f;border-radius:22px;
 background:linear-gradient(155deg,#1b3a42,#13202b);
 box-shadow:0 38px 100px #0009,0 0 0 7px #b0c5b008;
 transform:rotate(-.6deg);
}
body[data-page="home"] .hero-feature:hover{transform:translateY(-5px) rotate(0deg)}
body[data-page="home"] .hero-art{height:clamp(210px,25vw,330px);background-position:center 38%}
body[data-page="home"] .hero-art:before{
 content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07121c55,transparent 50%);
}
body[data-page="home"] .art-keyhole{color:#f3d18d;text-shadow:0 5px 60px #000;opacity:.42!important}
body[data-page="home"] .art-seal{background:#061c22a3;color:#eaf9e7;border-color:#8bdbcc6c;border-radius:4px}
body[data-page="home"] .featured-ribbon{background:#d6b26b;color:#131d24;padding:10px 21px}
body[data-page="home"] .featured-ribbon span:last-child{font-size:.67rem}
body[data-page="home"] .hero-feature-text{padding:27px 30px}
body[data-page="home"] .hero-feature-text>span{color:#92f2d4}
body[data-page="home"] .hero-feature-text h2{font-size:clamp(2.55rem,4.3vw,4rem);font-weight:950;letter-spacing:-.07em}
body[data-page="home"] .hero-feature-text i{color:#f2c67a}
body[data-page="home"] .hero-feature-text p{font-size:.98rem;line-height:1.6;color:#c8d9df}
.featured-action{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:13px;border-top:1px solid #c1ebe23b;font-size:.74rem;color:#a7f6db;font-weight:850;letter-spacing:.13em}
.featured-action span{font-size:1.3rem}
.home-feature-caption{display:flex;align-items:center;gap:9px;font-size:.76rem;color:#a3bbc2;margin:14px 0 0}
.home-feature-caption a{color:#c5e9d7;text-decoration:underline;text-underline-offset:3px}
.home-marquee{
 display:flex;justify-content:space-between;align-items:center;gap:15px 20px;
 padding-top:17px;padding-bottom:17px;border-top:1px solid #628b8244;border-bottom:1px solid #628b8244;
 background:linear-gradient(90deg,#1c3c3e28,transparent,#1c3c3e28);
}
.home-marquee span{white-space:nowrap;font-size:.7rem;font-weight:850;letter-spacing:.1em;color:#a7c8c5}
.home-marquee b{font-size:.85rem;color:#d9bb76;margin-right:7px}
body[data-page="home"] .library{padding-top:82px;padding-bottom:77px}
body[data-page="home"] .section-title h2{color:#f1f5f2;font-size:clamp(2.35rem,4.8vw,4rem)}
body[data-page="home"] .section-title p:not(.eyebrow){max-width:560px;line-height:1.65}
body[data-page="home"] .counter{border-radius:40px;background:#1c3c38;border-color:#5da58c;color:#b4f9da;padding:9px 16px}
body[data-page="home"] .filter{background:#17232f;color:#bfced3;border-color:#354b57}
body[data-page="home"] .filter.active,body[data-page="home"] .filter:hover{background:#a4e6c7;color:#0f2d30;border-color:#a4e6c7}
body[data-page="home"] .game-grid{gap:22px}
body[data-page="home"] .how{margin-top:14px;padding:62px 26px 77px;position:relative}
body[data-page="home"] .how:before{content:"";position:absolute;inset:0 26px;border:1px solid #52847c4c;border-radius:26px;background:radial-gradient(ellipse at 15% 5%,#3b90834f,transparent 45%),linear-gradient(135deg,#182e3bd1,#101a2aea);pointer-events:none}
body[data-page="home"] .how>.section-title,body[data-page="home"] .how>.how-grid{position:relative;margin-left:36px;margin-right:36px}
.heading-glow{color:#a9e4cf}
body[data-page="home"] .how-grid{gap:15px}
body[data-page="home"] .how-grid article{background:#081722b0;border-top:2px solid #8dcbb0;border-radius:12px;min-height:206px;padding:24px}
body[data-page="home"] .how-grid article span{color:#a9e5d0}
body[data-page="home"] .how-grid h3{font-size:1.17rem}
body[data-page="home"] .how-grid article p{line-height:1.63}
.home-community{
 display:grid;grid-template-columns:minmax(230px,.38fr) minmax(0,.62fr);
 gap:6%;align-items:center;margin-top:75px;margin-bottom:100px;
 padding-top:40px;padding-bottom:40px;position:relative;
 border-top:1px solid #578f835f;border-bottom:1px solid #578f835f;
}
.community-art{min-height:295px;position:relative;display:grid;place-items:center;border-radius:20px;background:radial-gradient(circle at 50% 50%,#406d70,#1b3544 53%,#0b1622 76%);border:1px solid #8bccc456;overflow:hidden}
.community-art::before{content:"";position:absolute;width:240px;height:240px;border:1px solid #d3b46e80;border-radius:50%;box-shadow:0 0 0 25px #b2ded20c,0 0 0 55px #b2ded20a}
.community-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07101b8c,transparent 50%)}
.community-spark{font-size:8rem;color:#d8c17d;text-shadow:0 0 60px #e3c38293;z-index:1;transform:rotate(-16deg)}
.community-art>span:last-child{position:absolute;bottom:18px;left:20px;color:#d7f6e7;letter-spacing:.18em;font-size:.71rem;font-weight:850;z-index:2}
.community-copy h2{font-size:clamp(2.3rem,4.3vw,4.15rem);line-height:1.05;letter-spacing:-.05em;margin:18px 0}
.community-copy h2 em{color:#b5e6d1;font-style:normal}
.community-copy p:not(.eyebrow){max-width:690px;color:#b6c9cf;line-height:1.72}
body[data-page="home"] .footer{padding-top:36px;padding-bottom:38px}
@media(max-width:1100px){
 .home-marquee{flex-wrap:wrap;justify-content:center}
 body[data-page="home"] .hero{gap:30px}
 body[data-page="home"] .hero h1{font-size:clamp(3rem,6.3vw,5rem)}
}
@media(max-width:950px){
 body[data-page="home"] .hero{grid-template-columns:1fr;gap:45px}
 body[data-page="home"] .hero-feature{max-width:710px}
 .home-feature-wrap{max-width:710px;width:100%;margin:auto}
 body[data-page="home"] .how>.section-title,body[data-page="home"] .how>.how-grid{margin-left:15px;margin-right:15px}
 .home-community{grid-template-columns:1fr 1.2fr}
}
@media(max-width:650px){
 .home-intro{padding-top:15px}
 .home-intro-meta{font-size:.58rem;letter-spacing:.12em}
 .meta-rule{width:22px}
 body[data-page="home"] .hero{padding-top:30px;padding-bottom:45px;gap:38px}
 body[data-page="home"] .hero h1{font-size:clamp(2.85rem,9.2vw,4.65rem);line-height:1.02}
 body[data-page="home"] .lead{font-size:1rem}
 body[data-page="home"] .hero-actions{gap:8px}
 body[data-page="home"] .hero-actions .button{font-size:.78rem;padding:11px 13px;min-height:44px}
 body[data-page="home"] .facts{gap:5px;margin-top:28px}
 body[data-page="home"] .facts span{padding-left:8px}
 body[data-page="home"] .facts b{font-size:1.45rem}
 body[data-page="home"] .facts small{font-size:.53rem}
 body[data-page="home"] .hero-feature{transform:none}
 body[data-page="home"] .hero-feature-text{padding:23px}
 body[data-page="home"] .featured-ribbon{font-size:.61rem;padding:10px 13px}
 body[data-page="home"] .featured-ribbon span:last-child{font-size:.54rem}
 body[data-page="home"] .hero-feature-text h2{font-size:2.65rem}
 .home-marquee{padding:14px 16px;justify-content:space-between;gap:10px}
 .home-marquee span{font-size:.58rem;letter-spacing:.03em;width:calc(50% - 6px)}
 .home-marquee b{margin-right:4px}
 body[data-page="home"] .library{padding-top:54px;padding-bottom:58px}
 body[data-page="home"] .how{padding:44px 16px 52px}
 body[data-page="home"] .how:before{inset:0 16px}
 body[data-page="home"] .how>.section-title,body[data-page="home"] .how>.how-grid{margin-left:17px;margin-right:17px}
 body[data-page="home"] .how-grid article{min-height:0}
 .home-community{display:flex;flex-direction:column;align-items:stretch;gap:20px;margin-top:45px;margin-bottom:55px;padding-top:26px;padding-bottom:35px}
 .community-art{min-height:185px}
 .community-spark{font-size:6rem}
 .community-copy h2{font-size:2.6rem}
}
@media(prefers-reduced-motion:reduce){
 body[data-page="home"] .hero-feature{transform:none!important}
}