.band-shield{display:inline-flex;width:46px;height:49px;flex:none;vertical-align:middle;filter:drop-shadow(0 2px 2px #0002)}.band-shield svg{width:100%;height:100%}.band-shield.compact{width:32px;height:35px}.band-shield.large{width:76px;height:80px}.shield-preview{text-align:center;padding:16px}.shield-preview .band-shield{width:130px;height:138px}.shield-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.shield-fields label{display:grid;gap:7px;font-size:13px;font-weight:700}.shield-fields input,.shield-fields select{width:100%;min-height:46px}.shield-fields input[type=color]{padding:4px;cursor:pointer}.attribute-budget{display:flex;gap:20px;align-items:center;padding:20px 0}.attribute-budget>div{flex:none}.attribute-budget strong{display:block;font-size:28px;color:var(--gold)}.attribute-budget span{font-size:12px}.attribute-budget p{font-size:13px;line-height:1.5;max-width:330px}.avatar-attributes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.avatar-attributes h3{padding-bottom:10px;border-bottom:1px solid var(--line,#d8d1c4)}.avatar-attribute{display:grid;grid-template-columns:1fr 40px 25px 40px;gap:4px;align-items:center;margin-top:8px;font-size:12px}.avatar-attribute button{min-width:40px;min-height:44px;padding:0;font-size:20px}.avatar-attribute strong{text-align:center;font-variant-numeric:tabular-nums}.manager-attrs{padding:16px}.portrait-choices{flex-wrap:wrap}.player-job{opacity:.8;font-size:10px!important}.directory-reference-link{margin-bottom:18px}.directory-reference{background:#eeece5;color:#1e2b3c;min-height:100vh}.directory-reference main{max-width:1100px;margin:auto;padding:36px 24px 80px}.directory-back{display:block;margin-bottom:40px;font-weight:700}.directory-reference h1{font-size:clamp(32px,7vw,64px);line-height:1.1;margin:12px 0 24px}.directory-reference p{line-height:1.65;max-width:880px;margin-bottom:20px}.reference-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.reference-actions a{display:inline-flex;align-items:center;border-radius:6px;padding:14px 20px;text-decoration:none}.reference-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.reference-filters label{display:grid;gap:8px;font-size:13px;font-weight:700}.reference-group{margin:12px 0;border:1px solid #cfc9bd;border-radius:10px;overflow:hidden;background:#fffdf7}.reference-group summary{display:flex;justify-content:space-between;cursor:pointer;padding:20px;font-size:18px;font-weight:700;background:#e6e1d5}.reference-group summary:before{content:'+';margin-right:12px}.reference-group[open] summary:before{content:'−'}.reference-group summary span{flex:1}.reference-group summary b{background:#243953;color:white;font-size:14px;padding:3px 10px;border-radius:20px}.reference-table{overflow-x:auto}.reference-table table{width:100%;border-collapse:collapse}.reference-table th,.reference-table td{text-align:left;padding:15px 18px;border-bottom:1px solid #e6e1d5;font-size:14px}.reference-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.reference-table small{display:block;color:#666d77;margin-top:5px;font-size:12px}.reference-table a{display:inline-block;margin-top:7px}.directory-reference footer{margin-top:36px;color:#56616e;font-size:13px}.tonguing-link{display:block;margin-top:20px;padding:20px;text-decoration:none;border:1px solid var(--line,#d7cbaa);border-radius:12px;background:var(--panel,#fffdf5)}.tonguing-link strong{display:block;margin-bottom:7px;font-size:20px}.tonguing-link span{font-size:13px}
@media(max-width:1050px){.avatar-attributes{grid-template-columns:1fr}.avatar-attribute{grid-template-columns:1fr 44px 32px 44px;font-size:14px}.attribute-budget{align-items:flex-start}}@media(max-width:600px){.reference-filters{grid-template-columns:1fr}.directory-reference main{padding:24px 16px 60px}.reference-table thead{display:none}.reference-table tr{display:block;padding:10px 0;border-bottom:1px solid #d6d0c5}.reference-table td{display:block;border:0;padding:6px 18px}.reference-table td:nth-child(2):before{content:'GAME NAME · ';font-size:10px;display:block;color:#806535;margin-bottom:4px}.attribute-budget{display:block}.attribute-budget p{margin-top:10px}.shield-fields{gap:12px}}

html[data-layout=portrait] .shell .portrait-choice{min-width:44px;min-height:44px;width:44px;display:grid;place-items:center}#new-portraits .portrait-choices{display:grid;grid-template-columns:repeat(4,44px);gap:8px;margin:20px 0}#new-portraits .portrait-choice{min-height:44px;min-width:44px;padding:4px}

.band-home-location{text-align:center;margin:8px 0;font-size:12px;font-weight:600;color:inherit;opacity:.8}
