:root{--bg-black:#030303;--bg-card:#0a0a0a;--bg-surface:#111;--bg-elevated:#171717;--border-raw:#262626;--border-light:#404040;--border-white:#fff;--text-white:#f5f5f5;--text-silver:#a3a3a3;--text-ash:#737373;--text-dark:#404040;--font-mono:"JetBrains Mono", "Courier New", monospace;--font-gothic:"Space Grotesk", sans-serif;--scanline-color:#00000073}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-black);width:100%;min-height:100%;color:var(--text-white);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#333}::-webkit-scrollbar-thumb:hover{background:#666}::selection{color:#000;background:#fff}.crt-overlay{pointer-events:none;z-index:99;background:repeating-linear-gradient(0deg,#00000059,#00000059 1px,#0000 1px 2px);width:100%;height:100%;position:fixed;top:0;left:0}.vignette-overlay{pointer-events:none;z-index:98;background:radial-gradient(circle,#0000 45%,#000000bf 85%,#000000fa 100%);width:100%;height:100%;position:fixed;top:0;left:0}.underground-root{background-color:var(--bg-black);flex-direction:column;min-height:100vh;display:flex;position:relative}.underground-main{z-index:10;flex:1;justify-content:center;align-items:center;min-height:100vh;padding:80px 16px 90px;display:flex;position:relative}.profile-stage-wrapper{z-index:10;justify-content:center;align-items:center;width:100%;max-width:480px;display:flex;position:relative}@media (width<=600px){.underground-main{padding:60px 12px 80px}}.underground-hud-top{z-index:100;letter-spacing:.15em;font-size:.58rem;font-family:var(--font-mono);border-bottom:1px solid var(--border-raw);background:#030303e6;justify-content:space-between;align-items:center;padding:10px 24px;display:flex;position:fixed;top:0;left:0;right:0}.hud-label-left{color:var(--text-white);align-items:center;gap:8px;font-weight:700;display:flex}.gray-dot-logo{background-color:#888;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.hud-badge-center{color:var(--text-ash);letter-spacing:.2em;font-size:.52rem}.hud-time-right{color:var(--text-silver)}@media (width<=640px){.hud-badge-center{display:none}}.underground-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;opacity:0;background:#070707d1;border:1px solid #ffffff24;flex-direction:column;gap:16px;width:100%;max-width:480px;padding:26px;transition:opacity .8s,transform .8s,border-color .3s;display:flex;position:relative;transform:translateY(20px);box-shadow:0 20px 60px #000000f2,0 0 50px #000c}.underground-card.visible{opacity:1;transform:translateY(0)}.underground-card:hover{border-color:#ffffff47}.parental-advisory-badge{color:#000;z-index:20;pointer-events:none;background:#fff;border:2px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:2px 5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:900;line-height:1;display:flex;position:absolute;top:18px;right:18px;box-shadow:0 2px 8px #000c}.pa-title{letter-spacing:.25em;color:#000;margin-bottom:1px;font-size:.35rem}.pa-main{letter-spacing:.12em;text-align:center;border-top:1.5px solid #000;border-bottom:1.5px solid #000;width:100%;padding:1px 0;font-size:.65rem}.pa-sub{letter-spacing:.15em;color:#000;margin-top:1px;font-size:.32rem}.card-top-bar{font-family:var(--font-mono);letter-spacing:.15em;color:var(--text-ash);border-bottom:1px dashed #222;align-items:center;gap:16px;padding-bottom:6px;padding-right:70px;font-size:.55rem;display:flex}.release-code{color:var(--text-white);font-weight:700}.profile-hero{align-items:center;gap:18px;display:flex}.avatar-square-frame{background:#000;border:1px solid #444;flex-shrink:0;width:86px;height:86px;position:relative;overflow:hidden;box-shadow:0 4px 15px #000c}.avatar-monochrome{object-fit:cover;filter:contrast(1.15)brightness(.95);width:100%;height:100%;display:block}.avatar-crt-glitch{pointer-events:none;background:repeating-linear-gradient(0deg,#0006,#0006 1px,#0000 1px 2px);position:absolute;inset:0}.profile-titles{flex-direction:column;gap:4px;display:flex}.sigil-header{align-items:center;gap:8px;display:flex}.spiky-sigil{color:var(--text-white);font-size:1.1rem;line-height:1}.artist-name{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-white);text-transform:uppercase;font-size:1.5rem;font-weight:800}.artist-sub{font-family:var(--font-mono);color:var(--text-silver);align-items:center;gap:4px;font-size:.65rem;display:flex}.block-cursor{color:var(--text-white);animation:.8s infinite blinkBlock}@keyframes blinkBlock{0%,to{opacity:1}50%{opacity:0}}.status-mono{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-ash);align-items:center;gap:6px;margin-top:2px;font-size:.52rem;display:flex}.status-dot-white{background:var(--text-white);width:5px;height:5px;box-shadow:0 0 6px var(--text-white)}.brutalist-divider{background:#1c1c1c;width:100%;height:1px}.underground-socials{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.ug-btn{font-family:var(--font-mono);letter-spacing:.12em;text-align:center;border:1px solid var(--border-raw);color:var(--text-silver);background:#ffffff08;padding:6px 4px;font-size:.55rem;text-decoration:none;transition:all .2s}.ug-btn:hover{border-color:var(--text-white);background:var(--text-white);color:#000;font-weight:700}.tracklist-section,.projects-section-mono{flex-direction:column;gap:10px;display:flex}.section-header-mono{font-family:var(--font-mono);letter-spacing:.15em;color:var(--text-white);justify-content:space-between;align-items:center;font-size:.6rem;font-weight:700;display:flex}.rate-mono{color:var(--text-ash);font-size:.52rem;font-weight:400}.skills-tracklist{flex-direction:column;gap:10px;display:flex}.tech-badges-grid{border-top:1px dashed #1f1f1f;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:8px;display:flex}.tech-badge{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-silver);border:1px solid var(--border-raw);background:#ffffff08;padding:3px 7px;font-size:.52rem;transition:all .2s}.tech-badge:hover{border-color:var(--text-white);color:var(--text-white);background:#ffffff14;transform:translateY(-1px)}.projects-stack{flex-direction:column;gap:8px;display:flex}.card-bottom-hint{text-align:center;padding-top:4px}.card-bottom-hint span{font-family:var(--font-mono);letter-spacing:.14em;color:var(--text-ash);font-size:.48rem}@media (width<=500px){.profile-hero{flex-direction:column;align-items:flex-start}}.skill-item{flex-direction:column;gap:5px;display:flex}.skill-header{justify-content:space-between;align-items:center;display:flex}.skill-name{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-silver);align-items:center;gap:8px;font-size:.65rem;display:flex}.track-index{color:var(--text-ash);font-size:.55rem}.skill-percent{font-family:var(--font-mono);color:var(--text-white);letter-spacing:.05em;font-size:.65rem;font-weight:700}.skill-bar{background:#171717;border:1px solid #262626;width:100%;height:4px;position:relative;overflow:hidden}.skill-fill{background:#fff;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1);box-shadow:0 0 6px #fff6}.project-card{border:1px solid var(--border-raw);color:inherit;background:#0d0d0d;flex-direction:column;gap:5px;padding:10px 12px;text-decoration:none;transition:all .2s;display:flex}.project-card.clickable{cursor:pointer}.project-card:hover{background:#141414;border-color:#666;transform:translate(3px)}.project-card-header{justify-content:space-between;align-items:center;display:flex}.header-left{align-items:center;gap:8px;display:flex}.project-card-icon{color:var(--text-white);font-size:.8rem}.project-card-lang{font-size:.5rem;font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-ash);background:#080808;border:1px solid #262626;padding:1px 6px}.project-card-link-icon{color:var(--text-ash);font-size:.75rem;transition:all .2s}.project-card:hover .project-card-link-icon{color:var(--text-white);transform:translate(2px,-2px)}.project-card-title{color:var(--text-white);letter-spacing:.05em;font-size:.78rem;font-weight:700;font-family:var(--font-mono)}.project-card-desc{color:var(--text-ash);font-size:.6rem;font-family:var(--font-mono);line-height:1.35}.project-card-footer{align-items:center;gap:12px;margin-top:2px;display:flex}.project-card-stat{font-size:.52rem;font-family:var(--font-mono);color:var(--text-ash);align-items:center;gap:4px;display:flex}.project-card:hover .project-card-stat{color:var(--text-silver)}.model-backdrop-layer{z-index:2;pointer-events:auto;opacity:0;width:100vw;height:100vh;transition:opacity 1.2s;position:fixed;top:0;left:0}.model-backdrop-layer.visible{opacity:1}.model-backdrop-layer canvas{display:block;width:100%!important;height:100%!important}.underground-hud-bottom{z-index:100;font-size:.58rem;font-family:var(--font-mono);border-top:1px solid var(--border-raw);background:#030303e6;justify-content:space-between;align-items:center;padding:8px 24px;display:flex;position:fixed;bottom:0;left:0;right:0}.terminal-log{align-items:center;gap:8px;max-width:50%;display:flex;overflow:hidden}.terminal-sigil{color:var(--text-white);font-weight:700}.terminal-cmd{color:var(--text-silver);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.terminal-caret{color:var(--text-white);animation:.8s infinite blinkBlock}.cassette-dock{align-items:center;gap:12px;display:flex}.cassette-tag{color:var(--text-silver);letter-spacing:.08em;align-items:center;gap:4px;font-size:.52rem;display:flex}.track-number{color:var(--text-ash)}.track-name{color:var(--text-white);font-weight:600}.player-button-group{align-items:center;gap:2px;display:flex}.cassette-play-btn,.cassette-nav-btn{border:1px solid var(--border-raw);color:var(--text-white);font-family:var(--font-mono);cursor:pointer;letter-spacing:.08em;background:0 0;padding:3px 6px;font-size:.52rem;transition:all .2s}.cassette-play-btn:hover,.cassette-nav-btn:hover{background:var(--text-white);color:#000}.shuffle-toggle-btn.active{color:#fff;background:#ffffff1a;border-color:#fff9}.track-artist{color:var(--text-ash);font-size:.52rem}.cassette-meter{background:#1f1f1f;width:60px;height:2px}.cassette-meter-fill{background:var(--text-white);height:100%}.tape-bars{align-items:flex-end;gap:2px;height:10px;display:flex}.tape-bar{background:var(--text-ash);width:2px;height:2px}.tape-bars.active .tape-bar{background:var(--text-white);animation:.8s ease-in-out infinite tapeBounce}.tape-bars.active .tape-bar:first-child{animation-delay:.1s}.tape-bars.active .tape-bar:nth-child(2){animation-delay:.3s}.tape-bars.active .tape-bar:nth-child(3){animation-delay:.2s}.tape-bars.active .tape-bar:nth-child(4){animation-delay:.4s}@keyframes tapeBounce{0%,to{height:2px}50%{height:10px}}@media (width<=680px){.terminal-log{display:none}.cassette-dock{justify-content:space-between;width:100%}}.enter-screen-overlay{z-index:9999;-webkit-backdrop-filter:blur(16px);cursor:pointer;opacity:1;-webkit-user-select:none;user-select:none;background:#050505eb;justify-content:center;align-items:center;transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1),filter .55s;display:flex;position:fixed;inset:0;transform:scale(1)}.enter-screen-overlay.fade-out{opacity:0;filter:blur(8px);pointer-events:none;transform:scale(1.03)}.enter-screen-modal{text-align:center;background:#0c0c0cd9;border:1px solid #ffffff29;border-radius:4px;width:90%;max-width:440px;padding:36px 32px;position:relative;overflow:hidden;box-shadow:0 24px 60px #000c,inset 0 1px #ffffff1a}.enter-screen-modal:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 2px,#ffffff04 3px);position:absolute;inset:0}.enter-screen-badge{font-family:var(--font-mono,monospace);letter-spacing:.18em;color:#888;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:16px;font-size:.72rem;display:inline-flex}.enter-dot{background:#bbb;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite enterPulse;box-shadow:0 0 8px #ffffff80}@keyframes enterPulse{0%,to{opacity:.4}50%{opacity:1}}.enter-screen-title{font-family:var(--font-display,sans-serif);letter-spacing:.12em;color:#fff;text-shadow:0 0 20px #ffffff40;margin:0 0 6px;font-size:2.2rem;font-weight:700}.enter-screen-desc{font-family:var(--font-mono,monospace);letter-spacing:.2em;color:#777;margin:0 0 28px;font-size:.75rem}.enter-action-container{margin:20px 0}.enter-trigger-btn{color:#fff;width:100%;font-family:var(--font-mono,monospace);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff4d;border-radius:3px;justify-content:center;align-items:center;gap:12px;padding:14px 20px;font-size:.86rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 0 15px #ffffff0d}.enter-trigger-btn:hover{color:#000;background:#fff;border-color:#fff;transform:translateY(-1px);box-shadow:0 0 30px #ffffff4d}.enter-icon{font-size:.9rem}.enter-track-preview{font-family:var(--font-mono,monospace);letter-spacing:.1em;color:#999;justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:.72rem;display:flex}.tape-sigil{color:#e53e3e;font-size:.68rem;font-weight:700;animation:1.4s step-start infinite enterBlink}@keyframes enterBlink{0%,to{opacity:1}50%{opacity:.2}}.enter-footer-hint{font-family:var(--font-mono,monospace);letter-spacing:.15em;color:#555;margin-top:24px;font-size:.65rem}