/* =========================================================
   Pirots5.no — statisk nettside. Selvstendig CSS.
   Tema: egyptisk grav — gull/rav på mørk brun-svart.
   Prefiks: esp-  (tomb). Egen palett, ulik andre sider.
   ========================================================= */
:root{
    --bg:#150c20;            /* глубокий тёмно-фиолетовый */
    --bg-2:#1d1430;          /* панель */
    --panel:#241836;         /* карточка */
    --panel-2:#322048;       /* hover */
    --line:#4a2f63;          /* кантлинии */
    --gold:#c060d0;          /* главный акцент: пурпур/орхидея */
    --gold-2:#e08fe8;        /* светлее */
    --gold-deep:#9c44b0;     /* глубже */
    --teal:#f0a8c0;          /* вторичный: розовое золото */
    --red:#cf5aa0;           /* негатив */
    --ink:#f5ecfa;           /* светлый текст */
    --ink-soft:#d6c6e4;      /* приглушённый */
    --ink-mute:#9c7fb3;      /* ещё приглушённее */
    --radius:14px;
    --maxw:1120px;
    --read:860px;
    --on-accent:#1a0a20;
    --on-teal:#2a1430;
    --header-bg:#0d0717;
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
    margin:0;background:var(--bg);color:var(--ink-soft);
    font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
    font-size:17px;line-height:1.72;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--gold);text-decoration:none;}
.esp-wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px;}

/* ---------- HEADER ---------- */
.esp-top{background:var(--header-bg);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1000;}
.esp-top-row{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:20px;}
.esp-brand{font-size:23px;font-weight:800;color:var(--ink);letter-spacing:-.5px;display:flex;align-items:center;gap:10px;}
.esp-brand .esp-mark{color:var(--gold);}
.esp-brand img{height:34px;width:auto;}
.esp-menu ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;}
.esp-menu a{color:var(--ink);font-size:15px;font-weight:600;transition:color .25s;}
.esp-menu a:hover{color:var(--gold);}
.esp-cta{
    background:linear-gradient(135deg,var(--gold),var(--gold-deep));color:var(--on-accent) !important;
    font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.4px;
    padding:11px 22px;border-radius:8px;box-shadow:0 4px 16px rgba(224,169,60,.28);
    transition:transform .25s,box-shadow .25s;white-space:nowrap;
}
.esp-cta:hover{transform:translateY(-2px);box-shadow:0 7px 22px rgba(224,169,60,.45);}
.esp-burger{display:none;background:none;border:none;color:var(--ink);font-size:26px;cursor:pointer;padding:4px 8px;}

/* ---------- HERO ---------- */
.esp-hero{
    background:radial-gradient(120% 140% at 50% 0%,var(--bg-2) 0%,var(--bg-2) 55%,var(--bg) 100%);
    border:1px solid var(--line);border-radius:var(--radius);
    padding:54px 40px;margin:24px 0 0;text-align:center;
    box-shadow:0 14px 40px rgba(0,0,0,.45);
}
.esp-hero-logo{margin:0 auto 6px;}
.esp-hero-logo img{width:100%;max-width:460px;margin:0 auto;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.5);}
.esp-h1{color:var(--ink);font-size:42px;font-weight:800;margin:16px 0;letter-spacing:-.5px;}
.esp-lead{color:var(--ink-soft);font-size:18px;line-height:1.62;max-width:820px;margin:0 auto 28px;}
.esp-lead strong{color:var(--gold-2);}
.esp-hero-btns{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}
.esp-btn{
    background:linear-gradient(135deg,var(--gold),var(--gold-deep));color:var(--on-accent) !important;
    font-size:17px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;
    padding:15px 32px;border-radius:10px;box-shadow:0 5px 18px rgba(224,169,60,.3);transition:transform .25s;
}
.esp-btn:hover{transform:translateY(-2px);}
.esp-btn-ghost{
    background:transparent;color:var(--ink) !important;border:2px solid var(--line);
    padding:13px 28px;border-radius:10px;font-size:17px;font-weight:600;transition:all .25s;
}
.esp-btn-ghost:hover{border-color:var(--gold);background:rgba(224,169,60,.08);}
.esp-banner{margin:22px 0 8px;}
.esp-banner img{border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 8px 26px rgba(0,0,0,.4);width:100%;}

/* ---------- TOC ---------- */
.esp-toc{
    background:var(--panel);border:1px solid var(--line);border-radius:12px;
    padding:15px 20px;margin:28px 0;font-size:14px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;
}
.esp-toc strong{color:var(--ink);margin-right:6px;}
.esp-toc a{color:var(--ink-mute);font-weight:600;}
.esp-toc a:hover{color:var(--gold);}

/* ---------- SECTIONS ---------- */
.esp-sec{margin:46px 0;}
.esp-read{max-width:var(--read);margin-left:auto;margin-right:auto;}
.esp-h2{
    color:var(--ink);font-size:27px;font-weight:800;margin:0 0 20px;letter-spacing:-.3px;
    padding-bottom:10px;position:relative;
}
.esp-h2::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:3px;background:linear-gradient(90deg,var(--gold),transparent);border-radius:2px;}
.esp-read p{margin:0 0 20px;}
.esp-note{font-size:14px;color:var(--ink-mute);margin-top:12px;}

/* ---------- FACTS ---------- */
.esp-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;}
.esp-fact{display:flex;flex-direction:column;text-align:center;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:10px;}
.esp-fact-k{color:var(--ink-mute);font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.5px;margin-bottom:6px;}
.esp-fact-v{color:var(--gold-2);font-size:17px;font-weight:800;}

/* ---------- IMAGES ---------- */
.esp-fig{margin:30px auto;text-align:center;}
.esp-fig img{border-radius:12px;box-shadow:0 6px 22px rgba(0,0,0,.45);border:1px solid var(--line);margin:0 auto;}

/* ---------- DEMO ---------- */
.esp-demo-box{position:relative;margin-bottom:20px;}
.esp-demo-prev{position:relative;cursor:pointer;margin:0;}
.esp-demo-veil{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(15,11,6,.66);border-radius:12px;transition:background .3s;}
.esp-demo-veil:hover{background:rgba(15,11,6,.42);}
.esp-play{
    background:linear-gradient(135deg,var(--gold-2),var(--gold-deep));color:var(--on-accent);font-size:20px;font-weight:800;
    padding:18px 40px;border:none;border-radius:50px;cursor:pointer;transition:transform .3s,box-shadow .3s;
    box-shadow:0 5px 22px rgba(224,169,60,.4);
}
.esp-play:hover{transform:scale(1.05);box-shadow:0 8px 32px rgba(224,169,60,.6);}
.esp-demo-frame iframe{width:100%;height:600px;border:none;border-radius:12px;background:var(--bg);}

/* ---------- RATING ---------- */
.esp-rate{
    background:linear-gradient(135deg,var(--panel-2),var(--bg-2));border:1px solid var(--line);border-radius:16px;
    padding:32px;display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center;
}
.esp-rate-score{text-align:center;}
.esp-rate-num{font-size:56px;font-weight:800;line-height:1;color:var(--gold-2);}
.esp-rate-num small{font-size:22px;color:var(--ink-mute);font-weight:600;}
.esp-stars{color:var(--gold);font-size:22px;letter-spacing:3px;margin-top:8px;}
.esp-rate-body h3{color:var(--ink);font-size:22px;margin:0 0 10px;font-weight:800;}
.esp-rate-body p{color:var(--ink-soft);font-size:15px;margin:0 0 16px;}
.esp-bars{display:flex;flex-direction:column;gap:10px;}
.esp-bar{display:flex;align-items:center;gap:12px;font-size:13px;}
.esp-bar>span{flex:0 0 150px;color:var(--ink-soft);}
.esp-track{flex:1 1 auto;height:8px;background:var(--line);border-radius:99px;overflow:hidden;}
.esp-fill{height:8px;background:linear-gradient(90deg,var(--gold),var(--gold-2));border-radius:99px;}
.esp-bar>b{flex:0 0 auto;color:var(--ink);min-width:30px;text-align:right;}

/* ---------- TABLES ---------- */
.esp-tablewrap{overflow-x:auto;border-radius:12px;background:var(--panel);border:1px solid var(--line);}
.esp-table{width:100%;border-collapse:collapse;text-align:left;min-width:560px;}
.esp-table th{background:linear-gradient(135deg,var(--gold),var(--gold-deep));color:var(--on-accent);font-weight:800;padding:15px 20px;font-size:15px;text-transform:uppercase;letter-spacing:.5px;}
.esp-table td{padding:15px 20px;border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:15px;}
.esp-table td strong{color:var(--ink);}
.esp-table tbody tr:last-child td{border-bottom:none;}
.esp-table tbody tr:hover{background:var(--panel-2);}
.esp-table td img{width:38px;height:38px;object-fit:contain;}
.esp-gems td:first-child{display:flex;align-items:center;gap:12px;white-space:nowrap;}
.esp-gems td:first-child img{width:34px;height:34px;}
.esp-gems th:not(:first-child),.esp-gems td:not(:first-child){text-align:center;font-weight:700;color:var(--ink);}

/* ---------- COINS ---------- */
.esp-coins{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0 10px;}
.esp-coin{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px 18px;transition:transform .25s,border-color .25s;}
.esp-coin:hover{transform:translateY(-3px);border-color:var(--gold);}
.esp-coin img{width:46px;height:46px;object-fit:contain;flex:none;}
.esp-coin strong{color:var(--ink);font-size:17px;display:block;}
.esp-coin span{color:var(--ink-mute);font-size:13px;display:block;margin-top:2px;}

/* ---------- WINS ---------- */
.esp-wins{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.esp-win{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .25s,border-color .25s;}
.esp-win:hover{transform:translateY(-5px);border-color:var(--gold);}
.esp-win img{width:100%;aspect-ratio:16/9;object-fit:cover;border:none;box-shadow:none;border-radius:0;}
.esp-win-cap{padding:12px;text-align:center;font-weight:700;color:var(--ink-soft);font-size:14px;}

/* ---------- PROS & CONS ---------- */
.esp-pc{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px;}
.esp-pros,.esp-cons{background:var(--panel);border-radius:12px;padding:25px;border:1px solid var(--line);}
.esp-pros{border-top:3px solid var(--teal);}
.esp-cons{border-top:3px solid var(--red);}
.esp-pros h3,.esp-cons h3{color:var(--ink);font-size:18px;margin:0 0 15px;}
.esp-pros ul,.esp-cons ul{list-style:none;padding:0;margin:0;}
.esp-pros li,.esp-cons li{color:var(--ink-soft);font-size:15px;line-height:1.6;padding:8px 0 8px 26px;border-bottom:1px solid var(--line);position:relative;}
.esp-pros li:last-child,.esp-cons li:last-child{border-bottom:none;}
.esp-pros li::before{content:"✦";position:absolute;left:0;color:var(--teal);font-weight:700;}
.esp-cons li::before{content:"✕";position:absolute;left:0;color:var(--red);font-weight:700;}

/* ---------- REVIEWS ---------- */
.esp-revs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.esp-rev{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;transition:transform .25s,border-color .25s;}
.esp-rev:hover{transform:translateY(-5px);border-color:var(--gold);}
.esp-rev-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.esp-ava{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-deep));color:var(--on-accent);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:19px;flex:none;}
.esp-rev-name{font-weight:700;color:var(--ink);font-size:15px;}
.esp-rev-stars{color:var(--gold);font-size:14px;letter-spacing:1px;}
.esp-rev p{color:var(--ink-soft);font-size:14.5px;font-style:italic;margin:0;line-height:1.6;}

/* ---------- SERIES ---------- */
.esp-games{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;}
.esp-game{background:var(--panel);border-radius:12px;overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .25s,border-color .25s;}
.esp-game:hover{transform:translateY(-5px);border-color:var(--gold);}
.esp-game-img{position:relative;aspect-ratio:16/9;overflow:hidden;border-bottom:2px solid var(--line);}
.esp-game-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.esp-game:hover .esp-game-img img{transform:scale(1.05);}
.esp-tag{position:absolute;top:14px;right:14px;background:rgba(15,11,6,.85);color:var(--gold);padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(224,169,60,.3);}
.esp-game-body{padding:22px 20px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;gap:16px;}
.esp-game-title{color:var(--ink);font-size:22px;font-weight:800;}
.esp-game-links{display:flex;justify-content:space-between;align-items:center;}
.esp-game-more{color:var(--ink-mute);font-size:14px;font-weight:600;text-decoration:underline;}
.esp-game-more:hover{color:var(--ink);}
.esp-game-play{background:var(--teal);color:var(--on-teal) !important;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:700;text-transform:uppercase;transition:filter .25s;}
.esp-game-play:hover{filter:brightness(1.12);}

/* ---------- FAQ ---------- */
.esp-faqs{max-width:900px;margin:0 auto;}
.esp-faq{margin-bottom:14px;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.esp-q{padding:20px 50px 20px 24px;color:var(--ink);font-size:16px;font-weight:700;cursor:pointer;position:relative;list-style:none;}
.esp-q::-webkit-details-marker{display:none;}
.esp-q::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:26px;}
.esp-q:hover{background:var(--panel-2);}
.esp-faq[open] .esp-q{background:var(--panel-2);border-bottom:1px solid var(--line);}
.esp-faq[open] .esp-q::after{content:"–";}
.esp-a{padding:20px 24px;}
.esp-a p{color:var(--ink-soft);font-size:15px;margin:0;}
.esp-a p strong{color:var(--ink);}

/* ---------- AUTHOR ---------- */
.esp-author{margin:54px auto;padding:40px;background:var(--panel);border:1px solid var(--line);border-radius:14px;max-width:900px;}
.esp-author-card{display:flex;gap:30px;align-items:flex-start;margin-top:20px;}
.esp-author-pic{flex:0 0 120px;}
.esp-author-pic img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--gold);}
.esp-author-name{color:var(--ink);font-size:22px;display:block;margin-bottom:5px;}
.esp-author-role{color:var(--gold);font-size:14px;font-weight:600;margin:0 0 15px;}
.esp-author-quote{background:var(--bg-2);border-left:4px solid var(--gold);padding:15px 20px;border-radius:0 8px 8px 0;}
.esp-author-quote p{color:var(--ink);font-style:italic;font-size:15px;line-height:1.7;margin:0;}
.esp-check{margin-top:24px;padding:15px 20px;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;}
.esp-check p{color:var(--ink-mute);font-size:13px;margin:0;}
.esp-check strong{color:var(--gold);}

/* ---------- FOOTER ---------- */
.esp-foot{background:var(--header-bg);border-top:2px solid var(--line);padding:46px 0 24px;margin-top:60px;}
.esp-foot-note p{color:var(--ink-mute);font-size:13px;line-height:1.7;text-align:center;max-width:840px;margin:0 auto 22px;}
.esp-foot-bottom{text-align:center;border-top:1px solid var(--line);padding-top:22px;}
.esp-foot-bottom p{color:var(--ink-mute);font-size:13px;margin:0;font-weight:600;}

/* ---------- RESPONSIVE ---------- */
@media(max-width:900px){
    .esp-h1{font-size:32px;}
    .esp-rate{grid-template-columns:1fr;text-align:center;gap:20px;}
    .esp-bar>span{flex:0 0 120px;}
    .esp-wins{grid-template-columns:repeat(2,1fr);}
    .esp-revs{grid-template-columns:1fr;}
    .esp-coins{grid-template-columns:repeat(2,1fr);}
    .esp-pc{grid-template-columns:1fr;}
}
@media(max-width:768px){
    .esp-menu{display:none;position:absolute;top:74px;left:0;width:100%;background:var(--header-bg);padding:10px 25px;border-top:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.8);}
    .esp-menu.esp-open{display:block;}
    .esp-menu ul{flex-direction:column;gap:0;}
    .esp-menu li{width:100%;}
    .esp-menu a{display:block;padding:15px 0;border-bottom:1px solid var(--line);font-size:16px;}
    .esp-burger{display:block;}
    .esp-cta{padding:9px 16px;font-size:13px;}
    .esp-hero{padding:36px 20px;}
    .esp-h1{font-size:27px;}
    .esp-hero-btns{flex-direction:column;}
    .esp-btn,.esp-btn-ghost{width:100%;text-align:center;}
    .esp-author-card{flex-direction:column;align-items:center;text-align:center;}
    .esp-author-quote{border-left:none;border-top:4px solid var(--gold);border-radius:8px 8px 0 0;}
    .esp-demo-frame iframe{height:480px;}
}
@media(max-width:480px){
    .esp-wins{grid-template-columns:1fr;}
    .esp-coins{grid-template-columns:1fr;}
    .esp-h2{font-size:23px;}
}

/* ---------- FOOTER BADGES (regulators / responsible gambling) ---------- */
.esp-foot-badges{
    display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
    gap:28px;margin:0 auto 30px;padding-bottom:30px;border-bottom:1px solid var(--line);max-width:900px;
}
.esp-foot-badges a,.esp-foot-badges span{display:inline-flex;align-items:center;transition:transform .25s,opacity .25s;}
.esp-foot-badges a:hover{transform:translateY(-3px);}
.esp-foot-badges img{height:34px;width:auto;object-fit:contain;filter:grayscale(100%);opacity:.65;transition:filter .25s,opacity .25s;}
.esp-foot-badges a:hover img{filter:grayscale(0%);opacity:1;}
.esp-foot-badges .esp-badge-18 img{height:42px;filter:none;opacity:.9;}
@media(max-width:768px){
    .esp-foot-badges{gap:18px;}
    .esp-foot-badges img{height:28px;}
}