:root{--purple:#ffc928;--ink:#11131a;--muted:#66707a;--line:#dfe3e8;--bg:#f5f5f5;--yellow:#ffc928}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none;color:inherit}button,input{font:inherit}.site-header{height:68px;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:80}.topbar{height:100%;max-width:1420px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:26px}.brand{font-size:21px;font-weight:900;display:flex;align-items:center;gap:8px;white-space:nowrap}.gb-logo-mark{width:30px;height:30px;display:inline-flex}.gb-logo-mark svg{width:100%;filter:drop-shadow(0 1px 1px #aaa)}.gb-logo-mark svg path{fill:#fff;stroke:#16233a;stroke-width:2}.search{margin-left:18px;max-width:650px;flex:1;height:42px;border:1px solid #d7dde5;border-radius:24px;background:#f7f9fb;display:flex;align-items:center;padding-left:16px;color:#657386}.search input{border:0;background:transparent;outline:0;flex:1;padding:0 10px}.search button{width:78px;height:34px;border:0;border-radius:20px;background:var(--purple);color:#fff}.top-links{display:flex;gap:26px;font-size:13px;margin-left:auto}.top-links a:first-child{color:var(--purple);font-weight:700}.icon-btn,.mobile-toggle{border:0;background:none;font-size:21px}.mobile-toggle{display:none}.site-shell{display:flex;max-width:1680px;margin:auto}.gb-sidebar{position:sticky;top:78px;width:92px;min-width:92px;height:calc(100vh - 88px);margin:10px 0 0 8px;border-radius:22px;background:#fff;box-shadow:0 2px 7px #0001;display:flex;flex-direction:column;align-items:center;padding:10px 7px;z-index:30}.gb-sidebar a{width:100%;padding:8px 2px;border-radius:12px;text-align:center;color:#505b66;font-size:11px}.gb-sidebar a b{display:block;font-size:20px;line-height:24px;font-weight:500}.gb-sidebar a span{display:block;margin-top:2px}.gb-sidebar .side-active{background:#f0e8ff;color:var(--purple)}.gb-sidebar hr{width:64%;border:0;border-top:1px solid #e7e7e7;margin:5px}.site-main{width:calc(100% - 100px);padding:42px 52px 70px}.home-content,.archive-page,.single-v14{max-width:1280px;margin:auto}.featured-home{display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:center;margin:10px 0 58px}.featured-copy h1{font-size:56px;line-height:.95;letter-spacing:-2.8px;margin:0 0 18px}.featured-copy p{font-size:13px;color:var(--muted)}.featured-mosaic{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:190px 190px;gap:10px}.mosaic-big{grid-row:1/3}.editorial-card,.editorial-image{height:100%;min-height:0}.editorial-image{display:block;position:relative;overflow:hidden;border-radius:15px;background:#ddd}.editorial-image img{width:100%;height:100%;display:block;object-fit:cover;transition:.25s}.editorial-image:hover img{transform:scale(1.025)}.editorial-overlay{position:absolute;inset:auto 0 0;padding:45px 18px 15px;color:#fff;background:linear-gradient(transparent,#000b);display:none}.editorial-overlay strong{display:block;font-size:18px}.editorial-overlay small{display:block;margin-top:4px}.featured-mosaic .editorial-overlay{display:block}.category-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:60px}.category-cards a{background:#fff;border:1px solid #e1e3e7;border-radius:15px;box-shadow:0 4px 8px #0001;padding:17px;display:flex;gap:12px;align-items:center}.category-cards i{font-style:normal;font-size:30px}.category-cards b{display:block;font-size:15px}.category-cards span{font-size:11px;color:var(--muted)}.editorial-section{margin:0 0 70px}.editorial-head,.archive-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-pill{display:inline-block;background:#e9dcff;color:#5820a8;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700}.editorial-head h2{font-size:27px;margin:6px 0 0;letter-spacing:-.5px}.outline-btn,.filter-pills button{border:1.5px solid var(--purple);background:#fff;color:var(--purple);padding:10px 20px;border-radius:24px;font-weight:700;font-size:12px}.editorial-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:14px;height:420px}.editorial-feature{height:100%}.editorial-minis{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px}.editorial-layout .editorial-overlay{display:none}.explore-preview{margin-top:40px}.archive-title h1,.archive-title h2{font-size:58px;line-height:.98;letter-spacing:-2.5px;margin:0}.archive-title h2{font-size:45px}.filter-pills{display:flex;gap:12px}.filter-pills button{border-color:#d1d4d8;color:var(--purple);background:#fff}.masonry-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;gap:14px}.masonry-grid>div{min-height:0}.masonry-grid .grid-feature{grid-column:span 2;grid-row:span 2}.masonry-grid .editorial-image{border-radius:14px}.pagination{text-align:center;padding:38px}.pagination .nav-links{display:flex;justify-content:center;gap:8px}.pagination .page-numbers{padding:8px 12px;background:#fff;border:1px solid #ddd;border-radius:18px}.pagination .current{border-color:var(--purple);color:var(--purple)}.single-v14{padding-top:2px}.crumbs{font-size:11px;color:#626a72;margin-bottom:20px}.single-hero{background:#fff;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:1.35fr .65fr;min-height:430px;box-shadow:0 3px 10px #0001}.single-cover{min-height:430px;background:#e9e9e9}.single-cover img{width:100%;height:100%;object-fit:cover;display:block}.single-info{padding:52px 42px;align-self:center}.single-info h1{font-size:38px;line-height:1.05;margin:12px 0}.single-info p{color:var(--muted);font-size:14px;line-height:1.55}.play-modal-btn{border:0;background:var(--purple);color:#fff;border-radius:24px;padding:13px 28px;font-weight:800;margin-top:14px;cursor:pointer}.single-fav{position:static;margin-left:8px;border:1px solid #ddd;background:#fff;border-radius:50%;width:44px;height:44px}.single-section{margin-top:42px}.single-section h2{font-size:27px}.related-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;height:160px}.prose{max-width:900px;line-height:1.6;font-size:13px}.info-chips{display:flex;gap:14px;margin-top:20px}.info-chips span{background:#fff;border-radius:12px;padding:14px 18px;min-width:190px}.info-chips b{display:block;font-size:10px;color:#68727d;margin-bottom:3px}.rules{max-width:720px}.rules details{background:#fff;border-radius:14px;padding:16px}.rules summary{font-weight:700;cursor:pointer}.game-modal{position:fixed;inset:4vh 3vw;z-index:120;background:#111;border-radius:16px;overflow:hidden;display:none;box-shadow:0 25px 80px #0007}.game-modal.open{display:flex;flex-direction:column}.modal-bar{height:52px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 15px}.modal-bar div{display:flex;align-items:center;gap:10px}.modal-bar a{font-size:12px;color:var(--purple)}.modal-bar button{border:0;background:#f1f2f4;border-radius:50%;width:34px;height:34px}.game-modal iframe{border:0;width:100%;flex:1;background:#000}.modal-shade{position:fixed;inset:0;background:#0009;z-index:110}.drawer{position:fixed;right:-400px;top:0;width:min(380px,90vw);height:100vh;background:#fff;z-index:130;transition:.25s;padding:18px;box-shadow:-10px 0 35px #0002}.drawer.open{right:0}.drawer-head{display:flex;justify-content:space-between}.drawer-shade{position:fixed;inset:0;background:#0007;z-index:125}.site-footer{background:#fff;border-top:1px solid #eee;margin-top:0}.footer-inner{max-width:1280px;margin:auto;padding:30px;display:flex;gap:30px;font-size:11px;color:#606871}.footer-inner span{margin-left:auto;order:3}.fav{cursor:pointer}.placeholder{height:100%;display:grid;place-items:center;font-size:60px}.game-card h3,.game-card p{display:none}body.dark{filter:none;background:#10151b;color:#f5f7fa}body.dark .site-main{background:#10151b}body.dark .site-header,body.dark .gb-sidebar,body.dark .category-cards a,body.dark .single-hero,body.dark .info-chips span,body.dark .rules details,body.dark .site-footer{background:#171e26;color:#f5f7fa}body.dark .search{background:#222b35;border-color:#37414d}body.dark .search input{color:#fff}
@media(max-width:1000px){.top-links{display:none}.gb-sidebar{display:none}.site-main{width:100%;padding:30px 24px}.featured-home{grid-template-columns:1fr}.featured-copy h1 br{display:none}.featured-copy h1{font-size:44px}.category-cards{grid-template-columns:repeat(3,1fr)}.editorial-layout{height:360px}.masonry-grid{grid-auto-rows:160px}.mobile-toggle{display:block}.single-hero{grid-template-columns:1fr}.single-cover{height:55vw;min-height:300px}.related-row{grid-template-columns:repeat(2,1fr);height:auto}.related-row .editorial-card{height:180px}}
@media(max-width:650px){.topbar{padding:0 14px}.brand span:last-child{display:none}.search{margin-left:0}.search button{width:42px}.icon-btn{display:none}.site-main{padding:22px 12px}.featured-home{margin-bottom:35px}.featured-copy h1{font-size:38px}.featured-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:210px 130px 130px}.mosaic-big{grid-column:1/3;grid-row:auto}.category-cards{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:40px}.editorial-layout{display:block;height:auto}.editorial-feature{height:250px;margin-bottom:10px}.editorial-minis{height:300px;gap:8px}.archive-title{align-items:flex-start;gap:15px}.archive-title h1,.archive-title h2{font-size:38px}.filter-pills{display:none}.masonry-grid{grid-template-columns:1fr 1fr;grid-auto-rows:125px;gap:8px}.masonry-grid .grid-feature{grid-column:span 2;grid-row:span 2}.single-info{padding:28px 22px}.single-info h1{font-size:30px}.info-chips{flex-direction:column}.game-modal{inset:0;border-radius:0}.modal-bar strong{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-bar a{display:none}}
/* v1.4.1 interaction fixes */
button,.icon-btn,.mobile-toggle,.search button,.nav-dropdown-toggle,.filter-dropdown>button,.gb-sidebar a,.gb-sidebar .side-link,.single-cover,.play-modal-btn,.fav,.modal-bar button,.drawer-head button{cursor:pointer}
.gb-sidebar .side-link{width:100%;padding:8px 2px;border:0;border-radius:12px;text-align:center;color:#505b66;font-size:11px;background:transparent}
.gb-sidebar .side-link b{display:block;font-size:20px;line-height:24px;font-weight:500}.gb-sidebar .side-link span{display:block;margin-top:2px}
.nav-dropdown,.filter-dropdown{position:relative}.nav-dropdown-toggle{border:0;background:transparent;padding:0;color:inherit;font-size:13px}.nav-dropdown-menu,.filter-menu{display:none;position:absolute;top:calc(100% + 12px);right:0;min-width:190px;background:#fff;border:1px solid #e1e4e8;border-radius:14px;padding:7px;box-shadow:0 12px 35px #0002;z-index:100}.nav-dropdown.open .nav-dropdown-menu,.filter-dropdown.open .filter-menu{display:block}.nav-dropdown-menu a,.filter-menu a,.filter-menu span{display:block;padding:9px 11px;border-radius:9px;font-size:12px;white-space:nowrap}.nav-dropdown-menu a:hover,.filter-menu a:hover{background:#f3edff;color:var(--purple)}
.filter-dropdown>button{border:1.5px solid #d1d4d8;background:#fff;color:var(--purple);padding:10px 20px;border-radius:24px;font-weight:700;font-size:12px}.filter-menu{left:auto;right:0;top:calc(100% + 7px)}
.single-cover{position:relative;border:0;padding:0;width:100%;overflow:hidden;text-align:inherit}.single-cover .cover-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);width:70px;height:70px;border-radius:50%;display:grid;place-items:center;padding-left:5px;background:#fff;color:var(--purple);font-size:26px;box-shadow:0 8px 30px #0004;opacity:0;transition:.2s}.single-cover:hover .cover-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
.game-modal{inset:2vh 2vw}.game-modal:fullscreen{inset:0;border-radius:0;width:100vw;height:100vh}.game-modal iframe{display:block;width:100%;height:calc(100% - 52px);min-height:0;overflow:hidden}.modal-loader{position:absolute;inset:52px 0 0;z-index:2;background:#111;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;color:#fff}.modal-loader.hidden{display:none}.modal-loader span{width:44px;height:44px;border:4px solid #ffffff40;border-top-color:#fff;border-radius:50%;animation:gbspin .8s linear infinite}@keyframes gbspin{to{transform:rotate(360deg)}}
.recent-item{display:flex;gap:11px;align-items:center;padding:9px;border-radius:12px}.recent-item:hover{background:#f5f5f5}.recent-item img,.recent-item>span{width:76px;height:52px;object-fit:cover;border-radius:9px;background:#eee;display:grid;place-items:center}.recent-item b,.recent-item small{display:block}.recent-item small{margin-top:3px;color:var(--muted)}.drawer-empty{color:var(--muted);font-size:13px}
body.dark .nav-dropdown-menu,body.dark .filter-menu{background:#171e26;border-color:#37414d}body.dark .nav-dropdown-menu a:hover,body.dark .filter-menu a:hover{background:#222b35}

/* v1.4.2 single hero, responsive artwork and media */
.editorial-picture{display:block;width:100%;height:100%}.editorial-picture img{width:100%;height:100%;object-fit:cover}
.single-game-banner{position:relative;min-height:520px;margin:-2px calc(50% - 50vw) 0;background:#111 var(--game-hero) center/cover no-repeat;color:#fff;display:flex;align-items:center;overflow:hidden}.single-game-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,13,.96) 0%,rgba(4,6,13,.82) 35%,rgba(4,6,13,.25) 70%,rgba(4,6,13,.08) 100%)}.single-banner-content{position:relative;z-index:1;width:min(1280px,calc(100% - 80px));margin:auto;padding:58px 0}.single-game-banner .crumbs{color:#fff;margin:0 0 26px;font-weight:650}.single-game-banner .crumbs a{text-decoration:underline}.single-game-banner h1{font-size:54px;line-height:1.03;max-width:760px;margin:0 0 14px;letter-spacing:-1.4px}.playing-now{font-size:20px;color:#d7d9df;margin-bottom:24px}.single-game-banner p{max-width:700px;font-size:19px;line-height:1.5;margin:0 0 28px}.hero-play{display:inline-flex;align-items:center;gap:10px;border-radius:8px;padding:17px 27px;margin:0;background:linear-gradient(180deg,#489ce8,#5b57db);transition:transform .18s ease,box-shadow .18s ease}.hero-play:hover{transform:scale(1.08);box-shadow:0 10px 28px #0005}.hero-play:active{transform:scale(1.03)}
.game-media{margin-top:48px}.media-title-row{display:flex;align-items:center;justify-content:space-between}.media-title-row h2{font-size:38px;margin:0 0 18px}.media-controls{display:flex;gap:8px}.media-controls button{width:38px;height:38px;border:1px solid #d7dbe0;background:#fff;border-radius:50%;font-size:25px;cursor:pointer}.media-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px}.media-rail::-webkit-scrollbar{display:none}.media-card{flex:0 0 min(330px,32vw);height:185px;border:0;border-radius:12px;overflow:hidden;background:#171b23;padding:0;scroll-snap-align:start;cursor:pointer}.media-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.media-card:hover img{transform:scale(1.025)}.media-video{color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.media-video span{font-size:34px}.media-lightbox{display:none;position:fixed;inset:0;background:#000d;z-index:160;align-items:center;justify-content:center;padding:45px}.media-lightbox.open{display:flex}.media-lightbox img{max-width:95vw;max-height:90vh;border-radius:12px}.media-lightbox button{position:absolute;right:24px;top:20px;width:42px;height:42px;border:0;border-radius:50%;font-size:28px;cursor:pointer}
.game-modal iframe{overflow:hidden;overscroll-behavior:none}.modal-shade{cursor:default}.play-modal-btn{transition:transform .18s ease}.play-modal-btn:hover{transform:scale(1.08)}
@media(max-width:650px){.single-game-banner{min-height:600px;background-position:center top}.single-game-banner:before{background:linear-gradient(0deg,rgba(4,6,13,.98) 0%,rgba(4,6,13,.78) 48%,rgba(4,6,13,.18) 100%)}.single-banner-content{width:calc(100% - 32px);padding:250px 0 34px;align-self:flex-end}.single-game-banner h1{font-size:36px}.single-game-banner p{font-size:15px}.playing-now{font-size:16px}.media-title-row h2{font-size:30px}.media-card{flex-basis:82vw;height:46vw}.media-controls{display:none}}

/* v1.4.3 — light-theme single hero CTA */
.hero-play{background:#fff!important;color:#11131a!important;box-shadow:0 7px 24px #0003}.hero-play:hover{transform:scale(1.08);box-shadow:0 11px 30px #0005}.hero-play span{color:#11131a}.single-game-banner{background-color:#17191f}

/* v1.4.4 — single hero adapts to light/dark mode */
body:not(.dark) .single-game-banner{color:#11131a;background-color:#eef0f4}
body:not(.dark) .single-game-banner:before{background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.82) 38%,rgba(255,255,255,.50) 72%,rgba(255,255,255,.34) 100%)}
body:not(.dark) .single-game-banner .crumbs{color:#11131a}
body:not(.dark) .single-game-banner .playing-now{color:#3f4751}
body:not(.dark) .single-game-banner h1,body:not(.dark) .single-game-banner p{color:#11131a}
body.dark .single-game-banner{color:#fff;background-color:#17191f}
body.dark .single-game-banner:before{background:linear-gradient(90deg,rgba(4,6,13,.96) 0%,rgba(4,6,13,.82) 35%,rgba(4,6,13,.25) 70%,rgba(4,6,13,.08) 100%)}
body.dark .single-game-banner .crumbs,body.dark .single-game-banner h1,body.dark .single-game-banner p{color:#fff}
body.dark .single-game-banner .playing-now{color:#d7d9df}
.hero-play{background:#fff!important;color:#11131a!important;box-shadow:0 7px 24px #0003}
.hero-play:hover{transform:scale(1.08);box-shadow:0 11px 30px #0005}
.hero-play span{color:#11131a}
@media(max-width:650px){body:not(.dark) .single-game-banner:before{background:linear-gradient(0deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.82) 48%,rgba(255,255,255,.38) 100%)}body.dark .single-game-banner:before{background:linear-gradient(0deg,rgba(4,6,13,.98) 0%,rgba(4,6,13,.78) 48%,rgba(4,6,13,.18) 100%)}}


/* v1.4.5 — Gamebrunch yolk palette + overflow fixes */
html,body{max-width:100%;overflow-x:hidden}
:root{--purple:#ffc928;--yellow:#ffc928;--yolk:#ffc928;--yolk-soft:#fff5d2;--yolk-hover:#ffbd18}
.search button{background:var(--yolk);color:#11131a}
.top-links a:first-child{color:#d99800}
.gb-sidebar .side-active{background:var(--yolk-soft);color:#11131a}
.section-pill{background:var(--yolk-soft);color:#7a5400}
.outline-btn,.filter-pills button,.filter-dropdown>button{border-color:var(--yolk);color:#8a5d00}
.pagination .current{border-color:var(--yolk);color:#8a5d00}
.nav-dropdown-menu a:hover,.filter-menu a:hover{background:var(--yolk-soft);color:#6f4b00}
.single-cover .cover-play{color:#11131a}
.modal-bar a{color:#8a5d00}
.single-game-banner{margin:-2px 0 0;width:100%;max-width:100%;background-size:cover;background-repeat:no-repeat}
.site-shell,.site-main,.single-v14{min-width:0;max-width:100%}
.site-main{overflow-x:clip}
body.dark .gb-sidebar .side-active{background:#4a3a08;color:#ffd75a}
body.dark .nav-dropdown-menu a:hover,body.dark .filter-menu a:hover{background:#3a310f;color:#ffd75a}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffc928;outline-offset:2px}

/* v1.4.6 — Featured teaser */
.featured-mosaic .editorial-overlay small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.35;max-height:2.7em}.featured-mosaic .editorial-overlay{padding-bottom:16px}
/* v1.4.8 */
.media-controls[hidden]{display:none!important}
html.gb-navigating .site-main{opacity:.55;pointer-events:none}
.site-main{transition:opacity .16s ease}
::view-transition-old(root){animation-duration:.14s}::view-transition-new(root){animation-duration:.18s}

/* v1.4.9 — PJAX navigation loader */
.gb-page-loader{position:fixed;inset:68px 0 0 0;z-index:105;display:flex;align-items:center;justify-content:center;gap:12px;background:rgba(245,245,245,.72);backdrop-filter:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s ease}
html.gb-navigating .gb-page-loader{opacity:1;visibility:visible;pointer-events:auto}
.gb-loader-egg{width:42px;height:42px;border-radius:55% 45% 52% 48%;background:#fff;border:1px solid #e3e5e8;box-shadow:0 5px 20px #0002;display:grid;place-items:center;animation:gbLoaderFloat .7s ease-in-out infinite alternate}
.gb-loader-egg i{display:block;width:15px;height:15px;border-radius:50%;background:var(--yellow)}
.gb-loader-text{font-size:13px;font-weight:800;color:var(--ink)}
@keyframes gbLoaderFloat{to{transform:translateY(-5px) rotate(4deg)}}
body.dark .gb-page-loader{background:rgba(16,21,27,.76)}body.dark .gb-loader-text{color:#fff}body.dark .gb-loader-egg{background:#171e26;border-color:#37414d}
@media(max-width:650px){.gb-page-loader{inset:68px 0 0}.gb-loader-text{display:none}}
/* Preserve landscape geometry on desktop; square source is swapped only on mobile. */
@media(min-width:651px){.masonry-grid .editorial-picture img,.featured-mosaic .editorial-picture img,.editorial-layout .editorial-picture img{aspect-ratio:auto;object-fit:cover}}

/* v1.5.0: rounded single hero + explicit square first Featured card */
.single-game-banner{border-radius:18px;}
.featured-mosaic .mosaic-big .editorial-picture img{object-fit:cover;}
@media(max-width:650px){.single-game-banner{border-radius:14px;}}

/* v1.5.1 — placement artwork + softer PJAX loader */
.single-game-banner{border-radius:18px}
.gb-page-loader{background:rgba(245,245,245,.46);backdrop-filter:none;gap:0}
.gb-nav-spinner{width:56px;height:56px;border:5px solid rgba(17,19,26,.14);border-top-color:var(--yellow);border-radius:50%;animation:gbspin .72s linear infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.10))}
body.dark .gb-page-loader{background:rgba(16,21,27,.48)}
body.dark .gb-nav-spinner{border-color:rgba(255,255,255,.18);border-top-color:var(--yellow)}
@media(max-width:650px){.gb-nav-spinner{width:52px;height:52px;border-width:5px}}


/* v1.5.3 — landscape-first editorial system */
@media(min-width:1001px){
  .featured-mosaic{grid-template-columns:2fr 1fr 1fr;grid-template-rows:170px 170px;}
  .featured-mosaic .mosaic-big .editorial-image{aspect-ratio:auto;}
  .featured-mosaic .mosaic-small .editorial-image{aspect-ratio:16/9;}
}
@media(min-width:651px){
  .featured-mosaic .editorial-picture img,.masonry-grid .editorial-picture img,.editorial-layout .editorial-picture img{width:100%;height:100%;object-fit:cover;}
}

/* Gamebrunch 1.6.0 */
body{font-family:"Google Sans",Arial,sans-serif;font-size:var(--gb-base-font)}
button,a,.editorial-image,.media-card{transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease,color .18s ease}
.top-links a,.nav-dropdown-toggle,.icon-btn,.mobile-toggle,.modal-bar button,.gb-search-head button{border-radius:12px;padding:9px 12px}
.top-links a:hover,.nav-dropdown-toggle:hover,.icon-btn:hover,.mobile-toggle:hover,.modal-bar button:hover,.gb-search-head button:hover{background:var(--gb-hover);color:#111;transform:none}
.search{max-width:520px;flex:0 1 520px;padding:0 4px 0 16px;text-align:left;cursor:pointer;color:#657386}.search-placeholder{flex:1;padding:0 10px;font-size:16px}.search-mini-icon,.search-action{display:grid;place-items:center}.search-mini-icon svg{width:16px;height:16px}.search-action{width:78px;height:34px;border-radius:20px;background:var(--purple);color:#111}.search-action:hover{background:var(--gb-hover)}.search-action svg{width:17px;height:17px}
.icon-btn svg,.mobile-toggle svg,.modal-bar button svg,.gb-search-head button svg,.mobile-menu-head button svg{width:21px;height:21px;display:block}
.gb-logo-img{display:block;max-height:38px;width:auto}.gb-logo-mobile{display:none}
.editorial-image{overflow:visible;background:transparent}.editorial-image img{border-radius:15px;transition:transform .18s ease,box-shadow .18s ease}.editorial-image:hover img{transform:scale(1.035);box-shadow:0 12px 28px #0002}.editorial-overlay{border-radius:0 0 15px 15px;overflow:hidden}
.media-card{overflow:visible;background:transparent}.media-card img{border-radius:12px;transition:transform .18s ease,box-shadow .18s ease}.media-card:hover img{transform:scale(1.045);box-shadow:0 12px 28px #0003}
.gb-search-modal{position:fixed;inset:0;z-index:300;background:rgba(14,18,24,.42);backdrop-filter:none;display:none;padding:8vh 20px}.gb-search-modal.open{display:block}.gb-search-dialog{width:min(780px,100%);margin:auto;background:#fff;border-radius:24px;padding:22px;box-shadow:0 28px 90px #0004}.gb-search-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.gb-search-head strong{font-size:24px}.gb-search-head button{border:0;background:#f2f3f5;cursor:pointer}.gb-search-box{height:58px;border:1.5px solid #d7dde5;border-radius:30px;display:flex;align-items:center;padding:0 18px;gap:12px}.gb-search-box:focus-within{border-color:var(--purple);box-shadow:0 0 0 4px color-mix(in srgb,var(--purple) 18%,transparent)}.gb-search-box svg{width:21px;height:21px}.gb-search-box input{border:0;outline:0;flex:1;font-size:18px;background:transparent}.gb-search-hint{font-size:12px;color:var(--muted);margin:10px 12px}.gb-search-results{display:grid;gap:7px;max-height:55vh;overflow:auto}.gb-search-item{display:grid;grid-template-columns:62px 1fr;gap:12px;align-items:center;padding:8px;border-radius:13px}.gb-search-item:hover{background:var(--gb-hover)}.gb-search-item img,.gb-search-ph{width:62px;height:48px;border-radius:9px;object-fit:cover;background:#eee}.gb-search-item b,.gb-search-item small{display:block}.gb-search-item small{color:var(--muted);margin-top:3px}.gb-search-empty{padding:25px 10px;color:var(--muted);text-align:center}.gb-search-spinner{width:20px;height:20px;border:3px solid #ddd;border-top-color:var(--purple);border-radius:50%;animation:gbspin .7s linear infinite}
.mobile-menu{position:fixed;right:-390px;top:0;width:min(360px,90vw);height:100dvh;background:#fff;z-index:260;padding:18px;box-shadow:-20px 0 50px #0002;transition:right .22s ease}.mobile-menu.open{right:0}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #eee}.mobile-menu-head button{border:0;background:#f2f3f5;border-radius:50%;width:42px;height:42px;display:grid;place-items:center}.mobile-menu nav{display:grid;padding-top:12px}.mobile-menu nav a{padding:14px;border-radius:12px;font-weight:650}.mobile-menu nav a:hover{background:var(--gb-hover)}.mobile-menu-shade{position:fixed;inset:0;background:#0006;z-index:250}
.quit-confirm{position:fixed;inset:0;z-index:400;background:#07111dcc;display:none;align-items:center;justify-content:center;padding:20px}.quit-confirm.open{display:flex}.quit-dialog{width:min(430px,94vw);background:#2e5eae;color:#fff;padding:28px 22px 20px;text-align:center;box-shadow:0 20px 60px #0006}.quit-icon{width:112px;height:112px;border-radius:50%;background:#ffffff12;margin:-8px auto 14px;display:grid;place-items:center;font-size:78px;font-weight:800}.quit-dialog p{font-size:20px;font-weight:700;line-height:1.25}.quit-dialog>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quit-dialog button{height:46px;border-radius:8px;border:2px solid #70b6ff;background:#173b71;color:#fff;font-weight:800;cursor:pointer}.quit-dialog #quit-yes{border:0;background:linear-gradient(#41a8ea,#6259df)}
.gb-bottom-description{max-width:960px;margin:70px 0 0;padding:30px 0;border-top:1px solid var(--line);line-height:1.7}.gb-bottom-description h2,.gb-bottom-description h3{letter-spacing:-.5px}
body.dark .gb-search-dialog,body.dark .mobile-menu{background:#171e26;color:#fff}body.dark .gb-search-box input{color:#fff}body.dark .gb-search-item:hover,body.dark .mobile-menu nav a:hover{color:#111}
@media(max-width:1000px){.featured-home{align-items:start}.featured-copy h1{white-space:normal;word-spacing:normal}.topbar{gap:12px}.search{flex:1;max-width:none}.mobile-toggle{display:grid;place-items:center}}
@media(max-width:650px){.brand .gb-logo-desktop:not(.gb-logo-only){display:none}.brand .gb-logo-mobile{display:block}.brand:not(:has(.gb-logo-img)) span:last-child{display:inline;font-size:18px}.brand{min-width:42px}.search{height:42px}.search-placeholder{display:none}.search-mini-icon{display:none}.search-action{margin-left:auto;width:42px}.featured-copy h1{font-size:38px;line-height:1.02;letter-spacing:-1.8px}.featured-copy h1 br{display:none}.featured-home{gap:18px}.gb-search-modal{padding:12px}.gb-search-dialog{margin-top:3vh;border-radius:18px}.gb-search-head strong{font-size:21px}}


/* Gamebrunch v1.6.1 */
body{font-family:var(--gb-font-family,"Google Sans",Arial,sans-serif)}
.gb-category-svg{width:26px;height:26px;display:block;object-fit:contain;margin:0 auto}.category-cards .gb-category-svg{width:34px;height:34px}
.editorial-image{overflow:visible;transition:transform .2s ease,box-shadow .2s ease;border-radius:15px}.editorial-image img{border-radius:15px;transition:none}.editorial-image:hover img{transform:none}.editorial-image:hover{transform:scale(1.025);z-index:4;box-shadow:0 14px 30px rgba(0,0,0,.18)}
.editorial-overlay{display:none!important}.editorial-play-overlay{position:absolute;inset:0;border-radius:15px;background:rgba(17,19,26,0);display:grid;place-items:center;opacity:0;transition:background .18s ease,opacity .18s ease;pointer-events:none}.editorial-image:hover .editorial-play-overlay{opacity:1;background:rgba(17,19,26,.28)}.editorial-play-button{background:#fff;color:#5c2cff;border-radius:999px;padding:14px 22px;font-size:18px;font-weight:700;box-shadow:0 8px 24px #0002;display:flex;align-items:center;gap:10px}.editorial-play-button b{font-size:27px;line-height:15px;font-weight:400}
.info-chips .chip-value{display:flex;align-items:center;gap:8px}.info-chips .chip-value svg{width:20px;height:20px;flex:0 0 20px}
.modal-bar>div{height:100%;display:flex;align-items:center}.modal-bar button{display:grid;place-items:center;padding:0;line-height:1}.modal-bar button svg{display:block;width:20px;height:20px;margin:auto}
.quit-confirm{position:fixed;inset:0;z-index:400;background:rgba(14,18,24,.48);backdrop-filter:none;display:none;place-items:center;padding:20px}.quit-confirm.open{display:grid}.quit-dialog{width:min(470px,100%);background:#fff;color:#11131a;border-radius:24px;padding:30px;box-shadow:0 28px 90px #0004;text-align:center}.quit-icon{width:62px;height:62px;border-radius:50%;margin:0 auto 18px;background:color-mix(in srgb,var(--purple) 22%,#fff);color:#111;font-size:38px;font-weight:800;display:grid;place-items:center}.quit-dialog p{font-size:19px;line-height:1.35;font-weight:650;margin:0 auto 24px;max-width:380px}.quit-dialog>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quit-dialog button{height:48px;border-radius:999px;font-weight:750;cursor:pointer}.quit-dialog #quit-cancel{border:1.5px solid #d5d9df;background:#fff;color:#11131a}.quit-dialog #quit-yes{border:1.5px solid var(--purple);background:var(--purple);color:#11131a}.quit-dialog button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0002}body.dark .quit-dialog{background:#171e26;color:#f5f7fa}body.dark .quit-dialog #quit-cancel{background:#222b35;color:#fff;border-color:#3b4652}
@media(max-width:650px){.editorial-image:hover{transform:none}.editorial-play-overlay{display:none}.featured-copy h1{word-spacing:.12em}.modal-bar{padding:0 10px}.modal-bar button{width:38px;height:38px}.quit-dialog{padding:24px 18px;border-radius:20px}.quit-dialog p{font-size:17px}}

/* v1.6.2 */
.top-links a,.nav-dropdown-toggle,.icon-btn,.mobile-toggle,.search-action,.modal-bar button,.gb-search-head button,.editorial-play-button,.quit-dialog button{transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease,opacity .25s ease}
.top-links a,.nav-dropdown-toggle{border-radius:999px;padding:10px 16px}
.top-links a:hover,.nav-dropdown-toggle:hover{background:#fff;box-shadow:0 5px 16px rgba(17,19,26,.12);color:#111}
body.dark .top-links a:hover,body.dark .nav-dropdown-toggle:hover{background:#242c35;color:#fff;box-shadow:0 5px 18px #0005}
.search-action:hover,.icon-btn:hover,.mobile-toggle:hover,.modal-bar button:hover,.gb-search-head button:hover{background:var(--gb-hover);box-shadow:0 4px 12px rgba(17,19,26,.10)}
.editorial-play-button .play-arrow-icon{display:grid;place-items:center;width:24px;height:24px}.editorial-play-button .play-arrow-icon svg{width:24px;height:24px;display:block}
.info-chips .chip-icons{gap:9px}.info-chips .chip-icons i{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px}.info-chips .chip-icons i svg{width:22px;height:22px;display:block}.info-chips .chip-icons em{font-style:normal;margin-left:2px}
.quit-icon svg{width:38px;height:38px;display:block}

/* v1.6.4 — navigation, mobile single, taxonomy pills, favorites empty state */
.nav-dropdown-toggle{display:inline-flex;align-items:center;gap:6px}.gb-chevron{width:16px;height:16px;display:inline-grid;place-items:center}.gb-chevron svg{width:16px;height:16px;display:block}.gb-chevron-up{display:none}.nav-dropdown.open .gb-chevron-down{display:none}.nav-dropdown.open .gb-chevron-up{display:inline-grid}
.gb-sidebar a,.gb-sidebar .side-link{transition:background-color .24s ease,color .24s ease,box-shadow .24s ease}.gb-sidebar a:hover,.gb-sidebar .side-link:hover{background:#eef0f2;color:#11131a}.gb-sidebar .side-active:hover{background:var(--gb-hover)}body.dark .gb-sidebar a:hover,body.dark .gb-sidebar .side-link:hover{background:#242c35;color:#fff}
.favorites-empty{text-align:center;color:var(--muted);padding:70px 18px 24px}.favorites-empty-icon{font-size:46px;line-height:1;margin-bottom:18px;color:var(--ink)}.favorites-empty b{display:block;font-size:17px;color:var(--ink);margin-bottom:8px}.favorites-empty p{font-size:13px;line-height:1.55;margin:0 auto;max-width:280px}body.dark .favorites-empty-icon,body.dark .favorites-empty b{color:#fff}
.game-taxonomy-details{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);display:grid;gap:16px}.game-taxonomy-details>div>b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:9px;color:var(--muted)}.game-tax-pills{display:flex;flex-wrap:wrap;gap:8px}.game-tax-pills a{display:inline-flex;align-items:center;border-radius:999px;padding:8px 13px;background:#e9eef5;color:#243248;font-weight:700;font-size:12px;transition:background-color .22s ease,transform .22s ease,box-shadow .22s ease}.game-tax-pills a:hover{background:var(--gb-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0001}body.dark .game-taxonomy-details{border-color:#34404c}body.dark .game-tax-pills a{background:#26313d;color:#fff}
@media(max-width:650px){.single-game-banner{min-height:500px;background-position:center top;align-items:flex-start}.single-banner-content{width:calc(100% - 40px);padding:190px 0 28px;align-self:auto}.single-game-banner .crumbs{margin-bottom:18px}.single-game-banner h1{font-size:34px;margin-bottom:10px}.single-game-banner p{margin-bottom:18px;line-height:1.45}.hero-play{margin-top:0}.info-chips{display:grid;grid-template-columns:1fr;gap:10px}.info-chips>span{min-width:0}.game-taxonomy-details{margin-top:20px}}

/* v1.6.5 — Google Sans, reliable theme switch and category dropdown shade */
.nav-dropdown-shade{position:fixed;left:0;right:0;top:68px;bottom:0;background:rgba(17,19,26,.48);backdrop-filter:none;z-index:70;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.nav-dropdown-shade.open{opacity:1;visibility:visible}.site-header{z-index:80}.nav-dropdown{z-index:82}.nav-dropdown.open .nav-dropdown-toggle{background:#fff;box-shadow:0 5px 16px rgba(17,19,26,.12)}body.dark .nav-dropdown.open .nav-dropdown-toggle{background:#242c35;color:#fff}.nav-dropdown-menu{z-index:83}

/* v1.6.6 — consistent overlays, taxonomy polish and subtler hover */
.gb-search-modal,.quit-confirm,.nav-dropdown-shade,.gb-page-loader{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.editorial-image:hover{transform:scale(1.012);box-shadow:0 10px 24px rgba(0,0,0,.14)}
.editorial-play-button:hover,.editorial-image:hover .editorial-play-button:hover{background:var(--yolk,#ffc928);color:#11131a}
.editorial-play-button{transition:background-color .22s ease,color .22s ease,transform .22s ease}
.category-cards a{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.category-cards a:hover{transform:scale(1.025);box-shadow:0 10px 22px rgba(0,0,0,.12);z-index:2}
.tax-crumbs{margin:0 0 28px}.tax-crumbs a{text-decoration:underline;font-weight:650}.archive-title>div:first-child{min-width:0}.archive-teaser{margin:14px 0 0;color:var(--muted);font-size:16px;line-height:1.5;max-width:700px}.more-categories{margin-top:50px}.more-categories h2{font-size:28px;margin:0 0 28px}.more-categories .category-cards{margin-bottom:38px}.more-categories .category-cards a{min-height:94px}.more-categories .category-cards .gb-category-svg{margin:0}.more-categories .category-cards>a:not(:has(.gb-category-svg)){font-size:28px}
body.dark .archive-teaser{color:#aeb7c2}
@media(max-width:650px){.tax-crumbs{margin-bottom:18px}.archive-teaser{font-size:14px}.more-categories{margin-top:34px}.more-categories h2{font-size:24px}.category-cards a:hover{transform:none}}


/* v1.6.7 — taxonomy header cleanup, breadcrumb hover, Play hover */
.editorial-image:hover .editorial-play-button{background:var(--yellow,#ffc928)!important;color:#11131a!important}
.editorial-image:hover .editorial-play-button svg{color:#11131a!important;stroke:currentColor!important}
.crumbs a,.tax-crumbs a{transition:color .2s ease,text-decoration-color .2s ease;text-decoration-color:currentColor}
.crumbs a:hover,.tax-crumbs a:hover{color:inherit;text-decoration-color:var(--yellow,#ffc928)!important}
.archive-title{align-items:flex-start}
.tax-crumbs span{color:var(--muted)}
body.dark .tax-crumbs span{color:#aeb7c2}

/* v1.6.9 — sidebar icon-pill hover inspired by the supplied reference */
.gb-sidebar a,.gb-sidebar .side-link{background:transparent!important;box-shadow:none!important;transition:color .2s ease}
.gb-sidebar a b,.gb-sidebar .side-link b{width:46px;height:34px;margin:0 auto;display:grid;place-items:center;border-radius:999px;transition:background-color .2s ease,color .2s ease,transform .2s ease}
.gb-sidebar a:hover b,.gb-sidebar .side-link:hover b{background:#e7e9ec;color:#11131a;transform:translateY(-1px)}
.gb-sidebar a:hover,.gb-sidebar .side-link:hover{color:#11131a}
.gb-sidebar .side-active{background:transparent!important;color:#11131a}
.gb-sidebar .side-active b{background:var(--yolk-soft,#fff2c7);color:#11131a}
.gb-sidebar .side-active:hover b{background:var(--yolk-soft,#fff2c7)}
.gb-sidebar .gb-category-svg{transition:filter .2s ease,opacity .2s ease,transform .2s ease}
.gb-sidebar a:hover .gb-category-svg,.gb-sidebar .side-link:hover .gb-category-svg{filter:brightness(0) saturate(100%);transform:scale(1.06)}
.gb-sidebar .side-active .gb-category-svg{filter:brightness(0) saturate(100%)}
body.dark .gb-sidebar a:hover,body.dark .gb-sidebar .side-link:hover{background:transparent!important;color:#fff}
body.dark .gb-sidebar a:hover b,body.dark .gb-sidebar .side-link:hover b{background:#2a333d;color:#fff}
body.dark .gb-sidebar .side-active b{background:#4a3a08;color:#ffd75a}
body.dark .gb-sidebar a:hover .gb-category-svg,body.dark .gb-sidebar .side-link:hover .gb-category-svg,body.dark .gb-sidebar .side-active .gb-category-svg{filter:brightness(0) invert(1)}

/* v1.6.10 — compact mobile header + higher mobile game hero */
@media(max-width:650px){
  .topbar{padding-left:14px;padding-right:14px;gap:12px}
  .brand{flex:1 1 auto;min-width:0;overflow:hidden}
  .brand .gb-logo-img{max-width:100%;height:auto;object-fit:contain;object-position:left center}
  .search{flex:0 0 42px;width:42px;max-width:42px;height:42px;margin-left:auto;padding:0;border:0;background:transparent;border-radius:50%;overflow:visible}
  .search-placeholder,.search-mini-icon{display:none}
  .search-action{width:42px;height:42px;margin:0;border-radius:50%;background:var(--purple);color:#111;box-shadow:none}
  .search-action svg{width:19px;height:19px}
  .mobile-toggle{flex:0 0 38px;width:38px;height:42px;padding:0}
  .single-game-banner{min-height:430px}
  .single-banner-content{width:calc(100% - 40px);padding:120px 0 24px}
  .single-game-banner .crumbs{margin-bottom:14px}
  .single-game-banner h1{font-size:32px;margin-bottom:8px}
  .single-game-banner p{font-size:15px;margin-bottom:14px;line-height:1.4}
  .hero-play{padding:14px 22px}
}
@media(max-width:380px){
  .topbar{padding-left:10px;padding-right:10px;gap:8px}
  .brand .gb-logo-img{max-width:190px}
  .search{flex-basis:38px;width:38px;max-width:38px;height:38px}
  .search-action{width:38px;height:38px}
  .mobile-toggle{flex-basis:34px;width:34px}
  .featured-copy h1,.archive-title h1,.archive-title h2{font-size:34px;letter-spacing:-1.4px}
  .single-banner-content{width:calc(100% - 32px);padding-top:105px}
}
@media(max-width:340px){
  .brand .gb-logo-img{max-width:170px}
  .topbar{gap:6px}
  .featured-copy h1,.archive-title h1,.archive-title h2{font-size:31px}
}