/* platinum-casino1.com - Erfahrungsjournal (family G). Prefix ej- */
:root{--ej-bg:#192C43;--ej-panel:#263B57;--ej-panel2:#1F3450;--ej-line:#34506F;--ej-acc:#0BDEDE;--ej-acc-ink:#001B33;--ej-pink:#F51969;--ej-txt:#FFFFFF;--ej-mute:#B7C3D6;--ej-paper:#F3F6FA;--ej-ink:#13233A;--ej-r:8px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ej-bg);color:var(--ej-txt);font:400 17px/1.65 Barlow,"Segoe UI",Arial,sans-serif;overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}
a{color:var(--ej-acc)}
a:hover{color:#7FF3F3}
h1,h2,h3{font-family:Barlow,"Segoe UI",Arial,sans-serif;line-height:1.2;margin:0 0 .6em;font-weight:700}
h1{font-size:clamp(30px,4.6vw,48px);letter-spacing:-.01em}
h2{font-size:clamp(23px,2.8vw,30px);margin-top:1.6em}
p{margin:0 0 1em}
.shell{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 22px;border-radius:var(--ej-r);font:700 15px/1.1 Rubik,Barlow,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;border:2px solid transparent;transition:transform .15s,background .15s}
.btn-main{background:var(--ej-acc);color:var(--ej-acc-ink)}
.btn-main:hover{background:#5BEDED;color:var(--ej-acc-ink);transform:translateY(-1px)}
.ej-btn-alt{border-color:var(--ej-pink);color:#fff;background:transparent}
.ej-btn-alt:hover{background:var(--ej-pink);color:#fff}

/* header (build.py) */
.top{background:var(--ej-panel);border-bottom:1px solid var(--ej-line);position:sticky;top:0;z-index:20}
.top-in{display:flex;align-items:center;gap:18px;min-height:68px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.top-in>a:first-child{display:flex;align-items:center}
.top .tag{font-size:13px;color:var(--ej-mute);text-transform:uppercase;letter-spacing:.08em;border-left:1px solid var(--ej-line);padding-left:12px}
.top nav{display:flex;gap:4px;margin-left:auto}
.top nav a{color:#fff;text-decoration:none;font-weight:600;font-size:16px;padding:10px 12px;border-radius:6px;min-height:44px;display:inline-flex;align-items:center}
.top nav a:hover{background:var(--ej-panel2);color:var(--ej-acc)}
.top .btn{min-height:44px;padding:10px 16px;font-size:14px}

/* hero */
.ej-hero{background:radial-gradient(1000px 500px at 85% 20%,rgba(11,222,222,.18),transparent 60%),var(--ej-bg);padding:44px 0 28px}
.ej-hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.ej-kick{font:700 14.5px/1.35 Rubik,Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--ej-acc);margin-bottom:12px}
.ej-lead{font-size:19px;color:#E4EBF4}
.ej-upd{font-size:15px;color:var(--ej-mute);margin:-.2em 0 1.1em}
.ej-upd::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ej-acc);margin-right:8px;vertical-align:middle}
.ej-hero-b{display:flex;gap:12px;flex-wrap:wrap}
.ej-ad{font-size:14.5px;color:var(--ej-mute);margin:.7em 0 0;letter-spacing:.02em}
.ej-hero-img{margin:0;border-radius:var(--ej-r);overflow:hidden;border:1px solid var(--ej-line);position:relative}
.ej-hero-img figcaption{position:absolute;right:10px;bottom:8px;font-size:12px;color:#C9D4E3;background:rgba(25,44,67,.7);padding:2px 8px;border-radius:4px}

/* plaques */
.ej-band{background:var(--ej-panel);border-top:1px solid var(--ej-line);border-bottom:1px solid var(--ej-line);padding:26px 0}
.ej-band-t{font:700 14.5px Rubik,Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--ej-mute);margin-bottom:14px}
.ej-pls{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.ej-pl{background:var(--ej-bg);border-radius:var(--ej-r);padding:14px 14px 16px;border-top:4px solid var(--ej-acc);display:flex;flex-direction:column;gap:6px}
.ej-pl-pink{border-top-color:var(--ej-pink)}
.ej-pl-a{font-weight:700;font-size:18px}
.ej-pl-a a{color:#fff;text-decoration:none}
.ej-pl-a a:hover{color:var(--ej-acc)}
.ej-pl-l{align-self:flex-start;font:800 12.5px/1 Rubik,Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;padding:6px 8px;border-radius:4px;background:var(--ej-acc);color:var(--ej-acc-ink)}
.ej-pl-pink .ej-pl-l{background:var(--ej-pink);color:#fff}
.ej-pl-x{font-size:15.5px;color:#DCE4EE;line-height:1.45}

/* layout */
.ej-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;padding-top:12px;padding-bottom:56px}
.ej-art{min-width:0}
.ej-art>h2:first-child,.ej-art>.ej-cta:first-child+h2{margin-top:1em}
.ej-side{position:relative}
.ej-box{position:sticky;top:96px;background:var(--ej-panel);border:1px solid var(--ej-line);border-radius:var(--ej-r);padding:20px;margin-top:32px}
.ej-box-t{font:800 14.5px Rubik,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--ej-acc)}
.ej-facts{margin:0 0 16px;display:grid;grid-template-columns:1fr;gap:2px}
.ej-facts dt{font-size:14.5px;color:var(--ej-mute);margin-top:8px}
.ej-facts dd{margin:0;font-weight:600}
.ej-side-b{width:100%}
.ej-narrow{max-width:780px;padding-bottom:56px}

/* sub header */
.ej-sh{background:linear-gradient(180deg,var(--ej-panel) 0,var(--ej-bg) 100%);padding:28px 0 8px;border-bottom:1px solid var(--ej-line)}
.ej-sh h1{max-width:900px}
.ej-sh .ej-lead{max-width:820px}
.ej-crumbs{font-size:15px;color:var(--ej-mute);margin-bottom:14px}
.ej-crumbs a{color:var(--ej-mute)}
.ej-vd{display:flex;gap:14px;align-items:flex-start;background:var(--ej-bg);border:1px solid var(--ej-line);border-left:5px solid var(--ej-acc);border-radius:var(--ej-r);padding:14px 16px;max-width:820px;margin-bottom:22px}
.ej-vd p{margin:0;color:#E4EBF4}
.ej-vd-l{flex:none;font:800 12.5px/1 Rubik,Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;padding:7px 9px;border-radius:4px;background:var(--ej-acc);color:var(--ej-acc-ink);margin-top:2px}
.ej-vd-pink{border-left-color:var(--ej-pink)}
.ej-vd-pink .ej-vd-l{background:var(--ej-pink);color:#fff}

/* content blocks */
.ej-tw{overflow-x:auto;margin:0 0 1.2em;border-radius:var(--ej-r);border:1px solid var(--ej-line)}
.ej-t{width:100%;border-collapse:collapse;font-size:16px;min-width:460px}
.ej-t th{background:var(--ej-panel);text-align:left;font:700 14px Rubik,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--ej-acc);padding:12px 14px}
.ej-t td{padding:12px 14px;border-top:1px solid var(--ej-line);vertical-align:top}
.ej-t tbody tr:nth-child(even){background:rgba(38,59,87,.45)}
.ej-code{font:800 15px Rubik,Arial,sans-serif;letter-spacing:.06em;color:var(--ej-acc-ink);background:var(--ej-acc);padding:3px 8px;border-radius:4px;white-space:nowrap}
.ej-src{font-size:15px;color:var(--ej-mute);border-left:3px solid var(--ej-line);padding-left:12px}
.ej-fig img{width:100%}
.ej-fig{margin:1.4em 0;background:var(--ej-panel);border-radius:var(--ej-r);overflow:hidden;border:1px solid var(--ej-line)}
.ej-fig figcaption{font-size:14.5px;color:var(--ej-mute);padding:10px 14px}
.ej-list{padding-left:0;list-style:none}
.ej-list li{position:relative;padding:0 0 10px 28px}
.ej-list li::before{content:"";position:absolute;left:4px;top:.55em;width:10px;height:10px;border-radius:2px;background:var(--ej-acc);transform:rotate(45deg)}
.ej-steps{counter-reset:ej;list-style:none;padding:0;margin:0 0 1.2em}
.ej-steps li{counter-increment:ej;position:relative;padding:4px 0 14px 54px;min-height:44px}
.ej-steps li::before{content:counter(ej,decimal-leading-zero);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:var(--ej-r);background:var(--ej-panel);border:1px solid var(--ej-acc);color:var(--ej-acc);font:800 15px/40px Rubik,Arial,sans-serif;text-align:center}
.ej-fix{background:var(--ej-paper);color:var(--ej-ink);border-radius:var(--ej-r);padding:18px 20px 6px;margin-bottom:1.2em;border-top:4px solid var(--ej-pink)}
.ej-fix b{color:#B80F4C}
.ej-pc{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ej-pc>div{background:var(--ej-panel);border-radius:var(--ej-r);padding:16px 18px}
.ej-pc ul{margin:0;padding-left:20px}
.ej-pc li{margin-bottom:6px}
.ej-pc-t{font:800 14.5px Rubik,Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.ej-pc-p .ej-pc-t{color:var(--ej-acc)}
.ej-pc-c .ej-pc-t{color:#FF6A9C}
.ej-idx{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.ej-idx a{display:flex;flex-direction:column;gap:4px;height:100%;padding:16px 18px;background:var(--ej-panel);border:1px solid var(--ej-line);border-radius:var(--ej-r);text-decoration:none;color:#fff}
.ej-idx a:hover{border-color:var(--ej-acc)}
.ej-idx b{font-size:18px}
.ej-idx span{color:#D3DCE8;font-size:16px}
.ej-idx .ej-idx-k{font:800 12.5px Rubik,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--ej-acc)}
.ej-pay{list-style:none;margin:0 0 1.2em;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ej-pay li{background:#fff;border-radius:var(--ej-r);display:flex;justify-content:center}
.ej-pay img{width:138px}

/* CTA */
.ej-cta{background:linear-gradient(120deg,#20456A 0,var(--ej-panel) 60%);border:1px solid var(--ej-line);border-radius:var(--ej-r);padding:18px 20px;margin:24px 0;display:grid;grid-template-columns:1fr auto;gap:6px 18px;align-items:center}
.ej-cta-t{margin:0;font-weight:600;font-size:17.5px}
.ej-cta .btn{grid-row:span 2}
.ej-cta .ej-ad{margin:0}
.ej-cta-mid{border-left:5px solid var(--ej-pink)}
.ej-cta-end{background:linear-gradient(120deg,#0E6E7A 0,#1C4E6E 70%)}

/* faq, rg, more */
.ej-faq{margin-top:2em}
.ej-q{background:var(--ej-panel);border-radius:var(--ej-r);margin-bottom:10px;border:1px solid var(--ej-line)}
.ej-q summary{cursor:pointer;padding:14px 46px 14px 18px;font-weight:700;font-size:17.5px;list-style:none;position:relative;min-height:44px}
.ej-q summary::-webkit-details-marker{display:none}
.ej-q summary::after{content:"+";position:absolute;right:18px;top:10px;font:800 24px Rubik,Arial,sans-serif;color:var(--ej-acc)}
.ej-q[open] summary::after{content:"–"}
.ej-q p{padding:0 18px 14px;margin:0;color:#E0E7F0}
.ej-rg{margin:28px 0;padding:18px 20px;border-radius:var(--ej-r);border:1px dashed #5E7A9B;background:rgba(245,25,105,.06)}
.ej-rg-t{font:800 15px Rubik,Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#FF6A9C;margin-bottom:6px}
.ej-rg p:last-child{margin:0}
.ej-more{margin-top:20px}
.ej-more-t{font:800 14.5px Rubik,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--ej-mute)}
.ej-more ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ej-more a{display:flex;flex-direction:column;padding:14px 16px;border-radius:var(--ej-r);background:var(--ej-panel2);border:1px solid var(--ej-line);text-decoration:none;color:#fff}
.ej-more span{color:var(--ej-mute);font-size:15.5px}

/* footer (build.py) */
.foot{background:#13233A;border-top:3px solid var(--ej-acc);padding:34px 0 26px;color:var(--ej-mute);font-size:15px}
.foot-top{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}
.foot-top nav{display:flex;flex-wrap:wrap;gap:4px 18px}
.foot-top nav a{color:#E2E9F2;text-decoration:none;padding:6px 0;min-height:36px;display:inline-flex;align-items:center}
.foot-top nav a:hover{color:var(--ej-acc)}
.foot p{margin:0 0 6px;max-width:900px}

@media (max-width:1020px){
 .ej-pls{grid-template-columns:repeat(3,1fr)}
 .ej-grid{grid-template-columns:1fr}
 .ej-box{position:static}
 .ej-hero-in{grid-template-columns:1fr}
 .ej-hero-img{max-width:620px}
}
@media (max-width:760px){
 body{font-size:17px}
 .top-in{gap:8px 12px}
 .top .tag{display:none}
 .top nav{order:3;width:100%;margin:0;overflow-x:auto;scrollbar-width:none}
 .top nav a{padding:8px 10px;white-space:nowrap}
 .top .btn{margin-left:auto}
 .ej-pls{grid-template-columns:1fr 1fr}
 .ej-pls li:last-child{grid-column:span 2}
 .ej-pc,.ej-idx,.ej-more ul{grid-template-columns:1fr}
 .ej-cta{grid-template-columns:1fr}
 .ej-cta .btn{grid-row:auto;width:100%}
 .ej-pay{grid-template-columns:1fr 1fr}
 .ej-vd{flex-direction:column;gap:8px}
 .ej-hero{padding-top:20px}
 .ej-t{min-width:0;font-size:15.5px}
 .ej-t th,.ej-t td{padding:10px 9px}
}