.person-hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;background:radial-gradient(ellipse at 85% 60%,#20434566,transparent 60%),#111c27;overflow:hidden}.person-hero h2{font-size:30px;max-width:530px;margin:15px 0}.person-hero p{line-height:1.7;color:var(--muted);max-width:560px}.person-hero-art{display:flex;align-items:center;min-width:0}.person-hero-art img:first-child{width:75%;transform:rotate(-6deg)}.person-hero-art img:last-child{width:42%;margin-left:-15%;transform:rotate(15deg)}.person-budget{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.person-budget>div{padding:20px;background:#111b25;border:1px solid var(--line);border-radius:10px}.person-budget strong{display:block;font-size:24px;margin:10px 0}.person-budget small{font-size:10px;color:var(--muted);line-height:1.6}.person-tabs{display:flex;border-bottom:1px solid var(--line);gap:10px;margin:25px 0}.person-tabs button{background:none;border:0;border-radius:0;padding:18px 28px;font-size:17px;border-bottom:3px solid transparent}.person-tabs button.active{color:var(--gold);border-bottom-color:var(--gold)}.person-tabs small{display:block;color:var(--muted);font-size:11px;margin-top:7px}.person-effects{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 25px;align-items:center}.person-effects span{font-size:10px;letter-spacing:1px;color:var(--muted)}.person-effects b{font-size:11px;background:#1a3036;border:1px solid #305057;padding:8px 10px;border-radius:5px;color:#a2e0d7}.person-lock{border-color:#7b673f;padding:20px}.person-lock p{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:0}.setup-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.setup-slots article{text-align:center;background:#0c151e;border:1px solid var(--line);border-radius:8px;padding:8px}.setup-slots img{width:100%;height:95px}.setup-slots strong,.setup-slots small,.setup-slots b{display:block;font-size:11px;margin:6px 0}.setup-slots small{color:var(--muted)}.setup-slots b{color:#8cc9bf;font-weight:400}.person-filters{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.person-filters .active{color:var(--gold);border-color:var(--gold)}.person-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:18px 0 30px}.person-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#111b25;display:flex;flex-direction:column}.person-card.level-1{border-top-color:#67d3c7}.person-card.level-2{border-top-color:#e6c589}.person-card.equipped{box-shadow:0 0 0 1px #8abaaf}.gear-visual{position:relative;background:linear-gradient(140deg,#172731,#0d151e);height:190px}.gear-visual>.tag{position:absolute;top:12px;left:12px;z-index:1;font-size:9px}.gear-visual img{width:100%;height:100%;object-fit:contain;padding:10px}.person-card-body{padding:22px;display:flex;flex-direction:column;flex:1}.person-card-body h3{margin:9px 0;font-size:17px}.person-card-body p{color:var(--muted);font-size:12px;line-height:1.65}.person-bonus{color:#8ad5c7;font-size:12px;margin:7px 0 15px}.person-price{font-size:26px;font-weight:700;margin:8px 0 18px}.person-price small{font-size:11px;font-weight:400;margin-left:8px;color:var(--muted)}.person-card-body>button{margin-top:auto;width:100%;min-height:42px}.buy-hint{font-size:10px;color:var(--muted);text-align:center;min-height:28px;margin-top:10px;line-height:1.5}.staff-role-heading{display:flex;align-items:center;gap:17px;margin:30px 0 14px}.staff-role-heading h2{font-size:23px;margin:0}.staff-role-heading p{font-size:13px;color:var(--muted);margin:8px 0}.staff-symbol{font-size:28px;color:var(--gold);width:58px;height:58px;display:grid;place-items:center;background:#283139;border:1px solid #52605e;border-radius:12px;flex-shrink:0}.staff-owned article{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:18px 0}.staff-owned article>div{flex:1}.staff-owned p{font-size:12px;color:var(--muted)}.staff-owned button{font-size:11px}.person-rules{margin-top:25px}.person-rules p{font-size:12px;line-height:1.8;color:var(--muted)}@media(max-width:1050px){.setup-slots{grid-template-columns:repeat(3,1fr)}.person-budget{grid-template-columns:repeat(2,1fr)}.person-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.person-hero h2{font-size:25px}}@media(max-width:650px){.person-hero{grid-template-columns:1fr}.person-hero-art{max-height:160px;max-width:300px;margin:auto}.person-cards{grid-template-columns:1fr}.person-budget>div{padding:13px}.person-budget strong{font-size:21px}.staff-owned article{flex-wrap:wrap}.staff-owned button{margin-left:73px}.person-tabs button{padding:15px 22px}.setup-slots{gap:6px}.setup-slots strong{font-size:10px}}
.attribute-panel{min-width:0}.attribute-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0}.attribute-tabs button{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:12px;gap:10px}.attribute-tabs button.active{border-color:#73ddd1;background:#153834;color:#a4f1dd}.attribute-tabs small,.attribute-label small{font-size:11px;color:#9badba}.attribute-list{display:grid;gap:4px}.attribute-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff0d}.attribute-label{display:flex;justify-content:space-between;gap:10px;font-size:13px}.attribute-row p{font-size:11px;line-height:1.45;margin:5px 0 8px;color:#9badba}.attribute-row button{font-size:11px;padding:10px}.attribute-row progress{width:100%;height:5px}.attribute-panel h2{margin-top:8px}@media(max-width:600px){.attribute-tabs{grid-template-columns:1fr}.attribute-row{gap:10px}.attribute-label{font-size:12px}.attribute-row button{padding:8px;font-size:10px}}

/* Photographic equipment catalog */
.gear-visual{height:auto;aspect-ratio:3/2;background:#0b121b;overflow:hidden}
.gear-visual img{display:block;padding:0;object-fit:contain;transition:transform .3s ease}
.gear-visual>.tag{background:#0b121be8;border:1px solid #ffffff29;color:#d6dfe7;padding:6px 9px;backdrop-filter:blur(8px)}
.level-1 .gear-visual>.tag{color:#98e3d8;border-color:#67d3c74d}
.level-2 .gear-visual>.tag{color:#efd4a4;border-color:#e6c58966}
.setup-slots img{object-fit:contain;border-radius:5px;background:#0b121b}
.person-hero-art{gap:10px;padding:14px 0}
.person-hero-art img:first-child{width:63%;transform:none;border-radius:12px}
.person-hero-art img:last-child{width:35%;margin-left:0;transform:none;border-radius:10px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.person-card:hover .gear-visual img{transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce){.gear-visual img{transition:none}}
@media(max-width:650px){.person-hero-art{max-height:none;max-width:360px;width:100%}.gear-visual{max-height:300px}}

.gear-condition{margin:8px 0 14px;font-size:11px;color:#a6c8c2}.gear-condition span{display:flex;justify-content:space-between;gap:8px}.gear-condition progress{display:block;width:100%;height:6px;margin-top:7px;accent-color:#67d3c7}.gear-condition.worn{color:#edca86}.gear-condition.worn progress{accent-color:#edca86}.gear-condition.broken{color:#f29191}.gear-condition.broken progress{accent-color:#f29191}.gear-condition small{display:block;margin-top:6px}.gear-new{color:#9badba;margin-bottom:14px}.setup-slots .gear-condition strong{margin:0;font-size:inherit}.setup-slots .gear-condition{margin-bottom:5px}
