:root{color:var(--text-light);background:var(--bg-dark);font:16px Overpass Mono Variable,sans-serif}body{background:linear-gradient(0deg, color-mix(in srgb, var(--bg-dark) 80%, transparent) 0%, color-mix(in srgb, var(--bg-dark) 80%, transparent)), url(/hero.webp) lightgray 50% / cover no-repeat;background-attachment:fixed;flex-direction:column;justify-content:center;align-items:center;gap:0;margin:0;display:flex}#app{background-color:var(--bg-dark);flex-direction:column;width:100%;height:100vh;padding-top:40px;display:flex}#center{flex-direction:column;gap:16px;padding:16px;display:flex}.heatmap-wrapper{align-items:flex-start;gap:20px;display:flex}.heatmap-container{max-width:80vw;padding:10px;display:inline-block;overflow:auto}.heatmap{gap:2px;display:grid}.info-panel{border:1px solid var(--bg-dark);background:var(--level-1);border-radius:4px;flex-shrink:0;width:260px;padding:12px;position:sticky;top:12px}h3{margin:0 10px 20px 0;font-family:Marcellus;font-size:36px;font-style:normal;font-weight:400;line-height:normal}p{margin:0}.episode{margin-bottom:5px;font-family:Overpass Variable}.wc{font-family:Overpass Variable;font-size:20px}#intro{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;min-height:100vh;display:flex}#intro img{width:600px}.about{background-color:var(--bg-dark);box-sizing:border-box;border-radius:4px;width:600px;margin-bottom:80px;padding:60px 40px;font-family:Overpass Variable;font-size:20px}.about .details{gap:20px;padding-top:40px;display:flex}.about .group{flex:1;gap:10px;display:flex}.about .label{font-weight:700}.about .synopsis{margin-bottom:10px}.buttons{flex-direction:row;gap:20px;display:flex}.lede{margin-bottom:40px}.character-link{color:var(--text-light)}.button{border:1px solid var(--level-1);background:var(--primary-accent);color:var(--bg-dark);border:1px solid var(--level-1);border-radius:2px;align-items:center;gap:20px;padding:10px 20px;font-family:Overpass Variable;font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-decoration:none;display:flex}.button:disabled{background-color:color-mix(in srgb, var(--primary-accent) 20%, transparent)}.button:hover:not(:disabled),.button:focus:not(:disabled){background-color:color-mix(in srgb, var(--bg-dark) 10%, var(--primary-accent))}
