/* Voidral Social · Traveller profile v10, responsive compact redesign. */
#page-profile{max-width:880px!important;margin-inline:auto!important;padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))!important}
#page-profile .page-title{margin:4px 0 12px!important}
#page-profile .page-title .eyebrow{font-size:10px!important;letter-spacing:.13em!important;color:#62dce2!important}
#page-profile .page-title h1{font-size:clamp(21px,4vw,27px)!important;letter-spacing:-.025em!important;margin:3px 0!important}
#page-profile .page-title p{font-size:12px!important;color:#aac8cf!important;margin:0!important}
#page-profile .profile-card{
 position:relative!important;overflow:hidden!important;display:flex!important;align-items:flex-end!important;
 min-height:216px!important;margin:0!important;padding:100px 18px 16px!important;gap:15px!important;
 border:1px solid #347a87!important;border-radius:18px!important;
 background:linear-gradient(115deg,#092b39,#08202b)!important;
 box-shadow:0 12px 25px #0002!important;
}
#page-profile .profile-card::before{
 content:"";position:absolute;left:0;right:0;top:0;height:104px;
 background:radial-gradient(ellipse at 77% 25%,#1a8c9899,transparent 53%),linear-gradient(118deg,#073e4e 0%,#0b3948 43%,#071c30 100%);
 border-bottom:1px solid #45939e7f;pointer-events:none;
}
#page-profile .profile-card::after{
 content:"";position:absolute;right:0;top:23px;width:47%;height:80px;pointer-events:none;
 background:linear-gradient(130deg,transparent 36%,#34d2da4b 37%,#34d2da4b 38%,transparent 39%),
 linear-gradient(140deg,transparent 53%,#34d2da5e 54%,#34d2da5e 55%,transparent 56%);
 opacity:.7;
}
#page-profile .profile-card>.profile-avatar{
 z-index:1;flex:0 0 90px!important;width:90px!important;height:90px!important;
 border-radius:50%!important;border:3px solid #37e4e8!important;background:#052430!important;
 box-shadow:0 3px 20px #0006!important;padding:4px!important;overflow:hidden!important
}
#page-profile .profile-avatar-inner,#page-profile .profile-avatar-inner img{
 border-radius:50%!important;width:100%!important;height:100%!important;object-fit:cover!important
}
#page-profile .profile-card>.profile-info{z-index:1;min-width:0;flex:1}
#page-profile .profile-info h2{
 margin:0 0 3px!important;overflow-wrap:anywhere!important;
 font-size:clamp(20px,3.9vw,26px)!important;line-height:1.15!important;color:#f4ffff!important
}
#page-profile .profile-info p{margin:3px 0!important;font-size:12px!important}
#page-profile .profile-bio{margin:9px 0 0!important;max-width:56ch!important;font-size:12px!important;line-height:1.5!important;color:#d1edf0!important}
#vr-profile-details{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0 0;padding:0 2px}
#vr-profile-details:empty{display:none}
#vr-profile-details .vr-profile-chip{
 display:inline-flex;align-items:center;gap:5px;padding:6px 9px;max-width:100%;
 border:1px solid #305c6b;border-radius:999px;background:#0b2f3b;color:#b9e6ea;
 font:650 11px/1.35 system-ui;overflow-wrap:anywhere;
}
#vr-profile-details .vr-profile-chip.vr-status-private{color:#cfdbe5;border-color:#59687b}
#page-profile .profile-stats{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:0!important;margin:9px 0!important;padding:8px 0!important;
 background:#092935!important;border:1px solid #295f6a!important;border-radius:14px!important
}
#page-profile .profile-stats>div,#page-profile .profile-stats>button{
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;
 min-width:0!important;min-height:52px!important;padding:5px!important;color:#bddbe2!important;
 background:transparent!important;border:0!important;border-radius:0!important;
 font:600 11px/1.25 system-ui!important
}
#page-profile .profile-stats>:not(:last-child){border-right:1px solid #326470!important}
#page-profile .profile-stats strong{font:800 19px/1.15 system-ui!important;color:#f0ffff!important}
#page-profile .profile-stats>button:focus-visible{outline:2px solid #74f4f7!important;outline-offset:-3px}
#page-profile .profile-actions{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;
 padding:5px 0 13px!important;align-items:stretch!important
}
#page-profile .profile-actions>button{
 display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
 min-width:0!important;min-height:43px!important;margin:0!important;padding:9px 8px!important;
 font:740 12px/1.25 system-ui!important;white-space:normal!important;overflow-wrap:anywhere!important;
 border-radius:11px!important;border:1px solid #397983!important;background:#0b3541!important;color:#d8f8fb!important;
 clip-path:none!important;box-shadow:none!important
}
#page-profile .profile-actions>#profile-account{border-color:#42dbdd!important;background:#12505d!important;color:#f2ffff!important}
#page-profile .profile-actions>button[hidden]{display:none!important}
#vr-profile-completion{
 display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;
 margin:0 0 12px;padding:11px 13px;border:1px solid #2d6470;border-radius:12px;
 background:#092b36;color:#dceff1;
}
#vr-profile-completion[hidden]{display:none!important}
#vr-profile-completion strong{font:750 12px/1.35 system-ui}
#vr-profile-completion p{margin:3px 0 0;font:400 11px/1.4 system-ui;color:#a2c4cc}
#vr-profile-completion button{min-height:36px;max-width:120px;border-radius:9px;background:#0b4b57;border:1px solid #2eceda;color:#d8fafa;font:700 11px system-ui;padding:8px}
#page-profile .profile-gallery-head{margin:7px 0!important;padding:5px 0 10px!important}
#page-profile .profile-gallery-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
#page-profile .profile-gallery-tabs button{
 min-height:40px!important;min-width:0!important;padding:7px 6px!important;border:1px solid #366c78!important;
 border-radius:10px!important;color:#bddee3!important;background:#0a303d!important;font:720 12px/1.25 system-ui!important
}
#page-profile .profile-gallery-tabs button[hidden]{display:none!important}
#page-profile .profile-gallery-tabs button[aria-pressed=true]{color:#78f4ef!important;background:#0e4653!important;border-color:#26d6dd!important}
#page-profile .photo-grid{gap:5px!important}
#page-profile .photo-tile{border-radius:9px!important;min-height:0!important}
#page-profile .profile-settings-area{margin-top:16px!important}
#page-profile .settings-details{background:#082834!important;border:1px solid #386e79!important;border-radius:13px!important;overflow:hidden!important}
#page-profile .settings-details summary{display:block;padding:13px 14px;color:#d8fbfd!important;font:750 13px/1.4 system-ui!important}
#page-profile .settings-inner{padding:0 13px 13px!important}
#page-profile .settings-inner>p{margin:0 0 10px!important}
#page-profile .settings-inner>.inline-link{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 padding:9px 10px!important;min-height:39px!important;margin:4px 4px 4px 0!important;
 border-radius:9px!important;max-width:100%!important;white-space:normal!important
}
#edit-profile-dialog .compose-body{display:grid!important;gap:13px!important}
#edit-profile-dialog .vr-edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#edit-profile-dialog .vr-edit-fields label{display:block;min-width:0}
#edit-profile-dialog select{min-height:42px;width:100%;margin-top:6px;background:#092e3a;color:#e4faff;border:1px solid #407a83;border-radius:9px;padding:8px;font:500 13px system-ui}
#edit-profile-dialog .vr-edit-fields input,#edit-profile-dialog .vr-edit-fields textarea{width:100%;min-width:0;box-sizing:border-box}
#edit-profile-dialog .vr-edit-hint{font:400 11px/1.45 system-ui;color:#a7c8ce;margin:5px 0 0}
#edit-profile-dialog #vr-edit-visibility-note{margin:0;padding:10px;border:1px solid #426b7b;border-radius:10px;background:#0b3240;color:#c1d8de;font:400 11px/1.5 system-ui}
#edit-profile-dialog .vr-edit-avatar-top{display:flex;align-items:center;gap:12px}
#edit-profile-dialog #vr-edit-avatar-preview{height:57px;width:57px;flex:none;border:2px solid #42e4e3;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#082934;font:800 23px system-ui}
#edit-profile-dialog #vr-edit-avatar-preview img{width:100%;height:100%;object-fit:cover;border-radius:50%}
#edit-profile-dialog .vr-edit-avatar-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#edit-profile-dialog #vr-remove-avatar{padding:7px 10px;border:1px solid #64717f;border-radius:8px;background:#1c3241;color:#edf2f6;font:600 11px system-ui}
#edit-profile-dialog .modal-footer{position:sticky;bottom:0;background:#0b2b38;z-index:2;border-top:1px solid #285b64}
@media(max-width:600px){
 #page-profile{padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))!important}
 #page-profile .profile-card{min-height:190px!important;padding:91px 12px 13px!important;gap:11px!important;border-radius:14px!important}
 #page-profile .profile-card::before{height:94px}
 #page-profile .profile-card>.profile-avatar{width:75px!important;height:75px!important;flex-basis:75px!important}
 #page-profile .profile-info h2{font-size:20px!important}
 #page-profile .profile-stats{margin:8px 0!important}
 #page-profile .profile-actions{gap:6px!important}
 #page-profile .profile-actions>button{font-size:11px!important;min-height:43px!important;padding:8px 4px!important}
 #page-profile .profile-gallery-tabs button{font-size:11px!important}
 #edit-profile-dialog .vr-edit-fields{grid-template-columns:1fr}
}
@media(max-height:550px) and (orientation:landscape){
 #page-profile .profile-card{min-height:126px!important;padding:50px 11px 7px!important}
 #page-profile .profile-card::before{height:52px!important}
 #page-profile .profile-card>.profile-avatar{height:52px!important;width:52px!important;flex-basis:52px!important}
 #page-profile .profile-card::after{height:48px!important;top:4px!important}
}
@media(prefers-reduced-motion:reduce){#page-profile .photo-tile img{transition:none!important}}