.border-page{margin:0;background:#fff5df;color:#443728;font:14px Arial,sans-serif}.border-page main{max-width:920px;padding:22px;margin:auto}.border-page h1,.border-page h2{color:#086b9b}.border-page p{line-height:1.5}.border-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;margin:22px 0}.border-option{display:flex;position:relative;align-items:center;flex-direction:column;gap:10px;border:1px solid #dec48c;background:#fffaf0;padding:20px 10px 14px;border-radius:8px;cursor:pointer;text-align:center}.border-option:has(input:checked){border:2px solid #1288b1;padding:19px 9px 13px;background:#eefaff}.border-option input{accent-color:#08799d}.border-preview{position:relative;display:inline-block;flex-shrink:0;width:75px;height:75px;margin:12px;isolation:isolate}.border-avatar{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.border-art{position:absolute!important;left:50%!important;top:50%!important;width:calc(100% * var(--border-scale,1.2))!important;height:calc(100% * var(--border-scale,1.2))!important;max-width:none!important;transform:translate(-50%,-50%);object-fit:contain;pointer-events:none}.border-page [hidden]{display:none!important}.border-page button,.border-buy{border:1px solid #085875;border-radius:7px;padding:10px 18px;background:linear-gradient(#178fbe,#08618b);color:#fff;cursor:pointer;text-decoration:none;font-weight:bold}.border-page button:focus-visible,.border-page a:focus-visible{outline:3px solid #e7a817;outline-offset:3px}.border-equipped,.border-success{color:#34752e}.border-live-preview{text-align:center;border-bottom:1px solid #dec48c;padding:12px}.border-live-preview .border-preview{width:75px;height:75px}.border-admin-form{border:1px solid #dec48c;border-radius:8px;padding:20px;margin:20px 0}.border-admin-layout{display:flex;gap:25px;align-items:flex-start}.border-admin-layout>div:last-child{flex:1;min-width:0}.border-admin-form label{display:block;margin:12px 0}.border-admin-form input:not([type=checkbox]),.border-admin-form select{box-sizing:border-box;display:block;width:100%;padding:8px}.border-admin-form small{display:block;margin-bottom:15px}.border-try{font-size:12px}.border-buy{font-size:12px}.na-avatar-border-overlay{position:absolute!important;pointer-events:none!important;max-width:none!important;object-fit:contain;z-index:1;visibility:hidden}@media(max-width:480px){.border-page main{padding:14px}.border-options{grid-template-columns:repeat(2,minmax(0,1fr))}.border-admin-layout{flex-direction:column}}
/* Animate only the decoration; avatar size and GIF playback remain independent. */
.border-art[data-animation=glow],.na-avatar-border-overlay[data-animation=glow]{animation:na-border-glow 3.6s ease-in-out infinite}
.border-art[data-animation=energy],.na-avatar-border-overlay[data-animation=energy]{animation:na-border-energy 2.8s ease-in-out infinite}
.border-art[data-animation=ember],.na-avatar-border-overlay[data-animation=ember]{animation:na-border-ember 3.2s ease-in-out infinite}
@keyframes na-border-glow{0%,100%{filter:brightness(.9);opacity:.9}50%{filter:brightness(1.18);opacity:1}}
@keyframes na-border-energy{0%,100%{filter:brightness(.9) saturate(1)}50%{filter:brightness(1.22) saturate(1.2)}}
@keyframes na-border-ember{0%,100%{filter:brightness(.88) saturate(1)}35%{filter:brightness(1.13) saturate(1.15)}65%{filter:brightness(1) saturate(1.3)}}
@media(prefers-reduced-motion:reduce){.border-art[data-animation],.na-avatar-border-overlay[data-animation]{animation:none!important}}
.border-user-picker{border:1px solid #dec48c;border-radius:8px;margin:16px 0;padding:12px;min-width:0}.border-user-picker legend{font-weight:bold}.border-user-list{max-height:220px;overflow:auto;border:1px solid #dec48c;background:#fffaf0;border-radius:5px}.border-admin-form .border-user-row{display:flex;align-items:center;gap:9px;margin:0;padding:9px 12px;cursor:pointer;overflow-wrap:anywhere}.border-user-row:hover,.border-user-row:has(input:checked){background:#e5f3fa}.border-user-row input{flex-shrink:0}.border-user-status{margin-top:10px}
