/* Content moved over from the old destinyblaze.com pages: Green Files, Files, Candy Arcade, old Glitch Room tools, home extras */
.lg-imglink { display: block; border-radius: 12px; overflow: hidden; }
.lg-imglink img, .lg-video { width: 100%; height: auto; border-radius: 12px; }
.lg-video { background: #000; display: block; border: 1px solid var(--line); aspect-ratio: auto; max-height: 78vh; }
.lg-embed { margin: 0; }
.lg-embed > button, .lg-embed > iframe { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; border: 1px solid rgba(57,255,20,.4); border-radius: 12px; overflow: hidden; background: radial-gradient(circle at 30% 20%, rgba(191,0,255,.35), transparent 60%), radial-gradient(circle at 80% 90%, rgba(57,255,20,.25), transparent 55%), #0a0612; cursor: pointer; padding: 0; color: var(--text); }
.lg-embed-poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .75; }
.lg-badge { position: absolute; top: .6rem; left: .6rem; font-family: var(--f-tag); font-size: .85rem; padding: .2rem .6rem; border-radius: 999px; background: rgba(7,4,12,.8); border: 1px solid var(--line); color: var(--p-200); }
.lg-icon { position: absolute; left: 50%; top: 50%; width: 68px; height: 68px; margin: -34px 0 0 -34px; border-radius: 50%; background: linear-gradient(135deg, var(--g-400), var(--g-600)); box-shadow: var(--glow-g); }
.lg-icon::after { content: ""; position: absolute; left: 27px; top: 21px; border-left: 20px solid #031203; border-top: 13px solid transparent; border-bottom: 13px solid transparent; }
.lg-tap { position: absolute; bottom: .6rem; left: 0; right: 0; text-align: center; font-family: var(--f-tag); color: var(--g-200); text-shadow: 0 0 6px #000; }
.lg-embed figcaption { margin-top: .4rem; font-size: .92rem; }
/* Green Files */
.gf-intro { display: grid; grid-template-columns: 220px 1fr; gap: 1.2rem; align-items: start; margin-bottom: 1.4rem; }
.gf-intro-title { font-family: var(--f-display); font-size: clamp(1.6rem, 4vw, 2.3rem); color: var(--g-400); text-shadow: var(--glow-g); margin: 0; line-height: 1.1; }
.gf-count { margin: .2rem 0 .7rem; color: var(--p-200); font-family: var(--f-tag); }
.gf-toc { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: .45rem; }
.gf-toc a { display: flex; gap: .55rem; align-items: baseline; padding: .5rem .7rem; border-radius: 10px; border: 1px solid var(--line); background: rgba(191,0,255,.06); color: var(--text); font-size: .95rem; line-height: 1.3; }
.gf-toc a:hover { border-color: var(--g-400); color: var(--g-200); }
.gf-n { font-family: var(--f-tag); color: var(--g-400); flex: none; }
.gf-list { display: grid; gap: 1.4rem; }
.gf-story { scroll-margin-top: 90px; padding: 1.3rem; border-color: rgba(57,255,20,.32); box-shadow: 0 0 0 1px rgba(191,0,255,.15), 6px 6px 0 rgba(191,0,255,.18); }
.gf-head { margin-bottom: 1rem; }
.gf-num { display: inline-block; font-family: var(--f-tag); font-size: .9rem; color: #031203; background: linear-gradient(135deg, var(--g-400), var(--g-600)); padding: .15rem .65rem; border-radius: 999px; }
.gf-title { font-family: var(--f-tag); font-weight: 400; font-size: clamp(1.35rem, 3.2vw, 1.9rem); line-height: 1.2; margin: .5rem 0 0; color: var(--g-200); text-shadow: 0 0 10px rgba(57,255,20,.3); }
.gf-grid.gf-has-media { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 1.4rem; align-items: start; }
.gf-media { position: sticky; top: 90px; display: grid; gap: .8rem; }
.gf-body { font-size: 1.04rem; }
.gf-body ul { padding-left: 1.2rem; }
.gf-top { display: inline-block; margin-top: .6rem; font-size: .9rem; color: var(--p-200); }
/* Files */
.dl-card { display: flex; flex-direction: column; }
.dl-media { background: #000; aspect-ratio: 4 / 5; display: grid; place-items: center; overflow: hidden; }
.dl-media.wide { aspect-ratio: 16 / 9; }
.dl-media .lg-video, .dl-media img { width: 100%; height: 100%; object-fit: contain; border-radius: 0; border: 0; max-height: none; }
.dl-title { font-family: var(--f-tag); font-weight: 400; font-size: 1.1rem; margin: 0 0 .35rem; overflow-wrap: anywhere; color: var(--g-200); }
.dl-meta { display: flex; align-items: center; gap: .5rem; color: var(--muted); margin: 0 0 .7rem; font-size: .9rem; }
.dl-meta .chip { font-size: .8rem; padding: .1rem .55rem; }
.dl-file { font-family: var(--f-display); font-size: 2rem; color: var(--g-400); }
.dl-empty p { margin: 0; color: var(--muted); font-family: var(--f-tag); font-size: 1.1rem; }
/* Candy Arcade */
.ac-lane { font-family: var(--f-tag); font-weight: 400; color: var(--p-200); margin: 0 0 .8rem; letter-spacing: 1px; }
.ac-tiks { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(220px, 260px); gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: .6rem; touch-action: pan-x pan-y; }
.ac-tik { margin: 0; scroll-snap-align: start; }
.ac-tik .lg-video { aspect-ratio: 9 / 16; object-fit: cover; }
.ac-tik figcaption { font-size: .9rem; color: var(--text); margin-top: .5rem; line-height: 1.4; }
.ac-memes { columns: 4 220px; column-gap: .9rem; }
.ac-meme { break-inside: avoid; margin-bottom: .9rem; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.ac-meme img { border-radius: 0; }
/* Glitch Room tools from the old site */
.gv-about { color: var(--muted); font-size: .95rem; }
.gv-btns { display: flex; flex-wrap: wrap; gap: .5rem; }
.gv-stage { margin-top: 1.2rem; border: 1px solid rgba(57,255,20,.45); border-radius: var(--radius); overflow: hidden; background: #050307; scroll-margin-top: 90px; }
.gv-bar { display: flex; align-items: center; gap: .6rem; padding: .6rem .8rem; border-bottom: 1px solid var(--line); }
.gv-name { font-family: var(--f-tag); font-weight: 400; color: var(--g-300); margin-right: auto; }
.gv-frame { display: block; width: 100%; height: min(85vh, 1100px); border: 0; background: #000; }
/* Home extras */
.lg-welcome { padding-bottom: 0; }
.lg-welcome-box { border-color: rgba(57,255,20,.4); }
.lg-welcome-title { font-family: var(--f-display); font-weight: 400; font-size: clamp(1.5rem, 3.6vw, 2.3rem); margin: 0 0 .5rem; color: var(--g-400); text-shadow: var(--glow-g); line-height: 1.15; }
.lg-welcome-box p { margin: 0; font-size: 1.08rem; max-width: 75ch; }
.card-desc { margin: .35rem 0 0; color: var(--muted); font-size: .92rem; line-height: 1.4; }
.lg-feature { max-width: 780px; padding: .6rem; }
.lg-pay-row { margin-top: 1.1rem; }
.lg-pay-grid { display: grid; grid-template-columns: 180px 1fr; gap: 1rem; align-items: center; margin-top: .7rem; }
.lg-qr { background: #fff; border-radius: 12px; padding: 4px; }
.lg-line { margin: 0 0 .8rem; }
.lg-tagline { font-family: var(--f-tag); font-size: 1.15rem; color: var(--g-200); margin: 0 0 1rem; }
@media (max-width: 860px) {
  .gf-intro { grid-template-columns: 1fr; }
  .gf-intro-art { max-width: 260px; }
  .gf-grid.gf-has-media { grid-template-columns: 1fr; }
  .gf-media { position: static; }
  .gf-story { padding: 1rem; }
  .lg-pay-grid { grid-template-columns: 130px 1fr; }
}