:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#eaf5f5;background:#080f17}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#163d45,transparent 55%);min-height:100vh}header{max-width:1000px;margin:auto;padding:24px;display:flex;justify-content:space-between;gap:16px}a{color:#80edda;text-decoration:none}main{max-width:880px;margin:16px auto;padding:0 24px 60px}article,form{background:#101e2b;border:1px solid #2b434c;border-radius:24px;overflow:hidden}article>p,article>.actions,article>.details,article>section{margin:24px 32px}.cover{height:155px;background:radial-gradient(circle at 80% 20%,#2e8278,transparent 50%),linear-gradient(135deg,#172349,#0d3136);padding:28px 32px;color:#adf9eb;font-size:12px;letter-spacing:3px}.identity{display:flex;align-items:center;gap:24px;padding:0 32px;margin-top:-30px}.avatar{width:112px;height:112px;flex-shrink:0;border:5px solid #101e2b;border-radius:50%;background:#244c52;display:grid;place-items:center;font-size:34px;color:#aff9e8;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}h1{font-size:32px;margin:12px 0 4px;overflow-wrap:anywhere}.eyebrow{color:#80edda;font-size:12px;text-transform:uppercase;letter-spacing:2px;margin:40px 0 0}.muted{color:#9dafbd;font-size:13px;line-height:1.6}#bio{white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}.details{display:flex;flex-wrap:wrap;gap:10px}.details span{padding:8px 14px;border:1px solid #34535d;border-radius:30px;font-size:13px}.actions{display:flex;gap:12px;flex-wrap:wrap}button,.button{background:#21484c;color:#b8fff1;border:1px solid #4b777a;border-radius:12px;padding:11px 17px;font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}form{padding:30px}label{display:block;margin:18px 0;font-size:14px}input,textarea,select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #34535d;background:#08151e;color:#efffff;border-radius:10px;font:inherit}section{border-top:1px solid #29424d;padding-top:14px}.review{padding:18px 0;border-bottom:1px solid #29424d}.review p{white-space:pre-wrap;overflow-wrap:anywhere}.review img{max-width:100%;max-height:320px;border-radius:14px}#status{line-height:1.6;color:#b8eedf}[hidden]{display:none!important}:focus-visible{outline:2px solid #80edda;outline-offset:3px}@media(max-width:550px){header{padding:18px}main{padding:0 12px 30px}.identity{padding:0 20px;gap:14px}.avatar{width:84px;height:84px}h1{font-size:25px}article>p,article>.actions,article>.details,article>section{margin:20px}form{padding:20px}.cover{height:130px;padding:24px 20px}}
/* Map-first Voidral traveller profile */
:root{color-scheme:light;color:#17314a;background:#edf3f7}body{background:linear-gradient(180deg,#081f33 0,#081f33 220px,#edf3f7 220px);color:#17314a}header{padding:24px;color:white}header a{color:#d3eeee}main{max-width:880px;margin:10px auto}article,form{background:white;border:1px solid #e1e9ee;box-shadow:0 12px 40px #17314a0b;border-radius:24px}.cover{height:210px;background:linear-gradient(180deg,#071f3322,#071f3388),url('/assets/namib-dunes-concept.jpg') center 55%/cover;color:white;letter-spacing:2px}.identity{align-items:flex-end;margin-top:-40px}.avatar{border:5px solid white;background:#ddf3ef;color:#087d81;width:116px;height:116px;box-shadow:0 4px 20px #17314a15}.eyebrow{color:#087d81;margin-top:52px}h1{color:#17314a;font-size:34px;letter-spacing:-1px}.muted{color:#61798b}.details span{border:0;background:#edf5f7;color:#34566c}.actions button,.actions .button,button,.button{background:#0ca5ac;color:white;border:0;min-height:44px;border-radius:12px}#share,#cancel,#remove-photo{background:#edf3f7;color:#254b65}input,textarea,select{background:#f7fafc;color:#17314a;border:1px solid #dce6ed;border-radius:12px;font-size:16px}section,.review{border-color:#e1e9ee}#status{color:#d3eeee}#status:empty{display:none}#signin{background:white;border:1px solid #e1e9ee;border-radius:24px;padding:40px;text-align:center;box-shadow:0 12px 40px #17314a0b}#signin h1{margin:0 0 14px}#signin p{color:#61798b;line-height:1.7;margin-bottom:26px}#signin .button{display:inline-block}form h2{font-size:24px;margin-top:0}label{color:#506b7e}:focus-visible{outline:2px solid #0ca5ac}
@media(max-width:550px){header{padding:18px;font-size:13px}main{padding:0 12px 30px}.cover{height:170px}.identity{align-items:center;gap:14px;margin-top:-28px}.avatar{width:84px;height:84px}h1{font-size:25px}.eyebrow{margin-top:36px;font-size:10px}.identity .muted{margin:0}#signin{padding:34px 22px}article>section{padding-top:20px}.actions{gap:8px}.actions button,.actions .button{flex:1;text-align:center;font-size:13px}}