.locale-switch{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line-soft);border-radius:6px;white-space:nowrap;font:500 12px/1.3 var(--ff-body)}
.locale-switch a,.locale-switch>span{padding:6px 7px;color:var(--text-soft);text-decoration:none}
.locale-switch [aria-current]{background:var(--deep);color:var(--text-inv);border-radius:3px}
.locale-switch [aria-disabled]{opacity:.5;cursor:default}
.language-badge{display:inline-block;font:400 10px/1.2 var(--ff-body);letter-spacing:0;margin-left:5px;color:var(--text-soft);vertical-align:middle;border:1px solid var(--line-soft);border-radius:3px;padding:2px 4px;white-space:nowrap}
html[lang=en] :is(p,li,td,th){word-break:normal;overflow-wrap:break-word}
html[lang=en] .intro-band__title{letter-spacing:-.025em}
html[lang=en] .top-nav__btn{font-size:12px;padding-left:7px;padding-right:7px}
html[lang=en] .nav-logo__text{font-size:18px;white-space:normal;max-width:180px;line-height:1.2}
html[lang=en] .nav-cta{display:none}
html[lang=en] [data-lang=en]{display:revert!important}
html[lang=en] [data-lang=kr]{display:none!important}
@media(max-width:960px){.locale-switch{font-size:11px;gap:0}.locale-switch a,.locale-switch>span{padding:5px}html[lang=en] .nav-logo__text{max-width:115px;font-size:15px}.nav-actions{gap:5px}}
@media(max-width:480px){
 .nav-inner{padding-left:10px;padding-right:10px;gap:8px}
 .nav-logo{gap:6px}.nav-logo__text,html[lang=en] .nav-logo__text{white-space:normal;max-width:96px;font-size:13px;line-height:1.2}
 .nav-actions{gap:3px}.nav-actions>.nav-board-btn{display:none}
 .locale-switch a,.locale-switch>span{font-size:0;padding:5px}
 .locale-switch [hreflang=ko]::after{content:'KO';font-size:11px}
 .locale-switch [hreflang=en]::after,.locale-switch [aria-disabled]::after{content:'EN';font-size:11px}
}
.error-wrap>.locale-switch{width:max-content;margin:0 auto 24px}
.dropdown-layer{max-height:calc(100dvh - 114px);overflow-y:auto;overscroll-behavior:contain}
.ui-diagram{overflow-x:auto}
.ui-diagram::before{content:'배치도를 좌우로 스크롤할 수 있습니다';display:block;color:#bcc6d8;font-size:12px;margin-bottom:12px}
html[lang=en] .ui-diagram::before{content:'Scroll horizontally to see the full layout'}
.ui-diagram .ui-screen{min-width:640px;aspect-ratio:16/9}
.ui-diagram .uz{font-size:11px;line-height:1.35}
.ui-diagram .uz-target{left:35%;width:30%;height:10%}
.ui-diagram .uz-skills{left:25%;width:18%;height:13%;bottom:2%}
.ui-diagram .uz-health{left:44%;width:12%;height:13%;bottom:2%;font-size:10px}
.ui-diagram .uz-util{left:57%;width:18%;height:13%;bottom:2%}
.ui-diagram .uz-buffs{left:48%;width:27%;height:11%;bottom:16%}
.ui-diagram .uz-mini{width:22%;height:30%;padding-bottom:30px}
.ui-diagram .uz-clock{right:2%;bottom:2%;width:20%;height:8%;font-size:10px;z-index:1;background:#182538}
.ui-diagram:focus-visible{outline:3px solid var(--bronze);outline-offset:4px}
.guide-overview .contrast-tag{display:none}
.guide-overview .contrast-head,.guide-overview .contrast-row{grid-template-columns:minmax(140px,1fr) 3fr}
.guide-overview .contrast-cell--other{font-weight:700}
.guide-overview .contrast-cell--gw2{background:var(--bg-surface)}
.guide-overview .contrast-row:hover{transform:none}
.guide-overview .contrast-row:hover .contrast-cell--gw2{background:var(--bg-surface)}
/* Native dialogs keep background controls outside the keyboard tab sequence. */
dialog#mobile-menu,dialog#board-overlay{margin:0;padding:0;border:0;width:100%;height:100%;max-width:none;max-height:none;background:transparent;color:inherit;overflow:hidden}
dialog#mobile-menu:not([open]),dialog#board-overlay:not([open]){display:none}
dialog#mobile-menu::backdrop,dialog#board-overlay::backdrop{background:transparent}
/* The containing grid must shrink before the weapon buttons can wrap. */
.detail-layout__body .profession-weapon-group-panel{grid-template-columns:minmax(0,1fr)}
.detail-layout__body .profession-weapon-card-row{min-width:0;max-width:100%;flex-wrap:wrap;overflow:visible}
.detail-layout__body .profession-weapon-card{min-width:0;max-width:100%;flex-shrink:1}
.detail-layout__body .search-demo{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:700px){
 .detail-layout__body .site-card{align-items:flex-start;flex-direction:column;gap:8px}
 .detail-layout__body .site-card__name{min-width:0;max-width:100%;white-space:normal}
 .detail-layout__body .site-card__desc{flex:auto}
 .detail-layout__body .site-card__tag{max-width:100%;white-space:normal}
}
@media(max-width:600px){
 .guide-overview .contrast-head{display:none}
 .guide-overview .contrast-row{grid-template-columns:1fr}
 .guide-overview .contrast-cell--other{padding-bottom:8px}
 .guide-overview .contrast-cell--gw2{border-left:0}
}