.navbar,.crest,h1,.subtitle,.socials,.divider,.work-panel{animation:arrive 1.1s cubic-bezier(.2,.7,.2,1) both}.crest{animation-delay:.08s}h1{animation-delay:.15s}.subtitle{animation-delay:.23s}.socials{animation-delay:.32s}.divider{animation-delay:.4s}.work-panel{animation-delay:.48s}@keyframes arrive{from{opacity:0;translate:0 17px}to{opacity:1;translate:0 0}}
.empty-work{height:300px;pointer-events:none}.social[aria-expanded=true]{border-color:#f2f4f9;background:#c9d1df24;box-shadow:0 0 22px #e1e6ff1c}
.profile-cover{position:fixed;z-index:50;width:350px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #dde4ee66;border-radius:20px;background:linear-gradient(135deg,#62697035,#101216e8 58%,#3c424947);backdrop-filter:blur(25px) saturate(.6);-webkit-backdrop-filter:blur(25px) saturate(.6);box-shadow:inset 0 1px #ffffff1c,0 20px 65px #0009,0 0 35px #c5d3e70c;color:#eceef2;animation:cover-in .2s ease-out both;text-align:left}.profile-cover::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 90% 0,#e0e7f01a,transparent 60%)}@keyframes cover-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.cover-top{position:relative;height:82px;border-bottom:1px solid #d9e0ef1c;background:radial-gradient(ellipse at 72% 20%,#d2d8df25,transparent 65%),linear-gradient(130deg,#c2cbd210,#07090b32);display:flex;align-items:flex-start;justify-content:space-between;padding:17px 19px}.cover-label{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#d4d8df}.cover-close{display:grid;place-items:center;width:28px;height:28px;margin:-5px -6px 0 0;background:#ffffff08;border:1px solid #ffffff21;border-radius:50%;color:#e6e9ef;font-size:20px;cursor:pointer}.cover-body{position:relative;padding:0 20px 20px}.avatar{display:block;width:76px;height:76px;object-fit:cover;border-radius:17px;border:1px solid #e4ebf064;box-shadow:0 8px 25px #0006;background:#111316}.avatar-overlap{margin-top:-29px;margin-bottom:15px}.profile-name{font-family:Georgia,serif;font-size:27px;letter-spacing:.01em;margin:0 0 5px;line-height:1.2}.handle{font-size:12px;color:#b1b8c3;margin:0 0 15px;overflow-wrap:anywhere}.presence{display:flex;gap:8px;align-items:center;font-size:12px;color:#d2d7df;margin:17px 0 21px}.status-dot{width:7px;height:7px;border-radius:50%;background:#88919d;box-shadow:0 0 8px #ffffff20}.status-dot[data-status=online]{background:#a5c9b1}.status-dot[data-status=idle]{background:#d3c291}.status-dot[data-status=dnd]{background:#d2949c}.status-dot[data-status=offline]{background:transparent;border:1px solid #8a929d;box-shadow:none}.cover-action{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:11px 14px;color:#e9edf4;background:linear-gradient(135deg,#e0e6ee13,#dae2f005);border:1px solid #e2e8f336;border-radius:10px;font-size:12px;cursor:pointer;text-align:left}.cover-action:hover{background:#e1e8f020;border-color:#dbe3ef80}.avatar-stage{height:183px;margin:-8px 0 12px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 80%,#dce6f015,transparent 65%)}.avatar-stage img{max-width:90%;height:180px;object-fit:contain;filter:drop-shadow(0 12px 20px #0006)}.avatar-stage.minecraft img{image-rendering:auto}.render-cover .cover-top{height:53px;border-bottom:0}.profile-note{font-size:12px;line-height:1.65;color:#b3bbc7;margin:12px 0 20px;white-space:pre-line}.steam-feature{display:flex;gap:16px;align-items:center;margin:17px 0 20px}.steam-feature .avatar{width:67px;height:67px;border-radius:13px}.steam-feature .profile-name{font-size:24px}.steam-feature .handle{margin:0}.steam-account{display:flex;align-items:center;gap:8px;margin-top:9px;padding:5px;border:1px solid #d5ddeb1f;border-radius:12px;background:#ffffff03}.steam-account.selected{border-color:#dfe6f25c;background:#ffffff0a}.account-select{display:flex;flex:1;align-items:center;gap:10px;border:0;background:none;color:inherit;padding:5px;cursor:pointer;text-align:left;min-width:0;font-size:12px}.account-select img{width:32px;height:32px;border-radius:7px}.account-open{padding:10px 11px;border:1px solid #e1e9f136;border-radius:8px;font-size:11px;white-space:nowrap}.account-open:hover{background:#e0e5ef1c;border-color:#e1e9f180}.toast{z-index:70}.copy-fallback{width:100%;margin-top:12px;padding:10px;background:#11151a;color:white;border:1px solid #abb6c4;border-radius:8px}
@media(max-width:620px){.empty-work{height:230px}.profile-cover{width:330px}.cover-body{padding:0 17px 17px}.avatar-stage{height:155px}.avatar-stage img{height:153px}.subtitle{white-space:nowrap;font-size:clamp(10px,3.3vw,13px)}}
@media(prefers-reduced-motion:reduce){.navbar,.crest,h1,.subtitle,.socials,.divider,.work-panel,.profile-cover{animation:none!important;opacity:1;translate:none}}

/* Cursor-facing perspective, with an eased return to the resting plane. */
@keyframes cover-in{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
.social,.nav-item,.cover-action,.account-select,.account-open,.cover-close,.profile-cover{
 transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));
 transform-origin:center;
 transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .2s,background .2s,box-shadow .2s;
}
.tilt-tracking{transition-duration:.12s,.2s,.2s,.2s;will-change:transform}
@media(prefers-reduced-motion:reduce),(hover:none){
 .social,.nav-item,.cover-action,.account-select,.account-open,.cover-close,.profile-cover{transform:none!important;will-change:auto}
}