/* Cryptoforest: shared, local-only visual layer. No fonts or trackers fetched. */
html:root {
  color-scheme: dark;
  --forest-ink: #070510;
  --forest-plum: #120b20;
  --forest-violet: #9945ff;
  --forest-pink: #ff3dbd;
  --forest-mint: #14f195;
  --forest-ice: #80f5ed;
  --bg: #070510;
  --bg-deep: #070510;
  --bg-dark: #100a1c;
  --bg-slate: #19112b;
  --panel: rgba(19, 12, 32, .9);
  --bg-card: rgba(19, 12, 32, .9);
  --bg-card-hover: rgba(32, 17, 49, .96);
  --panel-border: rgba(167, 100, 226, .28);
  --border-subtle: rgba(182, 130, 228, .2);
  --border-cyan: rgba(118, 236, 220, .3);
  --border-cyan-glow: rgba(128, 245, 237, .7);
  --cyan: #80f5ed;
  --cyan-bright: #14f195;
  --cyan-muted: #78d9df;
  --cyan-glow: rgba(20, 241, 149, .17);
  --purple: #b982ff;
  --purple-light: #d8b5ff;
  --purple-glow: rgba(153, 69, 255, .26);
  --text-main: #f4efff;
  --text-muted: #b9afcc;
  --text-dim: #a092b6;
  --font-sans: 'Bahnschrift', 'Trebuchet MS', sans-serif;
  --font-mono: 'Cascadia Code', 'Consolas', monospace;
}
html { background: #070510; }
html body {
  isolation: isolate;
  background-color: #070510;
  background-image: radial-gradient(ellipse at 15% 8%, #54204466, transparent 52%), radial-gradient(ellipse at 90% 42%, #38155666, transparent 60%);
  color: var(--text-main);
  font-family: var(--font-sans);
}
.scc-forest-scene {
  position: fixed; inset: 0; z-index: -1; overflow: hidden;
  pointer-events: none; contain: strict; background: #070510;
}
.scc-forest-aurora { position: absolute; inset: 0; opacity: .75; }
.scc-forest-aurora--violet {
  background: radial-gradient(ellipse 55% 44% at 16% 27%, #9945ff70, transparent 72%), radial-gradient(ellipse 50% 56% at 88% 55%, #7432b954, transparent 75%);
}
.scc-forest-aurora--pink {
  opacity: .55;
  background: radial-gradient(ellipse 39% 33% at 77% 13%, #ff3dbd50, transparent 75%), radial-gradient(ellipse 44% 25% at 33% 85%, #bb2b9b48, transparent 78%);
}
.scc-forest-aurora--mint {
  opacity: .45;
  background: radial-gradient(ellipse 35% 26% at 26% 66%, #14f19528, transparent 75%), radial-gradient(ellipse 32% 26% at 87% 86%, #5edbe62d, transparent 75%);
}
.scc-forest-branches { position: absolute; inset: 0; background: url('cryptoforest.svg') center / cover no-repeat; opacity: .8; }
.scc-forest-spores {
  position: absolute; inset: 0; opacity: .45;
  background-image: radial-gradient(circle, #c3ffed 0 1px, transparent 2px), radial-gradient(circle, #fd8bdb 0 1px, transparent 2px), radial-gradient(circle, #b7a0ff 0 1px, transparent 2px);
  background-size: 277px 331px, 401px 263px, 193px 457px;
  background-position: 17px 43px, 113px 71px, 73px 181px;
}
.scc-forest-vignette {
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 50% 40%, transparent 20%, #05040b4d 64%, #030207eb 100%);
  box-shadow: inset 0 0 100px 22px #030207a6;
}
.scc-forest-scene::after {
  content: ''; position: absolute; inset: 11px; border: 1px solid #a66bd625;
  border-radius: 23px; box-shadow: 0 0 0 12px #03020845, inset 0 0 38px #0008;
}
html body :is(.nav-bar, .terminal-nav-bar, .terminal-top-strip, .live-nav) {
  background: linear-gradient(115deg, #100b1cef, #1c1028ed 62%, #0e131cef);
  border-color: #a16de13f; box-shadow: 0 12px 42px #0006, inset 0 1px #f6c6ff0a;
}
html body :is(.card, .panel, .live-card, .feature-card, .streamer-card, .twitch-panel-card, .terminal-card, .stat-card, .glass-panel) {
  background: linear-gradient(145deg, #21132fed, #100b1df0 65%);
  border-color: #a66ade45;
  box-shadow: 0 14px 40px #0005, inset 0 1px #f6c6ff0c;
}
html body :is(.nav-link, .tnav-link) { color: #cbbada; border-radius: 10px; }
html body :is(.nav-link, .tnav-link):hover {
  color: #a6fff3; background: linear-gradient(125deg, #9945ff2b, #ff3dbd17);
  border-color: #b980f16b; box-shadow: 0 0 22px #a744de22, inset 0 1px #ffffff0c;
}
html body :is(.nav-link, .tnav-link, .brand-icon) svg { filter: drop-shadow(0 0 7px #80f5ed66); }
html body :is(.brand-icon, .streamer-avatar-circle) {
  background: linear-gradient(135deg, #523183, #302047 65%, #174b49);
  border: 1px solid #bb7cee55; box-shadow: 0 0 22px #b749ee28, inset 0 1px #fff2;
}
html body :is(.page-hero, .live-heading) { padding-block: clamp(22px, 4vw, 58px); }
html body :is(.page-hero h1, .live-heading h1) {
  font-family: 'Bahnschrift SemiCondensed', 'Trebuchet MS', sans-serif;
  letter-spacing: -.045em; line-height: 1.08; text-wrap: balance;
  color: #f7eeff; text-shadow: 0 0 45px #bd52c72b;
}
html body :is(.platform-orientation-banner, .terminal-prompt-badge) {
  background: linear-gradient(110deg, #381646c7, #171024e8 68%, #10332b9c);
  border-color: #b077d953; color: #d9c3ed;
}
html body :is(.btn-primary, .live-primary, .btn-cyan, .cta-primary) {
  background: linear-gradient(118deg, #6530b2, #922caf 55%, #b42c80);
  color: #fff; border: 1px solid #d491fc6b;
  box-shadow: 0 6px 28px #bc35bd30, inset 0 1px #fff2;
}
html body :is(.btn-primary, .live-primary, .btn-cyan, .cta-primary):hover:not(:disabled) {
  border-color: #f6b6f8; box-shadow: 0 8px 34px #db42ba42, 0 0 0 2px #ae5be71c;
}
html body :is(input:not([type='checkbox']):not([type='radio']):not([type='range']), select, textarea) {
  color: #f1e8fa; background-color: #0e0919; border-color: #8f60b74f;
}
html body :is(input, select, textarea, button, a, summary):focus-visible {
  outline: 2px solid #80f5ed; outline-offset: 4px;
}
html body :is(.subtitle, .live-fine, .brand-sub) { color: #bbafcd; }
html body :is(pre, code, .font-mono, .live-kicker) { font-family: var(--font-mono); }
html body ::selection { background: #8c35b7; color: #fff; }
.scc-forest-motion { display: none !important; }
@media (max-width: 700px) {
  .scc-forest-scene::after { inset: 5px; border-radius: 15px; box-shadow: inset 0 0 20px #0007; }
  .scc-forest-vignette { box-shadow: inset 0 0 38px 5px #0302077d; }
  .scc-forest-branches { opacity: .45; }
  html body :is(.nav-bar, .live-nav) { flex-wrap: wrap; gap: 12px; }
  html body :is(.site-container, .container, .live-shell) { max-width: 100%; }
}
@media print { .scc-forest-scene, .scc-forest-motion { display: none; } }