.page-patch-notes .pn-hero{background:radial-gradient(ellipse 60% 80% at 80% 0%, rgba(var(--accent-rgb), .07), transparent 60%), linear-gradient(180deg, var(--bg2) 0%, var(--bg) 100%);border:1px solid var(--border);border-top:3px solid var(--accent);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);margin-bottom:2rem;padding:2.5rem 2rem 2.25rem;position:relative}.page-patch-notes .pn-hero h1{color:var(--text);margin:0 0 8px;font-size:clamp(2.2rem,5vw,3.2rem);line-height:1}.page-patch-notes .pn-hero p{color:var(--text2);max-width:640px;margin:0;font-size:1rem}.page-patch-notes .pn-live-badge{background:var(--accent);color:#0b0d12;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;margin-top:12px;padding:4px 14px;font-size:.8rem;font-weight:800;display:inline-block;transform:skew(-10deg)}.page-patch-notes .pn-live-badge:before{content:"";background:#0b0d12;width:8px;height:8px;margin-right:8px;animation:1.5s infinite pn-pulse;display:inline-block}@keyframes pn-pulse{0%,to{opacity:1}50%{opacity:.3}}.page-patch-notes .pn-controls{margin-bottom:2rem}.page-patch-notes .pn-search{background:var(--bg2);border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);width:100%;color:var(--text);border-radius:0;margin-bottom:1rem;padding:14px 20px;font-size:1em;transition:border-color .15s}.page-patch-notes .pn-search:focus{border-color:var(--accent);outline:none}.page-patch-notes .pn-tags{flex-wrap:wrap;gap:8px;display:flex}.page-patch-notes .pn-tag-btn{background:var(--bg2);border:1px solid var(--border);color:var(--text2);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:0;padding:5px 14px;font-size:.82rem;font-weight:600;transition:all .15s;transform:skew(-10deg)}.page-patch-notes .pn-tag-btn:hover{border-color:var(--accent);color:var(--text)}.page-patch-notes .pn-tag-btn.active{background:var(--accent);color:#0b0d12;border-color:var(--accent);font-weight:700}.page-patch-notes .pn-latest{background:radial-gradient(ellipse 60% 90% at 85% 10%, rgba(var(--accent-rgb), .1), transparent 65%), var(--bg2);border:1px solid rgba(var(--accent-rgb), .45);border-left:4px solid var(--accent);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);color:var(--text);border-radius:2px;margin-bottom:2rem;padding:2rem;position:relative}.page-patch-notes .pn-latest h2{color:var(--accent);letter-spacing:.12em;margin:0 0 4px;font-size:.9rem;font-style:normal;font-weight:700}.page-patch-notes .pn-latest-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.5rem;font-size:1.8em;font-style:italic;font-weight:800;line-height:1.1}.page-patch-notes .pn-latest-date{color:var(--text2);margin-bottom:1rem;font-size:.95em}.page-patch-notes .pn-latest-changes{margin:0;padding:0;list-style:none}.page-patch-notes .pn-latest-changes li{color:var(--text2);padding:6px 0 6px 20px;position:relative}.page-patch-notes .pn-latest-changes li:before{content:"▸";color:var(--accent);position:absolute;left:0}.page-patch-notes .pn-latest-link{color:var(--accent);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;margin-top:1rem;font-weight:700;text-decoration:none;display:inline-block}.page-patch-notes .pn-latest-link:hover{color:var(--accent2)}.page-patch-notes .pn-loading{text-align:center;color:var(--text2);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;padding:3rem;font-weight:600}.page-patch-notes .pn-loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;margin-bottom:1rem;animation:.8s linear infinite pn-spin;display:inline-block}@keyframes pn-spin{to{transform:rotate(360deg)}}.page-patch-notes .pn-grid{gap:1rem;margin-bottom:2rem;display:grid}.page-patch-notes .pn-card{background:var(--bg2);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:2px;padding:1.5rem;transition:border-color .12s,transform .12s}.page-patch-notes .pn-card:hover{border-color:var(--accent);transform:translateY(-2px)}.page-patch-notes .pn-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.page-patch-notes .pn-card h3{color:var(--text);margin:0 0 4px;font-size:1.3em;font-style:italic}.page-patch-notes .pn-card-date{color:var(--text2);font-size:.9em}.page-patch-notes .pn-card-tags{flex-wrap:wrap;gap:6px;margin-bottom:.75rem;display:flex}.page-patch-notes .pn-tag{background:var(--bg3);color:var(--text2);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border);border-radius:0;padding:3px 10px;font-size:.74rem;font-weight:600;display:inline-block}.page-patch-notes .pn-tag.weapon{border-left:3px solid var(--blue)}.page-patch-notes .pn-tag.map{border-left:3px solid var(--purple)}.page-patch-notes .pn-tag.economy{border-left:3px solid var(--accent)}.page-patch-notes .pn-tag.anticheat{border-left:3px solid var(--red)}.page-patch-notes .pn-tag.cosmetics{border-left:3px solid var(--accent2)}.page-patch-notes .pn-tag.balance{border-left:3px solid #ff9800}.page-patch-notes .pn-tag.competitive{border-left:3px solid var(--red)}.page-patch-notes .pn-tag.bugfix{border-left:3px solid var(--green)}.page-patch-notes .pn-tag.performance{border-left:3px solid var(--blue)}.page-patch-notes .pn-tag.audio{border-left:3px solid var(--purple)}.page-patch-notes .pn-tag.server{border-left:3px solid #ff9800}.page-patch-notes .pn-tag.ui{border-left:3px solid var(--blue)}.page-patch-notes .pn-tag.update{border-left:3px solid var(--accent)}.page-patch-notes .pn-card-changes{border-top:1px solid var(--border);padding-top:.75rem}.page-patch-notes .pn-card-changes ul{margin:0;padding:0;list-style:none}.page-patch-notes .pn-card-changes li{color:var(--text2);padding:5px 0 5px 20px;font-size:.92em;position:relative}.page-patch-notes .pn-card-changes li:before{content:"▸";color:var(--accent);position:absolute;left:0}.page-patch-notes .pn-card-link{color:var(--accent);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;margin-top:.75rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-block}.page-patch-notes .pn-card-link:hover{color:var(--accent2)}.page-patch-notes .pn-error{text-align:center;background:var(--bg2);border:1px solid var(--border);color:var(--text2);border-radius:2px;margin-bottom:2rem;padding:2rem}.page-patch-notes .pn-error-retry{background:var(--accent);color:#0b0d12;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;border-radius:0;margin-top:1rem;padding:8px 22px;font-size:.9em;font-weight:800;transition:background .15s;transform:skew(-10deg)}.page-patch-notes .pn-error-retry:hover{background:var(--accent2)}.page-patch-notes .pn-faq{margin:2rem 0}.page-patch-notes .pn-faq h2{margin-bottom:1.5rem;font-size:1.5em}.page-patch-notes .pn-faq-grid{gap:1rem;display:grid}.page-patch-notes .pn-faq-item{background:var(--bg2);border:1px solid var(--border);border-radius:2px;padding:1.25rem}.page-patch-notes .pn-faq-item h3{color:var(--accent);margin:0 0 .5rem;font-size:1.05em}.page-patch-notes .pn-faq-item p{color:var(--text2);margin:0;font-size:.92em;line-height:1.6}.page-patch-notes .pn-links{background:var(--bg2);border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);border-radius:2px;margin-top:2rem;padding:1.5rem}.page-patch-notes .pn-links h2{margin:0 0 1rem;font-size:1.35em}.page-patch-notes .pn-links-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.page-patch-notes .pn-links-grid a{background:var(--bg3);border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);color:var(--text2);text-align:center;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;border-radius:0;padding:.65rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .15s;display:block}.page-patch-notes .pn-links-grid a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}@media (max-width:768px){.page-patch-notes .pn-hero{padding:1.75rem 1.15rem 1.5rem}.page-patch-notes .pn-card-head{flex-direction:column}.page-patch-notes .pn-links-grid{grid-template-columns:1fr 1fr}}
