:root{--bg:#0e0e10;--panel:#16161a;--card:#1d1d22;--line:#34302a;--text:#f5f2ea;--soft:#c9c2b3;--gold:#f2b632;--gold2:#ffd36a;--amber:#b9821c} *{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:104px} body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;overflow-x:hidden} img{max-width:100%;height:auto;display:block} a{color:var(--gold)} h1,h2,h3{line-height:1.2;margin:0;font-weight:800} .gb-head{position:sticky;top:0;z-index:60;background:#09090b;border-bottom:1px solid var(--line)} .gb-head-in{max-width:1200px;margin:0 auto;padding:8px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px} .gb-logo{flex:none;margin-right:auto;color:#fff;text-decoration:none;font:800 26px/1.1 -apple-system,"Segoe UI",sans-serif;letter-spacing:.5px} .gb-logo span{color:var(--gold)} .gb-nav{order:3;flex:0 0 100%;display:flex;flex-wrap:wrap;justify-content:center;gap:0 18px} .gb-nav a{color:var(--text);text-decoration:none;font-size:13.5px;font-weight:600;padding:2px;white-space:nowrap} .gb-nav a:hover{color:var(--gold)} .gb-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:11px 34px;border-radius:10px;background:linear-gradient(180deg,var(--gold2),var(--gold));color:#1a1305;font-weight:800;font-size:16px;text-decoration:none} .gb-btn:hover{background:var(--gold2)} .gb-btn-s{min-height:38px;padding:6px 20px;font-size:14px} .gb-burger{display:none;flex:none;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:8px;font:700 15px/1 inherit;padding:10px 14px;cursor:pointer} .gb-wrap{max-width:1200px;margin:0 auto;padding:0 16px} .gb-hero{background:radial-gradient(circle at 80% 20%,#3a2a0c 0,#141210 45%,#0e0e10 100%);padding:30px 0;border-bottom:1px solid var(--line)} .gb-hero-in{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:40px;align-items:center} .gb-hero h1{font-size:50px;color:#fff;margin-bottom:14px} .gb-hero h1::first-line{color:var(--gold)} .gb-hero p{margin:0 0 18px;font-size:18px;max-width:660px} .gb-hero .gb-go{margin:0;text-align:left} .gb-hero-art{display:grid;grid-template-columns:1fr 1fr;gap:12px} .gb-hero-art img{width:100%;max-width:286px;border-radius:12px;border:1px solid var(--line)} .gb-sec{padding:36px 0 32px} .gb-alt{background:var(--panel)} .gb-sec h2{font-size:28px;color:#fff;margin-bottom:12px;padding-bottom:9px;border-bottom:2px solid var(--amber)} .gb-lead{margin:0 0 12px;font-size:16.5px} .gb-sec p,.gb-sec li{overflow-wrap:break-word} .gb-go{text-align:center;margin:22px 0 0} .gb-lobby{display:grid;grid-template-columns:minmax(0,1fr) 672px;gap:28px;align-items:start} .gb-lobby-t{display:flex;flex-direction:column;align-self:stretch} .gb-lobby-t .gb-cols{flex:1} .gb-lobby-t .gb-go{margin:16px 0 0} .gb-lobby-t .gb-btn{width:100%} .gb-lobby-t .gb-col>.gb-card{flex:1;display:flex;flex-direction:column;justify-content:center} #hulp-en-klachten p{break-inside:auto} .gb-games{display:grid;grid-template-columns:repeat(4,156px);gap:12px;justify-content:end} .gb-game{margin:0;background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column} .gb-game img{width:100%;max-width:156px;aspect-ratio:3/2;object-fit:contain;background:#09090b} .gb-game figcaption{padding:6px 6px 8px;font-size:12.5px;font-weight:700;text-align:center;line-height:1.25} .gb-game small{display:block;font-weight:500;color:var(--soft);font-size:11.5px} .gb-cols{display:grid;gap:16px;align-items:stretch}.gb-c1{grid-template-columns:1fr}.gb-c2{grid-template-columns:repeat(2,minmax(0,1fr))}.gb-c3{grid-template-columns:repeat(3,minmax(0,1fr))} .gb-col{display:flex;flex-direction:column;gap:16px;min-width:0}.gb-card{min-width:0}.gb-col>:last-child{flex:1} .gb-card{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px;padding:15px 18px} .gb-card h3{font-size:18px;margin-bottom:7px;color:var(--gold2)} .gb-card p{margin:0 0 9px;color:#e8e3d7} .gb-card p:last-child{margin:0} .gb-card ul,.gb-card ol{margin:0 0 9px;padding-left:20px;color:#e8e3d7} .gb-wide{columns:2;column-gap:32px}.gb-wide h3{column-span:all}.gb-wide p{break-inside:avoid} .gb-tab{overflow-x:auto;margin:6px 0 10px} .gb-tab table{border-collapse:collapse;width:100%;font-size:15px} .gb-tab th,.gb-tab td{border:1px solid var(--line);padding:7px 10px;text-align:left} .gb-tab th{background:#26221a;color:var(--gold2)} .gb-faq{display:grid;grid-template-columns:1fr 1fr;gap:14px} .gb-faq details{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:13px 18px} .gb-faq details:last-child:nth-child(odd){grid-column:1/-1} .gb-faq summary{font-weight:700;cursor:pointer;color:var(--gold2)} .gb-faq p{margin:8px 0 0;color:#e8e3d7} .gb-foot{background:#09090b;border-top:1px solid var(--line);padding:26px 16px 30px;text-align:center} .gb-foot-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin-bottom:12px} .gb-foot-nav a{color:var(--text);text-decoration:none;font-size:14.5px} .gb-foot-nav a:hover{color:var(--gold)} .gb-rg{margin:0;color:var(--soft);font-size:14.5px} .gb-18{display:inline-block;border:1px solid var(--soft);border-radius:50%;padding:3px 6px;margin-right:6px;font-size:12.5px;font-weight:700} .gb-bar{display:none} .gb-doc{max-width:1168px;margin:0 auto;padding:22px 16px 40px;display:block;min-height:calc(100vh - 235px)} .gb-crumbs{font-size:14px;color:var(--soft);margin-bottom:12px} .gb-crumbs a{color:var(--gold)} .gb-doc h1{font-size:36px;color:#fff;margin-bottom:14px} .gb-doc-body{columns:2;column-gap:34px} .gb-doc-body h2{font-size:20px;color:var(--gold2);margin:18px 0 6px;break-after:avoid} .gb-doc-body h2:first-child{margin-top:0} .gb-doc-body p{margin:0 0 10px;color:#e8e3d7} .gb-doc-body ul{margin:0 0 12px;padding-left:20px;color:#e8e3d7} .gb-doc-body li{break-inside:avoid} @media (max-width:1220px) and (min-width:901px){.gb-lobby{grid-template-columns:1fr}.gb-games{justify-content:center}} @media (max-width:900px){ html{scroll-padding-top:66px} .gb-head-in{flex-wrap:nowrap;gap:10px} .gb-burger{display:block} .gb-nav{display:none;flex-wrap:nowrap;position:fixed;top:56px;left:0;right:0;max-height:calc(100vh - 56px);overflow:auto;background:#09090b;border-bottom:1px solid var(--line);flex-direction:column;padding:8px 16px 16px} .gb-open .gb-nav{display:flex} .gb-nav a{font-size:16px;padding:9px 2px;border-bottom:1px solid #26221a} .gb-hero-in{grid-template-columns:1fr;gap:18px} .gb-hero-art{max-width:400px;margin:0 auto} .gb-hero h1{font-size:36px} .gb-hero .gb-go{text-align:center} .gb-cols,.gb-c2,.gb-c3{grid-template-columns:1fr}.gb-wide{columns:1}.gb-col>:last-child{flex:none} .gb-faq{grid-template-columns:1fr} .gb-lobby{grid-template-columns:1fr;gap:14px}.gb-lobby .gb-games{order:-1} .gb-games{grid-template-columns:repeat(2,156px);justify-content:center;gap:12px} .gb-logo{font-size:22px} .gb-sec h2{font-size:24px;overflow-wrap:break-word} .gb-doc-body{columns:1} .gb-doc h1{font-size:28px} .gb-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#09090b;border-top:1px solid var(--line);padding:7px 12px} body{padding-bottom:72px} .gb-head-cta{display:none} .gb-bar .gb-btn{width:100%;min-height:44px} } .gb-btn-ghost{background:transparent;color:var(--gold2);border:1px solid var(--amber)} .gb-btn-ghost:hover{background:var(--card)} .gb-head-cta{align-items:center;gap:8px} @media(min-width:901px){.gb-head-cta{display:flex}} @media(max-width:900px){.gb-bar{gap:8px}.gb-bar .gb-btn{flex:1 1 0;min-width:0;width:auto;margin:0;padding-inline:12px}}