/* Step 20: real public profile system, matching the existing pixel-fantasy hub */
.loa-visibility-setting{padding:17px 18px;border:1px solid #746142;background:linear-gradient(110deg,#202e40,#112135);margin:12px 0 19px;text-align:left}
.loa-visibility-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.loa-visibility-heading label{font:800 14px var(--serif);color:#f1d7a7}.loa-visibility-heading span{font:700 10px var(--sans);color:#9dd5bf;text-transform:uppercase;letter-spacing:.05em}
.loa-visibility-toggle{display:flex;align-items:center;gap:12px;cursor:pointer}.loa-visibility-toggle input{width:1px;height:1px;opacity:0;position:absolute}.loa-switch-track{width:51px;min-width:51px;height:28px;border-radius:25px;background:#47566a;border:1px solid #78808b;position:relative;transition:.15s}.loa-switch-track:after{content:'';position:absolute;width:20px;height:20px;border-radius:100%;background:#e9eef4;top:3px;left:4px;transition:transform .15s}.loa-visibility-toggle input:checked + .loa-switch-track{background:#2e7a65;border-color:#80ddc4}.loa-visibility-toggle input:checked + .loa-switch-track:after{transform:translateX(21px)}.loa-visibility-toggle input:focus-visible + .loa-switch-track{outline:3px solid #dfbf75;outline-offset:3px}.loa-visibility-help{font:500 12px/1.6 var(--sans);color:#d6e0e6}.loa-visibility-setting>small{font:400 11px/1.6 var(--sans);color:#adc0cc;display:block;margin-top:12px}
.loa-public-heading .hero-actions{margin-top:24px}.loa-public-status{color:#c1d0de;font:500 12px/1.6 var(--sans);padding:6px 0 15px}.loa-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.loa-directory-card{display:flex;gap:13px;align-items:center;flex-wrap:wrap;background:linear-gradient(130deg,#202d42,#111d2e);border:1px solid #51627a;padding:17px}.loa-directory-emblem{font-size:26px;color:#e5c68d;width:46px;height:46px;flex-shrink:0;border:1px solid #ad8957;display:grid;place-items:center;background:#142334}.loa-directory-content{flex:1;min-width:105px}.loa-directory-content strong{font:700 16px var(--serif);color:#eedcb9;overflow-wrap:anywhere}.loa-directory-content small{display:block;color:#97c8d8;font-size:11px;margin-top:5px;overflow-wrap:anywhere}.loa-directory-content p{margin:9px 0 0;font:400 11px/1.6 var(--sans);color:#acbbc9;white-space:pre-wrap;overflow-wrap:anywhere}.loa-directory-link{color:#f0d69e;white-space:nowrap;font:800 10px var(--sans);text-transform:uppercase}
.loa-public-profile-section{min-height:69vh;background:radial-gradient(ellipse at top,#283e56,#0b1119 65%);padding:59px 0 86px}.loa-public-profile-container{max-width:860px;text-align:center}.loa-public-profile-container h1{font:800 clamp(29px,5vw,45px) var(--serif);color:#f3dcae;margin:12px 0 20px}.loa-public-card{background:linear-gradient(130deg,#213548,#0b1523);border:2px solid #ab844c;max-width:720px;margin:20px auto;box-shadow:0 0 0 5px #0c1827,0 20px 65px #0008;overflow:hidden}.loa-public-card[hidden],.loa-public-empty[hidden],.loa-visibility-setting[hidden]{display:none!important}.loa-public-card-art{height:110px;border-bottom:1px solid #a38150;display:grid;place-items:center;color:#edcb87;font:32px var(--serif);background:radial-gradient(ellipse at bottom,#4a88ae55,transparent 66%),linear-gradient(100deg,#132338,#293b56,#132338)}.loa-public-card-avatar{border:2px solid #c89f5f;width:78px;height:78px;display:grid;place-items:center;margin:-38px auto 14px;background:#101d2d;position:relative}.loa-public-card-avatar img{width:68px;height:68px;object-fit:contain;image-rendering:pixelated}.loa-public-card-body{padding:15px 31px 40px}.loa-public-card h2{font:800 clamp(24px,5vw,34px) var(--serif);color:#f5ddb0;margin:12px 0 6px;overflow-wrap:anywhere}.loa-public-handle{color:#85c8db;font-weight:700;overflow-wrap:anywhere}.loa-public-rule{color:#c49a54;font-size:20px;margin:17px 0}.loa-public-card h3{font:800 15px var(--serif);color:#e8d1a5}.loa-public-bio{color:#bfd0de;max-width:600px;margin:10px auto 27px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.loa-public-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.loa-public-empty{margin:20px auto;background:#172638;border:1px solid #536478;padding:24px;max-width:580px}.loa-public-empty h2{color:#e4d0a9;font:700 23px var(--serif)}.loa-public-empty p{color:#aebfcd}
@media(max-width:750px){.loa-directory-grid{grid-template-columns:1fr}.loa-public-profile-section{padding:33px 0 53px}.loa-public-card-body{padding:10px 16px 30px}.loa-public-actions{flex-direction:column}.loa-public-actions .button{display:block}}