:root{--shadow-control:0 0 0 1px rgba(255,255,255,.09);--shadow-control-hover:0 0 0 1px rgba(255,255,255,.16),0 8px 24px rgba(0,0,0,.18);--ease-out:cubic-bezier(.2,0,0,1)}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{overflow-wrap:anywhere}
h1,h2,h3{max-width:100%;text-wrap:balance}
p,figcaption,blockquote{ text-wrap:pretty}
.content-meta,.rank-number,.result-count,.account-stat strong,.article-meta{font-variant-numeric:tabular-nums}
img{outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}
button,.account-button,.catalog-tabs button,.article-tools a,.game-cta a,.download-item a{touch-action:manipulation;transition-property:scale,background-color,color,box-shadow,border-color,opacity;transition-duration:160ms;transition-timing-function:var(--ease-out)}
button:not(:disabled):active,.account-button:active,.catalog-tabs button:active,.article-tools a:active,.game-cta a:active,.download-item a:active{scale:.96}
.card-hover{transition-property:transform,background-color,box-shadow}.hero-card>img,.news-image img,.card-image img,.game-cover img{transition-property:transform;transition-duration:350ms;transition-timing-function:var(--ease-out)}
.content-card,.game-cover,.video-image,.download-item,.side-panel,.account-stat,.account-panel,.fact-table{border-color:transparent;box-shadow:var(--shadow-control)}
.content-card:hover,.game-cover:hover,.video-image:hover,.download-item:hover{box-shadow:var(--shadow-control-hover)}
.filter-tabs button,.guide-tabs button,.catalog-tabs button,.topic-cloud button,.pagination button,.footer-links a,.footer-links button{min-height:44px}
.breadcrumb{display:flex;align-items:center;gap:9px;min-width:0;color:var(--muted);font-size:12px;margin-bottom:25px}
.breadcrumb a{min-height:40px;display:inline-flex;align-items:center;color:var(--muted);white-space:nowrap}
.breadcrumb a:hover{color:var(--accent)}
.breadcrumb-current{color:var(--body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page-breadcrumb{padding-top:24px;margin-bottom:-20px}
.game-breadcrumb{position:absolute;z-index:2;top:26px;left:50%;transform:translateX(-50%);width:min(1280px,calc(100% - 64px));color:#d5dbe1;text-shadow:0 1px 8px #000}
.game-breadcrumb .breadcrumb-current{color:#fff}
#reading-progress{position:fixed;left:0;top:0;height:3px;width:var(--reading-progress,0);background:var(--accent);z-index:60;box-shadow:0 0 12px rgba(69,214,202,.55);transition:width 80ms linear}
.utility-search{min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:5px}.utility-search:hover{background:var(--raised)}
.global-search{border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);width:min(640px,calc(100% - 32px));padding:25px;max-height:min(720px,85vh)}
.global-search::backdrop,.image-lightbox::backdrop{background:rgba(1,4,7,.78);backdrop-filter:blur(7px)}
.global-search-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.global-search-head strong{font-size:19px}.global-search-head button{margin-left:auto;width:44px;height:44px;border-radius:50%;box-shadow:var(--shadow-control)}
.global-search label{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:7px;background:var(--bg)}.global-search input{border:0;background:none;color:var(--text);outline:0;width:100%;font-size:16px}.global-search-results{margin-top:12px}.global-search-result{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:14px;width:100%;min-height:68px;text-align:left;border-bottom:1px solid var(--line);padding:8px 3px}.global-search-result img{width:70px;height:48px;border-radius:4px}.global-search-result strong{font-size:13px}.global-search-result span{color:var(--muted);font-size:11px}.global-search-empty{color:var(--muted);padding:28px 4px;text-align:center}
.image-lightbox{padding:0;border:0;background:transparent;max-width:min(1100px,calc(100% - 40px));max-height:90vh;overflow:visible}.image-lightbox img{max-height:82vh;max-width:100%;border-radius:8px}.image-lightbox button{position:absolute;right:-12px;top:-12px;width:44px;height:44px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-control-hover);z-index:2}.game-shot-grid img{cursor:zoom-in}
.article-toc{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.article-toc h3{margin:0 0 8px}.article-toc a{display:block;width:auto;min-height:36px!important;justify-content:flex-start!important;border:0!important;color:var(--muted);margin:0!important;padding:5px 0}.article-toc a:hover{color:var(--accent)}
.account-nav button[aria-selected=true]{background:var(--surface);color:var(--accent);box-shadow:inset 3px 0 var(--accent)}
.account-panel.is-switching{opacity:0;transform:translateY(8px)}.account-panel{transition-property:opacity,transform;transition-duration:180ms;transition-timing-function:var(--ease-out)}
.catalog-tabs button.active,.guide-tabs button[aria-selected=true],.filter-tabs button[aria-selected=true]{box-shadow:0 0 0 1px rgba(69,214,202,.25)}
.topic-cloud button.selected{color:#082825;background:var(--accent);border-color:var(--accent)}
.pagination button.current{cursor:default}.pagination button:disabled{opacity:.38}
.back-to-top{position:fixed;right:24px;bottom:24px;width:46px;height:46px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-control-hover);z-index:18;opacity:0;pointer-events:none;translate:0 8px}.back-to-top.visible{opacity:1;pointer-events:auto;translate:0 0}.back-to-top{transition-property:opacity,translate,scale;transition-duration:180ms;transition-timing-function:var(--ease-out)}
.action-confirmed{position:relative}.action-confirmed:after{content:"✓";margin-left:7px;font-weight:800}
@media(max-width:760px){.page-breadcrumb{padding-top:14px;margin-bottom:-13px}.game-breadcrumb{top:12px;width:calc(100% - 32px);font-size:11px}.breadcrumb a{min-height:36px}.article-hero .breadcrumb-current{display:none}.utility-search{display:grid!important}.global-search{padding:18px}.back-to-top{right:16px;bottom:16px}.article-toc{display:none}.game-shot-grid img{cursor:pointer}.account-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.account-nav .profile-mini{grid-column:1/-1}.account-nav button{display:flex!important;text-align:center;justify-content:center;padding:7px 5px;font-size:10px}.account-nav button[aria-selected=true]{box-shadow:inset 0 -3px var(--accent)}}
@media(prefers-reduced-motion:reduce){#reading-progress,.account-panel,.back-to-top,button,.content-card,.game-cover,.video-image{transition:none!important}.back-to-top{translate:none}}