.patch-note-dialog,.pn-scope{--pn-update:#6cb6ff;--pn-buff:#7bd88f;--pn-nerf:#ff8b7b;--pn-fix:#c9a7ff;--pn-notice:var(--accent)}
.patch-note-dialog form{gap:12px}
.pn-update{--pn-kind:var(--pn-update)}.pn-buff{--pn-kind:var(--pn-buff)}.pn-nerf{--pn-kind:var(--pn-nerf)}.pn-fix{--pn-kind:var(--pn-fix)}.pn-notice{--pn-kind:var(--pn-notice)}
.pn-filters{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0;font:16px/24px KctMenu,"GulimChe",sans-serif;word-break:normal;overflow-wrap:normal}
.pn-chip{min-height:34px;padding:2px 14px;border:1px solid #b6c4cb66;border-radius:17px;background:transparent;box-shadow:none;color:var(--muted);font:inherit;font-size:14px;line-height:20px;cursor:pointer;touch-action:manipulation}
.pn-chip::before{content:'';display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--pn-kind,var(--muted));vertical-align:1px}
.pn-chip:not([class*=" pn-"])::before{display:none}
.pn-chip[aria-pressed=true]{border-color:var(--pn-kind,var(--text));color:var(--text);background:#ffffff1a}
.pn-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pn-list{display:flex;flex-direction:column;gap:8px;min-height:0;overscroll-behavior:contain;font:500 14px/24px KctDialogue,"DotumChe",sans-serif;word-break:keep-all;overflow-wrap:anywhere}
.pn-note{border:1px solid #b6c4cb40;background:#00000024}
.pn-note.is-open,.pn-note[open]{border-color:#b6c4cb99;background:#00000038}
.pn-heading{margin:0;font:inherit}
.pn-toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:10px 14px;border:0;background:transparent;box-shadow:none;color:var(--text);text-align:left;font:inherit;line-height:1.4}
.pn-toggle:hover{background:#ffffff0d}
.pn-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.pn-head-text{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}
.pn-head-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pn-version{font-size:17px;font-weight:700}
.pn-latest{padding:0 7px;border:1px solid var(--accent);color:var(--accent);font-size:12px;line-height:18px}
.pn-reserved{padding:0 7px;border:1px dashed var(--muted);color:var(--muted);font-size:12px;line-height:18px}
.pn-date{color:var(--muted);font-size:13px}
.pn-title{color:var(--muted);font-size:14px}
.pn-counts{display:flex;flex-wrap:wrap;gap:6px}
.pn-count{padding:0 8px;border-radius:9px;background:#ffffff12;color:var(--pn-kind);font-size:12px;line-height:19px}
.pn-chevron{flex:none;width:9px;height:9px;margin:0 4px 4px 0;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .15s}
.pn-note.is-open .pn-chevron,.pn-note[open] .pn-chevron{margin:4px 4px 0 0;transform:rotate(-135deg)}
.pn-panel{padding:0 16px 14px}
.pn-group{margin-top:12px;padding:2px 0 2px 12px;border-left:3px solid var(--pn-kind)}
.pn-group.pn-notice{padding:8px 12px;background:#ffff660d}
.pn-group-head{display:flex;align-items:baseline;gap:8px;margin:0 0 4px;font-size:15px;line-height:22px}
.pn-kind{color:var(--pn-kind);font-weight:700}
.pn-group-count{color:var(--muted);font-size:12px}
.pn-items{margin:0;padding-left:18px}
.pn-item{margin:3px 0}
.pn-item::marker{color:var(--pn-kind)}
.pn-item strong,.pn-sub strong{color:#ffe7a3;font-weight:700}
.pn-item a,.pn-lead a{color:var(--accent);text-decoration:underline}
.pn-lead{margin:12px 0 0;font:inherit;color:inherit;white-space:normal}
.pn-lead+.pn-lead{margin-top:2px}
.pn-sub{margin:3px 0 6px;padding-left:16px;color:var(--muted);font-size:13px;line-height:21px}
.pn-empty{margin:8px 0;color:var(--muted)}
.patch-note-dialog .button-row{justify-content:flex-end}
.pn-list .pn-heading{margin:20px 0 8px;font:16px/24px KctMenu,"GulimChe",sans-serif;color:var(--accent)}
.pn-list .pn-toggle{border-radius:0;cursor:pointer;touch-action:manipulation}
.pn-list .pn-group-head{margin:14px 0 6px;font:15px/22px KctMenu,"GulimChe",sans-serif;color:var(--text)}
.pn-list .pn-items,.pn-list .pn-sub{margin:0 0 14px;padding-left:22px}
.pn-list .pn-item,.pn-list .pn-sub li{margin:6px 0;padding-left:2px}
.pn-list .pn-empty{margin:0 0 14px}
.pn-list .pn-panel>:not(.pn-body){margin-top:12px}
.pn-note>summary{display:block;list-style:none;cursor:pointer}
.pn-note>summary::-webkit-details-marker{display:none}
.pn-note>summary:focus-visible{outline:none}
.pn-note>summary:focus-visible .pn-toggle{outline:2px solid var(--accent);outline-offset:-2px}
.pn-pick{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
label.pn-chip{display:inline-block;padding:6px 14px;text-align:center;-webkit-user-select:none;user-select:none}
:where(.pn-pick[value=all]:checked)~.pn-filters>:not([class*=" pn-"]),
:where(.pn-pick[value=update]:checked)~.pn-filters .pn-update,
:where(.pn-pick[value=buff]:checked)~.pn-filters .pn-buff,
:where(.pn-pick[value=nerf]:checked)~.pn-filters .pn-nerf,
:where(.pn-pick[value=fix]:checked)~.pn-filters .pn-fix{border-color:var(--pn-kind,var(--text));color:var(--text);background:#ffffff1a}
:where(.pn-pick[value=all]:focus-visible)~.pn-filters>:not([class*=" pn-"]),
:where(.pn-pick[value=update]:focus-visible)~.pn-filters .pn-update,
:where(.pn-pick[value=buff]:focus-visible)~.pn-filters .pn-buff,
:where(.pn-pick[value=nerf]:focus-visible)~.pn-filters .pn-nerf,
:where(.pn-pick[value=fix]:focus-visible)~.pn-filters .pn-fix{outline:2px solid var(--accent);outline-offset:2px}
.pn-pick[value=update]:checked~.pn-list :is(.pn-note:not(.pn-has-update),.pn-group:not(.pn-update)),
.pn-pick[value=buff]:checked~.pn-list :is(.pn-note:not(.pn-has-buff),.pn-group:not(.pn-buff)),
.pn-pick[value=nerf]:checked~.pn-list :is(.pn-note:not(.pn-has-nerf),.pn-group:not(.pn-nerf)),
.pn-pick[value=fix]:checked~.pn-list :is(.pn-note:not(.pn-has-fix),.pn-group:not(.pn-fix)){display:none}
@media (hover:hover){.pn-list .pn-toggle:hover,.pn-filters .pn-chip:hover{background:color-mix(in srgb,var(--menu-color) 85%,white);color:#fff}}
@media (min-width:900px) and (pointer:fine){
 .pn-list{font-size:15px;line-height:27px}
 .pn-list .pn-items,.pn-list .pn-sub{padding-left:26px}
 .pn-list .pn-item,.pn-list .pn-sub li{margin:8px 0}
}
.pn-scope{margin:0 0 4px}
.pn-scope>.pn-filters{margin:0 0 12px}
.pn-scope>.pn-list{overflow:visible;padding-right:0}
.pn-scope>.pn-list+*{margin-top:14px}
@media (max-width:520px){
 .pn-filters{flex-wrap:nowrap;gap:4px;overflow-x:auto;scrollbar-width:none}
 .pn-chip{flex:none;padding:2px 9px;font-size:13px}
 label.pn-chip{padding:6px 9px}
 .pn-chip::before{margin-right:4px}
 .pn-toggle{gap:8px;padding:9px 10px}
 .pn-panel{padding:0 10px 12px}
 .pn-version{font-size:16px}
}
