/* ═══════════════════════════════════════════════════════
   GLLAMAZON — styles.css
   Y2K retro-digital. Software that shouldn't exist in 2026.
   ═══════════════════════════════════════════════════════ */

/* ── Reset ── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

/* ── Variables ── */
:root{
  --bg:#0a0a0a;--w:#fff;--g100:#ddd;--g300:#888;--g500:#555;--g700:#222;--g800:#161616;
  --a:#e83e8c;
  --px:'Press Start 2P',monospace;
  --mono:'JetBrains Mono','Consolas','Courier New',monospace;
  --disp:'Unbounded',sans-serif;
}

/* ── Base ── */
body{background:var(--bg);color:var(--w);overflow-x:hidden;-webkit-font-smoothing:none}
::selection{background:var(--a);color:var(--bg)}
a{color:inherit;text-decoration:none}

/* ── CRT scanlines overlay ── */
.crt::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.08) 2px,rgba(0,0,0,0.08) 4px);
}

/* ── Blinking cursor ── */
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
.cursor{display:inline-block;width:0.6em;height:1.1em;background:var(--a);margin-left:2px;
  vertical-align:text-bottom;animation:blink 0.8s step-end infinite}

/* ── Glitch flicker for section reveals ── */
@keyframes glitchIn{
  0%{opacity:0;transform:translate(0)}
  15%{opacity:1;transform:translate(-3px,1px)}
  30%{opacity:0.7;transform:translate(2px,-1px)}
  45%{opacity:1;transform:translate(0)}
  100%{opacity:1;transform:translate(0)}
}
.glitch-in{opacity:0}
body.ready .glitch-in{animation:glitchIn 0.15s ease-out forwards}
body.ready .glitch-delay-1{animation-delay:0.2s}
body.ready .glitch-delay-2{animation-delay:0.35s}
body.ready .glitch-delay-3{animation-delay:0.5s}

/* ── Gradient bar shimmer ── */
@keyframes shimmer{
  0%{background-position:-200% 0}
  100%{background-position:200% 0}
}

/* ── Track hover (drops) ── */
.track{border-bottom:1px solid var(--g800);transition:background 0.1s,border-color 0.1s}
.track:hover{background:rgba(232,62,140,0.04);border-color:var(--a)}

/* ── Retro scrollbar — blocky terminal ── */
#term-body::-webkit-scrollbar{width:14px;height:14px;background:#0c0c0c}
#term-body::-webkit-scrollbar-track{background:#0c0c0c;border-left:1px solid #222;border-top:1px solid #222}
#term-body::-webkit-scrollbar-thumb{
  background:#2a2a2a;border:2px solid #0c0c0c;
  box-shadow:inset 1px 1px 0 #3a3a3a, inset -1px -1px 0 #111;
}
#term-body::-webkit-scrollbar-thumb:hover{background:#3a3a3a}
#term-body::-webkit-scrollbar-button{height:14px;width:14px;background:#1a1a1a;
  border:1px solid #222;
  box-shadow:inset 1px 1px 0 #2a2a2a, inset -1px -1px 0 #0a0a0a;
}
#term-body::-webkit-scrollbar-corner{background:#0c0c0c}

/* ── Home custom cursors: + default, × on clickable ── */
.crt-cursor{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cline x1='10' y1='2' x2='10' y2='18' stroke='%23e83e8c' stroke-width='1'/%3E%3Cline x1='2' y1='10' x2='18' y2='10' stroke='%23e83e8c' stroke-width='1'/%3E%3C/svg%3E") 10 10,crosshair}
.crt-cursor button,.crt-cursor a,.crt-cursor [style*="cursor: pointer"]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cline x1='4' y1='4' x2='16' y2='16' stroke='%23e83e8c' stroke-width='1'/%3E%3Cline x1='16' y1='4' x2='4' y2='16' stroke='%23e83e8c' stroke-width='1'/%3E%3C/svg%3E") 10 10,pointer !important}

/* ── Start menu ── */
.start-item{display:flex;align-items:center;gap:0.5rem;padding:0.45rem 0.8rem;cursor:pointer;
  font-family:var(--px);font-size:0.5rem;color:#000;text-decoration:none}
.start-item:hover{background:#000080;color:#fff}

/* ── Category pills ── */
.cat-pill{font-family:var(--px);font-size:0.5rem;color:var(--g500);
  padding:0.5rem 0.8rem;border-right:1px solid var(--g700);
  transition:color 0.1s,background 0.1s}
.cat-pill:hover{color:var(--a);background:rgba(232,62,140,0.06)}

/* ── Win95 window controls ── */
.win-ctrl{width:18px;height:18px;background:#c0c0c0;
  border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--px);font-size:0.3rem;color:#000;cursor:default;line-height:1}

/* ── Win95 beveled button ── */
.win-btn{padding:0.35rem 1.5rem;background:#c0c0c0;
  border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;
  font-family:var(--px);font-size:0.5rem;color:#000;cursor:pointer;letter-spacing:0.04em}
.win-btn:active{border-color:#808080 #ffffff #ffffff #808080}
.win-btn:disabled{background:#a0a0a0;border-color:#808080 #ffffff #ffffff #808080;color:#555;cursor:default}

/* ── Nav wordmark ── */
.nav-wm{color:var(--g300);transition:opacity 0.3s,color 0.15s;cursor:pointer}
.nav-wm:hover{color:var(--a)}

/* ── Footer ── */
footer{display:flex;justify-content:space-between;align-items:center;
  padding:0.7rem 1.5rem;background:var(--g800)}
.footer-logo{display:block;color:var(--g500);transition:color 0.15s}
.footer-logo:hover{color:var(--a)}
.footer-link{font-family:var(--px);font-size:0.5rem;color:var(--g500);transition:color 0.1s}
.footer-link:hover{color:var(--a)}

/* ── Inner page link ── */
.ip-link{color:var(--a);text-decoration:none;border-bottom:1px solid rgba(232,62,140,0.3);padding-bottom:0.15rem}

/* ── Reveal animation ── */
.reveal{opacity:0;transition:opacity 0.6s ease}
.reveal.revealed{opacity:1}

/* ── Page shell ── */
.page-shell{padding:3rem 2.5rem;max-width:780px;margin:0 auto}
.page-content{padding:2rem 2.5rem}
.ip-h{font-family:var(--disp);font-weight:700;letter-spacing:-0.02em;line-height:1.1;margin-bottom:1.5rem}
.ip-p{font-family:var(--mono);font-size:0.78rem;color:var(--g300);line-height:1.7;margin-bottom:1rem;white-space:pre-line}
.ip-section-label{font-family:var(--px);font-size:0.5rem;color:var(--a);letter-spacing:0.08em;margin-bottom:2rem}
.ip-h2{font-family:var(--px);font-size:0.5rem;color:var(--g100);letter-spacing:0.06em;line-height:1.6;margin-bottom:0.7rem}

/* ── Responsive ── */
@media(min-width:769px){
  .mobile-only{display:none !important}
}
@media(max-width:768px){
  .crt::after{background:none}
  #term-body{font-size:clamp(0.65rem, 2.5vw, 0.95rem) !important;height:60vh !important}
  .desktop-only{display:none !important}
  .address-text{font-size:0.45rem !important}
  footer{flex-direction:column;padding:0.8rem 1rem 1.5rem}
  .footer-desktop{display:none !important}
  .footer-mobile{display:flex !important}
  .page-shell{padding:1.5rem 1rem}
  .page-content{padding:1.5rem 1rem}
  .hero-grid{grid-template-columns:1fr !important}
  .hero-left{padding:2rem 1.5rem !important;border-right:none !important;order:2 !important}
  .hero-right{order:1 !important;min-height:40vh;border-bottom:1px solid var(--g700)}
  .hero-statement{font-size:clamp(2.4rem,12vw,4rem) !important;font-weight:700 !important}
  .hero-status{margin-bottom:1rem !important}
  .hero-statement-wrap{margin-bottom:1.2rem !important}
  .wm-padding{padding:2.5rem 2vw}
  .metadata-bar{flex-direction:column !important;align-items:center !important;text-align:center;padding:0.8rem 1rem !important;gap:0.35rem !important}
  .term-header{gap:0.25rem !important}
  .term-header-title{flex-direction:column !important;align-items:flex-start !important}
  .drops-header{flex-direction:column !important;align-items:flex-start !important;gap:0.25rem !important}
  .drops-grid{grid-template-columns:28px 1fr auto !important;gap:0.6rem !important}
  .drops-len{display:none !important}
  .drops-title{font-size:0.72rem !important}
  .drops-cat{font-size:0.4rem !important}
  .newsletter-section{padding:2rem 1rem !important}
}