:root{--accent: #1d2d3e;--secondary: #cda52e;--matte: #1d2d3e;--ink: #1d2d3e;--paper: #fff;--mast-h: 92px;--foot-h: 56px;--gutter: 16px;--clock: 5s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--matte);overscroll-behavior:none}body{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}.shell{position:fixed;inset:0;height:100dvh;display:flex;flex-direction:column;background:var(--matte);color:#fff;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.mast{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;padding:8px var(--gutter) 6px}.brow{display:flex;align-items:center;gap:12px;min-height:36px}.logo{height:34px;width:auto;max-width:40%;object-fit:contain}.name{font-size:14px;font-weight:600;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sound{margin-left:auto;flex:0 0 auto;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:transparent;font-size:18px;cursor:pointer}.sound[aria-pressed=true]{background:#fff}.chips{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 calc(-1 * var(--gutter));padding:2px var(--gutter);scroll-snap-type:x proximity}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;scroll-snap-align:start;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:6px 12px;line-height:1;color:#fff;background:transparent;white-space:nowrap;cursor:pointer;font:inherit;font-size:13px;transition:background .2s,color .2s}.chip b{font-weight:600;opacity:.7;margin-left:4px}.chip[aria-current=true]{background:#fff;color:var(--accent);border-color:#fff}.chip[aria-current=true] b{opacity:.6}.stage{flex:1 1 auto;min-height:0;position:relative;background:var(--matte)}.players{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.player{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;background:#000;opacity:0}.player.on{opacity:1}.page[data-kind=media][data-playing="1"]{background:transparent}.page[data-playing="1"] .clip{visibility:hidden}.content{position:absolute;inset:0;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;background:transparent;z-index:1}.content::-webkit-scrollbar,.row::-webkit-scrollbar,.rail::-webkit-scrollbar{display:none}.row{height:100%;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-snap-align:start;scroll-snap-stop:always;overscroll-behavior-x:contain;scrollbar-width:none}.page{flex:0 0 100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;overflow:hidden;contain:strict;content-visibility:auto;contain-intrinsic-size:auto 100% auto 100%;background:var(--paper);color:var(--ink)}.page[data-dark="1"]{color:#fff}.page:not(.mounted){background:var(--matte)}.ground{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.band{position:relative;display:block;width:100%;height:auto;aspect-ratio:2400 / 410;object-fit:contain}.cards{position:relative;display:grid;gap:10px;padding:10px var(--gutter) 12px;height:calc(100% - 100vw * 410 / 2400)}.page[data-template=focus_focus] .cards{grid-template:1fr 1fr / 1fr}.page[data-template=focus_focus_focus] .cards{grid-template:1fr 1fr 1fr / 1fr}.page[data-template=focus_2] .cards{grid-template:1.15fr 1fr / 1fr 1fr}.page[data-template=focus_2] .card:first-child{grid-column:1 / -1}.page[data-template="2_focus"] .cards{grid-template:1fr 1.15fr / 1fr 1fr}.page[data-template="2_focus"] .card:last-child{grid-column:1 / -1}.page[data-template="2_2"] .cards{grid-template:1fr 1fr / 1fr 1fr}.page[data-template=hero_2] .cards{grid-template:1fr 1fr / 1.1fr 1fr}.page[data-template=hero_2] .card:first-child{grid-row:1 / -1}.page[data-template=solo] .cards{grid-template:1fr / 1fr}.page[data-template=solo] .card{max-width:80%;margin:auto}.card{min-height:0;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px 4px;gap:4px}.card.wide{flex-direction:row;text-align:left;gap:10px}.card.wide:nth-child(2n){flex-direction:row-reverse;text-align:right}.card img{flex:1 1 auto;min-height:0;width:100%;object-fit:contain}.card.wide img{width:46%;height:100%}.card .words{flex:0 0 auto;display:flex;flex-direction:column;gap:2px;min-width:0}.card.wide .words{flex:1 1 auto;justify-content:center}.card h3{margin:0;font-size:12px;line-height:1.15;font-weight:600;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card p{margin:0;font-size:11px;opacity:.75}.card .price{font-size:20px;font-weight:800;letter-spacing:-.02em}.card .price small{font-size:12px;font-weight:600;margin-left:2px}.page[data-kind=media]{background:#000}.clip{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}.clip-title{position:absolute;left:6%;right:6%;top:14%;width:88%;height:auto}.rail{position:absolute;left:0;right:0;bottom:0;display:flex;gap:8px;padding:10px var(--gutter);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;background:linear-gradient(transparent,#000000a6)}.rail .card{flex:0 0 38%;scroll-snap-align:start;background:#fff;color:var(--ink);border-radius:10px;padding:8px;height:150px}.rail .card img{height:70px}.tap{position:absolute;top:0;bottom:0;width:33%;left:0}.tap.next{left:auto;right:0;width:67%}.foot{flex:0 0 auto;padding:8px var(--gutter) 6px;display:flex;flex-direction:column;gap:8px}.segments{display:flex;gap:4px;height:3px}.seg{flex:1 1 0;position:relative;border-radius:2px;background:#ffffff4d;overflow:hidden}.seg[hidden]{display:none}.seg:before{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(var(--fill, 0));transform-origin:left}.seg[data-current]:after{content:"";position:absolute;inset:0;background:var(--secondary);transform-origin:left;transform:scaleX(0);animation:clock var(--clock) linear forwards}@keyframes clock{to{transform:scaleX(1)}}.powered{font-size:11px;opacity:.6;text-align:center}.powered b{font-weight:700}.stats{position:absolute;max-width:70%;white-space:pre-wrap;word-break:break-all;right:8px;top:calc(var(--mast-h) + 8px);font:11px/1.4 ui-monospace,Menlo,monospace;background:#0009;color:#0f0;padding:6px 8px;border-radius:6px;pointer-events:none;white-space:pre;z-index:10}@media(prefers-reduced-motion:reduce){.seg[data-current]:after{animation:none}}