/* Shared product surfaces. Keep the original hero/poster artwork intact.
   New components live here; product values live in maintenance/site-data.json. */
:root{--surface:#151727;--surface-raised:#1d1c32;--surface-soft:#111523;--purple-line:#cfb7ff30;--copy-width:76ch}
body{background:radial-gradient(ellipse 980px 780px at 100% 32%,#56337016,transparent 75%),#080b12}
.page-hero{background:radial-gradient(ellipse at 90% 10%,#7450ad26,transparent 62%),linear-gradient(135deg,#141321,#101622 70%)}
body[data-page=payments] .page-hero,body[data-page=contact] .page-hero{background:radial-gradient(ellipse at 90% 0,#2d73922c,transparent 70%),#101622}
body[data-page=mobile] .page-hero{background:radial-gradient(ellipse at 90% 10%,#27776823,transparent 65%),linear-gradient(130deg,#111b24,#161128)}
.page-intro-copy .button-row{margin-top:22px;margin-bottom:5px}
.page-intro-copy .status-badge{margin-top:15px}
.page-intro-copy h1{font-size:clamp(29px,4.6vw,44px);line-height:1.5;max-width:23ch;text-wrap:pretty}
.page-intro-copy>p{line-height:1.95}
.page-intro-grid{align-items:center}
.page-intro-grid .page-art{max-width:460px;justify-self:center;width:100%;box-shadow:0 25px 70px #0005}
.breadcrumb{flex-wrap:wrap;line-height:1.7}
.breadcrumb span:last-child{flex:1}
.section-head{margin-bottom:24px}
.section-head h2{text-wrap:pretty;line-height:1.5}
.section-head p{line-height:1.9}
.section>.wrap>.text-link{margin-top:18px}
.panel{background:linear-gradient(145deg,#202032,#141c2b);border-color:#c4adff20;box-shadow:0 12px 40px #00000012}
.panel h3{line-height:1.6}
.panel p{line-height:1.9}
.panel .text-link{font-size:14px;color:#dfcdfd}
.button-row>.btn{white-space:normal;line-height:1.65}
.btn{min-height:48px}
.jump-link,.intent-chip,.footer-links a{min-height:44px}
.btn-primary{background:linear-gradient(112deg,#ffe59f,#ffd06c 44%,#ffa965);color:#30180a}
.btn-outline{border-color:#abb2ce63;background:#ffffff06;color:#f1ecfb}
.btn:focus-visible,.choice:focus-visible{outline:3px solid #9addff;outline-offset:4px}
.inline-link{color:var(--blue);text-decoration:underline;text-underline-offset:4px;display:inline}
.inline-link .icon{display:none}
.brand-bridge{display:grid;gap:20px;padding:28px 0 8px}
.brand-bridge h2{font-size:clamp(25px,4vw,34px);line-height:1.65}
.brand-bridge h2 span{color:#d6b5ff}
.brand-bridge p{font-size:14px;line-height:1.95}
.brand-bridge .text-link{margin-top:6px;color:var(--gold)}
.game-card-copy{min-width:0}
.poster-card h3{line-height:1.6}
.poster-card .game-card-copy{min-height:110px}
.poster-card .card-heading{align-items:center}
.game-card p{line-height:1.75}
.member-path{display:flex;gap:5px 7px;align-items:center;flex-wrap:wrap;margin:20px 0 10px}
.member-path span{display:inline-flex;align-items:center;padding:6px 9px;background:#c2a6ff0b;border:1px solid #c2a6ff2b;border-radius:7px;color:#e8dffa;font-size:12px;line-height:1.7}
.member-path span+span:before{content:'›';margin-right:7px;color:var(--gold);font:600 16px Arial}
.member-note{border:1px solid #8bc9ff28;border-left:3px solid #8dd3ff8c;border-radius:3px 14px 14px 3px;padding:18px 19px;margin-top:24px;background:linear-gradient(100deg,#162a3c77,#151b2900)}
.member-note>strong{font-size:15px;color:#d6e8ff;line-height:1.8}
.member-note p{font-size:14px;line-height:1.95;margin-top:7px}
.member-note a{color:#aedcff;text-decoration:underline;text-underline-offset:4px}
.note-offer{border-color:#c5a8ff2b;border-left-color:#c5a8ff;background:linear-gradient(100deg,#39284d88,#16172500)}
.note-offer>strong{color:#eadbff}
.campaign-notice{background:#c5a8ff08;border:1px solid #c5a8ff30;border-radius:12px;padding:16px 18px;margin:14px 0 0;max-width:var(--copy-width)}
.campaign-notice strong{display:block;color:#e4d2ff;font-size:14px;line-height:1.75}
.campaign-notice p{font-size:13px;line-height:1.85;margin-top:6px;color:#c6bdd7}
.campaign-notice.is-ended{border-color:#ffffff2b;background:#1d2430}
.campaign-notice.is-ended strong{color:#f1dfbb}
.promo-spotlight .status-badge{margin-top:15px}
.promo-spotlight .campaign-notice{padding:12px 14px}
.promo-spotlight .campaign-notice p{font-size:12px}
.offer-code{font:500 10px/1.6 Arial,sans-serif;letter-spacing:.8px;color:#c0b7d5;border:1px solid #ffffff17;border-radius:5px;padding:4px 7px}
.offer-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px;padding:19px 0}
.offer-metrics>div+div{border:0;padding:0}
.offer-metrics>div:nth-child(even){border-left:1px solid #ffffff15;padding-left:14px}
.offer-metrics dt{font-size:12px}
.offer-metrics dd{font-size:18px;line-height:1.6}
.offer-card .button-row{display:grid;grid-template-columns:1fr;margin-top:20px}
.offer-card .text-link{justify-content:center;color:#e5cbff}
.offer-grid{align-items:stretch}
.offer-card{display:flex;flex-direction:column}
.offer-fit{min-height:0;padding-bottom:14px}
.offer-metrics{margin-top:auto}
.offer-end{line-height:1.8}
.calc-result{display:flex;flex-direction:column;justify-content:center;border:1px solid #d3b5ff26;border-radius:16px;padding:23px 20px;background:radial-gradient(ellipse at top right,#9f6cce24,transparent 85%),#101822}
.calc-result>dl{display:grid;gap:22px;padding:0;margin:8px 0 23px}
.calc-result dt{color:#c8bfe0;font-size:13px;margin-bottom:7px}
.calc-result dd{font:700 38px/1.25 Arial,sans-serif;color:#ffe099;margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.calc-result>dl>div+div dd{font-size:31px;color:#d6bdff}
.calc-result>p{font-size:14px;line-height:1.9}
.calc-result>p.micro{font-size:12px;margin-top:16px}
.service-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.service-stats>div{position:relative;padding:16px 11px;border:1px solid #d3beff22;border-radius:13px;min-width:0;background:linear-gradient(140deg,#241e32,#131d2b)}
.service-stats dt{font-size:11px;line-height:1.8;color:#c4bad8}
.service-stats dd{margin:7px 0 8px;font-size:19px;font-weight:600;line-height:1.5;color:#ffe099;overflow-wrap:break-word}
.service-stats span{display:block;font-size:10px;line-height:1.85;color:#b7c3d4}
.download-host{font:500 12px/1.8 Arial,sans-serif!important;color:#9ce3d4!important;margin-top:14px!important}
.download-host span{display:block;color:#adbdc9;margin-top:3px;overflow-wrap:anywhere}
.compare-table{border:1px solid #ffffff1c;border-radius:16px;overflow:hidden}
.compare-row{border:0;border-radius:0;background:#ffffff02}
.compare-row+.compare-row{border-top:1px solid #ffffff16}
.compare-row:nth-child(even){background:#ffffff04}
.compare-row>div{min-width:0}
.compare-label{line-height:1.7;white-space:normal}
.payment-methods{display:grid;gap:14px}
.payment-method{padding:23px 20px;border:1px solid #8acdf32c;border-radius:17px;background:linear-gradient(150deg,#18334499,#191b2d);min-width:0}
.payment-method h3{font-size:21px;line-height:1.55}
.payment-method dl{display:grid;gap:15px;margin:19px 0 18px}
.payment-method dt{font-size:11px;color:#a9c5d8;margin-bottom:4px}
.payment-method dd{font-size:14px;line-height:1.85;font-weight:600;color:#ebf6fa;margin:0}
.payment-method p{font-size:12px;line-height:1.95;border-top:1px solid #ffffff15;padding-top:14px;color:#b7c6d9}
.payment-method .panel-icon{color:var(--blue);background:#8dd3ff0c;border-color:#8dd3ff26}
.status-grid{display:grid;gap:12px;margin-bottom:24px}
.status-grid .panel{padding:20px}
.status-grid h3{font-size:18px;color:#d7eaff}
.help-router{display:grid;gap:10px}
.help-route{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;min-height:62px;background:linear-gradient(120deg,#242235,#151c2c);border:1px solid #ccb8ff29;border-radius:12px;font-size:14px;line-height:1.85;color:#e2d8f4}
.help-route .icon{color:#b8d4ff;width:21px;height:21px;flex-shrink:0}
.contact-card .service-stats{grid-template-columns:1fr;margin-top:22px;margin-bottom:22px}
.contact-card .service-stats>div{display:grid;grid-template-columns:1fr auto;gap:3px 14px;background:#ffffff03;padding:14px}
.contact-card .service-stats dd{grid-row:1/3;grid-column:2;margin:0;align-self:center;color:#b1e7ff;font-size:23px}
.contact-card .service-stats span{grid-column:1;font-size:11px}
.contact-card>p{line-height:1.9}
.contact-card>.btn{width:100%}
.contact-card h2{overflow-wrap:anywhere}
.scope-grid{display:grid;gap:12px}
.scope-grid .panel{display:flex;flex-direction:column;align-items:flex-start}
.scope-grid .text-link{margin-top:auto;padding-top:14px}
.case-builder form>h3{font-size:21px;margin-bottom:20px;line-height:1.6}
.case-builder .btn-primary,.case-builder .btn-contact{background:linear-gradient(115deg,#b3eaff,#8fceff,#b5bafa);color:#0b2640;border-color:#cce4ff77}
.case-output{min-width:0}
.case-output label{display:block;color:#d7e0ed;font-size:14px;margin-bottom:10px}
.case-output textarea{width:100%;max-width:100%;font-size:14px;line-height:1.95;min-height:270px;resize:vertical}
.case-output .button-row{margin-top:14px}
.channel-map{display:grid;gap:13px}
.channel-map article{padding:22px;border:1px solid #c6aeff25;border-radius:15px;background:linear-gradient(140deg,#231f32,#171f2c);min-width:0}
.channel-map article>span{font-size:12px;color:#c5b0e2}
.channel-map h3{font:600 20px/1.6 Arial,sans-serif;margin:8px 0 11px;color:#ffe4af;overflow-wrap:anywhere}
.channel-map p{font-size:14px;line-height:1.9}
.reading .section-head{margin:32px 0 14px}
.reading>.section-head:first-child{margin-top:0}
.reading .section-head h2{margin:0}
.reading ul{color:var(--muted)}
.reading li{margin-top:14px}
.steps{max-width:900px;gap:25px}
.steps h3{line-height:1.75}
.steps p{line-height:1.95}
.faq{max-width:980px}
.faq .answer p{color:#c2cbda}
.faq summary{line-height:1.9}
@media(min-width:600px){.help-router,.status-grid,.scope-grid,.channel-map{grid-template-columns:repeat(2,minmax(0,1fr))}
 .service-stats>div{padding:22px}
 .service-stats dt{font-size:13px}
 .service-stats dd{font-size:27px}
 .service-stats span{font-size:12px}
 .page-intro-copy .button-row>.btn{flex:0 1 auto;min-width:170px}
 .payment-method{padding:27px}
}
@media(min-width:760px){
 .brand-bridge{grid-template-columns:.82fr 1.18fr;gap:38px;align-items:center;padding-block:30px}
 .page-intro-grid{grid-template-columns:1.12fr .88fr;gap:35px}
 .page-intro-grid .page-art{max-width:430px}
 .page-intro-grid .jump-nav{flex-wrap:wrap}
 .payment-methods{grid-template-columns:repeat(3,minmax(0,1fr))}
 .payment-methods h3{font-size:20px}
 .payment-methods .payment-method{padding:23px 18px}
 .payment-methods dd{font-size:13px}
 .help-router{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1080px){
 .member-path span{font-size:13px;padding:7px 11px}
 .status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .scope-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .channel-map{grid-template-columns:repeat(2,minmax(0,1fr))}
 .member-note{max-width:980px;padding:20px 24px}
 .member-note p{font-size:15px}
 .brand-bridge p{font-size:15px}
 .page-intro-grid .page-art{max-width:450px}
 .page-intro-grid .button-row{gap:12px}
 .page-intro-copy .download-host span{display:inline;margin-left:12px}
 .payment-methods .payment-method{padding:27px}
 .payment-methods h3{font-size:22px}
 .payment-methods dd{font-size:15px}
 .payment-methods p{font-size:13px}
 .steps p{font-size:15px}
 .steps h3{font-size:19px}
 .calc-result dd{font-size:46px}
 .calc-result>dl>div+div dd{font-size:37px}
}
@media(max-width:599px){
 .page-intro-grid .page-art{max-width:350px;margin-top:8px}
 .page-intro-copy .button-row{display:grid;grid-template-columns:1fr}
 .page-intro-copy .button-row .btn{width:100%;justify-content:center;min-height:51px}
 .page-intro-copy .button-row .btn-outline{min-height:47px}
 .page-intro-grid .jump-nav{margin-top:18px}
 .offer-card .offer-top{align-items:flex-start;gap:8px}
 .offer-top .eyebrow{font-family:var(--font);font-size:12px;letter-spacing:0}
 .calc-result{margin-top:6px}
 .compare-row{grid-template-columns:1fr;gap:15px;padding:20px 17px}
 .compare-row>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;align-items:start}
 .compare-label{font-size:10px;margin:0;padding:5px 6px}
 .compare-row p{margin:0;font-size:13px;line-height:1.9}
 .compare-row h3{font-size:17px}
 .case-output .button-row{display:grid;grid-template-columns:1fr}
 .contact-card .email-address{font-size:21px!important;line-height:1.65}
 .contact-card .service-stats dd{font-size:21px}
 .service-stats dd{font-size:18px}
 .service-stats dt{font-size:10px}
 body[data-page=mobile] .service-stats{grid-template-columns:1fr}
 body[data-page=mobile] .service-stats>div{display:grid;grid-template-columns:80px 1fr;gap:2px 12px;padding:14px 16px}
 body[data-page=mobile] .service-stats dt{grid-row:1/3;align-self:center;font-size:12px}
 body[data-page=mobile] .service-stats dd{margin:0;font-size:17px}
 body[data-page=mobile] .service-stats span{grid-column:2;font-size:11px}
 .poster-card .game-card-copy{padding:13px 10px 15px;min-height:108px}
 .poster-card .card-heading h3{font-size:16px}
 .poster-card .card-arrow{width:23px;height:23px}
 .poster-card p{font-size:10px}
 .faq summary{padding-block:17px;font-size:14px}
}
@media(max-width:359px){
 .page-intro-copy h1{font-size:28px}
 .service-stats{gap:7px}
 .service-stats>div{padding:13px 8px}
 .service-stats dd{font-size:16px}
 .member-note{padding:16px}
 .poster-card .card-arrow{display:none}
}
@media(hover:hover){
 .help-route:hover{border-color:#bca1ed88;background:#292439}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
@media print{.help-router,.game-finder{display:none}.panel,.member-note,.payment-method,.campaign-notice{break-inside:avoid;background:white;color:black}.member-note p{color:#222}.service-stats{color:#222}.reading{max-width:none}.section{padding:20px 0}}

/* R7: concise entry, readable member tools and actions matched to each page. */
.entry-section{padding-block:19px;border-bottom:1px solid #e0c5ff12}
.entry-bridge{display:flex;align-items:center;justify-content:space-between;gap:15px 24px;flex-wrap:wrap}
.entry-bridge>div{display:flex;align-items:center;gap:14px;min-width:0}
.entry-mark{display:grid;place-items:center;flex:0 0 49px;height:49px;border:1px solid #d9b37c55;border-radius:14px;background:linear-gradient(135deg,#67502950,#38204077);font:700 12px/1 Arial,sans-serif;letter-spacing:.5px;color:#ffe2ae}
.entry-bridge p{font-size:14px;line-height:1.75;margin:0}
.entry-bridge strong{display:block;color:#f3e7d4;font-weight:600}
.entry-bridge p span{display:block;color:#b8c5d5;font-size:13px}
.entry-bridge>.text-link{font-size:13px;min-height:44px;color:#d7c1ee}
.table-scroll{max-width:100%;overflow:auto;margin-top:28px;border:1px solid #bda3ed36;border-radius:16px;background:#111925;scrollbar-color:#6c557e #111925}
.table-scroll:focus-visible{outline:3px solid #91d8ff;outline-offset:4px}
.rules-table{border-collapse:collapse;min-width:620px;width:100%;font-size:14px;line-height:1.85;text-align:left}
.rules-table caption{caption-side:bottom;text-align:left;padding:15px 19px;color:#b9c6d9;font-size:13px;border-top:1px solid #ffffff12}
.rules-table th,.rules-table td{padding:18px 19px;border-bottom:1px solid #ffffff12;vertical-align:top}
.rules-table thead th{background:#282038;color:#e8d2fd;font-size:13px;font-weight:600}
.rules-table tbody th{font-weight:400;min-width:210px;color:#dfe8f4}
.rules-table td{color:#ffe3ac;font-variant-numeric:tabular-nums;white-space:nowrap}
.rules-table tbody tr:nth-child(even){background:#ffffff03}
.rules-table tbody tr:last-child>*{border-bottom:0}
.bank-list{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;margin:0}
.bank-list li{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #a2d7f32e;border-radius:12px;background:linear-gradient(120deg,#183248,#161e2f);min-width:0}
.bank-list b{display:grid;place-items:center;flex:0 0 45px;height:37px;font:700 11px/1.4 Arial,sans-serif;color:#b5e9ff;background:#89d0ff10;border-radius:8px}
.bank-list span{font-size:13px;line-height:1.8;color:#dceaf6}
.channel-check{margin-top:24px;border:1px solid #92d6ff36;border-radius:16px;background:linear-gradient(135deg,#172c3d,#151d2e);padding:24px}
.channel-check label{display:block;font-size:15px;line-height:1.85;color:#e1f1ff;margin-bottom:13px}
.channel-input-row{display:flex;gap:12px;align-items:stretch}
.channel-input-row input{flex:1;min-width:0;margin:0}
.channel-input-row button{flex:0 0 auto;min-width:148px}
.channel-result{margin-top:18px;padding:14px 16px;border-radius:9px;border-left:3px solid #8dccf2;background:#91cfff09;line-height:1.85;font-size:14px;overflow-wrap:anywhere;color:#d5e6f7}
.channel-result[data-match=true]{border-color:#79e5bf;color:#b4f9d9;background:#5ee0a40b}
.channel-result[data-match=false]{border-color:#f5c377;color:#ffdfaa;background:#ffcb680a}
.channel-check .form-note{margin-top:12px;font-size:13px;line-height:1.85}
.release-list{padding-left:24px;line-height:1.95;color:#d4dfeb}
.release-list li{margin-block:12px}
.case-output .button-row{flex-wrap:wrap}
.case-output .button-row>.btn{flex:1 1 140px}
.mobile-dock .btn{white-space:normal;line-height:1.55}
input,select,textarea{font-size:16px}
.offer-metrics dd{font-size:16px;line-height:1.8}
.offer-top .offer-code{white-space:nowrap;font-family:var(--font);font-size:11px;letter-spacing:0}
@media(min-width:1080px){
 .entry-section{padding-block:18px}
 .collection-section{padding-top:43px}
 .offer-metrics dd{font-size:18px}
 .channel-check{max-width:980px;padding:27px}
}
@media(max-width:759px){
 .bank-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bank-list li{padding:13px 11px;gap:9px}
 .bank-list b{flex-basis:40px}
 .channel-input-row{display:grid;grid-template-columns:1fr}
}
@media(max-width:599px){
 .entry-bridge{gap:7px}
 .entry-bridge>div{gap:11px}
 .entry-bridge>.text-link{margin-left:60px;min-height:42px;font-size:12px}
 .entry-bridge p{font-size:13px}
 .entry-bridge p span{font-size:12px}
 .entry-mark{flex-basis:49px}
 .section-head p{font-size:14px;line-height:1.9}
 .collection-section{padding-top:31px}
 .poster-card .game-card-copy{padding:14px 11px 16px;min-height:126px}
 .poster-card .card-heading h3{font-size:17px;line-height:1.7}
 .poster-card small{font-size:10px;letter-spacing:.7px}
 .poster-card p{font-size:12px;line-height:1.85;margin-top:7px;color:#c7c5d5}
 .poster-card .card-arrow{display:none}
 .member-path span{font-size:12px;line-height:1.9}
 .service-stats dt,.service-stats span{font-size:12px}
 .service-stats>div{padding:15px 10px}
 .offer-metrics{gap:18px 11px}
 .offer-metrics dd{font-size:15px}
 .offer-metrics dt{font-size:12px}
 .offer-top .offer-code{font-size:11px}
 .offer-card .offer-fit{font-size:14px;line-height:1.9}
 .offer-caption,.offer-end{font-size:12px}
 .campaign-notice p,.promo-spotlight .campaign-notice p{font-size:13px;line-height:1.9}
 .compare-row p{font-size:14px}
 .compare-label{font-size:11px}
 .payment-method dd{font-size:15px}
 .payment-method dt,.payment-method p{font-size:13px}
 .bank-list span{font-size:12px}
 .bank-list li{align-items:flex-start;flex-direction:column;gap:8px}
 .bank-list b{min-height:30px;flex-basis:auto;padding:7px 9px;height:auto}
 .channel-check{padding:19px 16px}
 .channel-check label{font-size:14px}
 .channel-input-row .btn{width:100%;min-height:50px}
 .case-output textarea{font-size:16px;line-height:1.85;min-height:320px}
 .case-output .button-row{grid-template-columns:1fr 1fr}
 .case-output .button-row>.btn:first-child{grid-column:1/-1}
 .case-output .button-row>.btn{font-size:13px;min-width:0}
 .mobile-dock{grid-template-columns:.82fr 1.27fr 1fr;gap:7px;padding-inline:12px}
 .mobile-dock .btn{font-size:13px;padding:10px 7px;gap:6px;min-height:49px}
 .mobile-dock .btn .icon{width:17px;height:17px;flex-shrink:0}
 .mobile-dock .dock-login{font-size:12px;line-height:1.7}
 .faq summary{font-size:15px}
}
@media(max-width:359px){
 .mobile-dock{padding-inline:9px;gap:6px;grid-template-columns:.75fr 1.3fr 1fr}
 .mobile-dock .btn{font-size:12px}
 .mobile-dock .btn .icon{display:none}
 .poster-card .card-heading h3{font-size:16px}
 .poster-card .game-card-copy{padding-inline:10px}
 .service-stats{grid-template-columns:1fr}
 .service-stats>div{display:grid;grid-template-columns:1fr auto;gap:4px 12px}
 .service-stats dd{margin:0;grid-column:2;grid-row:1/3;font-size:22px;align-self:center}
 .service-stats span{grid-column:1}
 .entry-bridge>.text-link{margin-left:0}
}
@media print{.table-scroll{overflow:visible}.rules-table{min-width:0;color:#111}.rules-table td,.rules-table th{color:#111}.channel-check,.mobile-dock{display:none}}
/* Service edition: category-first discovery and concise account navigation. */
:root{--directory-line:#c5b7ed2d;--directory-surface:#171c2c}
.page-hero .eyebrow,.section-head .eyebrow{font-family:var(--font);font-size:12px;line-height:1.8;letter-spacing:1.25px}
.section-head p,.panel p,.steps p,.faq .answer,.reading p{font-size:16px;line-height:1.95}
.micro,.form-note,.member-path,.footer-note{font-size:14px;line-height:1.9}
.game-card-copy small,.offer-code,.compare-label{font-size:12px;line-height:1.7}
.footer-links a{font-size:14px}.footer-bottom{font-size:12px}
.page-intro-copy .jump-nav{margin-top:22px}.jump-link{font-size:14px;padding:9px 13px}
.btn,.btn-small{font-size:15px;line-height:1.7;min-height:48px}
.header-actions .btn-small{font-size:14px;min-height:44px}
.hero-actions .btn-primary{background:linear-gradient(110deg,#ffe6a0,#ffc55c 52%,#ff9f69)}
.game-card,.panel,.compare-row,.contact-card,.member-note,.spotlight-copy{min-width:0}
.game-card p{font-size:14px;line-height:1.8}
.category-overview .game-card-copy{padding:18px 16px}
.category-overview h2{font-size:22px;line-height:1.6;margin-bottom:7px}
.category-action{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#ece4f6;font-size:14px;margin-top:18px;line-height:1.7}
.category-action>span{font-family:Arial,sans-serif;font-size:20px;color:var(--gold)}
.directory-controls{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin:24px 0 18px}
.directory-controls>div{min-width:0}
.directory-controls label{display:block;font-size:15px;color:#ece5f5;margin-bottom:8px}
.directory-controls input,.directory-controls select{width:100%;min-width:0;min-height:52px;border:1px solid #b8a9d04f;border-radius:12px;padding:12px 14px;background:#111825;color:#f6f1fb;font-size:16px;line-height:1.5}
.directory-controls input::placeholder{color:#aab6cd}
.directory-filters{display:flex;gap:9px;flex-wrap:wrap}
.directory-filters button{border:1px solid #ab9ec043;border-radius:99px;padding:10px 17px;background:#171c2b;color:#d7d3e4;min-height:46px;font-size:14px;line-height:1.65;transition:border-color .18s,background .18s,color .18s}
.directory-filters button[aria-pressed=true]{background:linear-gradient(120deg,#e4cdff,#bcb4f6);border-color:#e5d3ff;color:#27203b}
.directory-summary{display:flex;gap:16px;justify-content:space-between;align-items:center;margin:17px 0 22px}
.directory-summary p{font-size:14px;color:#b9c7d8}
.text-button{display:inline-flex;align-items:center;border:0;min-height:44px;padding:7px 0;background:none;color:var(--mint);font-size:14px;text-decoration:underline;text-underline-offset:5px}
.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.directory-card{--card-accent:#c6a0f1;display:flex;flex-direction:column;position:relative;min-width:0;padding:25px 23px 0;border:1px solid var(--directory-line);border-radius:20px;background:radial-gradient(ellipse at 0 0,#82639616,transparent 72%),linear-gradient(145deg,#202335,#111b29);box-shadow:0 10px 28px #00000020;overflow:hidden}
.directory-card::before{content:'';position:absolute;top:0;left:23px;width:56px;height:3px;background:var(--card-accent);border-radius:0 0 6px 6px}
.tone-card-gold{--card-accent:#f4ce81}.tone-card-blue{--card-accent:#8bcfff}.tone-card-pink{--card-accent:#efa4d6}.tone-card-red{--card-accent:#f7a8a4}
.directory-card-head{display:flex;align-items:center;gap:13px;min-width:0;margin-bottom:14px}
.directory-card-head>div{min-width:0}
.game-monogram{display:grid;place-items:center;width:46px;height:52px;flex:0 0 46px;border:1px solid #efd8ff5c;border-radius:13px;background:linear-gradient(145deg,#58456d,#252a45);color:#f5e7ff;font:700 17px/1 Arial,sans-serif;box-shadow:inset 0 1px #ffffff22}
.tone-gold{border-color:#efcf8866;color:#ffe6a6;background:linear-gradient(140deg,#6d4c30,#352c30)}
.tone-blue{border-color:#8bcdde66;color:#baefff;background:linear-gradient(140deg,#305c74,#25344c)}
.tone-pink{border-color:#dfafd466;color:#ffe2f3;background:linear-gradient(140deg,#753f64,#3a2b4c)}
.tone-red{border-color:#e8a19a66;color:#ffd3c5;background:linear-gradient(140deg,#744c52,#342535)}
.directory-provider{display:block;color:#b9c9df;font-size:12px;line-height:1.7}
.directory-card h3{font-size:20px;line-height:1.55;color:#faf3e6;overflow-wrap:anywhere;margin-top:3px}
.directory-type{font-size:13px!important;line-height:1.8!important;color:var(--card-accent)!important;margin-bottom:12px}
.directory-card>p{font-size:15px;line-height:1.95;color:#c8d1e0}
.game-wallet{display:inline-block;align-self:flex-start;max-width:100%;border:1px solid #b1c3dd33;border-radius:7px;padding:5px 9px;margin-top:17px;color:#c5d0e2;background:#afbedc08;font-size:12px;line-height:1.75}
.bonus-wallet{border-color:#bba0f060;color:#e1cfff;background:#b384e615}
.game-limits{margin:15px 0 18px}.game-limits>div{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:5px 10px}
.game-limits dt{font-size:13px;line-height:1.8;color:#bac4d9}.game-limits dd{font-size:15px;line-height:1.8;color:#f5e4b7;margin:0;font-variant-numeric:tabular-nums}
.directory-card details{border-top:1px solid #bcb3d025}
.directory-card summary{min-height:51px;padding:14px 0;font-size:14px;line-height:1.8;cursor:pointer;color:#e6d3ff}
.directory-detail p{font-size:14px;line-height:1.95;margin:14px 0;color:#c7d1e2}
.directory-detail .member-path{gap:5px;font-size:13px;padding:12px;display:flex;flex-wrap:wrap;margin:3px 0 14px;background:#060c174d;border-radius:10px}
.directory-detail .member-path span{max-width:100%;overflow-wrap:anywhere}
.directory-detail .text-link{font-size:14px;min-height:44px;margin-bottom:8px}
.directory-assist{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;color:#b5c6d9;min-height:44px;font-size:13px;line-height:1.8;text-decoration:underline;text-underline-offset:4px}
.directory-assist .icon{width:17px;height:17px}
.directory-actions{margin-top:auto;padding:16px 0 15px;border-top:1px solid #bcb3d025}
.directory-enter{width:100%;min-height:50px;font-size:14px;line-height:1.75;text-align:center;white-space:normal;box-shadow:0 4px 14px #ffbd4f18}
.directory-utilities{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px 12px;margin-top:9px}
.game-copy{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;max-width:100%;padding:8px 10px;border:1px solid #b3c6e22e;border-radius:9px;background:#c3d6ff07;color:#d3deee;font-size:13px;line-height:1.7}
.game-copy .icon{width:16px;height:16px}.game-copy[data-copied=true]{color:#a7edce;border-color:#8ee2bc66;background:#69dbae0a}
.game-copy:disabled{cursor:wait;opacity:.7}
.directory-utilities .directory-assist{font-size:13px}
.game-copy-status{font-size:12px;line-height:1.85;color:#bce8d7;margin-top:9px}
.game-copy-status:empty{display:none}
.game-copy-fallback{margin-top:12px}.game-copy-fallback label{display:block;font-size:12px;margin-bottom:6px;color:#b9c9df}
.game-copy-fallback input{width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid #94baed65;border-radius:9px;color:#f3f7ff;background:#0c1524;font-size:16px}
.directory-footnote{margin-top:20px;font-size:13px;line-height:1.9;color:#b7c5d9}
.bonus-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:22px 0 0;padding:0;border:1px solid #c8ace12e;border-radius:16px;background:#171827;overflow:hidden}
.bonus-rule-grid>div{padding:19px 21px;min-width:0}
.bonus-rule-grid>div:nth-child(even){border-left:1px solid #c8ace12e}
.bonus-rule-grid>div:nth-child(n+3){border-top:1px solid #c8ace12e}
.bonus-rule-grid dt{font-size:15px;line-height:1.8;color:#e9d5fd;font-weight:600}
.bonus-rule-grid dd{margin:7px 0 0;font-size:14px;line-height:1.9;color:#c7d1e3}
@media(max-width:699px){.bonus-rule-grid{grid-template-columns:1fr}.bonus-rule-grid>div{padding:17px 18px}.bonus-rule-grid>div:nth-child(even){border-left:0}.bonus-rule-grid>div+div{border-top:1px solid #c8ace12e}}
.directory-empty{border:1px dashed #b39dcc65;border-radius:20px;padding:30px;background:#201c2d;margin-top:20px}
.directory-empty h3{font-size:20px}.directory-empty p{margin:12px 0 16px;max-width:60ch}
.app-account-strip{display:flex;align-items:center;gap:24px;padding:23px 26px;border:1px solid #80d1c038;background:linear-gradient(120deg,#1a3338,#171e2e);border-radius:18px}
.app-account-strip>span{flex-shrink:0;color:#94ebd6;border-right:1px solid #96d6c94d;padding-right:24px;font-size:22px;font-weight:600}
.app-account-strip p{font-size:15px;line-height:1.95;flex:1;min-width:0}.app-account-strip strong{display:block}
.app-account-strip .text-link{flex-shrink:0;font-size:14px}
.member-navigator{display:grid;grid-template-columns:215px minmax(0,1fr);border:1px solid #acc7de30;border-radius:22px;overflow:hidden;background:linear-gradient(130deg,#172a33,#191c31)}
.member-nav-tabs{display:flex;flex-direction:column;gap:8px;padding:19px;background:#0a12264d;border-right:1px solid #acc7de20}
.member-nav-tabs button{display:flex;align-items:center;gap:14px;text-align:left;padding:14px 15px;min-height:55px;border:1px solid transparent;border-radius:11px;background:none;color:#c8d0df;font-size:15px;line-height:1.7}
.member-nav-tabs button>span{font-size:12px;color:#95afbd;font-variant-numeric:tabular-nums}
.member-nav-tabs button[aria-selected=true]{color:#defff4;background:linear-gradient(115deg,#28665a80,#2c4a5855);border-color:#a0decb45}
.member-nav-tabs button[aria-selected=true]>span{color:#a7efda}
.member-nav-panel{padding:34px 35px;min-height:340px;min-width:0}
.member-nav-panel h3{font-size:26px;line-height:1.6;max-width:40ch;color:#f3eee9}
.member-nav-panel>p{font-size:16px;line-height:1.95;margin:20px 0 23px;max-width:68ch}
.member-nav-panel .member-path{margin-top:21px;font-size:14px;display:flex;flex-wrap:wrap;gap:7px}
.member-nav-panel .related-links{grid-template-columns:1fr;margin-top:20px}
.member-nav-panel .related-link{font-size:15px;background:#ffffff03}
.no-js .member-nav-tabs{display:none}.no-js .member-navigator{grid-template-columns:1fr}.no-js .member-nav-panel+div{border-top:1px solid #ffffff20}
.js .member-navigator:not([data-ready]) .member-nav-panel:not(:first-child){display:none}
.channel-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.channel-directory article{border:1px solid #b4bfd52c;border-radius:17px;padding:24px;background:linear-gradient(135deg,#202133,#152030);min-width:0}
.channel-directory h3{font-size:20px;line-height:1.6;overflow-wrap:anywhere}.channel-directory p{font-size:15px;line-height:1.9;margin:13px 0 17px}.channel-directory .text-link{font-size:14px;min-height:44px}
.retention-list{display:grid;gap:14px}.retention-list article{display:grid;grid-template-columns:1.15fr 1fr 1.4fr;gap:22px;align-items:start;border:1px solid #aec2d126;border-radius:15px;padding:23px;background:#151f2e}
.retention-list h3{font-size:17px;line-height:1.8}.retention-list strong{font-size:15px;line-height:1.9;color:#c6e5ec}.retention-list p{font-size:15px;line-height:1.9}
.eligible-game-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 0 20px}
.eligible-game-list li{margin:0;min-width:0;border:1px solid #c9afe946;border-radius:14px;padding:20px;background:linear-gradient(130deg,#31273e,#1d2334)}
.eligible-game-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;font-size:18px;font-weight:600;color:#f7eacb;line-height:1.6}
.eligible-game-list li>span{display:block;color:#c3bbd3;font-size:13px;line-height:1.9;margin-top:8px}
body[data-page=responsible-play] .page-hero{background:radial-gradient(ellipse at 95% 0,#42688526,transparent 65%),#121c29}
body[data-page=responsible-play] .btn,body[data-page=responsible-play] .btn::after{animation:none}
@media(min-width:700px) and (max-width:1079px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.member-nav-panel{padding:28px}.eligible-game-list{grid-template-columns:1fr}.eligible-game-list li{display:flex;justify-content:space-between;align-items:center;gap:15px}}
@media(max-width:699px){
 .section{padding-block:34px}.section-tight{padding-block:22px}.page-hero{padding-block:23px 29px}
 .page-intro-copy h1{font-size:30px;line-height:1.55;letter-spacing:-.3px}
 .page-intro-copy>p{font-size:16px;line-height:1.95}
 .section-head h2{font-size:25px;line-height:1.6}.section-head p{font-size:15px}
 .button-row{gap:10px}.button-row>.btn{font-size:15px;padding:13px 16px}
 .category-overview{gap:13px}.category-overview .game-card-copy{padding:15px 12px}
 .category-overview h2{font-size:19px;line-height:1.6}.category-overview p{font-size:13px;line-height:1.85}
 .category-overview small{font-size:11px;letter-spacing:.7px}.category-action{font-size:13px;margin-top:13px}
 .directory-controls,.directory-grid,.channel-directory,.eligible-game-list{grid-template-columns:1fr}
 .directory-controls{gap:15px}.directory-grid{gap:17px}
 .directory-card{padding:23px 21px 0}.directory-card h3{font-size:21px}
 .directory-card>p{font-size:15px}.directory-provider{font-size:13px}
 .directory-type{font-size:14px!important}.game-wallet{font-size:13px}
 .game-limits dt,.game-limits dd,.directory-card summary,.directory-assist{font-size:14px}
 .directory-filters{gap:8px}.directory-filters button{padding:9px 14px;font-size:14px}
 .app-account-strip{padding:21px;flex-wrap:wrap;gap:13px}.app-account-strip>span{font-size:17px;border:0;padding:0}
 .app-account-strip p{flex:1 1 100%}.app-account-strip .text-link{min-height:44px}
 .member-navigator{grid-template-columns:1fr}.member-nav-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;gap:7px;border-right:0;border-bottom:1px solid #acc7de20}
 .member-nav-tabs button{justify-content:center;min-width:0;min-height:52px;text-align:center;padding:10px 5px;font-size:14px;line-height:1.7}
 .member-nav-tabs button>span{display:none}.member-nav-panel{padding:25px 21px;min-height:0}.member-nav-panel h3{font-size:23px}
 .member-nav-panel>p{font-size:15px}.member-nav-panel .related-link{font-size:14px}
 .member-nav-panel .member-path{font-size:13px}.member-nav-panel .member-path>span{max-width:100%;overflow-wrap:anywhere}
 .channel-directory{gap:14px}.channel-directory article{padding:23px}.channel-directory h3{font-size:21px}
 .retention-list article{grid-template-columns:1fr;gap:9px;padding:21px}.retention-list strong{color:#9ae0d9}
 .eligible-game-list{gap:12px}.eligible-game-list li{padding:17px 19px}.eligible-game-link{font-size:19px}.eligible-game-list li>span{font-size:14px;margin-top:4px}
 .compare-row p{font-size:15px;line-height:1.9}.compare-label{font-size:12px}
 .mobile-dock{gap:8px;grid-template-columns:.95fr 1.35fr 1fr;padding:10px 14px calc(10px + env(safe-area-inset-bottom))}
 .mobile-dock .btn,.mobile-dock .dock-login{font-size:14px;line-height:1.7;min-height:49px;white-space:normal;overflow-wrap:normal}
 .mobile-dock .btn{padding-inline:8px}.mobile-dock .btn .icon{display:none}
 .faq summary{font-size:16px;line-height:1.8}.footer-note{font-size:14px;line-height:1.9}
}
@media(max-width:359px){
 .page-intro-copy h1{font-size:27px}.category-overview h2{font-size:17px}.category-action{font-size:12px}
 .mobile-dock{gap:6px;padding-inline:10px;grid-template-columns:.9fr 1.25fr 1fr}.mobile-dock .btn,.mobile-dock .dock-login{font-size:13px}
 .header-actions{gap:6px}.header-actions .btn-small{padding-inline:11px;font-size:13px}
 .member-nav-panel{padding:22px 17px}.directory-card{padding-inline:19px}
}
@media(hover:hover){.directory-card{transition:border-color .2s}.directory-card:hover{border-color:#d5c5f270}.directory-assist:hover,.text-button:hover{color:#d2fff2}.member-nav-tabs button:hover{border-color:#a0decb55}.category-overview .game-card:hover .category-action>span{transform:translate(2px,-2px);transition:transform .2s}}
@media(prefers-reduced-motion:reduce){.directory-card,.directory-filters button,.member-nav-tabs button,.category-overview .game-card *{transition:none!important}.btn,.btn::after{animation:none!important}.category-overview .game-card:hover .category-action>span{transform:none}}