/* =========================================================
   Pirots5.no — statisk nettside. Selvstendig CSS.
   Tema: egyptisk grav — gull/rav på mørk brun-svart.
   Prefiks: tmb-  (tomb). Egen palett, ulik andre sider.
   ========================================================= */
:root{
    --bg:#161009;            /* mørk brun-svart bakgrunn */
    --bg-2:#1f160c;          /* litt lysere panel */
    --panel:#251a0e;         /* kort/panel */
    --panel-2:#2f2212;       /* hover */
    --line:#3d2c16;          /* kantlinjer */
    --gold:#e0a93c;          /* hoved-aksent: rav/gull */
    --gold-2:#f4c869;        /* lysere gull */
    --gold-deep:#b9842a;     /* dypere gull */
    --teal:#2bb6a3;          /* sekundær aksent (skarabé-turkis) */
    --red:#d9544d;           /* negativ */
    --ink:#f6ecd8;           /* lys tekst (papyrus) */
    --ink-soft:#d8c6a4;      /* dempet tekst */
    --ink-mute:#a08a63;      /* enda mer dempet */
    --radius:14px;
    --maxw:1120px;
    --read:860px;
}
*,*::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;}
.tmb-wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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