:root {
--nv-bg:#0b0e14; --nv-panel:#10141b; --nv-card:#15191f; --nv-primary:#00d5e9;
--nv-secondary:#ff005b; --nv-tertiary:#ffc400; --nv-gradient-start:#00d5e9; --nv-gradient-end:#ff005b; --nv-text:#eaf1f8;
--nv-muted:#91a1b2; --nv-border:#252e39; --nv-heading:#fff;
--nv-header:rgba(0,0,0,0); --nv-header-sticky:#090d13;
--nv-menu-text:#a6b4c7; --nv-menu-hover:#00d5e9; --nv-menu-active:#ff005b;
--nv-submenu-bg:#151b24; --nv-submenu-text:#d8e3ef;
--nv-submenu-hover:#00d5e9; --nv-submenu-active:#ff005b;
--nv-sticky-links:#d8e3ef; --nv-mobile-icon:#fff;
--nv-link:#00d5e9; --nv-link-hover:#ff005b;
--nv-button:#00d5e9; --nv-button-text:#08121a;
--nv-button-alt:#242b36; --nv-button-alt-text:#eaf1f8;
--nv-tag-text:#00d5e9; --nv-tag-text-hover:#0b0e14;
--nv-tag-bg:#132d38; --nv-tag-bg-hover:#00d5e9;
--nv-select-bg:#00d5e9; --nv-select-text:#0b0e14;
--nv-author-bg:rgba(0,0,0,.15); --nv-author-text:#b5c3d3;
--nv-author-link:#00d5e9; --nv-sidebar-bg:#15191f;
--nv-sidebar-text:#cbd5e2; --nv-sidebar-link:#bdcbd9;
--nv-sidebar-hover:#00d5e9; --nv-sidebar-title:#fff;
--nv-sidebar-border:#00d5e9; --nv-footer-bg:rgba(0,0,0,0);
--nv-footer-text:#fff; --nv-footer-link:#fff; --nv-footer-hover:#00d5e9;
--nv-footer-title:#fff; --nv-footer-title-line:rgba(255,255,255,.25);
--nv-footer-widget-line:rgba(255,255,255,.25); --nv-footer-copyright:#fff;
--nv-footer-copyright-link:#fff; --nv-width:1200px; --nv-logo-width:160px;
--nv-logo-sticky-width:160px; --nv-grid-cols:5;
color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--nv-bg);color:var(--nv-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.55;min-width:320px}
::selection{background:var(--nv-select-bg);color:var(--nv-select-text)}
img,svg,video{max-width:100%;height:auto}
img{vertical-align:middle}
a{color:var(--nv-link);text-decoration:none;transition:color .18s ease}
a:hover{color:var(--nv-link-hover)}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--nv-primary);outline-offset:3px}
button:disabled{opacity:.5;cursor:not-allowed}
.sr-only,.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;white-space:nowrap!important;clip-path:inset(50%)!important}
.screen-reader-text:focus,.skip-link:focus{clip:auto!important;clip-path:none!important;width:auto!important;height:auto!important;overflow:visible!important;top:8px;left:8px;z-index:99999;background:var(--nv-button);color:var(--nv-button-text);padding:10px}
::placeholder{color:#7f8c9d;opacity:1}
[hidden]{display:none!important}
.site{min-height:100vh;display:flex;flex-direction:column}
.site-header{position:relative;z-index:100;border-bottom:1px solid var(--nv-border);background:var(--nv-header);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.nv-has-sticky .site-header{position:sticky;top:0}
.nv-has-sticky .site-header.is-scrolled{background:var(--nv-header-sticky);box-shadow:0 8px 28px rgba(0,0,0,.35)}
.header-inner{min-height:70px;display:flex;gap:clamp(12px,2.3vw,34px);padding:0 clamp(12px,2.5vw,38px);align-items:center}
.brand{display:inline-flex;gap:9px;align-items:center;min-width:0;flex-shrink:0;color:#fff;text-decoration:none!important}
.brand-emblem{display:grid;place-items:center;line-height:1;font-size:23px;font-weight:900;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,var(--nv-gradient-start),var(--nv-gradient-end));box-shadow:0 0 20px rgba(0,213,233,.24);color:#071016}
.brand-word{font-weight:900;text-transform:uppercase;letter-spacing:.075em;font-size:18px;line-height:1.05;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand:hover{color:#fff}
.brand-logo{object-fit:contain;max-width:var(--nv-logo-width);max-height:60px;width:auto;height:auto}
.brand-logo-sticky{display:none;max-width:var(--nv-logo-sticky-width);max-height:40px}
.is-scrolled .brand-logo-main{display:none}
.is-scrolled .brand-logo-sticky{display:block}
.primary-navigation{align-self:stretch;display:flex;align-items:stretch;min-width:0;flex:1}
.primary-menu,.primary-navigation .menu{list-style:none;display:flex;align-items:stretch;gap:5px;padding:0;margin:0}
.primary-navigation li{position:relative;display:flex;align-items:stretch}
.primary-navigation>ul>li>a,.primary-navigation>div>ul>li>a{color:var(--nv-menu-text);text-transform:uppercase;letter-spacing:.055em;font-size:11px;font-weight:900;display:flex;align-items:center;padding:0 15px;white-space:nowrap;position:relative}
.primary-navigation>ul>li>a::after,.primary-navigation>div>ul>li>a::after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:3px;background:var(--nv-secondary);transform:scaleX(0);transition:transform .2s ease;border-radius:3px 3px 0 0}
.primary-navigation>ul>li:hover>a,.primary-navigation>div>ul>li:hover>a{color:var(--nv-menu-hover)}
.primary-navigation>ul>li.current-menu-item>a,.primary-navigation>ul>li.current-menu-ancestor>a{color:var(--nv-menu-active)}
.primary-navigation>ul>li.current-menu-item>a::after,.primary-navigation>ul>li.current-menu-ancestor>a::after{transform:scaleX(1)}
.primary-navigation .sub-menu{position:absolute;z-index:50;top:100%;left:0;display:none;min-width:200px;box-shadow:0 15px 30px #0009;border:1px solid var(--nv-border);background:var(--nv-submenu-bg);padding:6px;list-style:none;margin:0}
.primary-navigation li:hover>.sub-menu,.primary-navigation li:focus-within>.sub-menu{display:block}
.nv-submenu-scroll .sub-menu{max-height:320px;overflow:auto}
.nv-submenu-scroll .sub-menu .sub-menu{display:none!important}
.primary-navigation .sub-menu li{display:block}
.primary-navigation .sub-menu li>a{display:block;padding:9px 12px;color:var(--nv-submenu-text);font-size:12px;font-weight:600;border-radius:5px}
.primary-navigation .sub-menu li>a:hover{color:var(--nv-submenu-hover);background:#ffffff0d}
.primary-navigation .sub-menu .current-menu-item>a{color:var(--nv-submenu-active)}
.header-tools{display:flex;gap:5px;align-items:center;margin-left:auto}
.icon-button{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--nv-border);border-radius:7px;color:var(--nv-menu-text);background:rgba(255,255,255,.025);font-size:21px;line-height:1}
.icon-button:hover,.icon-button:focus-visible{color:var(--nv-primary);border-color:var(--nv-primary)}
.header-social{font-size:14px;font-weight:900}
.nav-toggle{display:none;color:var(--nv-mobile-icon)}
.header-loader{width:15px;height:15px;border:2px solid var(--nv-primary);border-top-color:transparent;border-radius:50%;display:none}
.header-loader.is-loading{display:block;animation:nv-spin .72s linear infinite}
@keyframes nv-spin{to{transform:rotate(360deg)}}
.header-search-area{padding:12px clamp(12px,2.5vw,38px);background:var(--nv-submenu-bg);border-top:1px solid var(--nv-border)}
.header-search-area .search-form{max-width:500px;margin-left:auto}
.search-form{display:flex;gap:8px}
.search-form label{flex:1}
.search-field{width:100%;height:40px;padding:0 12px;border:1px solid var(--nv-border);border-radius:6px;background:var(--nv-panel);color:var(--nv-text)}
.search-submit,.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--nv-button);color:var(--nv-button-text);border:0;border-radius:6px;padding:10px 15px;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.search-submit:hover,.btn-primary:hover{filter:brightness(1.12);color:var(--nv-button-text)}
.announcement{min-height:40px;display:flex;align-items:center;justify-content:center;text-align:center;gap:20px;padding:7px 40px;background:linear-gradient(105deg,#0d4856,#192636 60%,#451125);border-bottom:1px solid var(--nv-primary);font-size:12px}
.announcement p{margin:0}.announcement-text a{color:var(--nv-tertiary)}
.announcement-close{border:0;background:#ffffff16;color:inherit;font-size:22px;line-height:1;width:24px;height:24px;border-radius:5px}
.layout-shell{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:stretch;flex:1;min-height:420px}
.navigation-rail{z-index:20;display:flex;flex-direction:column;align-items:center;gap:7px;border-right:1px solid var(--nv-border);background:rgba(12,16,23,.76);padding:16px 7px}
.navigation-rail>a,.rail-menu a{width:46px;min-height:45px;display:flex;justify-content:center;align-items:center;border:1px solid #ffffff0a;background:var(--nv-card);color:#8494a5;font-weight:900;font-size:18px;border-radius:7px;line-height:1;text-align:center}
.navigation-rail>a:hover,.rail-menu a:hover,.rail-menu .current-menu-item>a{background:#17343e;color:var(--nv-primary);border-color:#175b67}
.navigation-rail .rail-home{color:var(--nv-primary);box-shadow:inset 0 0 0 1px #00d5e91c}
.rail-menu{width:100%;padding:0;list-style:none;margin:0;display:flex;flex-direction:column;gap:7px}
.rail-menu li{margin:0}
.rail-menu a{font-size:10px;font-weight:800;padding:4px 3px;word-break:break-word}
.site-main{max-width:var(--nv-width);min-width:0;width:100%;padding:25px 20px 60px;margin:0 auto}
.listing-header{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:4px 0 21px}
.eyebrow{display:block;font-size:10px;font-weight:900;letter-spacing:.21em;color:var(--nv-primary);margin-bottom:5px}
.listing-title{font-size:clamp(22px,2.6vw,29px);color:var(--nv-heading);line-height:1.2;letter-spacing:-.025em;font-weight:850;margin:0}
.listing-caption{color:var(--nv-muted);font-size:11px;padding-bottom:3px;white-space:nowrap}
.filter-toolbar{display:flex;align-items:center;max-width:750px;margin:0 auto 22px;min-height:43px;background:#0a131c;border:1px solid #135766;border-radius:7px;box-shadow:0 0 15px #00d5e911;overflow:hidden}
.filter-toolbar select,.filter-toolbar input{min-width:0;height:42px;border:0;background:transparent;color:var(--nv-primary);font-size:11px;font-weight:750;outline-offset:-3px}
.filter-toolbar input{flex:1;padding:0 12px;min-width:80px;color:var(--nv-text)}
.filter-toolbar select{padding:0 8px;max-width:176px;cursor:pointer}
.filter-toolbar select option{background:#111c26;color:#fff}
.filter-toolbar #nv-filter-sort{border-left:1px solid #184551}
.filter-submit{align-self:stretch;padding:0 17px;border:0;background:#10343d;color:var(--nv-primary);font-size:11px;font-weight:900}
.filter-submit:hover{background:#154958}
.archive-description{margin-bottom:20px;color:var(--nv-muted)}
.archive-description p{margin:0 0 10px}
.post-grid{display:grid;grid-template-columns:repeat(var(--nv-grid-cols),minmax(0,1fr));gap:10px;align-items:stretch}
.game-card{background:var(--nv-card);border:1px solid transparent;border-radius:7px;min-width:0;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.game-card:hover{transform:translateY(-3px);border-color:#00d5e965;box-shadow:0 11px 28px #0006}
.card-cover{display:block;position:relative;aspect-ratio:2.08/1;overflow:hidden;background:#25343e;color:#fff}
.cover-image{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.game-card:hover .cover-image{transform:scale(1.045)}
.cover-decor{position:absolute;right:9px;top:8px;width:24px;height:24px;display:grid;place-items:center;border-radius:5px;background:#070c13cc;border:1px solid #ffffff3a;color:#fff;font-weight:700;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}
.card-cover:hover .cover-decor,.card-cover:focus-visible .cover-decor{opacity:1;transform:none}
.cover-placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:13px 15px;color:#fff;background:linear-gradient(115deg,#063a45,#103c6e 42%,#141b2a)}
.cover-placeholder::before{content:"✦";position:absolute;right:12px;top:-31px;font-size:135px;color:#ffffff0c;transform:rotate(-21deg);font-weight:900}
.cover-placeholder span{font-size:8px;font-weight:800;letter-spacing:.3em;z-index:1;color:#d2faff}
.cover-placeholder strong{font-size:clamp(12px,1.7vw,22px);font-weight:950;max-width:90%;line-height:1.1;letter-spacing:.015em;text-transform:uppercase;z-index:1;text-wrap:balance;text-shadow:0 2px 12px #0009}
.cover-1{background:linear-gradient(125deg,#152336,#b43b45 60%,#24101a)}
.cover-2{background:linear-gradient(120deg,#483f13,#b37c16 58%,#3b1c16)}
.cover-3{background:linear-gradient(100deg,#122c3b,#16667a 60%,#10202a)}
.cover-4{background:linear-gradient(110deg,#422642,#703589 50%,#1c1d45)}
.cover-5{background:linear-gradient(105deg,#283722,#3c8063 65%,#0e3333)}
.card-content{padding:9px 10px 11px;display:flex;flex-direction:column;min-height:69px}
.card-title{font-size:11px;font-weight:900;text-transform:uppercase;line-height:1.45;letter-spacing:-.005em;margin:0 0 6px;color:var(--nv-heading)}
.card-title a{color:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-title a:hover{color:var(--nv-primary)}
.card-lower{display:flex;align-items:start;justify-content:space-between;gap:5px;flex-wrap:wrap;margin-top:auto}
.post-categories{display:flex;flex-wrap:wrap;gap:4px}
.category-pill{background:var(--nv-tag-bg);color:var(--nv-tag-text);font-size:9px;font-weight:900;line-height:1.6;padding:1px 5px;border:1px solid #ffffff0c;border-radius:3px;white-space:nowrap}
.category-pill:hover{color:var(--nv-tag-text-hover);background:var(--nv-tag-bg-hover)}
.post-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:var(--nv-muted);font-size:10px;line-height:1.5}
.post-meta a{color:inherit}.post-meta a:hover{color:var(--nv-primary)}
.game-card .post-meta{font-size:9px}
.meta-dot{font-size:7px;opacity:.6}
.card-excerpt{font-size:11px;color:var(--nv-muted);margin:7px 0 0;line-height:1.55}
.post-list{display:grid;grid-template-columns:minmax(0,1fr);gap:13px}
.classic-card{display:grid;grid-template-columns:minmax(160px,36%) 1fr;overflow:hidden;border:1px solid var(--nv-border);border-radius:9px;background:var(--nv-card)}
.classic-cover{position:relative;display:block;min-height:192px;overflow:hidden}
.classic-cover .cover-image{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.classic-cover .cover-placeholder{position:absolute;inset:0}
.classic-card:hover .cover-image{transform:scale(1.04)}
.classic-content{padding:22px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.classic-title{font-size:clamp(17px,2.2vw,23px);line-height:1.3;margin:0;color:var(--nv-heading);font-weight:850}
.classic-title a{color:inherit}.classic-title a:hover{color:var(--nv-primary)}
.classic-excerpt{margin:0 0 5px;color:var(--nv-muted);line-height:1.65}
.read-more{font-weight:850;text-transform:uppercase;font-size:10px;letter-spacing:.07em;margin-top:auto}
.single-frame{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start;margin:0 auto}
.single-frame.with-sidebar{grid-template-columns:minmax(0,1fr) 290px}
.single-article{background:var(--nv-panel);border:1px solid var(--nv-border);border-radius:9px;padding:clamp(18px,3.5vw,38px);min-width:0}
.breadcrumb{display:flex;gap:10px;align-items:center;color:var(--nv-muted);font-size:11px;margin-bottom:24px;white-space:nowrap;min-width:0}
.breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis}
.single-heading{margin:0 0 23px}
.entry-title{font-size:clamp(26px,3.5vw,42px);line-height:1.18;color:var(--nv-heading);margin:4px 0 15px;font-weight:900;letter-spacing:-.032em;text-wrap:balance}
.single-heading .post-categories{margin-top:15px}
.single-featured{margin:0 0 28px;overflow:hidden;border-radius:8px}
.single-featured img{display:block;width:100%;height:auto}
.entry-content{font-size:15px;line-height:1.83;color:var(--nv-text);overflow-wrap:anywhere}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5{line-height:1.35;color:var(--nv-heading);margin:1.6em 0 .6em;scroll-margin-top:95px}
.entry-content h2{font-size:26px}.entry-content h3{font-size:21px}.entry-content h4{font-size:17px}
.entry-content p{margin:0 0 1.2em}
.entry-content a{text-decoration:underline;text-underline-offset:2px}
.entry-content ul,.entry-content ol{padding-left:26px;margin-bottom:22px}
.entry-content blockquote{border-left:3px solid var(--nv-primary);padding:10px 20px;background:#ffffff06;margin:25px 0}
.entry-content code,.entry-content pre{background:#03060b;color:#daedf0;border-radius:5px}
.entry-content code{padding:2px 5px}.entry-content pre{overflow-x:auto;padding:15px 18px}
.entry-content pre code{padding:0}
.entry-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin-bottom:20px}
.entry-content th,.entry-content td{border:1px solid var(--nv-border);padding:9px 12px}
.entry-content img{max-width:100%;height:auto;border-radius:5px}
.entry-content iframe{max-width:100%}
.entry-content .wp-block-image img{height:auto}
.entry-content .alignwide{max-width:100%}
.entry-content .aligncenter{text-align:center;display:block;margin-left:auto;margin-right:auto}
.entry-content .alignleft{float:left;margin:5px 20px 15px 0}.entry-content .alignright{float:right;margin:5px 0 15px 20px}
.entry-content::after{content:"";display:block;clear:both}
.nv-toc{border:1px solid #1d5360;border-radius:7px;background:#0e2028;margin:2px 0 26px;color:var(--nv-text)}
.nv-toc summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:900;color:var(--nv-primary);list-style:none}
.nv-toc summary::-webkit-details-marker{display:none}
.nv-toc .toc-arrow{font-size:19px;transition:transform .2s ease}
.nv-toc[open] .toc-arrow{transform:rotate(180deg)}
.nv-toc ol{margin:0;padding:0 16px 14px 36px;font-size:13px;line-height:1.6}
.nv-toc li{padding:3px 0}.nv-toc a{color:#c8e4eb}.nv-toc a:hover{color:var(--nv-primary)}
.nv-toc .toc-level-3{margin-left:14px}.nv-toc .toc-level-4{margin-left:27px}.nv-toc .toc-level-5{margin-left:38px}
.share-links{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.share-bottom{border-top:1px solid var(--nv-border);margin:26px 0 0;padding-top:22px}
.share-label{font-size:12px;font-weight:800;margin-right:7px}
.share-item{width:34px;height:34px;border-radius:5px;display:grid;place-items:center;border:1px solid var(--nv-border);background:var(--nv-button-alt);color:var(--nv-button-alt-text);font-size:12px;font-weight:900}
.share-item:hover{background:var(--nv-primary);border-color:var(--nv-primary);color:#08121a}
.share-copy{cursor:pointer}
.share-floating{position:fixed;z-index:10;left:74px;top:35%;flex-direction:column;padding:7px;background:#090d13ed;border:1px solid var(--nv-border);border-radius:8px;box-shadow:0 6px 22px #0007}
.author-box{display:flex;align-items:center;gap:15px;background:var(--nv-author-bg);padding:20px;margin-top:25px;border:1px solid var(--nv-border);border-radius:7px;color:var(--nv-author-text)}
.author-box img{width:64px;height:64px;border-radius:50%}
.author-box h2{font-size:15px;margin:0 0 3px}.author-box h2 a{color:var(--nv-author-link)}
.author-box p{margin:0;font-size:12px}
.adjacent-posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:25px}
.adjacent-posts a{display:flex;flex-direction:column;gap:7px;border:1px solid var(--nv-border);background:var(--nv-card);border-radius:7px;padding:13px 15px}
.adjacent-posts a span{font-size:9px;letter-spacing:.1em;color:var(--nv-primary);font-weight:900}
.adjacent-posts a strong{color:var(--nv-text);font-size:12px}
.adjacent-posts a:hover strong{color:var(--nv-primary)}
.content-sidebar{min-width:0}.sticky-content-sidebar{position:sticky;top:95px}
.widget{border:1px solid var(--nv-border);background:var(--nv-sidebar-bg);padding:19px;margin:0 0 16px;border-radius:8px;color:var(--nv-sidebar-text);overflow-wrap:anywhere}
.widget-title{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--nv-sidebar-title);margin:0 0 15px;padding-bottom:11px;border-bottom:2px solid var(--nv-sidebar-border)}
.widget a{color:var(--nv-sidebar-link)}.widget a:hover{color:var(--nv-sidebar-hover)}
.widget ul{padding-left:16px}.widget li{margin-bottom:7px}
.widget input:not([type="submit"]),.widget select{max-width:100%;background:#090c12;border:1px solid var(--nv-border);color:var(--nv-text);padding:7px}
.mobile-only-widgets{display:none}
.nv-comments{border-top:1px solid var(--nv-border);padding-top:25px;margin-top:25px}
.nv-comments h2,.nv-comments h3{font-size:19px;color:var(--nv-heading)}
.comment-list{padding-left:20px}.comment-list li{margin-bottom:16px}
.comment-body{padding:12px;border:1px solid var(--nv-border);border-radius:7px}
.nv-comments label{display:block;margin-bottom:6px}
.nv-comments input:not([type="submit"]),.nv-comments textarea{width:100%;background:#080d13;color:var(--nv-text);border:1px solid var(--nv-border);border-radius:6px;padding:9px;max-width:100%}
.nv-comments input[type="submit"]{border:0;border-radius:6px;padding:10px 20px;font-weight:850;background:var(--nv-button);color:var(--nv-button-text)}
.nv-comments .form-submit{margin-top:15px}
.fb-comments-frame{width:100%;min-height:400px;border:0;background:#fff}
.comment-help{background:#1f2029;padding:12px;border-left:2px solid var(--nv-tertiary)}
.site-footer{background:var(--nv-footer-bg);color:var(--nv-footer-text);padding:24px 25px 21px 82px;border-top:1px solid var(--nv-border)}
.footer-container{max-width:var(--nv-width);margin:0 auto}
.footer-brand{margin-bottom:17px}.footer-brand .brand-word{font-size:17px}
.footer-nav ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:15px 0;gap:18px}
.site-footer a{color:var(--nv-footer-link)}.site-footer a:hover{color:var(--nv-footer-hover)}
.footer-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px;margin-bottom:18px}
.footer-widgets .widget{background:transparent;border:0;border-top:1px solid var(--nv-footer-widget-line);border-radius:0;margin:0;padding:15px 0;color:var(--nv-footer-text)}
.footer-widgets .widget-title{color:var(--nv-footer-title);border-bottom-color:var(--nv-footer-title-line)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:18px;border-top:1px solid var(--nv-footer-widget-line);font-size:11px;color:var(--nv-footer-copyright)}
.footer-bottom a{color:var(--nv-footer-copyright-link)}
.credit{color:var(--nv-muted)}
.back-to-top{position:fixed;bottom:27px;right:26px;z-index:80;display:grid;place-items:center;width:40px;height:40px;border:1px solid #2d6673;border-radius:8px;background:#0d3844;color:var(--nv-primary);font-size:21px;font-weight:900;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .2s,transform .2s}
.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:none}
.back-to-top:hover{background:var(--nv-primary);color:#071117}
.no-content{padding:70px 20px;text-align:center;background:var(--nv-panel);border:1px solid var(--nv-border);border-radius:9px}
.no-content-icon{font-size:50px;line-height:1;color:var(--nv-primary)}
.no-content h1,.no-content h2{color:var(--nv-heading);margin:15px 0 8px;font-size:24px}
.no-content p{color:var(--nv-muted);margin:0 auto 25px;max-width:470px}
.not-found .search-form{max-width:430px;margin:auto}
.pagination-nav{margin:30px 0 0}
.pagination-nav .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.pagination-nav .page-numbers{display:grid;place-items:center;min-width:36px;height:36px;border:1px solid var(--nv-border);border-radius:6px;background:var(--nv-card);color:var(--nv-text);padding:0 11px;font-weight:750}
.pagination-nav .page-numbers.current,.pagination-nav .page-numbers:hover{background:var(--nv-primary);border-color:var(--nv-primary);color:#07131b}
@media (max-width:1250px){
.post-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.header-inner{gap:14px}
.primary-navigation>ul>li>a,.primary-navigation>div>ul>li>a{padding:0 10px}
}
@media (max-width:1000px){
.post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.single-frame.with-sidebar{grid-template-columns:minmax(0,1fr) 230px}
.share-floating{display:none}
.header-social{display:none}
}
@media (max-width:760px){
.header-inner{min-height:59px;padding:0 13px;gap:12px}
.brand-word{font-size:16px}
.nav-toggle{display:grid;order:3;margin-left:3px}
.primary-navigation{display:none;position:absolute;top:100%;left:0;right:0;max-height:65vh;overflow-y:auto;background:#10151e;border-bottom:1px solid var(--nv-border);box-shadow:0 16px 28px #0009}
.primary-navigation.is-open{display:block}
.primary-navigation .primary-menu,.primary-navigation .menu{display:block;padding:9px 12px}
.primary-navigation li{display:block}
.primary-navigation>ul>li>a,.primary-navigation>div>ul>li>a{padding:12px;font-size:12px;min-height:44px}
.primary-navigation>ul>li>a::after{left:0;right:auto;width:3px;height:auto;top:7px;bottom:7px}
.primary-navigation .sub-menu{position:static;display:block;box-shadow:none;border:0;border-left:1px solid var(--nv-border);padding:0 0 0 8px;margin-left:12px;background:transparent}
.header-tools{margin-left:auto}
.layout-shell{grid-template-columns:1fr}
.navigation-rail{display:none}
.site-main{padding:22px 12px 45px}
.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.site-footer{padding:23px 13px}
.single-frame.with-sidebar{grid-template-columns:1fr}
.content-sidebar.hide-mobile-sidebar{display:none}
.content-sidebar .mobile-only-widgets{display:block}
.hide-footer-mobile{display:none}
.filter-toolbar{max-width:100%;margin-bottom:19px}
.filter-toolbar select{max-width:130px}
.listing-header{margin-top:0}
}
@media (max-width:520px){
.filter-toolbar{flex-wrap:wrap;border-radius:7px;gap:0}
.filter-toolbar select,.filter-toolbar input{height:42px}
#nv-filter-category{width:45%;max-width:none;border-bottom:1px solid #184551}
#nv-filter-search{width:55%;flex:1 1 55%;border-bottom:1px solid #184551}
#nv-filter-sort{flex:1;max-width:none}
.filter-submit{height:42px}
.listing-caption{display:none}
.card-title{font-size:10px}
.single-article{padding:18px 14px}
.classic-card{grid-template-columns:1fr}
.classic-cover{min-height:0;aspect-ratio:2.08/1}
.classic-content{padding:15px}
.adjacent-posts{grid-template-columns:1fr}
.author-box{align-items:flex-start}
.share-links{gap:5px}
.share-item{width:32px;height:32px}
.footer-bottom{flex-direction:column;align-items:flex-start}
}
@media (max-width:370px){.post-grid{grid-template-columns:1fr}.card-title{font-size:12px}.brand-word{font-size:14px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media (min-width:761px){.mobile-footer-extra{display:none}}
@media (max-width:760px){.mobile-footer-extra{display:block}}
.nv-header-wide .header-inner{min-height:84px;max-width:calc(var(--nv-width) + 100px);margin:0 auto}.nv-header-wide .primary-navigation{justify-content:center}
@media (max-width:760px){.nv-header-wide .header-inner{min-height:59px}}
:root {
--nv-width: 1800px;
}
.site-main {
width: 100%;
max-width: min(100%, var(--nv-width));
min-width: 0;
padding: 28px clamp(14px, 1.5vw, 30px) 60px;
margin-inline: auto;
}
.footer-container {
width: 100%;
max-width: min(100%, var(--nv-width));
margin-inline: auto;
}
.nv-header-wide .header-inner {
max-width: min(100%, var(--nv-width));
margin-inline: auto;
}
.filter-toolbar {
width: 100%;
max-width: 100%;
margin: 0 0 22px;
}
.post-grid {
grid-template-columns: repeat(var(--nv-grid-cols), minmax(0, 1fr));
gap: clamp(10px, 0.95vw, 16px);
}
.card-cover {
aspect-ratio: 16 / 9;
}
.card-content {
padding: 11px 12px 13px;
min-height: 78px;
}
.card-title {
font-size: clamp(12px, 0.82vw, 14px);
line-height: 1.45;
}
.category-pill,
.game-card .post-meta {
font-size: 10px;
}
.single-frame {
max-width: min(100%, 1200px);
}
.single-frame.with-sidebar {
max-width: min(100%, 1400px);
}
@media (max-width: 1600px) {
.post-grid {
grid-template-columns: repeat(min(4, var(--nv-grid-cols)), minmax(0, 1fr));
}
}
@media (max-width: 1180px) {
.post-grid {
grid-template-columns: repeat(min(3, var(--nv-grid-cols)), minmax(0, 1fr));
}
}
@media (max-width: 760px) {
.site-main {
max-width: 100%;
padding: 22px 12px 45px;
}
.post-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.filter-toolbar {
max-width: 100%;
margin-bottom: 19px;
}
.card-title {
font-size: 11px;
}
.card-content {
padding: 9px 10px 11px;
}
}
@media (max-width: 420px) {
.post-grid {
grid-template-columns: 1fr;
}
.card-title {
font-size: 13px;
}
}
.nv-language-switcher{
display:inline-flex;
align-items:center;
gap:3px;
flex-shrink:0;
padding:3px;
border:1px solid var(--nv-border);
background:var(--nv-card);
border-radius:7px;
}
.nv-language-switcher a{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:29px;
min-height:27px;
padding:2px 5px;
border-radius:4px;
color:var(--nv-menu-text);
font-size:10px;
font-weight:900;
line-height:1;
letter-spacing:.02em;
}
.nv-language-switcher a:hover,
.nv-language-switcher a:focus-visible{
background:rgba(0,213,233,.11);
color:var(--nv-primary);
}
.nv-language-switcher a[aria-current="page"]{
background:var(--nv-primary);
color:var(--nv-button-text);
}
@media (max-width:760px){
.header-inner{gap:7px}
.header-tools{gap:3px}
.nv-language-switcher{padding:2px;gap:1px}
.nv-language-switcher a{min-width:24px;min-height:25px;font-size:9px;padding:2px 3px}
.brand-word{max-width:clamp(85px,22vw,150px)}
}
@media (max-width:390px){
.header-tools>.icon-button{width:30px;height:30px;font-size:18px}
.brand-word{max-width:90px;font-size:12px}
}
@media (max-width:390px){
.header-inner{padding-inline:8px;gap:4px}
.header-tools{gap:2px}
.brand-word{max-width:62px;font-size:11px}
.brand-logo{max-width:84px}
.nav-toggle{width:30px;height:30px;margin-left:0}
.header-tools>.icon-button{width:28px;height:28px}
}
@media (max-width:350px){
.brand-word{display:none}
.brand-logo{max-width:68px}
}
.nv-author-avatar{
display:inline-grid;place-items:center;position:relative;vertical-align:middle;
width:var(--nv-avatar-size,64px);height:var(--nv-avatar-size,64px);
flex:0 0 var(--nv-avatar-size,64px);border-radius:50%;overflow:hidden;
background:linear-gradient(145deg,var(--nv-primary),var(--nv-secondary));
color:#05141b;font-size:calc(var(--nv-avatar-size,64px) * .43);font-weight:900;
line-height:1;isolation:isolate;
}
.nv-avatar-img{position:absolute;z-index:2;inset:0;width:100%!important;height:100%!important;object-fit:cover;border-radius:50%;}
.nv-avatar-img[hidden]{display:none!important}
.nv-avatar-fallback{position:relative;z-index:1}
.nv-meta-author{display:inline-flex;align-items:center;gap:5px;min-width:0}
.nv-avatar-small{flex-shrink:0}
.author-box .nv-author-avatar{width:64px;height:64px;flex-shrink:0}
.nv-meta-views{white-space:nowrap}