/* Shared finishing layer for catalogue, guides and utility screens. */
:root{--muted:#a5b4c6;--border:#ffffff15;--radius:20px}
.ui-arrow{display:inline-block;vertical-align:middle;flex-shrink:0;transition:transform .2s ease}.ui-arrow-left{transform:rotate(180deg)}.ui-arrow-external{transform:rotate(-45deg)}
.back-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:9px 16px;border:1px solid var(--border);background:#15202b;border-radius:12px;color:#c4d1df;font-size:.85rem;font-weight:600;margin-bottom:10px}.back-link:hover{background:#1d2c36;border-color:#c4ff7440;text-decoration:none}.back-link:hover .ui-arrow{transform:rotate(180deg) translateX(3px)}
.profile-summary{padding:clamp(20px,3vw,36px);background:linear-gradient(135deg,#182430,#101923);border:1px solid #ffffff18;border-radius:24px;box-shadow:0 18px 50px #0002;margin:32px 0 48px}.profile-summary .section-heading{align-items:center;gap:20px;margin-bottom:26px}.profile-summary .eyebrow{margin:0 0 10px;line-height:1.5}.profile-summary h2{font-size:clamp(1.4rem,2.3vw,2rem);letter-spacing:-.035em;margin:0}.profile-summary .tag{padding:8px 12px;border:1px solid #c4ff7425;background:#c4ff740b;color:#c7e5a7;white-space:normal;line-height:1.5}.profile-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 26px}.profile-facts>div{padding:20px;border:1px solid #ffffff0d;border-radius:14px;background:#080f1766;min-width:0}.profile-facts dt{font-size:.75rem;color:#99aabd;margin-bottom:10px;line-height:1.5}.profile-facts dd{margin:0;color:#edf4fc;font-weight:650;font-size:1.03rem;line-height:1.5;overflow-wrap:anywhere}.profile-summary h3{font-size:1rem;margin:26px 0 14px}.profile-summary>ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.profile-summary>ul li{border-radius:8px;padding:7px 11px;background:#ffffff07;color:#d2ddc9;border:1px solid #ffffff0d}.profile-summary>p{max-width:85ch;color:var(--muted);line-height:1.8}
.intro{position:relative;padding:30px 0 8px}.intro h1{margin:20px 0;letter-spacing:-.045em}.intro>p{max-width:85ch;font-size:.9rem;line-height:1.8}.intro .detail-icon{display:inline-block;vertical-align:middle;margin-right:12px}.intro>.tag{display:inline-flex;vertical-align:middle;padding:7px 12px}.detail-icon .game-icon{box-shadow:0 6px 25px #0004;border:1px solid #ffffff26}.detail-art{border:1px solid var(--border);box-shadow:0 14px 45px #0003}.art-credit a{display:inline-flex;gap:7px;align-items:center}
.code{padding:22px 24px;background:linear-gradient(120deg,#192532,#131d28);border-color:var(--border);border-radius:16px;transition:border-color .2s,box-shadow .2s}.code:hover{border-color:#c4ff7440;box-shadow:0 6px 24px #0002}.code code{font-size:1.12rem;font-weight:700;letter-spacing:.025em;color:#e6f8d2}.code p{font-size:.8rem;line-height:1.7}.code button{min-height:44px;min-width:100px;border:1px solid #d5ff9b33;border-radius:10px;flex-shrink:0}
details{border:1px solid var(--border);border-radius:14px;background:#121b25;padding:0 20px;margin:12px 0;overflow:hidden}summary{position:relative;padding:19px 30px 19px 0;font-size:.9rem;font-weight:600;list-style:none;line-height:1.6}summary::-webkit-details-marker{display:none}summary:after{content:'';position:absolute;right:3px;top:24px;width:8px;height:8px;border-right:1.8px solid #b6c6d5;border-bottom:1.8px solid #b6c6d5;transform:rotate(45deg);transition:transform .2s}details[open]>summary:after{transform:rotate(225deg);top:28px}details[open]>summary{border-bottom:1px solid var(--border);margin-bottom:18px}details>p,details>ul{font-size:.88rem;line-height:1.8}details>p:last-child{margin-bottom:22px}
.pagination{display:flex;align-items:center;justify-content:center;gap:20px;padding:26px 0;margin-top:22px}.pagination a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 18px;border:1px solid #ffffff20;background:#182330;border-radius:12px;color:#e8f0f9;font-size:.85rem;font-weight:600}.pagination a:hover{background:#243527;border-color:#c4ff7455;text-decoration:none}.pagination span{font-size:.8rem;color:#9daec1;font-variant-numeric:tabular-nums}.more{display:flex!important;align-items:center;justify-content:space-between;color:#c4ff74}.more:hover .ui-arrow,.text-link:hover .ui-arrow{transform:translateX(3px)}
.filters{background:#121c27;border:1px solid var(--border);padding:22px;border-radius:18px;align-items:end;gap:18px}.filters input[type=search]{min-height:46px;padding-left:15px}.filters select{min-height:46px;cursor:pointer}.filters label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px;min-height:46px;padding:0 12px;background:#ffffff04;border:1px solid #ffffff0c;border-radius:10px;cursor:pointer}.filters input[type=checkbox]{width:17px;height:17px;margin:0}.filters label:has(input:checked){border-color:#c4ff7440;background:#c4ff7409;color:#d6f0b7}input,select{transition:border-color .2s,box-shadow .2s}input:focus,select:focus{box-shadow:0 0 0 3px #c4ff7412;outline:0}#catalog-count{font-size:.8rem;color:#9aabbd;margin:22px 0 18px}.game{box-shadow:0 6px 20px #0001}.game .more{margin-top:auto}.game .tag{border:1px solid #ffffff0c}.favorite{width:36px;min-height:36px;border-radius:10px;display:grid;place-items:center;border:1px solid transparent}.favorite:hover{border-color:#c4ff7433;background:#c4ff740d;box-shadow:none}.favorite[aria-pressed=true]{background:#c4ff7415;border-color:#c4ff7440}.notice{padding:19px 22px;background:#c4ff7406;border:1px solid #c4ff7422;border-left:3px solid #a9cf72;border-radius:12px;font-size:.85rem;line-height:1.8}
.panel{padding:clamp(20px,3vw,32px);border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,#172330,#111a25)}.panel h2{margin-top:0}.panel input,.panel select{min-height:46px}.panel output{padding:20px;border:1px dashed #c4ff7440;background:#c4ff7405;border-radius:12px;margin:18px 0;overflow-wrap:anywhere}.article-nav{background:#111b25;padding:12px;gap:8px;border-radius:16px}.article-nav a{min-height:42px;display:inline-flex;align-items:center;padding:9px 15px;border:1px solid #ffffff0b;background:#1a2830;color:#c2d0de}.article-nav a:hover{border-color:#c4ff7440;color:#c4ff74;text-decoration:none}.editorial{max-width:900px}.editorial h2,.prose h2{letter-spacing:-.03em}.editorial p,.prose p{color:#aebdd0;line-height:1.85}.back-to-top{display:grid;place-items:center;border-radius:14px;background:#203128;border-color:#c4ff7433;width:46px;height:46px;box-shadow:0 8px 26px #0005}.back-to-top svg{width:20px;height:20px}.back-to-top:hover{background:#304732}.section-heading h2{letter-spacing:-.04em}footer{line-height:2.2;padding-top:30px;padding-bottom:32px}footer a{display:inline-block;padding:3px 2px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #c4ff74;outline-offset:4px}button:disabled{transform:none;box-shadow:none}.hero-feature-copy .ui-arrow{margin-left:7px}
@media(max-width:760px){.profile-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-facts>div{padding:15px}.profile-facts dd{font-size:.9rem}.profile-summary .section-heading{align-items:flex-start}.profile-summary .tag{font-size:.65rem}.pagination{gap:10px}.pagination a{padding:10px 12px;font-size:.76rem}.pagination span{font-size:.7rem}.filters{padding:16px}.code{padding:18px}.intro h1{font-size:2.5rem}.back-to-top{right:16px;bottom:16px}details{padding:0 16px}.article-nav a{font-size:.76rem}.profile-summary>ul{font-size:.76rem}}
@media(max-width:390px){.profile-facts{grid-template-columns:1fr}.pagination{gap:6px}.pagination a{padding:10px}.pagination .ui-arrow{width:14px}}
@media(prefers-reduced-motion:reduce){.ui-arrow,summary:after,.code,input,select{transition:none}}

.game-visual img[src*="zenless-zone-zero-pdp-hero-desktop-05"]{object-position:right center}