:root{--var-canvas:#e8f0f3;--var-ink:#263e4c;--var-accent:#b85539;--var-muted:#566e7b;--var-line:#d3dfe5;--var-surface:#fff;font-family:'Segoe UI',Arial,sans-serif;color:var(--var-ink);background:var(--var-canvas);font-synthesis:none}
*{-moz-box-sizing:border-box;box-sizing:border-box}
body{margin:0;font-size:16px;line-height:1.6}
button,input,select,textarea{font:inherit;color:inherit}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
a{color:inherit;text-decoration:none}
a:hover{color:var(--var-accent)}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.6}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--var-accent);outline-offset:4px}
button:active,a:active{-webkit-transform:translateY(1px);transform:translateY(1px)}
[hidden]{display:none!important}
img{display:block;max-width:100%}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(30px,3vw,44px);line-height:1.18;letter-spacing:-1.2px;font-weight:650}
h2{font-size:27px;line-height:1.3;letter-spacing:-.5px;font-weight:650}
h3{font-size:21px;line-height:1.4;font-weight:650}
.var-wrap{width:min(100% - 80px,1160px);margin-inline:auto;min-width:0}
.var-skip-link{position:fixed;top:8px;left:12px;padding:12px 20px;background:#fff;z-index:20;-webkit-transform:translateY(-160%);transform:translateY(-160%)}
.var-skip-link:focus{-webkit-transform:none;transform:none}
.var-header{position:relative;z-index:5;border-bottom:1px solid color-mix(in srgb,var(--var-line),transparent 40%)}
.var-header-row{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;gap:42px;min-height:94px}
.var-brand,.var-foot-brand{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;gap:12px;font-size:19px;font-weight:750;letter-spacing:1.6px;text-transform:uppercase}
.var-brand{max-width:35%;overflow-wrap:anywhere}
.var-dot-mark{display:grid;grid-template-columns:repeat(2,8px);gap:3px;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;flex:none}
.var-dot-mark i{width:8px;height:8px;border-radius:50%;background:var(--var-accent)}
.var-dot-mark i:first-child{opacity:.6}
.var-primary-nav{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;gap:28px;font-size:14px}
.var-primary-nav a,.var-menu-trigger{padding:10px 0;white-space:nowrap}
.var-menu-trigger{border:0;background:none}
.var-menu-trigger[aria-expanded=true]{color:var(--var-accent)}
.var-search-form{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;background:#f8fbfd;border:1px solid var(--var-line);border-radius:7px;max-width:320px;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1;margin-left:auto;min-width:160px}
.var-search-form input{background:none;border:0;outline-offset:0;width:100%;min-width:0;padding:11px 12px 11px 2px;font-size:14px}
.var-search-form button{background:none;border:0;font-size:24px;padding:2px 12px}
.var-genre-panel{position:absolute;top:-webkit-calc(100% - 5px);top:calc(100% - 5px);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:min(100% - 48px,760px);padding:24px;background:#fff;border:1px solid var(--var-line);border-radius:10px;box-shadow:0 16px 35px #263e4c14;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;gap:10px;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.var-filter-link{padding:8px 16px;border:1px solid var(--var-line);background:#f8fbfc;border-radius:5px;font-size:14px}
.var-filter-link:hover,.var-filter-link[aria-current=page]{background:var(--var-ink);color:#fff;border-color:var(--var-ink)}
.var-intro{padding:46px 0 30px;text-align:center}
.var-intro h1{margin-bottom:12px}
.var-intro p{color:var(--var-muted);margin:0;font-size:17px}
.var-section{padding:36px 0 52px}
.var-section-heading{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;-moz-box-align:baseline;align-items:baseline;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;gap:20px;margin-bottom:26px}
.var-section-heading h2{margin:0}
.var-section-heading p{margin:7px 0 0;color:var(--var-muted);font-size:14px}
.var-see-all{font-size:14px;color:var(--var-accent);white-space:nowrap;padding:10px 0}
.var-see-all span{margin-left:8px}
.var-game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.var-game-tile{padding:0;border:1px solid #dce5e9;border-radius:9px;background:var(--var-surface);text-align:left;overflow:hidden;min-width:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-transition:box-shadow .18s,border-color .18s,-webkit-transform .18s;transition:box-shadow .18s,border-color .18s,-webkit-transform .18s;transition:box-shadow .18s,transform .18s,border-color .18s;transition:box-shadow .18s,transform .18s,border-color .18s,-webkit-transform .18s}
.var-game-tile:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);border-color:#a4bbc7;box-shadow:0 8px 18px #263e4c0b}
.var-game-tile img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;background:#d8e3e8}
.var-tile-caption{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;gap:5px;padding:15px 17px 17px}
.var-tile-caption strong{font-size:16px;line-height:1.4;font-weight:650;overflow-wrap:anywhere}
.var-tile-caption small{font-size:12px;color:var(--var-muted);line-height:1.4}
.var-image-failed{opacity:.45}
.var-action{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;gap:14px;min-height:46px;padding:12px 24px;border:1px solid var(--var-accent);border-radius:6px;background:var(--var-accent);color:#fff;font-size:15px;font-weight:600}
.var-action:hover{-webkit-filter:brightness(.92);filter:brightness(.92);color:#fff}
.var-action-secondary{background:transparent;border-color:var(--var-line);color:var(--var-ink)}
.var-action-secondary:hover{background:#fff;color:var(--var-ink);-webkit-filter:none;filter:none}
.var-small-label{font-size:12px;text-transform:uppercase;letter-spacing:1.8px;color:var(--var-muted)}
.var-empty{padding:48px 28px;background:#fff;border:1px solid var(--var-line);border-radius:9px;text-align:center;margin:24px 0}
.var-empty p{color:var(--var-muted)}
.var-feedback{font-size:14px;overflow-wrap:anywhere;color:var(--var-muted)}
.var-footer{margin-top:48px;border-top:1px solid var(--var-line);padding:35px 0 24px}
.var-footer-row{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;gap:30px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}
.var-footer-links{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:26px;font-size:14px}
.var-copyright{font-size:12px;color:var(--var-muted);margin:22px 0 0}
.var-back-link{display:inline-block;color:var(--var-muted);font-size:14px;padding:8px 0;margin-bottom:24px}
.var-back-link:hover{color:var(--var-accent)}
.var-about-copy{max-width:650px;text-align:center;color:var(--var-muted);margin:24px auto 48px;font-size:15px}
.var-ad-frame{margin:16px auto;width:100%;padding:12px 0;background:#dbe4e8;border:1px solid #d2dde2;border-radius:6px}
.var-ad-slot{display:grid;place-items:center;margin-inline:auto;min-height:250px;max-width:300px;width:100%}
.var-ad-label{text-align:center;font-size:10px;letter-spacing:1.8px;color:#576d79;margin:0 0 8px}
@media(max-width:1050px){.var-wrap{width:-webkit-calc(100% - 48px);width:calc(100% - 48px)}.var-header-row{gap:24px;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:18px 0}.var-primary-nav{gap:18px}.var-search-form{max-width:280px}.var-game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.var-section{padding:32px 0 44px}.var-intro{padding-top:36px}.var-footer-links{gap:18px}}
@media(max-width:480px){body{font-size:15px}.var-wrap{width:-webkit-calc(100% - 36px);width:calc(100% - 36px)}.var-header-row{gap:16px;min-height:0;padding:19px 0}.var-brand{font-size:16px;max-width:50%;letter-spacing:1.1px}.var-primary-nav{gap:16px;margin-left:auto;font-size:12px}.var-primary-nav>a:first-child{display:none}.var-search-form{-webkit-flex-basis:100%;flex-basis:100%;max-width:none;margin:0;-webkit-box-ordinal-group:4;-webkit-order:3;-moz-box-ordinal-group:4;order:3}.var-search-form input{padding-block:10px}.var-genre-panel{padding:16px;gap:8px}.var-filter-link{padding:8px 12px;font-size:13px}.var-intro{text-align:left;padding:32px 0 24px}.var-intro h1{font-size:31px;letter-spacing:-.8px}.var-intro p{font-size:15px;line-height:1.65}.var-section{padding:28px 0 40px}.var-section-heading{gap:12px;margin-bottom:20px}.var-section-heading h2{font-size:23px}.var-section-heading p{font-size:13px;max-width:230px}.var-see-all{font-size:13px}.var-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.var-game-tile{border-radius:8px}.var-game-tile img{aspect-ratio:1.25}.var-tile-caption{padding:12px 11px 14px;gap:6px}.var-tile-caption strong{font-size:14px}.var-tile-caption small{font-size:11px}.var-footer{margin-top:24px;padding-top:28px}.var-footer-row{-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;gap:24px}.var-footer-links{gap:24px}.var-copyright{font-size:11px}.var-action{min-height:46px}.var-about-copy{text-align:left;font-size:14px}.var-ad-frame{padding:10px 0}.var-back-link{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{-webkit-animation:none!important;animation:none!important;-webkit-transition:none!important;transition:none!important;scroll-behavior:auto!important}}

.var-browse-section{padding:24px 0 40px}.var-browse-heading{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;align-items:flex-end;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;gap:30px;margin-bottom:28px}.var-browse-heading h1{margin-bottom:15px;overflow-wrap:anywhere}.var-browse-heading p{margin-bottom:0}.var-browse-heading .var-small-label{margin-bottom:12px}.var-sort-label{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;gap:12px;white-space:nowrap;font-size:13px;padding-bottom:8px}.var-sort-label select{padding:10px 34px 10px 14px;border:1px solid var(--var-line);border-radius:6px;background:#fff;max-width:100%}.var-browse-filters{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:10px;padding:0 0 34px;margin-bottom:4px}.var-load-area{text-align:center;padding-top:38px}.var-load-area p{margin-bottom:16px}@media(max-width:1050px){.var-browse-heading{gap:20px}.var-browse-heading h1{font-size:34px}.var-browse-filters{gap:8px}}@media(max-width:480px){.var-browse-section{padding-top:18px}.var-browse-heading{-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;gap:20px}.var-browse-heading h1{font-size:30px}.var-sort-label{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between}.var-sort-label select{min-width:180px}.var-browse-filters{padding-bottom:28px}.var-browse-filters .var-filter-link{font-size:12px;padding:7px 10px}.var-load-area{padding-top:30px}.var-load-area button{width:100%}}