.andrei-page {
  --blood: #bc171b;
  --paper: #d7d0c0;
  min-height: 100vh;
  color: var(--paper);
  background: #090909;
  background-image: radial-gradient(ellipse at 50% 5%, rgba(106, 14, 16, .22), transparent 48%), repeating-linear-gradient(0deg, transparent 0 3px, rgba(0,0,0,.19) 4px);
  font-family: 'Courier New', monospace;
}
.andrei-shell { width: min(100% - 2.5rem, 900px); margin: auto; padding: 1.5rem 0 2.5rem; }
.andrei-back { color: #aaa397; font: 600 .78rem/1.3 'Archivo', sans-serif; text-decoration: none; }
.andrei-back:hover { color: white; }
.andrei-hero { position: relative; padding: clamp(4rem, 10vw, 7.5rem) 0 4rem; text-align: center; }
.andrei-hero::before { position: absolute; z-index: 0; content: ''; width: 17rem; height: 17rem; top: 2rem; left: 50%; transform: translateX(-50%); border-radius: 50%; background: rgba(159, 9, 15, .14); filter: blur(75px); pointer-events: none; }
.andrei-eyebrow { color: #d1423f; font: 700 .7rem/1.5 'Archivo', sans-serif; letter-spacing: .16em; }
.andrei-eyebrow span { display: inline-block; width: .5rem; height: .5rem; margin-right: .5rem; border-radius: 50%; background: #da2828; box-shadow: 0 0 12px #e11; }
.andrei-hero h1 { position: relative; margin: .7rem 0 1rem; color: #e4dfd4; font: 400 clamp(4.6rem, 17vw, 9rem)/.9 'Courier New', monospace; letter-spacing: .1em; text-shadow: 3px 2px 0 rgba(174, 20, 21, .65), -2px 0 rgba(255,255,255,.1); }
.andrei-deck { color: #a59f92; font: 400 clamp(.92rem, 2vw, 1.05rem)/1.8 'Archivo', sans-serif; }
.andrei-deck strong { color: #e5ddd0; font-weight: 600; }
.andrei-warning { display: inline-block; margin-top: 1.2rem; padding: .55rem .8rem; border: 1px solid #522; color: #c57b73; font: 600 .66rem 'Archivo', sans-serif; letter-spacing: .06em; }
.andrei-warning span { margin-right: .4rem; color: #e23; }
.andrei-section-head { margin-bottom: 1.2rem; }
.andrei-section-head h2 { margin: .3rem 0 1rem; color: #e0d9cb; font: 400 clamp(1.6rem, 4vw, 2.2rem)/1.2 'Courier New', monospace; }
.andrei-episode { position: relative; display: grid; grid-template-columns: 115px 1fr; gap: clamp(1.2rem, 4vw, 2.5rem); margin: 1rem 0; padding: clamp(1.25rem, 4vw, 2rem); overflow: hidden; border: 1px solid #302a26; background: linear-gradient(115deg, rgba(31, 28, 25, .96), rgba(15, 15, 14, .96)); box-shadow: 0 16px 55px #0008; }
.andrei-episode::after { position: absolute; inset: 0; content: ''; pointer-events: none; background: repeating-linear-gradient(0deg, transparent 0 4px, rgba(255,255,255,.018) 5px); }
.andrei-episode-live { border-color: #612626; }
.episode-index { align-self: start; display: grid; gap: .45rem; padding: .85rem .55rem; border: 1px solid #423932; text-align: center; color: #8d8277; font: 700 .58rem/1.3 'Archivo', sans-serif; letter-spacing: .08em; }
.episode-index strong { color: #c4b8a6; font: 400 2.3rem/1 'Courier New', monospace; }
.episode-copy { min-width: 0; }
.episode-state { margin: .1rem 0 .6rem; color: #9c7770; font: 700 .62rem 'Archivo', sans-serif; letter-spacing: .1em; }
.andrei-episode-live .episode-state { color: #ee6863; }
.live-pulse { display: inline-block; width: .48rem; height: .48rem; margin-right: .35rem; border-radius: 50%; background: #e23; box-shadow: 0 0 10px #e23; animation: andrei-pulse 1.3s infinite; }
@keyframes andrei-pulse { 50% { opacity: .35; } }
.episode-copy h3 { margin: 0 0 .5rem; color: #e8e0d4; font: 400 clamp(1.25rem, 3vw, 1.7rem)/1.25 'Courier New', monospace; }
.episode-copy > p:not(.episode-state) { margin: 0 0 1rem; color: #aaa195; font: 400 .88rem/1.6 'Archivo', sans-serif; }
.episode-options { display: grid; gap: .4rem; margin: .9rem 0 1.25rem; }
.episode-options > span { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; padding: .48rem .6rem; border-left: 2px solid #564943; color: #bcb3a6; font: 400 .78rem/1.4 'Archivo', sans-serif; }
.episode-options b { display: inline-grid; place-items: center; width: 1.4rem; height: 1.4rem; border: 1px solid #54473e; color: #ddd1bf; font: 700 .7rem 'Archivo', sans-serif; }
.episode-options .option-winner { border-color: #8e2928; background: linear-gradient(90deg, rgba(123, 23, 24, .2), transparent); color: #eadbd0; }
.option-winner b { border-color: #ba3431; color: #ff8d83; }
.option-winner em { margin-left: auto; color: #ee756a; font: 700 .56rem 'Archivo', sans-serif; letter-spacing: .06em; }
.episode-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 1.25rem; min-height: 2.8rem; padding: .75rem 1rem; background: #811817; color: #fff1e6; font: 700 .75rem/1.3 'Archivo', sans-serif; letter-spacing: .02em; text-decoration: none; transition: background .2s, transform .2s; }
.episode-link:hover, .episode-link:focus-visible { background: #b52320; transform: translateY(-2px); }
.andrei-footer { display: flex; justify-content: space-between; margin-top: 3rem; padding-top: 1rem; border-top: 1px solid #292421; color: #71685f; font: 700 .58rem 'Archivo', sans-serif; letter-spacing: .12em; }
@media (max-width: 600px) { .andrei-shell { width: min(100% - 1.4rem, 900px); } .andrei-hero { padding-top: 4rem; } .andrei-episode { grid-template-columns: 1fr; gap: 1rem; } .episode-index { grid-template-columns: auto 1fr auto; align-items: center; text-align: left; } .episode-index strong { justify-self: center; font-size: 1.6rem; } .option-winner em { margin-left: 0; } }
@media (prefers-reduced-motion: reduce) { .live-pulse { animation: none; } }