:root{--font-sans: "IBM Plex Sans", "Segoe UI", "Helvetica Neue", sans-serif;--font-display: "IBM Plex Sans", "Segoe UI", "Helvetica Neue", sans-serif;--bg: #f5f4f1;--bg-elev: #ffffff;--bg-elev-2: #f1f3f7;--text: #16191d;--text-muted: #5b6270;--line: #d8dee8;--line-strong: #b9c3d3;--primary: #245eb9;--primary-strong: #1d4d97;--accent: #d68a2a;--footer-bg: #cfdaf0;--shadow-soft: 0 8px 20px rgba(18, 24, 34, .06);--shadow-card: 0 16px 34px rgba(18, 24, 34, .12);--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px}:root[data-theme=dark]{--bg: #12161d;--bg-elev: #1a202a;--bg-elev-2: #202938;--text: #ebedf2;--text-muted: #a9b1c1;--line: #2f3a4d;--line-strong: #43516b;--primary: #68a0ff;--primary-strong: #4f88e8;--accent: #f1b866;--footer-bg: #202938;--shadow-soft: 0 10px 22px rgba(0, 0, 0, .28);--shadow-card: 0 16px 38px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-sans);color:var(--text);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-elev-2) 38%,var(--bg)) 0%,var(--bg) 24%),var(--bg);line-height:1.55;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}a{color:inherit}p{margin:0}button,select,input{font:inherit}::selection{background:color-mix(in srgb,var(--accent) 32%,transparent)}:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 65%,white 20%);outline-offset:2px}.ad-placeholder{border:1px dashed color-mix(in srgb,var(--line-strong) 70%,var(--line));border-radius:var(--radius-md);background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--bg-elev-2) 56%,transparent),color-mix(in srgb,var(--bg-elev-2) 56%,transparent) 14px,color-mix(in srgb,var(--bg-elev) 80%,transparent) 14px 28px);min-height:84px;padding:12px 14px;color:var(--text-muted);font-size:.86rem;display:grid;place-items:center;text-align:center}.ad-slot{width:100%;max-width:100%;min-width:0;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-elev);min-height:0;padding:0;display:grid;gap:0;overflow:hidden}.ad-slot-label{font-size:.62rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;text-align:center;padding:4px 8px 6px}.ad-slot-ins{width:100%;max-width:100%;min-width:0;min-height:90px;margin:0 auto}.ad-slot-ins iframe{width:100%!important;max-width:100%!important;min-width:0!important;display:block}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0ms!important;transition-duration:0ms!important}}.site-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.site-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg-elev-2) 82%,var(--bg) 18%);box-shadow:0 4px 14px #10141c14}.site-header-inner{width:min(1160px,calc(100% - 24px));margin:0 auto;height:48px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.brand-link{display:inline-flex;align-items:center;text-decoration:none}.brand-logo{margin-top:12px;display:block}.menu-toggle{width:34px;height:34px;border:1px solid var(--line);border-radius:4px;background:var(--bg-elev);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.gear-icon{font-size:18px;line-height:1}.mobile-menu-overlay{position:fixed;inset:0;z-index:40;background:#0a0e1685;opacity:0;transition:opacity .22s ease}.mobile-menu-drawer{margin-left:auto;width:min(340px,90vw);height:100%;background:var(--bg);border-left:1px solid var(--line);box-shadow:var(--shadow-card);padding:0;display:grid;grid-template-rows:auto auto 1fr;transform:translate(100%);transition:transform .22s ease;will-change:transform}.mobile-menu-overlay.is-open{opacity:1}.mobile-menu-overlay.is-open .mobile-menu-drawer{transform:translate(0)}.mobile-menu-overlay.is-closing{opacity:0}.mobile-menu-overlay.is-closing .mobile-menu-drawer{transform:translate(100%)}.drawer-header{height:48px;display:flex;justify-content:flex-end;align-items:center;padding:0 14px;background:color-mix(in srgb,var(--bg-elev-2) 82%,var(--bg) 18%);box-shadow:0 4px 14px #10141c14}.drawer-close{width:32px;height:32px;border:1px solid var(--line);border-radius:4px;background:var(--bg-elev);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.drawer-close span{font-size:20px;line-height:1}.header-controls{display:grid;gap:10px;padding:14px}.header-controls--mobile .theme-switcher,.header-controls--mobile .language-switcher{display:grid;gap:6px}.header-controls--mobile .theme-switcher .custom-select,.header-controls--mobile .language-switcher .custom-select{width:100%}.nav-link{text-decoration:none;color:var(--text-muted);border:1px solid transparent;border-radius:4px;background:transparent;padding:10px 9px;font-size:.92rem}.nav-link:hover{color:var(--text);border-color:var(--line);background:var(--bg-elev-2)}.nav-link.is-active{color:var(--text);border-color:var(--line-strong);background:var(--bg-elev-2)}.site-footer{width:100%;min-height:56px;margin:0;background:var(--footer-bg);overflow:hidden}.bottom-nav{width:100%;min-height:56px;margin:0 auto;padding:6px 10px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 10px}.footer-link{display:flex;flex:0 0 auto;align-items:center;justify-content:center;height:20px;font-size:.7rem;line-height:1.2;white-space:nowrap;color:color-mix(in srgb,var(--text) 78%,var(--text-muted) 22%);text-decoration:none;padding:0 8px}.footer-link.nav-link{border:none;background:transparent}.footer-link:hover{color:var(--text);border-color:transparent;background:transparent}.footer-link.nav-link.is-active{border:none;background:transparent;color:var(--text)}.site-main{width:min(1160px,calc(100% - 24px));margin:14px auto 48px}.back-link{display:inline-block;margin-bottom:14px;text-decoration:none;color:var(--text-muted)}@media(min-width:861px){.site-header-inner{width:min(1160px,calc(100% - 32px));height:64px}.menu-toggle{width:38px;height:38px}.drawer-header{height:64px}.drawer-close{width:38px;height:38px}.site-main{width:min(1160px,calc(100% - 32px));margin-top:22px}.site-footer{height:32px;min-height:32px}.bottom-nav{width:min(1160px,calc(100% - 32px));min-height:32px;height:32px;padding:0;flex-wrap:nowrap}.footer-link{height:32px}}.custom-select{position:relative;min-width:110px}.custom-select-trigger{width:100%;border:1px solid var(--line);border-radius:4px;background:var(--bg-elev);color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;cursor:pointer}.custom-select-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-select-arrow{color:var(--text-muted);font-size:.72rem;line-height:1}.custom-select-menu{position:absolute;z-index:40;top:calc(100% + 6px);left:0;right:0;border:1px solid var(--line);border-radius:6px;background:var(--bg-elev);box-shadow:var(--shadow-card);padding:4px;display:grid;gap:2px}.custom-select-option{width:100%;text-align:left;border:1px solid transparent;background:transparent;color:var(--text);border-radius:3px;padding:7px 8px;cursor:pointer}.custom-select-option:hover{background:var(--bg-elev-2)}.custom-select-option.is-selected{border-color:var(--line);background:var(--bg-elev-2)}.custom-select--compact{min-width:80px}.custom-select--compact .custom-select-trigger{padding:6px 8px}.theme-switcher{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--text-muted)}.theme-switcher .custom-select{min-width:90px}.language-switcher{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--text-muted)}.language-switcher .custom-select{min-width:128px}.home-page{display:grid;gap:14px}.home-header{display:grid;gap:8px}.home-kicker{margin:0;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:700}.home-title{margin:0;font-family:var(--font-sans);font-size:clamp(1.5rem,7vw,2.6rem);line-height:1.08}.home-subtitle{margin:0;color:var(--text-muted);max-width:64ch;font-size:.92rem;line-height:1.45}.home-filters{display:flex;flex-wrap:wrap;gap:8px}.home-filter-chip{display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:999px;background:var(--bg-elev);color:var(--text-muted);padding:6px 10px;font-size:.82rem;line-height:1;cursor:pointer;text-decoration:none}.home-filter-chip.is-active{color:var(--text);border-color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,var(--bg-elev-2))}.game-grid{display:grid;grid-template-columns:1fr;gap:10px}.game-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-elev);box-shadow:var(--shadow-soft);padding:12px;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:8px}.home-ad-slot{grid-column:1 / -1;width:100%;max-width:100%;min-width:0}.game-card-cover-link{display:block;text-decoration:none}.game-card-cover{width:100%;aspect-ratio:16 / 9;border-radius:3px;border:1px solid color-mix(in srgb,var(--line-strong) 60%,var(--line));background:linear-gradient(130deg,color-mix(in srgb,var(--primary) 22%,transparent),transparent 62%),linear-gradient(32deg,color-mix(in srgb,var(--accent) 18%,transparent),transparent 55%),var(--bg-elev-2);display:grid;place-items:end start;padding:0;overflow:hidden}.game-card-cover-image{width:100%;height:100%;object-fit:cover;display:block}.game-card-cover span{font-family:var(--font-sans);color:color-mix(in srgb,var(--text-muted) 70%,transparent);font-size:1.02rem;margin:8px}.game-card-meta{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.66rem;font-weight:700}.game-card-meta-row{display:flex;align-items:center;gap:8px}.game-card-title{margin:0;font-family:var(--font-sans);font-size:1.2rem;line-height:1.2}.game-card-title-link{text-decoration:none}.game-card-title-link:hover{color:var(--primary-strong)}.game-card-description{margin:0;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-card-actions{display:flex;align-items:end;justify-content:space-between;gap:8px}.game-card-link{text-decoration:none;border:1px solid var(--line-strong);border-radius:3px;background:var(--bg-elev-2);color:var(--text);padding:8px 10px;font-size:.9rem;line-height:1.2}.game-card-link:hover{border-color:var(--primary)}.game-card-play{text-decoration:none;border:1px solid var(--line-strong);border-radius:3px;background:var(--bg-elev-2);color:var(--text);padding:8px 10px;font-size:.9rem;line-height:1.2}.game-card-play:hover{border-color:var(--primary)}@media(min-width:700px){.home-page{gap:18px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-card{padding:14px;gap:10px}}@media(min-width:1080px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.game-card{min-height:318px}}.not-found-page{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);box-shadow:var(--shadow-soft);padding:clamp(24px,4vw,42px);text-align:center;display:grid;gap:12px;justify-items:center}.not-found-code{margin:0;font-size:.82rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted)}.not-found-title{margin:0;font-size:clamp(1.7rem,4vw,2.45rem);line-height:1.08}.not-found-subtitle{margin:0;max-width:58ch;color:var(--text-muted)}.not-found-actions{margin-top:4px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.not-found-link{text-decoration:none;border:1px solid var(--line-strong);border-radius:6px;padding:9px 13px;color:var(--text);background:var(--bg-elev-2);font-weight:600}.not-found-link--primary{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,var(--bg-elev))}.not-found-page .home-filters{margin-top:2px;justify-content:center}.game-info-page-shell{display:grid;gap:12px}.game-info-page{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);padding:clamp(20px,3vw,34px);box-shadow:var(--shadow-soft)}.page-title{margin:0;font-family:var(--font-sans);font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.08}.game-info-ad-slot{width:100%;max-width:100%;min-width:0;margin:0}.game-info-ad-slot--bottom{margin-top:8px;margin-bottom:6px}.page-lead{margin-top:12px;margin-bottom:14px;max-width:62ch;color:var(--text-muted);font-size:1.04rem}.game-info-box{border:1px solid color-mix(in srgb,var(--line-strong) 65%,var(--line));border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg-elev-2) 72%,transparent);padding:16px;margin:18px 0 24px}.game-info-box--section{margin:0 0 14px}.section-title{margin:0;font-size:1.08rem}.section-text{margin-top:8px;color:var(--text-muted);max-width:65ch}.game-info-list{margin:8px 0 0;padding-left:20px;color:var(--text-muted);max-width:70ch}.game-info-list li{margin:5px 0;line-height:1.55}.attribution-links{margin-top:10px}.attribution-links a{color:var(--primary)}.attribution-links a:hover{color:var(--primary-strong)}.start-button{display:inline-block;text-decoration:none;background:var(--primary);color:#fff;padding:10px 16px;border-radius:4px;transition:background-color .14s ease}.start-button:hover{background:var(--primary-strong)}.game-recommendations{margin-top:20px}.game-recommendation-grid{margin-top:12px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.game-recommendation-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-elev);padding:12px;display:grid;gap:8px}.game-recommendation-cover{width:100%;aspect-ratio:16 / 9;border-radius:8px;border:1px solid color-mix(in srgb,var(--line) 80%,var(--line-strong));overflow:hidden;background:color-mix(in srgb,var(--bg-elev-2) 78%,var(--bg));display:grid;place-items:center;color:var(--text-muted);font-weight:700}.game-recommendation-cover-image{width:100%;height:100%;object-fit:cover;display:block}.game-recommendation-card h3{margin:0;font-size:1rem}.game-recommendation-card p{margin:0;color:var(--text-muted);font-size:.86rem}.game-recommendation-actions{display:flex;gap:8px;flex-wrap:wrap}.game-recommendation-link{text-decoration:none;border:1px solid var(--line-strong);border-radius:4px;color:var(--text);background:var(--bg-elev-2);padding:7px 10px;font-size:.86rem}.game-recommendation-link--primary{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,var(--bg-elev-2))}.game-info-page-shell .play-recommendations{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);padding:14px;margin:0 0 14px}.game-info-page-shell .play-recommendation-grid{margin-top:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.game-info-page-shell .play-recommendation-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-elev-2);padding:12px;display:grid;gap:8px}.game-info-page-shell .play-recommendation-cover{width:100%;aspect-ratio:16 / 9;border-radius:8px;border:1px solid color-mix(in srgb,var(--line) 80%,var(--line-strong));overflow:hidden;background:color-mix(in srgb,var(--bg-elev-2) 78%,var(--bg));display:grid;place-items:center;color:var(--text-muted);font-weight:700}.game-info-page-shell .play-recommendation-cover-image{width:100%;height:100%;object-fit:cover;display:block}.game-info-page-shell .play-recommendation-card h3{margin:0;font-size:1rem}.game-info-page-shell .play-recommendation-card p{margin:0;color:var(--text-muted);font-size:.84rem}.game-info-page-shell .play-recommendation-actions{display:flex;gap:8px;flex-wrap:wrap}.game-info-page-shell .play-recommendation-link{text-decoration:none;border:1px solid var(--line-strong);border-radius:4px;background:var(--bg-elev);color:var(--text);padding:7px 10px;font-size:.86rem}.game-info-page-shell .play-recommendation-link--primary{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,var(--bg-elev))}.game-play-shell,.game-play-page{display:grid;gap:12px}.play-lead{margin:0;color:var(--text-muted);font-size:.96rem;line-height:1.5}.game-play-ad-slot{width:100%;max-width:100%;min-width:0}.play-module{--control-height: 42px;--control-radius: 6px;--control-border: color-mix(in srgb, var(--line-strong) 84%, var(--line));--control-bg: color-mix(in srgb, var(--bg-elev-2) 88%, var(--bg-elev));--control-bg-active: color-mix(in srgb, var(--primary) 16%, var(--bg-elev));--control-border-active: color-mix(in srgb, var(--primary) 62%, var(--line-strong));--control-focus-ring: color-mix(in srgb, var(--primary) 28%, transparent);display:grid;gap:12px}.play-toolbar{--toolbar-item-size: 62px;display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;width:100%}.score-box{min-width:92px;min-height:var(--toolbar-item-size);border:1px solid color-mix(in srgb,var(--line) 86%,var(--line-strong));border-radius:var(--control-radius);background:var(--bg-elev);padding:8px 10px;box-sizing:border-box;display:grid;gap:2px}.score-box span{color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.score-box strong{font-size:1.02rem;font-variant-numeric:tabular-nums;text-align:right}.play-action{min-height:var(--control-height);min-width:108px;border:1px solid var(--control-border);border-radius:var(--control-radius);background:var(--control-bg);color:var(--text);padding:8px 12px;font-size:.92rem;font-weight:600;line-height:1.2;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}.play-action:hover{border-color:var(--primary)}.play-action.is-on,.play-action[aria-pressed=true]{border-color:var(--control-border-active);background:var(--control-bg-active)}.play-action:focus-visible{outline:none;box-shadow:0 0 0 3px var(--control-focus-ring)}.play-action:disabled{opacity:.58;cursor:not-allowed}.play-action-ghost{background:transparent;color:var(--text-muted);border-color:color-mix(in srgb,var(--line) 88%,var(--line-strong))}.play-action-ghost:hover{border-color:color-mix(in srgb,var(--line-strong) 78%,var(--primary));color:var(--text)}@media(max-width:760px){.play-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.play-toolbar .score-box,.play-toolbar .play-action{min-width:0;width:100%}.play-action{min-width:0}}.play-action-icon{margin-left:auto;width:var(--toolbar-item-size);height:var(--toolbar-item-size);padding:0;display:grid;place-items:center;font-size:1.3rem;line-height:1}.play-hint{margin:0;color:var(--text-muted);font-size:.86rem}.play-placeholder{min-height:min(62vh,620px);border-radius:var(--radius-lg);border:2px dashed color-mix(in srgb,var(--line-strong) 76%,var(--line));background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--bg-elev-2) 60%,transparent),color-mix(in srgb,var(--bg-elev-2) 60%,transparent) 16px,color-mix(in srgb,var(--bg-elev) 78%,transparent) 16px 32px);display:grid;place-items:center;color:var(--text-muted);padding:28px;text-align:center;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 68%,transparent)}.play-recommendations{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);padding:14px}.play-recommendation-grid{margin-top:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.play-recommendation-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-elev-2);padding:12px;display:grid;gap:8px}.play-recommendation-cover{width:100%;aspect-ratio:16 / 9;border-radius:8px;border:1px solid color-mix(in srgb,var(--line) 80%,var(--line-strong));overflow:hidden;background:color-mix(in srgb,var(--bg-elev) 72%,var(--bg));display:grid;place-items:center;color:var(--text-muted);font-weight:700}.play-recommendation-cover-image{width:100%;height:100%;object-fit:cover;display:block}.play-recommendation-card h3{margin:0;font-size:1rem}.play-recommendation-card p{margin:0;color:var(--text-muted);font-size:.84rem}.play-recommendation-actions{display:flex;gap:8px;flex-wrap:wrap}.play-recommendation-link{text-decoration:none;border:1px solid var(--line-strong);border-radius:4px;background:var(--bg-elev);color:var(--text);padding:7px 10px;font-size:.86rem}.play-recommendation-link--primary{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,var(--bg-elev))}.article-page{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);padding:clamp(20px,3vw,36px);box-shadow:var(--shadow-soft)}.article-lead{margin-top:12px;color:var(--text-muted);line-height:1.7;max-width:76ch;font-size:.98rem}.article-sections{margin-top:20px;display:grid;gap:18px}.article-section h2{margin:0 0 8px;font-size:1.05rem;line-height:1.35}.article-text{margin-top:10px;color:var(--text-muted);line-height:1.75;max-width:72ch;font-size:.95rem}.article-section ul{margin:10px 0 0;padding-left:20px;color:var(--text-muted);max-width:72ch}.article-section li{margin:6px 0;line-height:1.6}.article-links{margin-top:10px;padding-left:20px;max-width:72ch}.article-links a{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.article-links a:hover{color:var(--primary-strong)}.article-note{margin-top:20px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elev-2);padding:10px 12px;color:var(--text-muted);font-size:.85rem;line-height:1.5}