.scene{gap:16px;display:grid}.scene-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.scene-date{font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,5vw,2.6rem);font-weight:300}.scene-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.scene-scrub{padding-bottom:22px;position:relative}.scene-scrub input[type=range]{width:100%;accent-color:var(--accent);background:0 0;border:0;padding:0}.scene-years{height:18px;color:var(--fg-faint);font-size:.7rem;position:absolute;bottom:0;left:0;right:0}.scene-years span{position:absolute;transform:translate(-50%)}.scene-years i{background:var(--accent-dim);width:2px;height:6px;position:absolute;top:-8px;transform:translate(-1px)}.scene-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.scene-grid h2{color:var(--fg-dim);font-size:.9rem;font-family:var(--mono);overflow-wrap:anywhere;margin:0 0 8px}.scene-grid h2+.scene-clip{margin-bottom:18px}.scene-clip{border:1px solid var(--line-strong);background:#fff;border-radius:6px;position:relative;overflow:hidden}.scene-clip iframe{transform-origin:0 0;pointer-events:none;background:#fff;border:0;position:absolute;top:0;left:0}.scene-clip-empty{color:#666;background:#f3f3f3;place-items:center;font-size:.85rem;display:grid;position:absolute;inset:0}.scene-side{gap:14px;display:grid}.scene-counters{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 20px;display:grid}.scene-counter-wide{grid-column:1/-1;gap:6px;display:grid}.scene-basis{color:var(--fg-faint);margin-top:3px;font-size:.72rem}.scene-report{color:var(--fg-dim);font-size:.82rem}.scene-legend{margin:-6px 0 0}.odometer{font-family:var(--mono);gap:2px;font-size:1.4rem;display:inline-flex}.odometer span{color:#f2f1ec;border:1px solid var(--line-strong);text-align:center;background:#111;border-radius:3px;min-width:1.1em;padding:2px 5px}.scene-news{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);min-height:180px;padding:14px 16px}.scene-news time{font-family:var(--mono);color:var(--fg-faint);font-size:.8rem}.scene-news h3{margin:4px 0 6px}.scene-news p{color:var(--fg-dim);margin:0 0 8px;font-size:.9rem}.scene-news ol{color:var(--fg-faint);margin:10px 0 0;padding:0;font-size:.82rem;list-style:none}.scene-news ol li{margin:3px 0}.scene-news-current{animation:.5s ease-out scene-in}@keyframes scene-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.scene-map{background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--radius);width:100%;height:auto}.scene-map .land{fill:var(--map-land);stroke:var(--line-strong);stroke-width:.5px}.scene-map .pin circle{fill:var(--signal)}.scene-map .pin.unconfirmed circle{fill:none;stroke:var(--signal);stroke-width:2px}.scene-map .pin.canceled circle{fill:var(--bad)}.scene-map .pin.mention circle{fill:var(--info)}.scene-map .pin .pulse{stroke:currentColor;color:var(--signal);stroke-width:2px;animation:1.4s ease-out infinite scene-pulse;fill:none!important}.scene-map .pin text{fill:var(--fg);paint-order:stroke;stroke:var(--bg-sunken);stroke-width:3px;font-size:13px}@keyframes scene-pulse{0%{r:5;opacity:1}to{r:22;opacity:0}}.dot{vertical-align:middle;border-radius:50%;width:9px;height:9px;margin:0 4px 0 10px;display:inline-block}.dot.gig{background:var(--accent)}.dot.unconfirmed{border:2px solid var(--accent)}.dot.canceled{background:var(--bad)}.dot.mention{background:var(--info)}@media (max-width:860px){.scene-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.scene-news-current,.scene-map .pin .pulse{animation:none}}.scene-years i.milestone{background:var(--info)}.scene-years i.gig{background:var(--ok)}.scene-eras{height:8px;margin-top:6px;position:relative}.scene-eras .era{opacity:.45;border:1px solid var(--bg);border-radius:2px;height:6px;transition:opacity .2s,transform .2s;position:absolute;top:0}.scene-eras .era:hover,.scene-eras .era.on{opacity:1;transform:scaleY(1.5)}.scene-eras .era-0{background:var(--signal)}.scene-eras .era-1{background:var(--fg-dim)}.scene-eras .era-2{background:#2a9d8f}.scene-eras .era-3{background:#d9a21b}.scene-eras .era-4{background:#8f7ad6}.scene-eras .era-5{background:#5aa36a}.scene-era-name{color:var(--fg-dim);margin-top:2px;font-size:.85rem;display:inline-block}.scene-era-name:hover{color:var(--accent)}.scene-pictures{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);margin:0;animation:.6s ease-out scene-in;overflow:hidden}.scene-picture-frame{background:radial-gradient(#2a2a2d 0%,#0c0c0d 75%);place-items:center;height:clamp(220px,32vw,420px);display:grid;position:relative}.scene-picture-frame img{object-fit:contain;width:auto;max-width:96%;height:92%;animation:.8s ease-out scene-fade;box-shadow:0 10px 40px #0009}.scene-pictures.release .scene-picture-frame img{border-radius:3px;height:80%}.scene-pictures figcaption{color:var(--fg-dim);flex-wrap:wrap;align-items:center;gap:4px 6px;padding:10px 14px;font-size:.85rem;display:flex}.scene-pictures figcaption time{font-family:var(--mono);color:var(--fg-faint);font-size:.8rem}.scene-picture-dots{gap:5px;margin-left:auto;display:inline-flex}.scene-picture-dots button{background:var(--line-strong);border:0;border-radius:50%;width:9px;height:9px;min-height:0;padding:0}.scene-picture-dots button.on{background:var(--accent)}@keyframes scene-fade{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}.scene-site .scene-pictures{margin-top:18px}.scene-map .glow{pointer-events:none}.scene-map .home circle{fill:#fff;stroke:var(--accent);stroke-width:2px}.scene-map .trip{fill:none;stroke:var(--accent);stroke-width:1.6px;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 3px var(--accent));animation:1.6s ease-out forwards scene-trip}.scene-map .trip.canceled{stroke:var(--bad);stroke-dasharray:.02 .02;opacity:.7;animation:none}.scene-map .trip.unconfirmed{stroke-dasharray:.03 .02;opacity:.7;animation:none}@keyframes scene-trip{to{stroke-dashoffset:0}}.scene-gigs{color:var(--fg);font-variant-numeric:tabular-nums;font-weight:600}.scene-spark{width:100%;max-width:280px;height:28px;margin-top:4px;display:block}.scene-spark .line{fill:none;stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.scene-spark .area{fill:color-mix(in srgb, var(--accent) 16%, transparent)}@media (prefers-reduced-motion:reduce){.scene-pictures,.scene-picture-frame img,.scene-map .trip{animation:none}.scene-map .trip{stroke-dashoffset:0}}
