/* Casino X experiment: scoped to this one page; leaves every other COS page untouched. */
.cosx{--cosx-ink:#f3f7fb;--cosx-orange:#ff702d;--cosx-orange2:#ff9952;--cosx-violet:#6948ce;--cosx-bg:#101724;--cosx-panel:#172133;--cosx-line:rgba(143,162,203,.22);--cosx-muted:#a5b1c7;color:var(--cosx-ink);background:var(--cosx-bg)}
.cosx *, .cosx *:before,.cosx *:after{box-sizing:border-box}
.cosx .cos-shell{width:min(1200px,calc(100% - 40px));max-width:1200px;margin:0 auto}
.cosx a:not(.cos-btn){color:#ffb487;text-underline-offset:3px}
.cosx p{line-height:1.75}
.cosx .cosx-hero{padding:clamp(36px,6vw,76px) 0 32px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 80% 9%,rgba(143,72,204,.23),transparent 46%),linear-gradient(155deg,#192440 0%,#101724 70%);min-height:unset}
.cosx .cosx-hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#ff8f3a55,transparent)}
.cosx .cosx-hero__layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,62px);align-items:center}
.cosx .cosx-eyebrow,.cosx .cosx-step{font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:#ffaf75}
.cosx .cosx-hero h1{font-size:clamp(32px,4.3vw,58px);line-height:1.11;margin:14px 0 20px;letter-spacing:-.035em;color:#fff;max-width:700px}
.cosx .cosx-hero .cos-brand-lead{color:#d3dbee;font-size:clamp(15px,1.24vw,18px);max-width:660px;margin:0 0 24px;line-height:1.68}
.cosx .cosx-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 16px}
.cosx .cos-btn{display:inline-flex;justify-content:center;align-items:center;gap:14px;text-decoration:none!important;font-weight:800;border-radius:10px;padding:14px 19px;min-height:48px;line-height:1.2;transition:transform .2s ease,filter .2s ease;box-shadow:none}
.cosx .cos-btn:hover{transform:translateY(-2px);filter:brightness(1.09)}
.cosx .cos-btn--primary{background:linear-gradient(125deg,#ff7329,#e65314)!important;border:1px solid #ff984b!important;color:#fff!important}
.cosx .cos-btn--ghost{background:rgba(255,255,255,.055)!important;color:#fff!important;border:1px solid rgba(255,255,255,.32)!important}
.cosx .cosx-affiliate-note{color:#b0bfd4;font-size:12px;line-height:1.5;margin:4px 0 20px;max-width:680px}
.cosx .cosx-hero__facts{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.cosx .cosx-hero__facts>div{border:1px solid var(--cosx-line);background:rgba(255,255,255,.055);border-radius:12px;padding:12px 14px;min-width:132px}
.cosx .cosx-hero__facts b{font-size:27px;line-height:1.2;display:block;color:#fff;font-weight:900}
.cosx .cosx-hero__facts span{color:#acbad0;font-size:11px;display:block;margin-top:3px}
.cosx .cos-brand-byline{font-size:12px;color:#adbbcf;margin-top:20px}
.cosx .cosx-hero__visual{margin:0;background:#0b1020;border:1px solid #4e526a;border-radius:18px;overflow:hidden;box-shadow:0 32px 90px #05091688;transform:perspective(1100px) rotateY(-3deg)}
.cosx img{height:auto;max-width:100%}
.cosx .cosx-hero__visual img{display:block;width:100%;object-fit:cover}
.cosx figcaption{font-size:11px;line-height:1.5;color:#b6c3d6;background:rgba(9,15,27,.95);padding:8px 13px}
.cosx .cosx-local-nav{position:relative;background:#101b2c;border-bottom:1px solid var(--cosx-line)}
.cosx .cosx-local-nav .cos-shell{display:flex;gap:21px;flex-wrap:wrap;align-items:center;padding:14px 0}
.cosx .cosx-local-nav a{font-size:13px;color:#cddbf0!important;text-decoration:none;font-weight:700;white-space:nowrap}
.cosx .cosx-local-nav a:hover{color:var(--cosx-orange2)!important}
.cosx .cosx-section{padding:clamp(38px,5vw,72px) 0;margin:0;min-height:unset;background:transparent;border:0}
.cosx .cos-brand-section--alt{background:#131e2e}
.cosx .cosx-heading{max-width:900px;margin:0 0 28px}
.cosx .cosx-heading h2{font-size:clamp(25px,3vw,40px);line-height:1.18;letter-spacing:-.026em;margin:8px 0 10px;color:#fff}
.cosx .cosx-heading>p{font-size:16px;color:#c0cee2;margin:0}
.cosx h3{color:#fff;font-size:clamp(18px,1.8vw,23px);line-height:1.25;margin:0 0 10px}
.cosx .cosx-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cosx .cosx-path{background:var(--cosx-panel);border:1px solid var(--cosx-line);border-radius:17px;padding:22px;min-width:0}
.cosx .cosx-path__top{display:flex;gap:15px;align-items:flex-start}
.cosx .cosx-path__top p{color:#b9c9de;margin:0}
.cosx .cosx-number{font-weight:900;font-size:17px;color:#ffa05d;background:#ff7d2920;border:1px solid #e6783f66;padding:11px;border-radius:10px}
.cosx ol{padding-left:23px;margin:18px 0;color:#d3dced}
.cosx ol li{margin:0 0 10px;line-height:1.6}
.cosx .cosx-shot{margin:14px 0 0;border:1px solid #34415a;background:#0a0f17;border-radius:11px;overflow:hidden}
.cosx .cosx-shot img{display:block;width:100%;object-fit:contain;background:#121826}
.cosx .cosx-shot figcaption{border-top:1px solid #29364f}
.cosx .cosx-next{display:flex;gap:22px;justify-content:space-between;align-items:center;background:linear-gradient(100deg,#292d52,#1b2742);border:1px solid #555983;border-radius:16px;padding:22px 25px;margin:24px 0 0}
.cosx .cosx-next p{margin:4px 0 0;color:#c0cbe1}
.cosx .cosx-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cosx .cosx-evidence{background:#1a283a;border-radius:13px;border:1px solid #33465e;padding:19px}
.cosx .cosx-evidence strong{display:block;color:#f5f9ff;font-size:18px;margin:12px 0 4px}
.cosx .cosx-evidence p{color:#bac8da;font-size:13px;line-height:1.65;margin:0}
.cosx .cosx-signal{font-size:11px;font-weight:800;letter-spacing:.03em;border-radius:99px;padding:5px 9px;display:inline-block}
.cosx .cosx-signal--seen{color:#b7e9d3;border:1px solid #499e7d;background:#17694a35}
.cosx .cosx-signal--limited{color:#f2d59e;border:1px solid #bb8a43;background:#99733030}
.cosx .cosx-proof-note{color:#c5cee0;font-size:14px;margin:22px 0 0}
.cosx .cosx-cashier-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cosx .cosx-cashier-flow article{background:var(--cosx-panel);border-radius:15px;border:1px solid var(--cosx-line);padding:17px;min-width:0}
.cosx .cosx-cashier-flow p{color:#bfd0e1;font-size:13px;line-height:1.65;margin:5px 0 14px}
.cosx .cosx-flow-title{display:flex;gap:12px;align-items:flex-start}
.cosx .cosx-flow-title span{display:flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;background:#ff7530;color:#171c27;border-radius:8px;font-weight:900}
.cosx .cosx-flow-title h3{font-size:18px;margin-top:5px}
.cosx .cosx-callout{margin-top:20px;padding:18px 23px;background:#292d44;border-left:4px solid #ff8646;border-radius:12px}
.cosx .cosx-callout p{color:#d7dfeb;margin:5px 0 0}
.cosx .cosx-table-scroll{overflow-x:auto;border-radius:15px;border:1px solid #4d5b77;background:#19273c}
.cosx .cosx-table{width:100%;min-width:750px;border-collapse:collapse;text-align:left;font-size:14px}
.cosx .cosx-table caption{text-align:left;padding:16px 17px;color:#b4c5df;background:#1c2c44}
.cosx .cosx-table th,.cosx .cosx-table td{border-top:1px solid #45526b;padding:14px;vertical-align:top;color:#e7edf6;line-height:1.5}
.cosx .cosx-table thead th{background:#294060;color:#fff}
.cosx .cosx-table tbody th{color:#ffc299}
.cosx .cosx-table-foot{font-size:13px;color:#bed0e2;margin-top:14px}
.cosx .cosx-bonus-proofs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.cosx .cosx-reward{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:center;background:#23324a;border:1px solid #465778;border-radius:14px;padding:17px;margin-top:20px}
.cosx .cosx-reward p{color:#d1deeb;margin:0 0 10px}
.cosx .cosx-reward figure{margin:0}
.cosx .cosx-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cosx .cosx-gallery figure{margin:0}
.cosx .cosx-faq details{background:#1e2b40;border:1px solid #3a4b68;border-radius:11px;margin-bottom:9px;padding:0 18px}
.cosx .cosx-faq summary{cursor:pointer;padding:17px 3px;font-weight:800;line-height:1.4;color:#fff}
.cosx .cosx-faq details[open] summary{border-bottom:1px solid #3a4b68}
.cosx .cosx-faq p{color:#d0dae8;margin:12px 0 17px;font-size:14px;line-height:1.7}
.cosx .cosx-final{display:flex;align-items:center;justify-content:space-between;gap:23px;padding:24px;margin-top:26px;background:linear-gradient(120deg,#403351,#222f4a);border:1px solid #745a7b;border-radius:15px}
.cosx .cosx-final h3{font-size:25px;margin:7px 0}
.cosx .cosx-final p{color:#dce3ef;margin:0;max-width:760px}
.cosx .cosx-responsible{font-size:12px;color:#aeb9ce;margin:18px 0 0}
@media(max-width:960px){.cosx .cosx-hero__layout{grid-template-columns:1fr}.cosx .cosx-hero__visual{transform:none;max-width:760px}.cosx .cosx-evidence-grid,.cosx .cosx-cashier-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.cosx .cosx-bonus-proofs{grid-template-columns:1fr 1fr}.cosx .cosx-reward{grid-template-columns:1fr}.cosx .cosx-next,.cosx .cosx-final{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.cosx .cos-shell{width:min(100% - 28px,1200px)}.cosx .cosx-hero{padding-top:34px}.cosx .cosx-hero h1{font-size:32px}.cosx .cosx-actions{display:grid;grid-template-columns:1fr}.cosx .cosx-hero__facts>div{flex:1;min-width:92px;padding:10px}.cosx .cosx-hero__facts b{font-size:22px}.cosx .cosx-local-nav .cos-shell{gap:14px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.cosx .cosx-paths,.cosx .cosx-evidence-grid,.cosx .cosx-cashier-flow,.cosx .cosx-bonus-proofs,.cosx .cosx-gallery{grid-template-columns:1fr}.cosx .cosx-path{padding:16px}.cosx .cosx-next,.cosx .cosx-final{padding:18px}.cosx .cos-btn{width:100%}.cosx .cosx-heading h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.cosx .cos-btn{transition:none}.cosx .cos-btn:hover{transform:none}}

/* v1.0.1: targeted licence/source evidence; existing theme unchanged. */
.cosx .cosx-legal-check {margin:22px 0 0;padding:clamp(18px,3vw,30px);border:1px solid rgba(150,158,191,.38);border-radius:18px;background:rgba(13,23,46,.30)}
.cosx .cosx-legal-header h3 {font-size:clamp(1.13rem,2vw,1.55rem);line-height:1.28;margin:12px 0 16px}
.cosx .cosx-legal-check > p {max-width:1050px;line-height:1.68}
.cosx .cosx-legal-shots {display:grid;grid-template-columns:1fr;gap:16px;margin:18px 0}
.cosx .cosx-legal-shots figure {margin:0;min-width:0}
.cosx .cosx-legal-shots img {width:100%;height:auto;max-height:none;object-fit:contain;background:#fff}
.cosx .cosx-legal-shots figcaption {padding:8px 4px}
.cosx .cosx-small {font-size:.92rem;opacity:.90}


/* 1.43.1: full-bleed integrated 3D HERO, not a screenshot/image tile. */
.cosx .cosx-hero{position:relative;isolation:isolate;overflow:hidden;min-height:600px;
 background-color:#0b1226!important;
 background-image:linear-gradient(90deg,rgba(7,12,28,.97) 0%,rgba(8,14,30,.94) 25%,rgba(8,14,31,.81) 42%,rgba(8,14,31,.32) 68%,rgba(8,13,27,.12) 100%),url('../images/casino-x/casino-x-hero-dragon-1431.webp')!important;
 background-repeat:no-repeat!important;background-size:cover!important;background-position:center center!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
.cosx .cosx-hero__layout{display:block!important;position:relative;z-index:2;min-height:590px!important;max-width:1200px!important;}
.cosx .cosx-hero__copy{width:min(660px,58%);max-width:660px;padding:35px 0 33px!important;position:relative;z-index:3;}
.cosx .cosx-hero h1{text-shadow:0 2px 18px rgba(2,5,21,.4);}
.cosx .cosx-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(238,158,74,.4),transparent);}
@media(max-width:900px){.cosx .cosx-hero{background-position:63% center!important;min-height:auto!important;background-image:linear-gradient(90deg,rgba(7,12,28,.98) 0%,rgba(8,14,31,.92) 45%,rgba(8,14,31,.65) 100%),url('../images/casino-x/casino-x-hero-dragon-1431.webp')!important;}.cosx .cosx-hero__layout{min-height:0!important}.cosx .cosx-hero__copy{width:min(680px,100%);max-width:680px;padding:38px 0!important}}
@media(max-width:600px){.cosx .cosx-hero{background-image:linear-gradient(90deg,rgba(8,12,27,.98),rgba(8,12,27,.87)),url('../images/casino-x/casino-x-hero-dragon-1431.webp')!important;background-position:70% center!important;}.cosx .cosx-hero__copy{padding:24px 0 27px!important}.cosx .cosx-hero__facts>div{background:rgba(10,15,31,.65)}}

/* 1.43.2: concise above-the-fold layout, accessible breadcrumbs, integrated dragon artwork. */
.cosx .cosx-hero{min-height:490px!important;padding:22px 0 25px!important;
 background-image:linear-gradient(90deg,rgba(7,12,28,.98) 0%,rgba(8,14,30,.94) 28%,rgba(8,14,31,.70) 47%,rgba(8,14,31,.10) 78%),url('../images/casino-x/casino-x-hero-dragon-1431.webp')!important;
 background-position:center center!important;background-size:cover!important}
.cosx .cosx-hero__layout{min-height:0!important;}
.cosx .cosx-hero__copy{padding:14px 0 22px!important;max-width:630px;width:min(630px,56%)}
.cosx .cosx-hero h1{font-size:clamp(32px,3.5vw,49px);line-height:1.12;margin:9px 0 15px;}
.cosx .cosx-hero .cos-brand-lead{font-size:clamp(15px,1.1vw,17px);line-height:1.53;max-width:590px;margin-bottom:17px;}
.cosx .cosx-eyebrow{letter-spacing:.11em}
.cosx .cosx-actions{gap:10px;margin-bottom:12px}
.cosx .cosx-affiliate-note{font-size:11px;margin:0 0 15px;line-height:1.5}
.cosx .cosx-hero__facts{gap:8px;margin-top:0}
.cosx .cosx-hero__facts>div{padding:9px 11px;min-width:118px;background:rgba(8,13,29,.58)}
.cosx .cosx-hero__facts b{font-size:23px}
.cosx .cosx-hero__facts span{font-size:10px}
.cosx .cos-brand-byline{margin-top:14px;font-size:12px}
.cosx .cosx-breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:#c1cce0;margin-bottom:22px}
.cosx .cosx-breadcrumbs a{color:#dce8f7!important;text-decoration:none}
.cosx .cosx-breadcrumbs a:hover{text-decoration:underline}
.cosx .cosx-breadcrumbs [aria-current]{font-weight:700;color:#ffc293}
.cosx .cosx-bonus-live-cta{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:21px 0 0}
.cosx .cosx-bonus-live-cta span:not(.cos-btn span){font-size:12px;color:#c2cfdf}
@media(max-width:900px){
 .cosx .cosx-hero{min-height:0!important; background-position:63% center!important;
   background-image:linear-gradient(90deg,rgba(7,12,28,.98) 0%,rgba(8,14,31,.88) 47%,rgba(8,14,31,.42) 100%),url('../images/casino-x/casino-x-hero-dragon-1431.webp')!important}
 .cosx .cosx-hero__copy{max-width:620px;width:100%;padding:0 0 18px!important}
}
@media(max-width:600px){
 .cosx .cosx-hero{position:relative;min-height:0!important;background:#0b1226!important;padding:0 0 18px!important;overflow:hidden}
 .cosx .cosx-hero::before{content:"";position:absolute;z-index:0;inset:0 0 auto 0;height:230px;
   background-image:linear-gradient(180deg,rgba(7,12,28,.02) 10%,rgba(7,12,28,.13) 53%,#0b1226 98%),url('../images/casino-x/casino-x-hero-dragon-1431.webp');
   background-size:cover,auto 230px;background-repeat:no-repeat;background-position:center top,right top;opacity:1;pointer-events:none}
 .cosx .cosx-hero__layout{position:relative;z-index:1}
 .cosx .cosx-hero__copy{padding:167px 0 8px!important;width:100%;max-width:none}
 .cosx .cosx-breadcrumbs{position:absolute;top:11px;left:0;margin:0;z-index:2;font-size:11px}
 .cosx .cosx-eyebrow{font-size:10px;letter-spacing:.07em;margin:0 0 4px}
 .cosx .cosx-hero h1{font-size:clamp(28px,8.1vw,34px);line-height:1.11;margin:7px 0 10px}
 .cosx .cosx-hero .cos-brand-lead{font-size:14px;line-height:1.48;margin:0 0 14px}
 .cosx .cosx-actions{grid-template-columns:1fr;gap:8px;margin-bottom:8px}
 .cosx .cosx-actions .cos-btn{padding:11px 14px;min-height:44px}
 .cosx .cosx-affiliate-note{font-size:10.5px;margin:0 0 12px}
 .cosx .cosx-hero__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .cosx .cosx-hero__facts>div{min-width:0;padding:7px 5px;text-align:center}
 .cosx .cosx-hero__facts b{font-size:19px}
 .cosx .cosx-hero__facts span{font-size:9px;line-height:1.3}
 .cosx .cos-brand-byline{font-size:11px;margin-top:10px}
 .cosx .cosx-bonus-live-cta .cos-btn{width:100%}
}