/* =========================================================
   Pirots5.no — statisk nettside. Selvstendig CSS.
   Tema: egyptisk grav — gull/rav på mørk brun-svart.
   Prefiks: ukp-  (tomb). Egen palett, ulik andre sider.
   ========================================================= */
:root{
    --bg:#0a1322;            /* мрачный лазурит-нав */
    --bg-2:#0f1c30;          /* панель чуть светлее */
    --panel:#13243d;         /* карточка */
    --panel-2:#1b3050;       /* hover */
    --line:#27456b;          /* кантлинии */
    --gold:#2bb6d8;          /* главный акцент: бирюза/циан */
    --gold-2:#5fd6f0;        /* светлее */
    --gold-deep:#1c8fae;     /* глубже */
    --teal:#7fb0c8;          /* вторичный: золото-песок */
    --red:#d96459;           /* негатив */
    --ink:#eaf4fb;           /* светлый текст */
    --ink-soft:#bcd2e6;      /* приглушённый */
    --ink-mute:#7794b3;      /* ещё приглушённее */
    --radius:14px;
    --maxw:1120px;
    --read:860px;
    --on-accent:#06222e;
    --on-teal:#0a1322;
    --header-bg:#060d18;
}
*,*::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;}
.ukp-wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px;}

/* ---------- HEADER ---------- */
.ukp-top{background:var(--header-bg);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1000;}
.ukp-top-row{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:20px;}
.ukp-brand{font-size:23px;font-weight:800;color:var(--ink);letter-spacing:-.5px;display:flex;align-items:center;gap:10px;}
.ukp-brand .ukp-mark{color:var(--gold);}
.ukp-brand img{height:34px;width:auto;}
.ukp-menu ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;}
.ukp-menu a{color:var(--ink);font-size:15px;font-weight:600;transition:color .25s;}
.ukp-menu a:hover{color:var(--gold);}
.ukp-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;
}
.ukp-cta:hover{transform:translateY(-2px);box-shadow:0 7px 22px rgba(224,169,60,.45);}
.ukp-burger{display:none;background:none;border:none;color:var(--ink);font-size:26px;cursor:pointer;padding:4px 8px;}

/* ---------- HERO ---------- */
.ukp-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);
}
.ukp-hero-logo{margin:0 auto 6px;}
.ukp-hero-logo img{width:100%;max-width:460px;margin:0 auto;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.5);}
.ukp-h1{color:var(--ink);font-size:42px;font-weight:800;margin:16px 0;letter-spacing:-.5px;}
.ukp-lead{color:var(--ink-soft);font-size:18px;line-height:1.62;max-width:820px;margin:0 auto 28px;}
.ukp-lead strong{color:var(--gold-2);}
.ukp-hero-btns{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}
.ukp-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;
}
.ukp-btn:hover{transform:translateY(-2px);}
.ukp-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;
}
.ukp-btn-ghost:hover{border-color:var(--gold);background:rgba(224,169,60,.08);}
.ukp-banner{margin:22px 0 8px;}
.ukp-banner img{border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 8px 26px rgba(0,0,0,.4);width:100%;}

/* ---------- TOC ---------- */
.ukp-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;
}
.ukp-toc strong{color:var(--ink);margin-right:6px;}
.ukp-toc a{color:var(--ink-mute);font-weight:600;}
.ukp-toc a:hover{color:var(--gold);}

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

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

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

/* ---------- DEMO ---------- */
.ukp-demo-box{position:relative;margin-bottom:20px;}
.ukp-demo-prev{position:relative;cursor:pointer;margin:0;}
.ukp-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;}
.ukp-demo-veil:hover{background:rgba(15,11,6,.42);}
.ukp-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);
}
.ukp-play:hover{transform:scale(1.05);box-shadow:0 8px 32px rgba(224,169,60,.6);}
.ukp-demo-frame iframe{width:100%;height:600px;border:none;border-radius:12px;background:var(--bg);}

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

/* ---------- TABLES ---------- */
.ukp-tablewrap{overflow-x:auto;border-radius:12px;background:var(--panel);border:1px solid var(--line);}
.ukp-table{width:100%;border-collapse:collapse;text-align:left;min-width:560px;}
.ukp-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;}
.ukp-table td{padding:15px 20px;border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:15px;}
.ukp-table td strong{color:var(--ink);}
.ukp-table tbody tr:last-child td{border-bottom:none;}
.ukp-table tbody tr:hover{background:var(--panel-2);}
.ukp-table td img{width:38px;height:38px;object-fit:contain;}
.ukp-gems td:first-child{display:flex;align-items:center;gap:12px;white-space:nowrap;}
.ukp-gems td:first-child img{width:34px;height:34px;}
.ukp-gems th:not(:first-child),.ukp-gems td:not(:first-child){text-align:center;font-weight:700;color:var(--ink);}

/* ---------- COINS ---------- */
.ukp-coins{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0 10px;}
.ukp-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;}
.ukp-coin:hover{transform:translateY(-3px);border-color:var(--gold);}
.ukp-coin img{width:46px;height:46px;object-fit:contain;flex:none;}
.ukp-coin strong{color:var(--ink);font-size:17px;display:block;}
.ukp-coin span{color:var(--ink-mute);font-size:13px;display:block;margin-top:2px;}

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

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

/* ---------- REVIEWS ---------- */
.ukp-revs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.ukp-rev{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;transition:transform .25s,border-color .25s;}
.ukp-rev:hover{transform:translateY(-5px);border-color:var(--gold);}
.ukp-rev-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.ukp-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;}
.ukp-rev-name{font-weight:700;color:var(--ink);font-size:15px;}
.ukp-rev-stars{color:var(--gold);font-size:14px;letter-spacing:1px;}
.ukp-rev p{color:var(--ink-soft);font-size:14.5px;font-style:italic;margin:0;line-height:1.6;}

/* ---------- SERIES ---------- */
.ukp-games{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;}
.ukp-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;}
.ukp-game:hover{transform:translateY(-5px);border-color:var(--gold);}
.ukp-game-img{position:relative;aspect-ratio:16/9;overflow:hidden;border-bottom:2px solid var(--line);}
.ukp-game-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.ukp-game:hover .ukp-game-img img{transform:scale(1.05);}
.ukp-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);}
.ukp-game-body{padding:22px 20px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;gap:16px;}
.ukp-game-title{color:var(--ink);font-size:22px;font-weight:800;}
.ukp-game-links{display:flex;justify-content:space-between;align-items:center;}
.ukp-game-more{color:var(--ink-mute);font-size:14px;font-weight:600;text-decoration:underline;}
.ukp-game-more:hover{color:var(--ink);}
.ukp-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;}
.ukp-game-play:hover{filter:brightness(1.12);}

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

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

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

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

/* ---------- FOOTER BADGES (regulators / responsible gambling) ---------- */
.ukp-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;
}
.ukp-foot-badges a,.ukp-foot-badges span{display:inline-flex;align-items:center;transition:transform .25s,opacity .25s;}
.ukp-foot-badges a:hover{transform:translateY(-3px);}
.ukp-foot-badges img{height:34px;width:auto;object-fit:contain;filter:grayscale(100%);opacity:.65;transition:filter .25s,opacity .25s;}
.ukp-foot-badges a:hover img{filter:grayscale(0%);opacity:1;}
.ukp-foot-badges .ukp-badge-18 img{height:42px;filter:none;opacity:.9;}
@media(max-width:768px){
    .ukp-foot-badges{gap:18px;}
    .ukp-foot-badges img{height:28px;}
}