:root{
  --bg:#0a0512;--bg2:#10081d;--panel:#14101f;--panel2:#1a1129;--panel3:#211438;
  --line:#34234a;--line2:#50336f;--text:#f7f2ff;--muted:#b9aec7;--muted2:#8d809b;
  --accent:#9a57ff;--accent2:#d768ff;--ok:#58e59f;--wrap:1180px
}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.62}a{color:inherit}img{max-width:100%;height:auto;display:block}.wrap{width:min(var(--wrap),calc(100% - 36px));margin:auto}
.site-head{position:relative;z-index:20;background:#0b0615;border-bottom:1px solid #241633}.head-row{height:76px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;text-decoration:none}.logo img{display:block;width:190px;height:auto;max-width:100%}.desktop-nav{display:flex;gap:3px;flex:1}.desktop-nav a{padding:10px 10px;border-radius:10px;text-decoration:none;color:#cfc4dc;font-size:14px;font-weight:750}.desktop-nav a:hover,.desktop-nav a.active{background:#1a1129;color:#fff}.head-actions{display:flex;align-items:center;gap:8px}.age{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid #3b2853;background:#171024;color:#d8c9e7}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border-radius:11px;text-decoration:none;font-weight:850;font-size:14px;border:1px solid transparent}.btn.solid{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 8px 24px #8d5cff25}.btn.ghost{border-color:#3b2b56;background:#17102a}.btn.outline{border-color:#7851aa;background:#171026;color:#eee6ff}.btn.big{min-height:50px;padding:0 24px;font-size:15px}.mobile-menu{display:none}
.hero{background:radial-gradient(circle at 75% 14%,#321854 0,transparent 30%),radial-gradient(circle at 15% 0%,#1d1034 0,transparent 36%),linear-gradient(180deg,#10081e,#0b0615);border-bottom:1px solid #241733}.hero-grid{min-height:470px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);align-items:center;gap:44px}.hero-copy{padding:46px 0}.eyebrow{display:inline-flex;padding:7px 11px;border:1px solid #50347b;background:#1a1030;border-radius:999px;color:#dccaff;font-size:12px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.hero h1{font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-.045em;margin:18px 0 18px;max-width:840px}.hero p{max-width:760px;color:#c9c0d9;font-size:17px;margin:0}.hero-actions{display:flex;gap:12px;margin-top:26px}.trustline{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.trustline span{padding:6px 9px;border-radius:9px;background:#160d24;border:1px solid #2f2043;color:#a99db8;font-size:11px}.hero-art{display:flex;justify-content:center;align-self:end}.art-card{position:relative;width:min(420px,100%);min-height:410px;border:1px solid #3b295a;border-bottom:0;border-radius:28px 28px 0 0;background:linear-gradient(180deg,#241442,#12091f);overflow:hidden;box-shadow:0 20px 70px #0008}.art-card img{margin:2px auto 0;max-height:430px;object-fit:contain}.art-badge{position:absolute;left:18px;right:18px;bottom:16px;padding:13px 15px;border:1px solid #5d3c8e;background:#10091ded;border-radius:14px;display:flex;justify-content:space-between;gap:10px}.art-badge b{font-size:13px}.art-badge span{color:#b9aecb;font-size:12px}
.content{background:linear-gradient(180deg,#0d0718 0,#0b0615 100%);padding:46px 0 72px}.article{width:min(1080px,100%);margin:0 auto;min-width:0}.byline-card{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin:0 0 28px}.by-person,.updated{min-height:70px;border:1px solid var(--line);background:linear-gradient(180deg,#171022,#120c1d);border-radius:16px;padding:12px 14px;display:flex;align-items:center;gap:11px;text-decoration:none}.by-avatar,.author-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:#3b2058;color:#eddcff;font-size:12px;font-weight:900;border:1px solid #5d377b}.muted-avatar{background:#22172e}.by-person small,.updated small{display:block;color:#8f839b;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.by-person b,.updated b{display:block;color:#f3ecfa;font-size:13px}.updated{display:block;min-width:175px}.updated b{margin-top:4px}.article .lead{font-size:19px;line-height:1.6;color:#d8cede;margin:0 0 28px;padding:20px 22px;border:1px solid #3c2854;border-left:4px solid var(--accent);background:#171022;border-radius:16px}.article .lead p{font-size:inherit;margin:0 0 12px}.article .lead p:last-child{margin-bottom:0}.article h2{font-size:clamp(26px,3vw,34px);line-height:1.14;letter-spacing:-.025em;margin:44px 0 15px;color:#fff}.article h3{font-size:18px;line-height:1.3;margin:0 0 8px}.article p{font-size:16px;color:#c3b8ce;margin:0 0 18px}.article strong{color:#fff}.article>p a,.article li a,.article>section p a{color:#d1b1ff;font-weight:750;text-underline-offset:3px}.article ul,.article ol{color:#c8becf}.facts,.fact-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0 32px}.facts div,.fact-strip div{background:linear-gradient(180deg,#211433,#1a1029);border:1px solid #3d2958;border-radius:15px;padding:16px;min-height:92px}.facts b,.fact-strip b{display:block;font-size:17px;color:#fff}.facts span,.fact-strip span{display:block;color:#a99db8;font-size:12px;margin-top:5px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0 28px}.quick-grid a{text-decoration:none;border:1px solid #3a2854;background:#181025;border-radius:15px;padding:18px;min-height:92px}.quick-grid a:hover{border-color:#7650a9}.quick-grid b{display:block;color:#f7f1ff}.quick-grid span{display:block;color:#a99db5;font-size:13px;margin-top:3px}.table-wrap{overflow:auto;border:1px solid #3a2950;border-radius:15px;margin:18px 0 30px;background:#120c1d}table{border-collapse:collapse;width:100%;min-width:650px;background:#120c1d}th,td{padding:13px 15px;text-align:left;border-bottom:1px solid #2b1e3d;vertical-align:top;color:#c8bdd2}thead th{background:#201432;color:#f2eaff;font-size:13px}tbody th{width:32%;background:#171022;color:#ddd2e9}tr:last-child td{border-bottom:0}.note{background:#1d1230;border:1px solid #392650;border-left:4px solid var(--accent);padding:16px 18px;border-radius:12px;margin:20px 0}.note b,.note strong,.note span{display:block}.note span,.note p{margin-top:4px;color:#b9aec5}.steps{list-style:none;padding:0;margin:18px 0;counter-reset:st}.steps li{position:relative;padding:16px 16px 16px 56px;border:1px solid #352548;border-radius:14px;margin:10px 0;background:#171022}.steps li:before{counter-increment:st;content:counter(st);position:absolute;left:15px;top:14px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#2a1944;color:#d5bcff;font-weight:900}.steps b,.steps span{display:block}.steps b{color:#fff}.steps span{color:#a99db7;font-size:14px;margin-top:2px}.check{padding-left:22px;color:#c1b6cd}.check li{margin:8px 0}.faq{margin:34px 0 10px}.faq details{border:1px solid #352548;border-radius:13px;margin:10px 0;background:#171022}.faq summary{cursor:pointer;padding:15px 17px;font-weight:800;color:#f5f0fb}.faq details p{padding:0 17px 15px;margin:0}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 30px}.cards-3 article{padding:18px;background:#171022;border:1px solid #352548;border-radius:15px}.cards-3 p{font-size:14px}.cards-3 a{font-size:13px;color:#d2b0ff;font-weight:800}.payment-logos{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 28px}.payment-logos img{width:82px;height:48px;object-fit:contain;background:#181025;border:1px solid #3b2951;border-radius:12px;padding:8px}
/* fixed compact catalog lists — no alternating/variable-height giant cards */
.slot-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0 30px}.slot-list-wide{grid-template-columns:repeat(5,minmax(0,1fr))}.slot-tile{min-width:0;overflow:hidden;text-decoration:none;background:#120c1c;border:1px solid #352449;border-radius:15px}.slot-tile:hover{border-color:#7750a9}.slot-tile>img{width:100%;aspect-ratio:1.18/1;object-fit:cover;background:#0f0a18}.slot-tile>span{display:block;padding:11px 12px 12px}.slot-tile b{display:block;color:#fff;font-size:14px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-tile small{display:block;color:#9f92ae;font-size:11px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.provider-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 30px}.provider-item{min-width:0;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;text-decoration:none;border:1px solid #352449;background:#140e20;border-radius:15px;padding:11px;min-height:88px}.provider-item:hover{border-color:#7650a8}.provider-logo{width:64px;height:64px;display:grid;place-items:center;background:#20152e;border:1px solid #412a58;border-radius:12px;padding:8px}.provider-logo img{width:100%;height:100%;object-fit:contain}.provider-item b{display:block;color:#fff;font-size:14px;line-height:1.2}.provider-item small{display:block;color:#9f92ae;font-size:11px;line-height:1.35;margin-top:5px}.provider-list-full{grid-template-columns:repeat(2,minmax(0,1fr))}
.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.review-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.review-card{border:1px solid #3a2851;border-radius:16px;padding:18px;background:linear-gradient(180deg,#1c122c,#151020);min-height:155px}.review-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.review-top b{color:#fff}.review-top span,.review-card small{color:#94889f;font-size:12px}.review-card p{margin:10px 0 0;font-size:14px}.author-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.author-list article{border:1px solid #3a2851;border-radius:16px;padding:18px;background:#181025}.author-list b,.author-list span{display:block}.author-list b{font-size:18px;color:#fff;margin-top:10px}.author-list span{color:#b89ecf;font-size:13px;margin-top:4px}.author-list p{font-size:14px;margin-bottom:10px}.author-list a{font-size:13px;color:#d2b0ff}.author-avatar{margin:0}.big-avatar{width:70px;height:70px;font-size:18px;flex-basis:70px}.author-profile{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:16px;border:1px solid #3a2851;border-radius:16px;padding:18px;background:#181025;margin:18px 0 28px}.author-profile p{margin:5px 0 0}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0;padding:21px;background:linear-gradient(100deg,#1d102b,#11151e);border:1px solid #48295f;border-radius:17px}.cta-band div{display:flex;flex-direction:column}.cta-band strong{font-size:18px}.cta-band span{color:var(--muted);font-size:13px}.primary,.mini{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#2b1742;padding:9px 12px;color:#e9d8ff;text-decoration:none;font-weight:800}.intent-block{margin:34px 0;padding:22px;border:1px solid #3a2851;border-radius:16px;background:#15101f}.intent-block h2{margin-top:0}
footer{border-top:1px solid #241734;background:#090511;padding:44px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}.footer-grid p{max-width:380px;color:#a99fb6;font-size:13px}.footer-grid b{display:block;margin-bottom:9px}.footer-grid a:not(.logo){display:block;text-decoration:none;color:#b7adbf;font-size:13px;padding:4px 0}.legal{border-top:1px solid #23172f;margin-top:30px;padding-top:18px;color:#82778f;font-size:12px}.footer-logo{filter:none}
@media(max-width:1040px){.desktop-nav,.head-actions{display:none}.head-row{justify-content:space-between}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;padding:10px 13px;border:1px solid #3b2b56;border-radius:10px;font-weight:800}.mobile-menu[open] div{position:absolute;right:0;top:50px;width:230px;background:#17102a;border:1px solid #3b2b56;border-radius:14px;padding:8px;box-shadow:0 15px 40px #0009}.mobile-menu a{display:block;padding:9px 10px;text-decoration:none}.hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:20px}.hero-copy{padding-bottom:10px}.hero-art{max-width:460px;margin:0 auto;width:100%}.slot-list,.slot-list-wide{grid-template-columns:repeat(4,minmax(0,1fr))}.provider-list{grid-template-columns:repeat(2,minmax(0,1fr))}.review-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.wrap{width:min(100% - 24px,var(--wrap))}.site-head .logo img{width:142px;height:auto}.head-row{height:66px}.hero-grid{padding-top:18px;gap:12px}.hero-copy{padding:24px 0 0}.hero h1{font-size:39px}.hero p{font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.art-card{min-height:330px;max-width:390px}.art-card img{max-height:350px}.content{padding-top:24px}.article h2{font-size:25px;margin-top:34px}.article .lead{font-size:17px;padding:17px}.byline-card{grid-template-columns:1fr}.updated{min-width:0}.facts,.fact-strip,.quick-grid,.cards-3,.review-grid,.review-grid-3,.author-list{grid-template-columns:1fr}.slot-list,.slot-list-wide{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.provider-list,.provider-list-full{grid-template-columns:1fr}.provider-item{min-height:82px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.table-wrap{margin-left:-2px;margin-right:-2px}table{min-width:580px}.art-badge{left:12px;right:12px;bottom:12px}}
@media(max-width:390px){.hero-actions{grid-template-columns:1fr}.slot-list,.slot-list-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-tile b{font-size:12px}.slot-tile small{font-size:10px}}

/* Semantic V2 components mapped onto the retained Mellstroy visual system */
.site-head{position:sticky;top:0;backdrop-filter:blur(14px);background:rgba(11,6,21,.92)}
.desktop-nav{justify-content:center}.desktop-nav a{white-space:nowrap}.online-pill{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #34234a;border-radius:10px;color:#aaa0b5;font-size:12px}.online-dot{width:7px;height:7px;border-radius:50%;background:#58e59f;box-shadow:0 0 10px #58e59f}
.hero .hero-copy .lead-copy{max-width:760px;color:#c9c0d9;font-size:17px;margin:0}.hero .hero-copy .crumbs{color:#8f819d;font-size:12px;margin-bottom:13px}.hero .hero-copy .crumbs a{text-decoration:none;color:#b9aec7}.hero .art-card:before{content:"";position:absolute;inset:10% 8%;background:radial-gradient(circle,#9a57ff33,transparent 64%);filter:blur(8px)}.hero .art-card img{position:relative;z-index:1}.hero .art-badge{z-index:2}
.article-shell{padding:0}.semantic-content{display:grid;gap:18px}.section-card{background:linear-gradient(180deg,#171022,#120c1d);border:1px solid #34234a;border-radius:18px;padding:26px;box-shadow:0 18px 48px rgba(0,0,0,.14)}.section-card h2{margin-top:0}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:18px}.section-head p{max-width:560px;margin:0}.kicker,.section-card .eyebrow{display:inline-block;color:#d7c0ff;font-weight:900;font-size:11px;letter-spacing:.12em;margin-bottom:8px}.text-link{color:#d1b1ff;text-decoration:none;font-weight:800}.text-link:hover{text-decoration:underline}.quick-start-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:14px}.hero-panel,.hero-aside{border:1px solid #3b2957;border-radius:17px;padding:26px;background:linear-gradient(145deg,#1d102f,#130b1d)}.hero-panel h2{font-size:36px;line-height:1.05;margin:0 0 12px}.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.mini-facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.mini-facts span{padding:7px 10px;border:1px solid #3c2952;border-radius:999px;color:#a99db8;font-size:12px}.bonus-ticket{background:linear-gradient(145deg,#321b4c,#1f112f);padding:20px;border-radius:15px;display:grid;gap:5px;margin-bottom:12px}.bonus-ticket small{color:#cbb9db}.bonus-ticket strong{font-size:26px}.bonus-ticket span{color:#58e59f;font-weight:900}.bonus-ticket em{color:#9e92aa;font-style:normal;font-size:12px}.btn.primary{background:linear-gradient(135deg,#9a57ff,#d768ff);color:#fff;box-shadow:0 8px 24px #8d5cff25}.btn.full{width:100%}
.intent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.intent-grid a{text-decoration:none;padding:16px;border-radius:14px;background:#181025;border:1px solid #352449;display:grid;gap:3px}.intent-grid a:hover{border-color:#7650a9}.intent-grid span{color:#9f92ae;font-size:12px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.three-col article{border:1px solid #352449;background:#15101f;border-radius:14px;padding:17px}
.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.game-card{overflow:hidden;border:1px solid #352449;border-radius:15px;background:#120c1c}.game-card img{width:100%;aspect-ratio:1.18/1;object-fit:cover;background:#0f0a18}.game-card>div{padding:10px 11px 3px}.game-card b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card span{display:block;color:#9f92ae;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card>a{display:block;margin:8px 10px 10px;text-align:center;text-decoration:none;padding:8px;border-radius:9px;background:#2b1742;color:#e9d8ff;font-weight:800;font-size:12px}
.provider-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.provider-card{min-width:0;display:flex;align-items:center;gap:10px;border:1px solid #352449;background:#140e20;border-radius:14px;padding:10px;min-height:76px}.provider-card img{width:52px;height:52px;object-fit:contain;border-radius:10px;background:#20152e;border:1px solid #412a58;padding:7px}.provider-card span{font-size:12px;font-weight:800;line-height:1.25}.checklist{list-style:none;padding:0;margin:16px 0}.checklist li{position:relative;padding:7px 0 7px 25px;color:#c1b6cd}.checklist li:before{content:"✓";position:absolute;left:0;color:#58e59f;font-weight:900}.problem-grid,.cards-4,.review-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.problem-grid article,.cards-4 article,.review-topics article{border:1px solid #352449;background:#15101f;border-radius:14px;padding:16px}.problem-grid p,.cards-4 p,.review-topics p{font-size:13px;margin-bottom:0}.login-panel,.support-main,.mirror-card{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:center}.status-box,.bonus-code,.legal-grid>div{background:#140e20;border:1px solid #352449;border-radius:14px;padding:17px}.status-box li{color:#b7adbf}.bonus-main{display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:center}.bonus-code{text-align:center;border-style:dashed}.bonus-code strong{display:block;font-size:30px;color:#58e59f}.promo-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.huge-code{font-size:45px;color:#58e59f;letter-spacing:.08em}.copy-btn{border:1px solid #4a3464;background:#28183d;color:#fff;border-radius:11px;padding:11px 15px;font-weight:800}.notice{padding:15px 17px;border:1px solid #4a3464;background:#211333;border-radius:13px;color:#d9ccec}.notice.strong{font-weight:900}.phone-mock{position:relative;width:205px;height:350px;border:8px solid #3b2a4e;border-radius:32px;margin:auto;background:linear-gradient(180deg,#251633,#120d19);display:grid;place-items:center;align-content:center;gap:5px;box-shadow:0 25px 60px rgba(0,0,0,.35)}.phone-logo{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;font-size:34px;font-weight:1000;background:linear-gradient(135deg,#9a57ff,#d768ff)}.phone-mock span{color:#9989a9}.legal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.legal-grid>div{display:grid;gap:4px}.legal-grid small{color:#9685a5}.review-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.review-form textarea,.review-form button{grid-column:1/-1}.review-form input,.review-form select,.review-form textarea{background:#100a18;border:1px solid #3a2950;border-radius:10px;padding:12px;color:#fff}.review-form textarea{min-height:105px}.author-bar{display:none}.semantic-footer p{margin-top:12px}.footer-note{border-top:1px solid #23172f;margin-top:30px;padding-top:18px;color:#82778f;font-size:12px;text-align:center}
@media(max-width:1040px){.online-pill{display:none}.quick-start-grid,.two-col,.login-panel,.support-main,.mirror-card,.bonus-main{grid-template-columns:1fr}.intent-grid,.game-grid,.provider-grid,.problem-grid,.cards-4,.review-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col{grid-template-columns:1fr}.desktop-nav{display:none}.head-actions{display:flex}.head-actions .btn.ghost{display:none}.mobile-menu{display:block}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.hero{padding-bottom:24px}.hero-copy{padding-bottom:8px}.hero h1{font-size:38px}.section-card{padding:19px}.section-head{display:block}.intent-grid{grid-template-columns:1fr 1fr}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.problem-grid,.cards-4,.review-topics{grid-template-columns:1fr}.promo-card{display:grid}.legal-grid{grid-template-columns:1fr}.review-form{grid-template-columns:1fr}.review-form textarea,.review-form button{grid-column:auto}.head-actions .btn.solid{min-height:38px;padding:0 12px;font-size:12px}.head-row{gap:10px}.site-head .logo img{width:136px}.mobile-menu summary{padding:8px 10px}.byline-card{margin-bottom:18px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
@media(max-width:430px){.intent-grid{grid-template-columns:1fr}.provider-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:34px}.hero-actions{grid-template-columns:1fr 1fr}.hero-actions .btn{padding:0 10px}.bonus-ticket strong{font-size:23px}}

/* content rework 2026-09-22 */
.by-person{color:inherit}.by-person:hover{border-color:#7650a9;transform:translateY(-1px)}
.review-card{position:relative}.review-card:before{content:"“";position:absolute;right:14px;top:6px;font-size:34px;color:#7650a9;opacity:.45;font-weight:900}.review-card small{display:block;margin-top:12px;border-top:1px solid #2f2140;padding-top:9px}.author-list article{min-height:240px}.author-list article a{text-decoration:none;font-weight:850}.semantic-content .section-card:first-child{margin-top:0}.section-card .kicker{display:block;margin-bottom:7px}.section-card h2{margin-top:0}.cards-4 article b,.problem-grid article b,.review-topics article b{display:block;color:#fff;margin-bottom:6px}.bonus-ticket em{display:block;margin-top:6px;color:#a99db5;font-style:normal;font-size:12px}.bonus-ticket small,.bonus-ticket span{display:block}.bonus-ticket strong{display:block;font-size:30px;color:#fff;margin:5px 0}.text-link{display:inline-flex;margin-top:6px}.status-box .btn{margin-top:12px}.provider-logo img{background:transparent!important}.provider-card img{background:transparent!important}.slot-tile img{background:#0d0814}.quick-start-grid{align-items:stretch}.hero-panel,.hero-aside{height:100%}

/* V3 editorial + hero fixes */
.byline-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(170px,.42fr);align-items:stretch}
.by-person{min-width:0;overflow:hidden;position:relative}
.by-person .by-meta{min-width:0;display:block}
.by-person .by-meta b{white-space:normal;line-height:1.25;overflow-wrap:anywhere}
.by-avatar{position:static!important;display:grid!important;place-items:center!important;text-indent:0!important;overflow:hidden;font-size:12px;line-height:1;color:#fff;background:linear-gradient(135deg,#6d37a8,#321c4d);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.muted-avatar{background:linear-gradient(135deg,#3b2457,#21162e)}
.updated{display:flex;flex-direction:column;justify-content:center}

.hero-art{position:relative;padding-top:72px;overflow:visible}
.bonus-orbit{position:absolute;inset:0;z-index:4;pointer-events:none}
.bonus-bubble{position:absolute;display:grid;place-items:center;text-align:center;text-decoration:none;color:#fff;border:1px solid rgba(203,151,255,.55);background:linear-gradient(145deg,rgba(125,60,186,.94),rgba(39,18,65,.96));box-shadow:0 18px 42px rgba(64,26,101,.35),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(8px);pointer-events:auto;transition:transform .22s ease,border-color .22s ease}
.bonus-bubble:hover{transform:translateY(-5px) scale(1.03);border-color:#d9a7ff}
.bonus-bubble small,.bonus-bubble span{display:block;color:#d9c7e8;font-size:10px;line-height:1.1}
.bonus-bubble b{display:block;font-size:18px;line-height:1.05;margin:3px 0}
.bonus-bubble-main{width:118px;height:118px;border-radius:50%;left:-20px;top:6px;animation:bubbleFloatA 4.6s ease-in-out infinite}
.bonus-bubble-fs{width:96px;height:96px;border-radius:50%;right:16px;top:10px;animation:bubbleFloatB 4.1s ease-in-out infinite .25s}
.bonus-bubble-days{width:86px;height:86px;border-radius:50%;right:-26px;top:112px;animation:bubbleFloatC 5s ease-in-out infinite .5s}
@keyframes bubbleFloatA{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes bubbleFloatB{0%,100%{translate:0 0}50%{translate:7px 9px}}
@keyframes bubbleFloatC{0%,100%{translate:0 0}50%{translate:-7px -8px}}
@media (prefers-reduced-motion:reduce){.bonus-bubble{animation:none!important;transition:none!important}}

.review-count{align-self:flex-start;padding:7px 10px;border:1px solid #4b3265;border-radius:999px;color:#cdbbe0;font-size:12px;white-space:nowrap}
.review-card{min-height:170px;padding:19px 18px 18px}
.review-card p{font-size:14px;line-height:1.62;color:#d0c5d8}
.review-card .review-top span{font-size:11px}
.author-list article{min-height:0}
.author-list .author-avatar{margin-bottom:10px}
.author-profile .author-avatar{margin:0}
.semantic-content p{line-height:1.65}
.semantic-content .section-card>p:last-child{margin-bottom:0}

@media(max-width:1040px){
  .hero-art{padding-top:68px;max-width:500px}
  .bonus-bubble-main{left:3px}
  .bonus-bubble-days{right:-2px}
}
@media(max-width:760px){
  .byline-card{grid-template-columns:1fr}
  .by-person,.updated{min-height:64px}
  .hero-art{display:block;padding-top:58px;max-width:390px}
  .art-card{margin:0 auto}
  .bonus-bubble-main{width:92px;height:92px;left:0;top:2px}
  .bonus-bubble-fs{width:78px;height:78px;right:18px;top:4px}
  .bonus-bubble-days{width:72px;height:72px;right:-2px;top:82px}
  .bonus-bubble b{font-size:14px}
  .bonus-bubble small,.bonus-bubble span{font-size:9px}
}
@media(max-width:430px){
  .hero-art{padding-top:52px}
  .bonus-bubble-main{width:82px;height:82px}
  .bonus-bubble-fs{width:72px;height:72px}
  .bonus-bubble-days{width:66px;height:66px;top:70px}
}

/* mobile overflow guard */
html,body{max-width:100%;overflow-x:hidden}
.hero-grid>*{min-width:0}
.hero-copy{min-width:0;width:100%}
@media(max-width:760px){
  .hero-grid{width:calc(100% - 24px);margin-inline:auto}
  .hero-copy{width:100%;min-width:0}
  .hero h1{overflow-wrap:anywhere;word-break:normal}
  .hero-actions{width:100%;min-width:0}
  .hero-actions .btn{min-width:0;width:100%;padding-inline:10px}
  .hero-art{width:100%;max-width:100%;padding-top:0;margin-top:12px;min-width:0}
  .hero-art .art-card{display:none}
  .bonus-orbit{position:relative;inset:auto;display:flex;justify-content:flex-start;align-items:center;gap:10px;min-height:86px;overflow:visible}
  .bonus-bubble,.bonus-bubble-main,.bonus-bubble-fs,.bonus-bubble-days{position:static;width:78px;height:78px;flex:0 0 78px;animation-duration:4.5s}
  .bonus-bubble-days{margin-left:auto}
}
@media(max-width:430px){
  .hero-actions{grid-template-columns:1fr 1fr}
  .bonus-orbit{gap:7px}
  .bonus-bubble,.bonus-bubble-main,.bonus-bubble-fs,.bonus-bubble-days{width:72px;height:72px;flex-basis:72px}
  .bonus-bubble-days{margin-left:0}
}


/* V6 visual alignment — hero bonuses, editor cards, mobile header */
@media(min-width:761px){
  .hero-art{position:relative;padding-top:132px;overflow:visible}
  .bonus-orbit{
    position:absolute;top:14px;left:50%;right:auto;inset-block-end:auto;
    width:min(360px,92%);height:112px;transform:translateX(-50%);
    display:grid;grid-template-columns:repeat(3,1fr);align-items:start;justify-items:center;
    pointer-events:none;z-index:5;
  }
  .bonus-bubble,.bonus-bubble-main,.bonus-bubble-fs,.bonus-bubble-days{
    position:static;margin:0;left:auto;right:auto;top:auto;
    pointer-events:auto;
  }
  .bonus-bubble-main{width:104px;height:104px;justify-self:start;animation:bubbleBobA 4.6s ease-in-out infinite}
  .bonus-bubble-fs{width:94px;height:94px;justify-self:center;animation:bubbleBobB 4.2s ease-in-out infinite .25s}
  .bonus-bubble-days{width:94px;height:94px;justify-self:end;animation:bubbleBobC 4.9s ease-in-out infinite .45s}
  @keyframes bubbleBobA{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
  @keyframes bubbleBobB{0%,100%{transform:translateY(3px)}50%{transform:translateY(-5px)}}
  @keyframes bubbleBobC{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
}

.byline-card{overflow:visible}
.by-person{overflow:visible;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;padding:12px 16px;gap:12px}
.by-avatar{width:48px;height:48px;flex:0 0 48px;margin:0;align-self:center;justify-self:start}
.by-person .by-meta{align-self:center;overflow:visible}
.by-person .by-meta small,.by-person .by-meta b{position:static;transform:none;margin:0;padding:0}
.by-person .by-meta b{margin-top:3px}

.payment-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 26px}
.payment-fact{border:1px solid #412d59;background:linear-gradient(180deg,#211438,#171022);border-radius:15px;padding:16px;min-height:102px}
.payment-fact small{display:block;color:#9e90ad;font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.payment-fact strong{display:block;color:#fff;font-size:21px;line-height:1.1;margin-top:7px}
.payment-fact span{display:block;color:#b7a9c4;font-size:12px;line-height:1.35;margin-top:6px}
.payment-note{font-size:13px;color:#a99db6;margin-top:-14px}

@media(max-width:760px){
  .head-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;height:66px}
  .site-head .logo{min-width:0;overflow:hidden}
  .site-head .logo img{width:136px;max-width:100%}
  .head-actions{display:flex!important;align-items:center;justify-content:flex-end;margin:0;padding:0}
  .head-actions .btn.ghost{display:none!important}
  .head-actions .btn.solid{display:inline-flex!important;width:auto;min-width:72px;height:40px;min-height:40px;padding:0 13px;white-space:nowrap;margin:0}
  .mobile-menu{display:block;margin:0}
  .mobile-menu summary{height:40px;min-width:70px;display:flex;align-items:center;justify-content:center;padding:0 12px;white-space:nowrap}
  .hero-art{display:block!important;width:100%;max-width:100%;padding:0;margin:12px 0 0}
  .hero-art .art-card{display:none!important}
  .bonus-orbit{
    position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;
    transform:none!important;width:min(100%,330px)!important;height:auto!important;min-height:78px!important;
    margin:0 auto;display:grid!important;grid-template-columns:repeat(3,1fr)!important;
    gap:8px!important;align-items:center!important;justify-items:center!important;overflow:visible!important;
  }
  .bonus-bubble,.bonus-bubble-main,.bonus-bubble-fs,.bonus-bubble-days{
    position:static!important;width:74px!important;height:74px!important;min-width:74px!important;flex:none!important;
    margin:0!important;animation:none!important;transform:none!important;translate:none!important;
  }
  .bonus-bubble b{font-size:13px!important}.bonus-bubble small,.bonus-bubble span{font-size:8px!important}
  .byline-card{grid-template-columns:1fr!important}
  .by-person{grid-template-columns:48px minmax(0,1fr);min-height:74px}
  .payment-facts{grid-template-columns:1fr 1fr}
}
@media(max-width:390px){
  .head-row{gap:6px}
  .site-head .logo img{width:128px}
  .head-actions .btn.solid{min-width:66px;padding:0 10px;font-size:12px}
  .mobile-menu summary{min-width:64px;padding:0 9px;font-size:13px}
  .bonus-orbit{width:100%!important;gap:5px!important}
  .bonus-bubble,.bonus-bubble-main,.bonus-bubble-fs,.bonus-bubble-days{width:70px!important;height:70px!important;min-width:70px!important}
  .payment-facts{grid-template-columns:1fr}
}
\n\n/* V7 robust editor byline: keep avatar and name on one row at all widths */
.byline-card{align-items:stretch!important;overflow:visible!important}
.by-person{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;min-height:84px!important;height:auto!important;padding:14px 16px!important;gap:13px!important;overflow:visible!important;box-sizing:border-box!important}
.by-person .by-avatar{position:static!important;display:grid!important;place-items:center!important;width:48px!important;height:48px!important;min-width:48px!important;flex:0 0 48px!important;margin:0!important;line-height:1!important;text-indent:0!important;overflow:hidden!important}
.by-person .by-meta{position:static!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;min-width:0!important;height:auto!important;overflow:visible!important;margin:0!important;padding:0!important}
.by-person .by-meta small,.by-person .by-meta b{position:static!important;display:block!important;transform:none!important;margin:0!important;padding:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.by-person .by-meta small{line-height:1.25!important;margin-bottom:4px!important}
.by-person .by-meta b{line-height:1.28!important;font-size:14px!important;overflow-wrap:normal!important;word-break:normal!important}
.updated{min-height:84px!important;height:auto!important;padding:14px 16px!important;box-sizing:border-box!important;overflow:visible!important}
@media(max-width:1100px) and (min-width:761px){.byline-card{grid-template-columns:repeat(2,minmax(0,1fr))!important}.updated{grid-column:1/-1!important;min-height:68px!important}}
@media(max-width:760px){.byline-card{grid-template-columns:1fr!important}.by-person{min-height:78px!important}.updated{grid-column:auto!important;min-height:68px!important}}

/* V8: editorial cards — explicit layout prevents generic span rules from breaking avatar centering */
.author-list article{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  grid-template-rows:auto auto auto auto;
  column-gap:16px;
  row-gap:0;
  align-items:start;
  align-content:start;
  min-height:164px;
  overflow:visible;
}
.author-list article>.author-avatar{
  grid-column:1;
  grid-row:1 / 5;
  width:70px;
  height:70px;
  min-width:70px;
  min-height:70px;
  margin:0;
  padding:0;
  display:grid !important;
  place-items:center !important;
  align-items:center !important;
  justify-items:center !important;
  text-align:center;
  line-height:1 !important;
  font-size:18px;
  font-weight:900;
  overflow:hidden;
  box-sizing:border-box;
}
.author-list article>b{
  grid-column:2;
  grid-row:1;
  margin:1px 0 4px;
  line-height:1.25;
}
.author-list article>span:not(.author-avatar){
  grid-column:2;
  grid-row:2;
  display:block;
  margin:0 0 7px;
  line-height:1.35;
}
.author-list article>p{
  grid-column:2;
  grid-row:3;
  margin:0 0 9px;
  line-height:1.45;
}
.author-list article>a{
  grid-column:2;
  grid-row:4;
  align-self:end;
}
.byline-card,.by-person,.updated{overflow:visible}
.byline-card .by-avatar,.author-profile .author-avatar{
  display:grid !important;
  place-items:center !important;
  align-items:center !important;
  justify-items:center !important;
  line-height:1 !important;
  padding:0;
  text-align:center;
  box-sizing:border-box;
}
@media(max-width:760px){
  .author-list article{
    grid-template-columns:60px minmax(0,1fr);
    column-gap:13px;
    min-height:150px;
    padding:15px;
  }
  .author-list article>.author-avatar{
    width:58px;
    height:58px;
    min-width:58px;
    min-height:58px;
    font-size:16px;
  }
}

/* V8 mobile containment: prevent content cards from expanding the article grid */
.semantic-content{
  min-width:0;
  grid-template-columns:minmax(0,1fr);
}
.semantic-content>*{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.section-card,.author-list,.author-list article{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.author-list article>b,
.author-list article>span:not(.author-avatar),
.author-list article>p,
.author-list article>a{
  min-width:0;
  overflow-wrap:anywhere;
}
@media(max-width:760px){
  .author-list{width:100%;max-width:100%;}
  .author-list article{width:100%;max-width:100%;}
}