.profile-layer{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .65s ease,transform .65s ease;transform:translateY(9px);color:#d9f4ff}.profile-layer.visible{opacity:1;transform:translateY(0)}.profile-card{position:absolute;width:clamp(180px,24vw,280px);padding:22px 24px;border:1px solid #7dd9ff65;border-radius:15px;background:linear-gradient(135deg,#58aeed20,#246eaf0a);box-shadow:inset 0 1px 0 #b9efff13,0 8px 40px #031d5714;backdrop-filter:blur(4px)}.identity{left:7%;top:23%;width:clamp(175px,22vw,250px)}.story{left:4%;top:55%}.skills{right:5%;top:36%}.eyebrow{display:block;color:#9dd4f0;font:9px/1.5 monospace;letter-spacing:1.1px}.profile-card h1{font-size:27px;font-weight:500;letter-spacing:2px;margin:12px 0 10px}.profile-card h2{font-size:18px;font-weight:500;margin:13px 0}.profile-card p{font-size:12px;line-height:1.9;color:#b7ddf5;margin:0}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#73e3fa;vertical-align:middle;margin-right:6px;box-shadow:0 0 8px #6ee4ff}.profile-card ul{list-style:none;padding:0;margin:16px 0}.profile-card li{font-size:13px;margin:14px 0;color:#d2edff}.profile-card li span{font:10px monospace;color:#74bce7;margin-right:14px}.signal{display:flex;gap:5px;margin-top:20px;align-items:end;height:13px}.signal b{width:5px;height:5px;background:#80d7ee77}.signal b:nth-child(3n){height:12px}.signal b:nth-child(3n + 1){height:8px}.profile-card:after{content:"";position:absolute;width:38px;height:1px;top:50%;background:#76d8ff66}.profile-card:before{content:"";position:absolute;width:6px;height:6px;top:calc(50% - 2.5px);background:#7ce3ff;border-radius:50%;box-shadow:0 0 12px #61cfff88}.identity:after,.story:after{left:100%}.identity:before,.story:before{left:calc(100% + 38px)}.skills:after{right:100%}.skills:before{right:calc(100% + 38px)}
@media(max-width:850px){.profile-card{padding:17px 16px}.identity{left:4%;width:175px}.story{left:3%;width:190px}.skills{right:3%;width:190px}.profile-card:after{width:22px}.identity:before,.story:before{left:calc(100% + 22px)}.skills:before{right:calc(100% + 22px)}}
@media(max-width:580px){.profile-card{padding:10px 12px;border-radius:10px;width:42%}.identity{left:5%;top:5%;width:54%}.story{left:4%;top:auto;bottom:3%}.skills{right:4%;top:auto;bottom:3%}.profile-card h1{font-size:20px;margin:5px 0}.profile-card h2{font-size:14px;margin:7px 0}.profile-card p,.profile-card li{font-size:10px;line-height:1.65}.profile-card li{margin:6px 0}.profile-card ul{margin:6px 0}.eyebrow{font-size:7px;letter-spacing:.3px}.signal{display:none}.profile-card:before,.profile-card:after{display:none}}
@media(prefers-reduced-motion:reduce){.profile-layer{transition:none}}

.profile-layer{z-index:2}.profile-card .eyebrow{color:#9dd4f0}.profile-card ul{padding:0}#scene{touch-action:none}#next-act{position:absolute;z-index:3;bottom:66px;right:3vw;font-size:11px;background:#faf8efe8}.act2-active .intro,.act2-active .view-controls,.act2-active .drag-cue,.act2-active .corner{opacity:0;pointer-events:none}.act2-active #explore{visibility:hidden}.act2-active .after{display:none}.act2-active #next-act{border-color:#7dd9ff55;background:#123569aa;color:#c2e8ff}.act2-active .tools button{background:#123569aa;color:#c2e8ff;border-color:#7dd9ff55}
@media(max-width:700px){.act2-active #studio{height:100svh;min-height:640px}.act2-active #scene,.act2-active #fallback{top:0;height:100%}#next-act{bottom:104px;right:16px}.act2-active .tools{bottom:12px}.profile-layer .story,.profile-layer .skills{bottom:70px}.profile-layer .identity{top:5%}.act2-active #next-act{bottom:16px;left:16px;right:auto}.act2-active #motion{display:none}}

.act2-arrived #explore{display:none}.act2-active{background:#122656}.act2-arrived .tools{display:none}html{scrollbar-gutter:stable}

body{min-height:100svh}html:has(body.act2-active){background:#122656}