.skill-badge-collection{padding:24px 0}.badge-filters{display:flex;flex-wrap:wrap;gap:16px}.badge-filters label{flex:1 1 180px}.badge-filters input,.badge-filters select{display:block;width:100%;min-height:44px;box-sizing:border-box}.badge-cabinet{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:16px;margin-top:20px}.skill-badge{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px!important;background:var(--panel,#1a1e19)!important;color:var(--text,#fff)!important;border:1px solid #687568!important;border-radius:12px!important;white-space:normal;text-align:center;transition:transform .2s,box-shadow .2s}.skill-badge svg{width:110px;height:130px;flex-shrink:0}.skill-badge strong{font-size:1rem;line-height:1.35}.skill-badge span{font-size:.875rem}.skill-badge.locked svg{filter:grayscale(.8);opacity:.65}.skill-badge.earned{border-color:#3ff61c!important}.skill-badge:hover,.skill-badge:focus-visible{transform:translateY(-4px);box-shadow:0 0 18px #3ff61c50}.skill-badge:focus-visible{outline:3px solid #ffff00;outline-offset:3px}.badge-inspector{width:min(560px,calc(100vw - 24px));max-height:85dvh;overflow:auto;padding:24px;border:2px solid #3ff61c;border-radius:14px;background:var(--panel,#191d19);color:var(--text,#fff);box-sizing:border-box}.badge-inspector::backdrop{background:#000a}.badge-large{width:180px;margin:12px auto;filter:drop-shadow(0 0 12px #3ff61c35)}.badge-inspector h3{font-size:1.6rem}.badge-inspector p{line-height:1.65}.badge-inspector [data-badge-close]{float:right}.badge-inspector [data-badge-detail]{clear:both}html[data-theme=light] .skill-badge{background:#f4f6f8!important;color:#25313a!important;text-shadow:none!important}.badge-inspector svg text,.skill-badge svg text{-webkit-text-fill-color:#fff!important;color:#fff!important;text-shadow:none!important}@media(prefers-reduced-motion:reduce){.skill-badge{transition:none}.skill-badge:hover,.skill-badge:focus-visible{transform:none}}@media(max-width:400px){.badge-cabinet{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skill-badge{padding:10px!important}.skill-badge svg{width:95px}}@media print{.badge-inspector{display:none}.skill-badge{break-inside:avoid}}