.fan-comments{display:grid;grid-template-columns:minmax(210px,1fr) minmax(280px,480px);gap:22px 40px;align-items:center;width:100%;margin-top:12px;padding:28px;background:#101611ed;border:1px solid #e6dfc42e;color:#f1ede0;isolation:isolate}
.fan-comments *{box-sizing:border-box}.fan-comments [hidden]{display:none!important}
.fan-comments h3{font:400 clamp(30px,3vw,44px)/1.08 var(--display);margin:12px 0}.fan-comments h3 em{font:italic .9em/1 Georgia,serif;letter-spacing:-.04em}.fan-comments .fan-intro{max-width:300px;font:14px/1.5 Arial,sans-serif;color:#d2d2c6;margin:10px 0 18px}
.fan-comments button,.fan-comments summary{font:14px/1.35 Arial,sans-serif;min-height:44px;padding:12px 14px;border:1px solid #b2b49e;background:#1c251d;color:#fffdf1;cursor:pointer}.fan-comments :focus-visible{outline:3px solid #ecd9a6;outline-offset:4px}
.fan-reel{height:252px;overflow:hidden;mask-image:linear-gradient(transparent,#000 9%,#000 91%,transparent);contain:layout paint}.fan-track{animation:fan-glide var(--fan-duration,90s) linear infinite;animation-play-state:paused}.fan-comments[data-running=true] .fan-track{animation-play-state:running;will-change:transform}
.fan-set{display:grid;gap:10px;list-style:none;margin:0;padding:0 0 10px}.fan-comment{display:flex;align-items:flex-start;gap:12px;min-width:0;min-height:78px;margin:0;padding:14px 12px;border:1px solid #e9e5ce26;background:#202a21;border-radius:3px}.fan-avatar{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#cdc8b9;color:#1a241b;font:11px/1 Arial,sans-serif}.fan-comment>div{min-width:0}.fan-comments .fan-author{font:11px/1.35 Arial,sans-serif;letter-spacing:.03em;color:#cbd0c3;margin:0 0 5px;overflow-wrap:anywhere}.fan-comments .fan-context{font:11px/1.4 Arial,sans-serif;color:#d0d0c5;margin:0 0 8px}.fan-comments .fan-quote{font:15px/1.4 Arial,sans-serif;margin:0;color:#fffdf1;overflow-wrap:anywhere}.fan-comment a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:13px/1.4 Arial,sans-serif;color:#f0deb5;text-decoration:underline;text-underline-offset:3px}
.fan-reader{grid-column:1/-1;margin:0}.fan-reader>summary{width:max-content;max-width:100%}.fan-reader ol{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fan-reader>p{font:14px/1.5 Arial,sans-serif;margin:18px 0 0}.fan-comments:not(.fan-enhanced) .fan-reel{display:none}.fan-comments:not(.fan-enhanced) .fan-reader>summary{display:none}
@keyframes fan-glide{to{transform:translateY(-50%)}}
@media(max-width:700px),(max-width:1000px) and (pointer:coarse){.fan-comments{grid-template-columns:1fr;gap:18px;padding:18px;margin-top:8px}.fan-comments h3{font-size:30px}.fan-comments .fan-intro{margin-bottom:12px}.fan-reel{height:234px}.fan-reader ol{grid-template-columns:1fr}.fan-comments .fan-quote{font-size:14px;line-height:1.45}}
@media(prefers-reduced-motion:reduce){.fan-track{animation:none!important;transform:none!important}.fan-reel{display:none}.fan-comments{align-items:start}.fan-pause,.fan-reader>summary{display:none!important}}