/*
Theme Name: SpilleUnivers.dk
Theme URI: https://spilleunivers.dk
Author: SpilleUnivers.dk
Description: Dansk spilguide med 210 spilguides, originale illustrationer og direkte links hvor tilgængelige.
Version: 6.0.0
Requires PHP: 7.4
Text Domain: spilleunivers
*/
:root{--bg:#0b1021;--panel:#151d35;--line:#2a3553;--text:#f5f7ff;--muted:#aab8d5;--blue:#687bff;--pink:#f45bb3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#b3baff}.wrap{max-width:1240px;margin:auto;padding:0 24px}.header{border-bottom:1px solid var(--line);background:#10172c;position:sticky;top:0;z-index:5}.head{display:flex;align-items:center;gap:25px;min-height:78px;flex-wrap:wrap}.brand{font-weight:900;font-size:26px;letter-spacing:-1px}.brand b{color:#7b8aff}.nav{display:flex;gap:18px;flex-wrap:wrap;color:#c5cce1;font-size:14px}.search{margin-left:auto}.search input{background:#202a44;border:1px solid #354264;border-radius:12px;padding:12px;color:white;min-width:230px}.hero{padding:68px 0 52px;background:radial-gradient(ellipse at 85% 15%,#382463 0,transparent 45%),radial-gradient(ellipse at 10% 70%,#142c66 0,transparent 45%)}h1{font-size:clamp(35px,5vw,66px);line-height:1.08;letter-spacing:-2px;margin:0 0 22px}h2{font-size:27px;letter-spacing:-.6px;margin:35px 0 15px}.lead{max-width:730px;color:#c0cbe2;font-size:19px}.pill{display:inline-block;background:#2a2854;color:#d3caff;padding:6px 14px;border-radius:50px;font-size:12px;font-weight:800;margin-bottom:20px}.btn{display:inline-block;background:linear-gradient(110deg,#677dff,#b358ef);padding:13px 24px;border-radius:12px;font-weight:800;color:white;border:0}.btn:hover{color:white;filter:brightness(1.1)}.section{padding:30px 0}.chips{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.chip{border:1px solid #344261;background:#19223b;border-radius:30px;padding:9px 16px;font-size:14px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.game{background:var(--panel);border:1px solid #2a3554;border-radius:17px;overflow:hidden;transition:.2s}.game:hover{transform:translateY(-3px);border-color:#6d78c3}.art{height:138px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,var(--a),var(--b));overflow:hidden}.art:before{content:'';position:absolute;width:160px;height:160px;border:20px solid #ffffff1c;border-radius:50%;right:-50px;top:-75px}.art span{font-size:59px;filter:drop-shadow(0 6px 10px #0005);z-index:1}.game-body{padding:13px}.game strong{display:block;line-height:1.3}.small{font-size:13px;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:30px;margin:24px 0}.crumb{font-size:13px;color:#a7b5d4;padding-top:25px}.footer{border-top:1px solid var(--line);color:#9caac5;padding:35px 0;margin-top:50px}.article{max-width:850px}.article p{color:#c5cee2}.notice{padding:15px 18px;border-radius:12px;background:#222c49;color:#d6e0f9}.two{display:grid;grid-template-columns:2fr 1fr;gap:28px}.bigart{min-height:280px;border-radius:20px;display:flex;justify-content:center;align-items:center;font-size:110px;background:linear-gradient(135deg,var(--a),var(--b))}@media(max-width:900px){.grid{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:1fr}.search{margin-left:0}}@media(max-width:600px){.grid{grid-template-columns:repeat(2,1fr)}.art{height:115px}.head{padding:15px 0}.nav{gap:10px}.search,.search input{width:100%}.panel{padding:20px}.hero{padding:45px 0}}
.art img{display:block;width:100%;height:100%;object-fit:cover}.bigart{overflow:hidden;padding:0}.feature-art{display:block;width:100%;height:auto;max-height:460px;object-fit:cover}.btn{font-size:18px;box-shadow:0 12px 30px #7046de50}.btn:focus-visible,.game:focus-visible{outline:3px solid #fff;outline-offset:3px}.article h2{margin-top:34px}.article h3{font-size:19px;margin-top:24px}.article p{line-height:1.8}.game:hover .art img{transform:scale(1.04)}.art img{transition:transform .3s ease}@media(max-width:600px){.btn{display:block;text-align:center;padding:17px 20px}.bigart{min-height:180px}}