.woodland-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;mask-image:linear-gradient(#000 0%,#000 70%,transparent 99%)}
.woodland-light{position:absolute;width:min(850px,85vw);height:420px;left:-17%;top:4%;border-radius:50%;background:radial-gradient(ellipse,#e1eaff2b,transparent 69%);filter:blur(35px);animation:woodland-glow 25s ease-in-out infinite alternate}
@keyframes woodland-glow{from{translate:0 0;opacity:.5}to{translate:65vw 45px;opacity:.95}}
.woodland-dust{position:absolute;inset:0}.woodland-speck{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#e9f2ff;filter:blur(.55px);box-shadow:0 0 5px #e4efff29;opacity:0;animation:woodland-float var(--duration) ease-in-out var(--delay) infinite}
@keyframes woodland-float{0%{transform:translate(0,40px);opacity:0}20%{opacity:var(--alpha)}75%{opacity:calc(var(--alpha)*.7)}100%{transform:translate(var(--drift),-110px);opacity:0}}
.outside-view .woodland-light,.outside-view .woodland-speck,.tab-hidden .woodland-light,.tab-hidden .woodland-speck{animation-play-state:paused}
.social,.nav-item,.cover-action,.account-select,.account-open,.cover-close,.project-thumbnail,.project-card,.music-button{position:relative}
.glass-light{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;opacity:0;transition:opacity .35s}
.glass-light::before,.glass-light::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.glass-light::before{background:radial-gradient(220px circle at var(--shine-x,50%) var(--shine-y,50%),#e7f0ff24,transparent 76%)}
.glass-light::after{inset:-1px;padding:1px;background:radial-gradient(150px circle at var(--shine-x,50%) var(--shine-y,50%),#f5f8ffcf,transparent 75%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.silver-lit>.glass-light{opacity:1}
.work-panel{animation:none}
.scroll-reveal{opacity:0;translate:0 var(--reveal-distance,48px);transition:opacity .85s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms),translate 1.1s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms)}
.work-heading.scroll-reveal{--reveal-distance:30px}
.scroll-reveal.revealed{opacity:1;translate:0 0}
.nav-links{position:relative;isolation:isolate}
.nav-highlight{position:absolute;left:0;top:0;pointer-events:none;z-index:-1;border:1px solid #e2e9f32b;border-radius:24px;background:linear-gradient(135deg,#ffffff12,#ffffff05);box-shadow:inset 0 1px #ffffff10;transition:transform .35s cubic-bezier(.2,.7,.2,1),width .35s ease,height .35s ease}
.nav-item.active{background:transparent;border-color:transparent;box-shadow:none}
.social:active,.nav-item:active,.cover-action:active,.account-select:active,.account-open:active,.cover-close:active,.project-thumbnail:active,.project-link:active,.music-button:active{scale:.965}
.copy-confirmed{color:#f4f8fd!important;border-color:#e1ebf491!important;box-shadow:0 0 16px #dce9ff12!important}
.music-play{position:relative}.music-play .music-progress{position:absolute;inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px);rotate:-90deg;pointer-events:none;fill:none;stroke:#d7e1ee;stroke-width:1.3;overflow:visible}
.music-progress circle{stroke-dasharray:100;stroke-dashoffset:var(--music-progress,100);opacity:.8;transition:stroke-dashoffset .25s linear}
.music-track{position:relative}.music-track #music-title{padding-right:18px}
.music-bars{position:absolute;right:1px;top:5px;display:flex;align-items:center;gap:2px;height:9px;opacity:0;transition:opacity .25s}.is-playing:not(.is-muted) .music-bars{opacity:.6}.music-bars i{display:block;width:1px;height:7px;border-radius:1px;background:#cbd8e8;animation:music-pulse .95s ease-in-out infinite alternate;animation-play-state:paused}.is-playing:not(.is-muted) .music-bars i{animation-play-state:running}.music-bars i:nth-child(2){animation-delay:-.55s}.music-bars i:nth-child(3){animation-delay:-.3s}@keyframes music-pulse{from{scale:1 .3}to{scale:1 1}}
.copy-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(prefers-reduced-motion:reduce){.woodland-light,.woodland-speck{animation:none!important}.woodland-speck{opacity:calc(var(--alpha)*.45)}.woodland-light{opacity:.35}.glass-light{display:none}.scroll-reveal{opacity:1;translate:none;transition:none}.nav-highlight,.music-progress circle{transition:none}.music-bars i{animation:none;scale:1 .65}}

/* Work keeps the silver rim, without the cursor's surface wash. */
.project-card .glass-light::before,.game-cover .glass-light::before{display:none}
.glass-light{overflow:clip}
.glass-light::after{inset:0}

/* Fit preview content to the viewport; decorative layers never create scrollbars. */
.profile-cover{overflow:clip;max-height:calc(100dvh - 32px)}
.game-screenshot{max-height:clamp(65px,calc(100dvh - 235px),220px)}
.avatar-stage{height:clamp(65px,calc(100dvh - 250px),183px)}
.avatar-stage img{height:100%;max-height:180px}
@media(max-height:500px){.profile-cover .cover-top{height:58px}.profile-cover.render-cover .cover-top,.profile-cover.game-cover .cover-top{height:45px}.cover-body{padding-bottom:14px}.avatar-overlap{width:60px;height:60px;margin-top:-23px;margin-bottom:9px}.profile-name{font-size:23px}.presence{margin:12px 0}.handle{margin-bottom:10px}.steam-feature{margin:10px 0}.steam-feature .avatar{width:50px;height:50px}.steam-account{margin-top:6px}.game-page-info{padding:12px}.game-page-info .cover-action{margin-top:12px}.game-cover .cover-body{padding-bottom:10px}}

/* A full opening screen, followed by the work showcase. */
.hero{height:100svh;min-height:680px}
.identity{top:50%;transform:translateY(-50%);margin-top:0}
.scroll-work{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;padding:9px 16px;color:#bfc9d6;font-size:11px;letter-spacing:.075em;text-align:center;white-space:nowrap;transition:color .2s}
.scroll-work svg{width:18px;height:26px;stroke:currentColor;fill:none;stroke-width:1.15;transition:translate .25s}
.scroll-work:hover{color:#f1f5fa}.scroll-work:hover svg{translate:0 4px}
.work-section{min-height:100svh;padding-top:70px;scroll-margin-top:0}
@media(max-width:620px){.hero{height:100svh;min-height:720px}.identity{top:46%;left:20px;right:20px}.scroll-work{bottom:116px;font-size:10px;gap:9px}.work-section{padding-top:45px}}
@media(max-height:650px) and (min-width:621px){.hero{min-height:590px}.identity{top:49%}.crest{margin-bottom:14px}h1{font-size:60px}.subtitle{margin:18px 0 22px}.divider{margin-top:26px}.scroll-work{bottom:27px}}