/* BuniGames — bright, game-first mosaic design. */
:root{--bg:#79f2dd;--panel:#fff;--muted:#42677c;--line:rgba(0,45,77,.12);--violet:#176bff;--lime:#c8ff3d;--cyan:#2bd6c4;--navy:#002d4d;--mint:#79f2dd;--mint-soft:#d9fff7;--radius:20px;--shadow:0 12px 0 rgba(0,105,126,.08),0 18px 34px rgba(0,86,110,.14)}
body{background:var(--mint);color:var(--navy)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.18) 0 12%,transparent 12% 36%,rgba(0,135,155,.055) 36% 48%,transparent 48% 72%,rgba(255,255,255,.12) 72% 84%,transparent 84%) 0 0/310px 310px,linear-gradient(45deg,transparent 0 43%,rgba(0,140,160,.04) 43% 57%,transparent 57%) 50px 80px/240px 240px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:4px solid #ffdd57;outline-offset:3px}

/* Header */
.site-header{position:sticky;top:0;z-index:30;grid-template-columns:auto 1fr auto;gap:24px;min-height:76px;padding:10px max(18px,calc((100vw - 1240px)/2));border:0;background:rgba(121,242,221,.9);box-shadow:0 1px rgba(0,45,77,.07);backdrop-filter:blur(18px)}
.brand{gap:9px;padding:7px 12px 7px 8px;border-radius:15px;background:#fff;color:var(--navy);box-shadow:0 7px 20px rgba(0,75,101,.12);font-size:17px}
.brand>span:last-child>span{color:#176bff}.brand-mark{padding:7px;border-radius:9px;background:#176bff;box-shadow:none}.brand-mark i{width:7px;height:7px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){background:#c8ff3d}
.main-nav{justify-content:flex-start}.main-nav a{color:#174c68;font-size:13px;font-weight:850}.main-nav a:hover,.main-nav a.is-active{background:#fff;color:var(--navy);box-shadow:0 6px 18px rgba(0,75,101,.1)}
.header-actions{gap:8px}.search-box{width:clamp(210px,22vw,320px);height:46px;border:0;background:#fff;box-shadow:0 7px 20px rgba(0,75,101,.11)}.search-box:focus-within{border:0;box-shadow:0 0 0 4px rgba(23,107,255,.18),0 7px 20px rgba(0,75,101,.11)}.search-box input{color:var(--navy);font-weight:750}.search-box input::placeholder{color:#65899b}.search-box svg,.icon-button svg,.language-button svg{color:var(--navy)}.search-box kbd{border:0;background:#e8fbf7;color:#3b7085}
.language-button,.icon-button,.avatar{height:46px;border:0;border-radius:13px;background:#fff;color:var(--navy);box-shadow:0 7px 18px rgba(0,75,101,.1)}.avatar{width:46px;background:#176bff;color:#fff}.favorites-button.has-favorites svg{color:#ff4772;fill:#ff4772}

/* Home mosaic */
.site-main.playgrid-home{width:min(1280px,100%);padding:14px 20px 78px}
.mosaic-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:78px;gap:14px}
.welcome-tile{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;overflow:hidden;border-radius:20px;background:#fff;box-shadow:var(--shadow)}
.welcome-symbol{position:absolute;align-self:flex-end;top:16px;display:grid;grid-template-columns:repeat(2,9px);gap:3px;padding:9px;border-radius:11px;background:#176bff;transform:rotate(5deg)}.welcome-symbol i{width:9px;height:9px;border-radius:2px;background:#fff}.welcome-symbol i:nth-child(2),.welcome-symbol i:nth-child(3){background:#c8ff3d}.welcome-kicker{color:#176bff;font-size:9px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.welcome-tile h1{margin:5px 0 3px;font-size:clamp(30px,3vw,45px);line-height:.77;letter-spacing:-.075em}.welcome-tile p{margin:7px 0 0;color:#557b8e;font-size:10px;font-weight:750}
.mosaic-card{min-height:0;padding:0;border-radius:20px;background:#fff;box-shadow:var(--shadow)}.mosaic-card.tile-hero{grid-column:span 4;grid-row:span 4}.mosaic-card.tile-tall{grid-column:span 3;grid-row:span 3}.mosaic-card.tile-wide{grid-column:span 3;grid-row:span 2}.mosaic-card.tile-square{grid-column:span 2;grid-row:span 2}
.mosaic-card::before{z-index:1;background:linear-gradient(180deg,transparent 48%,rgba(0,24,45,.78))}.mosaic-card::after{z-index:3;border:3px solid rgba(255,255,255,.55)}.mosaic-card .game-art{object-fit:cover}.mosaic-card .card-info{left:15px;right:58px;bottom:14px;opacity:0;transform:translateY(8px);transition:.22s}.mosaic-card:hover .card-info,.mosaic-card:focus-visible .card-info{opacity:1;transform:none}.mosaic-card .card-info strong{font-size:15px}.mosaic-card .card-info small{font-size:10px}.mosaic-card .play-button{right:13px;bottom:13px;z-index:2;width:39px;height:39px;opacity:0;background:#fff;color:var(--navy);transform:scale(.8)}.mosaic-card:hover .play-button,.mosaic-card:focus-visible .play-button{opacity:1;transform:none}.mosaic-card .card-badge{left:12px;top:12px;padding:6px 9px;border:0;background:#fff;color:var(--navy);box-shadow:0 6px 16px rgba(0,42,66,.18)}.mosaic-card .card-badge.hot{background:#ff4772;color:#fff}.game-card:hover{transform:translateY(-4px) scale(1.012);box-shadow:0 15px 0 rgba(0,105,126,.07),0 24px 45px rgba(0,86,110,.18)}

.welcome-tile{position:relative}.mosaic-card .card-info{position:absolute}

.utility-tile{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-width:0;padding:16px;border:0;border-radius:20px;text-align:left;cursor:pointer;box-shadow:var(--shadow);transition:.22s}.utility-tile:hover{transform:translateY(-4px)}.utility-tile>span{position:absolute;align-self:flex-end;top:15px;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;font-size:19px;font-weight:950}.utility-tile strong{font-size:16px}.utility-tile small{margin-top:3px;font-size:9px;font-weight:750;opacity:.72}.surprise-tile{position:relative;background:#176bff;color:#fff}.surprise-tile>span{background:#c8ff3d;color:var(--navy)}.all-games-tile{position:relative;background:var(--navy);color:#fff}.all-games-tile>span{background:#fff;color:#176bff}.all-games-tile small{color:#b6d7e2}

/* Home navigation and sections */
.home-toolbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin:22px 0 58px;padding:16px 18px;border-radius:19px;background:#fff;box-shadow:0 10px 28px rgba(0,86,110,.12)}.home-toolbar>div:first-child{display:flex;flex-direction:column;min-width:190px}.home-toolbar>div:first-child span{color:#628495;font-size:10px;font-weight:800}.home-toolbar>div:first-child strong{font-size:15px}.home-toolbar .category-strip{margin:0;padding:0}.category-pill{padding:9px 13px;border:0;background:#e4fbf6;color:#174d68;font-size:11px;box-shadow:none}.category-pill:hover,.category-pill.is-active{border:0;background:#176bff;color:#fff;transform:none}.browse-all{display:flex;align-items:center;gap:7px;color:#176bff;font-size:12px;font-weight:900;white-space:nowrap}.browse-all span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eaf0ff}
.eyebrow{color:#14526c}.eyebrow i{background:#176bff;box-shadow:none}.section-heading{align-items:center}.section-heading h2{color:var(--navy);font-size:clamp(31px,4vw,50px)}.section-heading>a{color:#124b66}.section-heading>a span{background:#fff;color:#176bff}.catalog-section,.new-section{margin-bottom:72px}
.catalog-grid{gap:14px}.catalog-card,.mini-card{border:3px solid rgba(255,255,255,.7);box-shadow:var(--shadow);background:#fff}.catalog-card{min-height:290px}.catalog-card::before,.mini-card::before{z-index:1;background:linear-gradient(180deg,transparent 42%,rgba(0,28,49,.78))}.catalog-card>img,.mini-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.3s}.catalog-card:hover>img,.mini-card:hover>img{transform:scale(1.05)}.catalog-card>span:last-child,.mini-card>span:last-child,.rank{z-index:2}.rank{padding:6px 8px;border-radius:9px;background:#fff;color:var(--navy);opacity:1}.catalog-card strong,.mini-card strong{color:#fff}.catalog-card small,.mini-card small{color:rgba(255,255,255,.8)}.mini-card{min-height:205px}.carousel-controls button{border:0;background:#fff;color:var(--navy);box-shadow:0 6px 18px rgba(0,75,101,.11)}
.recent-section{margin:0 0 64px}.recent-card{border:0;background:#fff;color:var(--navy);box-shadow:0 8px 22px rgba(0,75,101,.1)}.recent-card:hover{border:0;background:#fff}.recent-card small{color:#5e8192}.recent-card i{background:#176bff;color:#fff}.text-button{color:#164d68}.search-feedback{margin:-38px 0 52px;border:0;background:#fff;color:#52798b;box-shadow:0 8px 22px rgba(0,75,101,.1)}.search-feedback strong{color:var(--navy)}.search-feedback span{color:#176bff}.no-results{color:var(--navy)}.no-results p{color:#476d80}
.creator-cta{min-height:420px;border:4px solid rgba(255,255,255,.32);border-radius:26px;background:linear-gradient(120deg,#086cde,#224be8 60%,#713ee7);box-shadow:0 18px 0 rgba(0,81,144,.09),0 30px 65px rgba(0,75,140,.2)}.creator-cta h2 em{color:#c8ff3d}.creator-cta p{color:rgba(255,255,255,.82)}.cta-button{background:#fff;color:#064064}.planet{background:radial-gradient(circle at 35% 25%,#fff,#c8ff3d 36%,#39b95c);box-shadow:0 30px 60px rgba(0,27,91,.25)}

body.is-searching .welcome-tile,body.is-searching .utility-tile{display:none}

/* Footer and modal */
.site-footer{border:0;background:var(--navy);color:#fff}.site-footer .brand{width:max-content;background:#fff;color:var(--navy)}.footer-brand p,.footer-links a,.footer-bottom{color:#9bc4d3}.footer-links a:hover{color:#fff}.footer-bottom{border-color:rgba(255,255,255,.12)}
.modal-backdrop{background:rgba(0,45,77,.62);backdrop-filter:blur(12px)}.modal-panel{border:5px solid #fff;border-radius:26px;background:#fff;box-shadow:0 35px 90px rgba(0,48,75,.35)}.modal-stage{background:#28cfc1}.modal-stage::before{background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px)}.modal-close{border:0;background:#fff;color:var(--navy)}.modal-content{color:var(--navy)}.modal-content p{color:#53778a}.modal-meta span{border:0;background:#e8fbf7;color:#285a70}.launch-button{background:#176bff;color:#fff}.launch-button span{background:#fff;color:#176bff}.modal-favorite{border:0;background:#e8fbf7;color:var(--navy)}.modal-favorite.is-saved{background:#ffe6ed;color:#ff4772}.modal-status{border:0;background:#fff;color:var(--navy)}
.playgrid-toast{border:0;background:var(--navy);box-shadow:0 15px 40px rgba(0,45,77,.3)}

/* Archive, player, forms and editorial pages */
.content-shell{color:var(--navy)}.pg-page-hero{border:0;background:radial-gradient(circle at 84% 20%,rgba(200,255,61,.38),transparent 24%),linear-gradient(135deg,#176bff,#0d4fbf 58%,#003f72);box-shadow:0 16px 0 rgba(0,81,144,.08),0 25px 55px rgba(0,75,140,.15)}.pg-page-hero h1,.pg-page-hero .wp-block-query-title,.pg-page-hero>p:last-child{color:#fff}.pg-page-hero>span,.pg-page-hero>p:first-child{color:#c8ff3d}.pg-content-card{border:0;background:#fff;color:var(--navy);box-shadow:0 16px 0 rgba(0,105,126,.07),0 24px 55px rgba(0,86,110,.14)}.pg-content-card::before{background:radial-gradient(circle,rgba(23,107,255,.12),transparent 68%)}.pg-content-card p,.pg-content-card li{color:#466c80}.pg-content-card a:not(.wp-element-button){color:#176bff}
.pg-library-toolbar{padding:12px;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(0,75,101,.1)}.pg-library-toolbar input{border:0;background:#e7fbf7;color:var(--navy)}.pg-library-toolbar input:focus{border:0;box-shadow:0 0 0 4px rgba(23,107,255,.15)}.pg-category-links a{border:0;background:#e7fbf7;color:#24586e}.pg-category-links a:hover,.pg-category-links a.is-current{background:#176bff;color:#fff}.pg-dynamic-grid{gap:16px}.pg-dynamic-card{color:var(--navy)}.pg-card-visual{border:3px solid rgba(255,255,255,.75);border-radius:20px;background:linear-gradient(145deg,var(--card-accent),#1c6ce4);box-shadow:var(--shadow)}.pg-card-visual::after{background:linear-gradient(180deg,transparent 60%,rgba(0,36,62,.35))}.pg-card-copy small{color:#416b7e}.pg-card-play{background:#fff;color:#176bff}.pg-library-empty{color:var(--navy)}
.pg-player-page{color:var(--navy)}.pg-player-topline{color:#174e68}.pg-player-topline span{border:0;background:#fff;box-shadow:0 5px 14px rgba(0,75,101,.08)}.pg-player-shell{border:5px solid #fff;border-radius:24px;background:#fff;box-shadow:0 20px 0 rgba(0,105,126,.08),0 34px 70px rgba(0,70,100,.19)}.pg-player-toolbar{border:0;background:#fff;color:var(--navy)}.pg-player-toolbar button{border:0;background:#e3fbf5;color:var(--navy)}.pg-game-info h1,.pg-section-title h2{color:var(--navy)}.pg-kicker,.pg-section-title span{color:#176bff}.pg-game-description{color:#315f75}.pg-game-info aside{border:0;background:#fff;color:#416a7d;box-shadow:0 10px 25px rgba(0,75,101,.1)}.pg-game-info aside strong{color:var(--navy)}
.pg-form{border:0;background:#fff;box-shadow:0 12px 0 rgba(0,105,126,.06),0 22px 45px rgba(0,75,101,.12)}.pg-form label{color:var(--navy)}.pg-form input,.pg-form select,.pg-form textarea{border:2px solid transparent;background:#e9fbf7;color:var(--navy)}.pg-form input:focus,.pg-form select:focus,.pg-form textarea:focus{border-color:#176bff;box-shadow:none}.pg-submit{background:#176bff;color:#fff}.pg-faq details{border:0;background:#effcf9;color:var(--navy)}.pg-faq p{color:#466d80}.pg-form-notice.is-success{background:#fff;color:#08784c}.pg-form-notice.is-error{background:#fff;color:#c72d4f}
.pg-search-result{border:0;background:#fff;box-shadow:0 8px 22px rgba(0,75,101,.09)}.pg-search-result p{color:#4b7183}.pg-error-page{color:var(--navy)}.pg-error-page>p:first-of-type{color:#176bff}.pg-error-page>p:last-of-type{color:#466d80}.pg-error-page form{border:0;background:#fff;box-shadow:0 8px 24px rgba(0,75,101,.11)}.pg-error-page input{color:var(--navy)}.pg-error-page button{background:#176bff;color:#fff}.pg-consent{border:0;background:rgba(0,45,77,.96)}.pg-consent a{color:#c8ff3d}.pg-consent button{background:#fff;color:var(--navy)}

/* Responsive */
@media(max-width:1100px){.site-header{padding-inline:18px}.mosaic-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.main-nav{display:none}.home-toolbar{grid-template-columns:1fr auto}.home-toolbar .category-strip{grid-column:1/-1;grid-row:2}.catalog-grid{grid-template-columns:repeat(3,1fr)}.catalog-card:nth-child(n+4){display:flex}}
@media(max-width:700px){body{padding-bottom:74px}.site-header{grid-template-columns:auto 1fr auto;gap:8px;padding:8px 10px}.site-header .brand{padding:6px}.site-header .brand>span:last-child{display:none}.search-box{width:100%;height:44px}.search-box kbd,.favorites-button,.language-button{display:none}.avatar{width:44px;height:44px}.site-main.playgrid-home{padding:8px 10px 96px}.mosaic-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:76px;gap:10px}.welcome-tile{grid-column:span 2;grid-row:span 2;padding:13px;border-radius:16px}.welcome-symbol{top:13px}.welcome-tile h1{font-size:34px}.mosaic-card{border-radius:16px}.mosaic-card.tile-hero{grid-column:span 4;grid-row:span 3}.mosaic-card.tile-tall{grid-column:span 2;grid-row:span 3}.mosaic-card.tile-wide,.mosaic-card.tile-square{grid-column:span 2;grid-row:span 2}.mosaic-card .card-info{display:flex;left:10px;right:10px;bottom:9px;opacity:1;transform:none}.mosaic-card .card-info small,.mosaic-card .play-button{display:none}.mosaic-card .card-info strong{font-size:12px}.mosaic-card .card-badge{left:9px;top:9px}.home-toolbar{display:flex;align-items:stretch;flex-direction:column;gap:12px;margin:14px 0 48px;padding:14px}.home-toolbar>div:first-child{min-width:0}.home-toolbar .category-strip{width:100%}.browse-all{align-self:flex-end}.section-heading h2{font-size:32px}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:10px}.catalog-card{min-height:225px}.catalog-card:nth-child(n+4){display:flex}.new-grid{gap:10px}.mini-card{min-height:165px}.creator-cta{border-width:3px}.mobile-dock{border:0;background:rgba(255,255,255,.94);box-shadow:0 12px 34px rgba(0,70,100,.2)}.mobile-dock a,.mobile-dock button{color:#557b8d}.mobile-dock .is-active{color:#176bff}.modal-panel{border-width:3px}.modal-content{background:#fff}.content-shell.pg-standard-page,.content-shell.pg-library-page,.content-shell.pg-search-page{padding-top:18px}.pg-player-shell{border-width:3px}.site-footer{padding-bottom:100px}}
@media(max-width:700px){.site-header{grid-template-columns:auto 1fr}.header-actions{min-width:0}.search-box{flex:1;width:auto;min-width:0}}
@media(max-width:420px){.mosaic-grid{grid-auto-rows:70px}.welcome-tile h1{font-size:31px}.welcome-kicker{font-size:8px}.mosaic-card.tile-hero{grid-row:span 3}.catalog-card{min-height:205px}}
@media(prefers-reduced-motion:reduce){.mosaic-card,.catalog-card,.mini-card{transform:none!important}}