:root{--bg:#080808;--panel:rgba(15,15,15,.86);--line:#665b5b;--line-soft:#302b2b;--text:#d5cccc;--muted:#8e8585;--accent:#b8a1a1;--green:#6b996b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.03),transparent 28rem),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px),var(--bg);background-size:auto,4px 4px,4px 4px,auto;font-family:"Special Elite",ui-monospace,monospace}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.08}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:17px clamp(18px,5vw,68px);background:rgba(8,8,8,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft)}.wordmark{text-decoration:none;font-size:1.45rem;letter-spacing:.18em}nav{display:flex;gap:22px}nav a{color:var(--muted);text-decoration:none;font-size:.92rem}nav a:hover{color:var(--text)}.audio-toggle{justify-self:end;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);background:transparent;color:var(--text);padding:10px 12px;font:inherit;cursor:pointer}.audio-label{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-shell{width:min(1180px,calc(100% - 34px));margin:38px auto 70px;display:grid;grid-template-columns:270px 1fr;gap:26px}.profile-column{display:flex;flex-direction:column;gap:22px}.panel{border:1px solid var(--line);background:var(--panel)}.profile-card,.mini-player{padding:18px}.avatar-wrap{position:relative}.avatar{width:100%;aspect-ratio:1;display:block;object-fit:cover;border:1px solid var(--line)}.status-dot{position:absolute;right:10px;bottom:10px;width:12px;height:12px;border-radius:50%;background:var(--green)}h1{margin:18px 0 4px;font-size:1.7rem}.handle,.status{margin:5px 0;color:var(--muted)}.status{color:var(--green)}.eyebrow{margin:0 0 11px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:.75rem}.track{display:flex;align-items:center;gap:12px}.track strong,.track span{display:block}.track span{color:var(--muted);font-size:.9rem}.album-cover,.album-placeholder{width:48px;height:48px;border:1px solid var(--line);flex:0 0 48px}.album-cover{object-fit:cover}.album-placeholder{display:none;place-items:center}.real-progress{height:5px;margin:16px 0 7px;background:#252222;overflow:hidden;cursor:pointer}.real-progress span{display:block;width:0;height:100%;background:var(--accent)}.time-row{display:flex;justify-content:space-between;color:#777;font-size:.68rem}.tiny-note{color:#777;font-size:.72rem}.content-column{min-width:0}.hero-panel{min-height:230px;padding:clamp(24px,5vw,48px);display:flex;flex-direction:column;justify-content:center}.hero-panel h2{margin:0;max-width:700px;font-size:clamp(1.3rem,3.2vw,2.25rem);font-weight:400;line-height:1.42}.about-subtitle{max-width:700px;margin:12px 0 0;color:var(--muted);font-size:clamp(.88rem,1.55vw,1.08rem);line-height:1.6}.cursor{animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.games-panel,.maps-panel,.links-panel{margin-top:26px;padding:clamp(20px,4vw,34px)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-heading h2,.links-panel h2{margin:0;font-weight:400;font-size:1.55rem}.hint{color:var(--muted);margin:0;font-size:.78rem}.game-library{display:flex;align-items:center;justify-content:center;min-height:390px;padding:30px 10px 45px;perspective:1200px;overflow:hidden}.game-card{--rot:0deg;width:min(24%,190px);aspect-ratio:2/3;margin-left:-3.8%;background-image:linear-gradient(to top,rgba(0,0,0,.88),transparent 45%),var(--cover);background-size:cover;background-position:center;border:1px solid #6d6464;box-shadow:0 16px 28px rgba(0,0,0,.55);position:relative;text-decoration:none;transform:rotateY(var(--rot));transition:.22s}.game-card:first-child{margin-left:0}.game-card span{position:absolute;inset:auto 12px 12px;font-size:.83rem;text-shadow:0 1px 4px #000}.game-card:hover{transform:rotateY(var(--rot)) translateY(-18px) scale(1.06);z-index:10}.game-card:nth-child(1){--rot:8deg}.game-card:nth-child(2){--rot:3deg}.game-card:nth-child(3){--rot:-3deg}.game-card:nth-child(4){--rot:-8deg}.roblox-card{background-image:linear-gradient(to top,rgba(0,0,0,.92),transparent 32%),var(--cover);background-size:100% 100%,72% auto;background-repeat:no-repeat,no-repeat;background-position:center,center;background-color:#0b0b0b}.map-tabs{display:flex;gap:8px}.map-tab{border:1px solid var(--line-soft);background:#0b0b0b;color:var(--muted);font:inherit;padding:10px 14px}.map-tab.active{color:var(--text);border-color:var(--accent)}.map-tab-panel[hidden]{display:none}.map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.map-card{border:1px solid var(--line-soft);background:#0a0a0a;text-decoration:none}.map-thumb{aspect-ratio:16/9;overflow:hidden}.map-thumb img{width:100%;height:100%;object-fit:cover}.map-info{padding:16px}.standalone-shell{width:min(1100px,calc(100% - 34px));margin:38px auto 70px}.links-list{margin-top:18px;border-top:1px solid var(--line-soft);width:100%}.links-list a{display:grid;grid-template-columns:56px minmax(0,1fr) 28px;gap:18px;align-items:center;width:100%;padding:22px 8px;text-decoration:none;border-bottom:1px solid var(--line-soft)}.links-list a:hover{background:rgba(255,255,255,.025)}.social-icon{width:46px;height:46px;display:grid;place-items:center;color:var(--text);opacity:1}.social-icon svg{width:32px;height:32px;fill:currentColor;display:block}.steam-icon svg{width:35px;height:35px}.social-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.social-copy strong{display:block;font-size:1.22rem;font-weight:400;line-height:1.15}.social-copy small{display:block;color:var(--muted);font-size:1.06rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal}.links-list b{font-size:1.1rem;font-weight:400;justify-self:end}footer{display:flex;justify-content:space-between;color:#655f5f;font-size:.8rem;padding:26px 4px 0}@media(max-width:820px){.topbar{grid-template-columns:1fr auto}nav{display:none}.audio-label{display:none}.page-shell{grid-template-columns:1fr;width:min(100% - 24px,680px)}.profile-column{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:520px){.topbar{padding:12px}.page-shell,.standalone-shell{width:calc(100% - 16px)}.profile-column{grid-template-columns:1fr}.game-library{overflow-x:auto;justify-content:flex-start}.game-card{flex:0 0 66%;width:66%;margin-left:-42%}.game-card:first-child{margin-left:0}.map-grid{grid-template-columns:1fr}.links-panel{padding:20px 16px}.links-list a{grid-template-columns:46px minmax(0,1fr) 22px;gap:12px;padding:20px 2px}.social-icon{width:40px;height:40px}.social-icon svg{width:28px;height:28px}.steam-icon svg{width:30px;height:30px}.social-copy strong{font-size:1.14rem}.social-copy small{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}footer{flex-direction:column}}
/* mobile navigation drawer */
.mobile-nav-toggle{display:none;justify-self:end;width:46px;height:46px;border:1px solid var(--line);background:#0b0b0b;color:var(--text);font:1.45rem/1 "VT323",monospace;cursor:pointer;place-items:center}
.mobile-nav-backdrop{display:none}
@media(max-width:820px){
 .topbar{grid-template-columns:1fr auto}
 .topbar>nav{display:flex;position:fixed;z-index:102;top:0;right:0;width:min(78vw,310px);height:100dvh;padding:86px 24px 28px;flex-direction:column;align-items:stretch;gap:0;background:rgba(8,8,8,.98);border-left:1px solid var(--line);transform:translateX(105%);transition:transform .22s ease;box-shadow:-18px 0 45px rgba(0,0,0,.5)}
 .topbar>nav a{display:block;padding:17px 6px;border-bottom:1px solid var(--line-soft);font-size:1.08rem}
 body.mobile-nav-open .topbar>nav{transform:translateX(0)}
 .mobile-nav-toggle{display:grid;position:relative;z-index:104}
 .topbar>.audio-toggle{justify-self:end;margin-right:58px}
 .mobile-nav-backdrop{position:fixed;inset:0;z-index:101;background:rgba(0,0,0,.58)}
 body.mobile-nav-open .mobile-nav-backdrop{display:block}
 body.mobile-nav-open{overflow:hidden}
}

/* mobile header layout: menu | stalkr | audio */
@media(max-width:820px){
 .topbar{grid-template-columns:auto 1fr auto;gap:14px}
 .mobile-nav-toggle{grid-column:1;grid-row:1;justify-self:start;position:relative;z-index:104}
 .topbar>.wordmark{grid-column:2;grid-row:1;justify-self:start}
 .topbar>.audio-toggle{grid-column:3;grid-row:1;justify-self:end;margin-right:0}
 .topbar>nav{grid-column:auto}
}