:root{--navy-900: #031A2E;--navy-800: #082B4C;--navy-700: #0D365C;--yellow: #FFCD00;--yellow-dark: #E6B800;--text-strong: #F8FAFC;--text-soft: #C5D0DC;--bg: var(--navy-800);--surface: var(--navy-700);--surface-2: #124274;--brand-dark: var(--navy-900);--ink: var(--text-soft);--heading: var(--text-strong);--muted: #9FB2C6;--gold: var(--yellow);--gold-dark: var(--yellow-dark);--gold-soft: rgba(255, 205, 0, .12);--on-gold: var(--navy-900);--border: #164A7C;--border-hover: #23639C;--green: #3ECF8E;--danger: #FF7A6B;--radius: 12px;--maxw: 1080px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65;font-size:17px}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}h1,h2,h3{line-height:1.25;color:var(--heading)}h1{font-size:clamp(1.7rem,4vw,2.5rem)}h2{font-size:clamp(1.3rem,3vw,1.7rem);margin-top:2.4rem}a{color:var(--gold-dark)}.site-header{background:var(--brand-dark);color:var(--heading);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border)}.site-header .container{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:16px;flex-wrap:wrap}.logo{font-weight:800;font-size:1.3rem;color:var(--heading);text-decoration:none;letter-spacing:.3px}.logo span{color:var(--gold)}.main-nav{display:flex;gap:2px;flex-wrap:wrap}.main-nav a{color:var(--ink);text-decoration:none;padding:8px 12px;border-radius:8px;font-size:.95rem;font-weight:500}.main-nav a:hover,.main-nav a[aria-current=page]{background:#f8fafc1a;color:var(--heading)}.has-sub{position:relative}.has-sub .caret{font-size:.7em;opacity:.7}.sub-menu{display:none;position:absolute;top:100%;left:0;z-index:60;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #031a2e8c;min-width:230px;padding:6px;flex-direction:column}.has-sub:hover .sub-menu,.has-sub:focus-within .sub-menu{display:flex}.sub-menu a{color:var(--ink);padding:9px 12px;border-radius:6px;font-size:.9rem;display:block}.sub-menu a:hover,.sub-menu a[aria-current=page]{background:var(--gold-soft);color:var(--gold-dark)}@media(max-width:900px){.sub-menu{position:static;display:none;box-shadow:none;border:none;background:transparent}.has-sub:focus-within .sub-menu{display:flex}}.hero-banner{width:100vw;margin-left:calc(50% - 50vw);background-color:var(--navy-900);background-image:linear-gradient(180deg,#031a2ee0,#082b4ceb),url(/images/hero/herrgarden-960.webp);background-size:cover;background-position:center;background-repeat:no-repeat;border-bottom:1px solid var(--border);padding:44px 20px 40px}@media(min-width:901px){.hero-banner{background-image:linear-gradient(180deg,transparent 55%,rgba(8,43,76,.5) 100%),linear-gradient(90deg,#031a2ef5,#031a2ee0 38%,#031a2e8c 70%,#031a2e6b),url(/images/hero/herrgarden-1440.webp)}}@media(min-width:1441px){.hero-banner{background-image:linear-gradient(180deg,transparent 55%,rgba(8,43,76,.5) 100%),linear-gradient(90deg,#031a2ef5,#031a2ee0 38%,#031a2e8c 70%,#031a2e6b),url(/images/hero/herrgarden-1920.webp)}}.hero-inner{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center}.hero-banner h1{margin:0 0 12px}.hero-banner .lead{color:var(--ink);font-size:1.08rem;margin:0 0 20px}.hero-banner .butler-line{color:var(--gold-dark);font-weight:600;font-style:italic}.hero-art{width:100%;max-width:360px;margin:0 auto;display:block;filter:drop-shadow(0 12px 32px rgba(3,26,46,.55))}@media(max-width:820px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero-art{max-width:260px}}.stats-row{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 0;padding:0;list-style:none}.stats-row li{background:#f8fafc0d;border:1px solid var(--border);border-radius:var(--radius);padding:10px 20px;text-align:center;min-width:140px}.stats-row .num{display:block;font-size:1.45rem;font-weight:800;color:var(--gold)}.stats-row .lbl{font-size:.8rem;color:var(--muted)}@media(max-width:820px){.stats-row{justify-content:center}}.btn{display:inline-block;text-align:center;text-decoration:none;font-weight:700;padding:12px 24px;border-radius:10px;font-size:.95rem}.btn-primary{background:var(--gold);color:var(--on-gold)}.btn-primary:hover{background:var(--gold-dark)}.btn-secondary{color:var(--gold-dark);font-size:.85rem;text-align:center}.casino-list{display:flex;flex-direction:column;gap:16px;padding:0;margin:24px 0;list-style:none}.casino-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;display:grid;gap:14px;grid-template-columns:44px 1.4fr 1.6fr auto;align-items:center}.casino-card:hover{border-color:var(--border-hover)}.casino-card .rank{width:40px;height:40px;border-radius:50%;background:var(--gold-soft);color:var(--gold-dark);font-weight:800;display:flex;align-items:center;justify-content:center}.casino-card .rank.top{background:var(--gold);color:var(--on-gold)}.casino-card h3{margin:0 0 2px;font-size:1.15rem}.casino-card h3 a{color:var(--heading);text-decoration:none}.casino-card .bonus{font-weight:700;color:var(--heading);margin:0 0 4px}.casino-card .license-badge{font-size:.8rem;color:var(--green);font-weight:600}.stars{color:var(--gold);letter-spacing:2px;font-size:.95rem}.stars .rating-num{color:var(--muted);font-size:.85rem;letter-spacing:0;margin-left:6px}.card-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:160px}.terms-note{font-size:.72rem;color:var(--muted);margin:4px 0 0;text-align:center}@media(max-width:760px){.casino-card{grid-template-columns:1fr;text-align:center}.casino-card .rank{margin:0 auto}}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0;margin:24px 0;list-style:none}.podium .casino-card{grid-template-columns:1fr;text-align:center;position:relative;padding-top:28px}.podium .casino-card .rank{margin:0 auto}.podium .casino-card:first-child{border:2px solid var(--gold);box-shadow:0 0 32px #ffcd002e}.podium .ribbon{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:var(--gold);color:var(--on-gold);font-size:.72rem;font-weight:800;padding:3px 14px;border-radius:20px;white-space:nowrap}@media(max-width:760px){.podium{grid-template-columns:1fr}}.podium .casino-card.placeholder{border-style:dashed;border-color:var(--border);background:transparent;box-shadow:none;justify-content:flex-start}.podium .placeholder .rank{background:var(--surface);color:var(--muted)}.podium .placeholder h3{color:var(--muted);font-size:1rem}.placeholder-note{font-size:.85rem;color:var(--muted);margin:6px 0 0}.toc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin:24px 0;max-width:760px;font-size:.92rem}.toc strong{color:var(--gold-dark);text-transform:uppercase;font-size:.8rem;letter-spacing:.5px}.toc ol{margin:8px 0 0;padding-left:20px;columns:2;column-gap:28px}.toc li{margin-bottom:4px;break-inside:avoid}.toc a{text-decoration:none;color:var(--ink)}.toc a:hover{color:var(--gold-dark)}@media(max-width:640px){.toc ol{columns:1}}.rg-banner{background:var(--gold-soft);border:1px solid rgba(255,205,0,.35);border-radius:var(--radius);padding:18px 22px;margin:36px 0;font-size:.92rem}.rg-banner strong{color:var(--gold-dark)}.rg-banner ul{margin:8px 0 0;padding-left:20px}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.pros-cons>div{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px}.pros-cons h3{margin-top:0;font-size:1rem}.pros-cons ul{margin:0;padding-left:20px}.pros h3{color:var(--green)}.cons h3{color:var(--danger)}@media(max-width:640px){.pros-cons{grid-template-columns:1fr}}.facts-table{width:100%;border-collapse:collapse;margin:20px 0;background:var(--surface);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);font-size:.95rem}.facts-table th,.facts-table td{padding:10px 16px;text-align:left;border-bottom:1px solid var(--border)}.facts-table th{width:38%;color:var(--muted);font-weight:600;background:var(--surface-2)}.facts-table tr:last-child th,.facts-table tr:last-child td{border-bottom:none}.review-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px 28px;margin:24px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.review-hero .bonus-box{font-size:1.25rem;font-weight:800;color:var(--heading)}.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:0;margin:24px 0;list-style:none}.guide-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.guide-card h3{margin:0 0 6px;font-size:1.05rem}.guide-card h3 a{color:var(--heading);text-decoration:none}.guide-card p{margin:0;font-size:.9rem;color:var(--muted)}.faq{margin:24px 0}.faq details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;margin-bottom:10px}.faq summary{font-weight:700;color:var(--heading);cursor:pointer}.faq details[open] summary{margin-bottom:8px;color:var(--gold-dark)}.content-blocks{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:24px 0}.content-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.content-block:hover{border-color:var(--border-hover)}.content-block h3{margin-top:0;font-size:1.05rem}.content-block p{font-size:.92rem;color:var(--muted);margin-bottom:8px}.content-block a{font-size:.9rem;font-weight:600}.game-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:0;margin:24px 0;list-style:none}.game-card a{display:block;text-decoration:none;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--border);transition:transform .15s ease,border-color .15s ease}.game-card a:hover{transform:translateY(-4px);border-color:var(--gold)}.game-card img{width:100%;aspect-ratio:530 / 700;object-fit:cover;display:block;height:auto}.game-card .game-name{display:block;font-weight:700;color:var(--heading);padding:10px 12px 0;font-size:.92rem;line-height:1.3}.game-card .game-provider{display:block;color:var(--muted);font-size:.78rem;padding:2px 12px 12px}@media(max-width:900px){.game-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.game-grid{grid-template-columns:repeat(2,1fr)}}.game-hero{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start;margin:24px 0}.game-hero img{width:100%;border-radius:var(--radius);border:1px solid var(--border);height:auto}.game-hero .facts-table{margin:0}@media(max-width:700px){.game-hero{grid-template-columns:1fr}.game-hero img{max-width:260px;margin:0 auto}}.game-demo{margin:24px 0 8px}.demo-frame{position:relative;width:100%;aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background-color:var(--surface);background-size:cover;background-position:center}.demo-frame:not(.is-loaded):before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#031a2eb8,#031a2eeb)}.demo-overlay{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px}.demo-title{margin:0;font-size:clamp(1.1rem,2.6vw,1.5rem);font-weight:800;color:var(--heading)}.demo-sub{margin:0;font-size:.92rem;color:var(--ink);max-width:42ch}.demo-start{margin-top:4px}.demo-consent{margin:2px 0 0;font-size:.74rem;color:var(--muted);max-width:46ch}.demo-frame iframe{width:100%;height:100%;border:0;display:block}.demo-frame.is-loaded{background-image:none}.demo-note{font-size:.82rem;color:var(--muted);margin:10px 0 0}.demo-note strong{color:var(--gold-dark)}@media(max-width:640px){.demo-frame{aspect-ratio:4 / 3}}.fact-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;padding:0;margin:22px 0;list-style:none}.fact-bar li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;text-align:center}.fact-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.fact-value{display:block;font-weight:700;color:var(--gold-dark);font-size:.98rem;margin-top:3px}.howto-steps{padding-left:22px;margin:16px 0}.howto-steps li{margin-bottom:10px}.howto-steps strong{color:var(--gold-dark)}.verdict{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:start;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:var(--radius);padding:22px 26px;margin:20px 0}.verdict-score{text-align:center;padding-top:4px}.verdict-num{display:block;font-size:3rem;font-weight:800;color:var(--gold);line-height:1}.verdict-max{font-size:.85rem;color:var(--muted)}.verdict-body>p:first-child{margin-top:0}.verdict-bars{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}.verdict-bars li{display:grid;grid-template-columns:130px 1fr 34px;gap:10px;align-items:center;font-size:.86rem}.bar-label{color:var(--muted)}.bar-track{background:var(--surface-2);border-radius:999px;height:7px;overflow:hidden}.bar-fill{display:block;height:100%;background:var(--gold);border-radius:999px}.bar-num{color:var(--ink);font-weight:700;text-align:right}.verdict-sign{font-size:.82rem;color:var(--muted);font-style:italic;margin:16px 0 0}@media(max-width:640px){.verdict{grid-template-columns:1fr;gap:12px}.verdict-score{text-align:left}.verdict-bars li{grid-template-columns:105px 1fr 34px}}.author-box{display:flex;gap:16px;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin:32px 0 8px;max-width:760px}.author-box img{width:48px;height:48px;border-radius:50%;flex-shrink:0;object-fit:cover}.author-line{margin:0;font-size:.95rem;color:var(--ink)}.author-line a{text-decoration:none}.author-line strong{color:var(--heading)}.author-role{color:var(--muted);font-size:.88rem}.author-short{margin:4px 0 0;font-size:.88rem;color:var(--muted)}.author-updated{margin:6px 0 0;font-size:.8rem;color:var(--muted)}.author-hero{display:flex;gap:24px;align-items:center;margin:24px 0 8px;flex-wrap:wrap}.author-hero img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}.author-hero h1{margin:0 0 4px}.author-hero .author-role{display:block;font-size:1rem;margin-bottom:10px}.expertise-tags{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}.expertise-tags li{background:var(--gold-soft);color:var(--gold-dark);border-radius:999px;padding:4px 14px;font-size:.82rem;font-weight:600}.butler-img{max-width:100%;height:auto;display:block}.intro-butler{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.intro-butler>div>:first-child{margin-top:0}.intro-butler>div>:last-child{margin-bottom:0}.pros-butler{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.pros-butler .pros-cons{margin:20px 0}@media(max-width:900px){.intro-butler,.pros-butler{grid-template-columns:1fr}.intro-butler .butler-img,.pros-butler .butler-img{display:none}}.butler-tip{display:flex;gap:16px;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:var(--radius);padding:16px 20px;margin:28px 0;font-size:.95rem}.butler-tip img{width:100px;height:auto;flex-shrink:0;align-self:center}@media(max-width:560px){.butler-tip img{width:72px}}.butler-tip .tip-label{color:var(--gold-dark);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:4px}.prose{max-width:720px}.prose img{max-width:100%;border-radius:var(--radius)}.prose>p{margin:0 0 1.25em}.prose h2{scroll-margin-top:80px}.prose h3{font-size:1.12rem;margin:1.8rem 0 .6rem;color:var(--heading)}.prose ul,.prose ol{margin:0 0 1.25em;padding-left:1.4em}.prose li{margin-bottom:.5em}.prose li::marker{color:var(--gold)}.prose strong{color:var(--heading)}.prose a{text-underline-offset:3px}.prose blockquote{position:relative;margin:2rem 0;padding:8px 8px 8px 30px;border-left:3px solid var(--gold);font-size:1.22rem;line-height:1.5;font-weight:500;color:var(--heading);font-style:italic}.prose blockquote:before{content:"“";position:absolute;left:8px;top:-.15em;font-size:2.4rem;line-height:1;color:var(--gold);opacity:.55;font-style:normal}.prose figure{margin:1.8rem 0}.prose figure img{width:100%;height:auto;display:block;border:1px solid var(--border);border-radius:var(--radius)}.prose figcaption{margin-top:8px;font-size:.84rem;color:var(--muted);text-align:center;font-style:italic}.prose blockquote p{margin:0}.prose blockquote p+p{margin-top:.5em}.prose blockquote cite,.prose blockquote footer{display:block;margin-top:.6em;font-size:.82rem;font-style:normal;font-weight:600;color:var(--muted);letter-spacing:.3px}.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.92rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.prose th,.prose td{padding:9px 14px;text-align:left;border-bottom:1px solid var(--border)}.prose thead th{background:var(--surface-2);color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.4px}.prose tbody tr:last-child td{border-bottom:none}.prose .info-box{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--green);border-radius:var(--radius);padding:14px 18px;margin:1.5rem 0;font-size:.92rem}.prose .info-box strong{color:var(--green)}.site-footer{background:var(--brand-dark);color:var(--ink);margin-top:60px;padding:36px 0 24px;font-size:.88rem;border-top:1px solid var(--border)}.site-footer a{color:var(--gold)}.site-footer .footer-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.site-footer h4{color:var(--heading);margin:18px 0 10px;font-size:.95rem}.site-footer h4:first-child{margin-top:0}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin-bottom:6px}.footer-legal{border-top:1px solid var(--border);margin-top:26px;padding-top:18px;font-size:.78rem;color:var(--muted)}.legal-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-bottom:12px}.legal-links a{color:var(--ink);font-size:.82rem}.legal-links a:hover{color:var(--gold)}@media(max-width:700px){.site-footer .footer-cols{grid-template-columns:1fr}}.updated-note{font-size:.82rem;color:var(--muted)}.breadcrumb{font-size:.82rem;color:var(--muted);margin:18px 0 0}.breadcrumb a{color:var(--muted)}