.timeline-page{background:var(--dark);overscroll-behavior:none;height:100vh;overflow:hidden}.timeline-locked{background:var(--dark);justify-content:center;align-items:center;height:100%;padding:1.5rem;display:flex;position:relative}.timeline-locked-back{color:var(--light);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;font-family:inherit;font-size:.8rem;font-weight:700;text-decoration:none;transition:color .15s;display:flex;position:absolute;top:1rem;left:1rem}.timeline-locked-back:hover{color:var(--grey-100)}.timeline-locked-inner{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.timeline-locked-icon{color:var(--accent)}.timeline-locked-title{text-transform:uppercase;letter-spacing:.08em;color:var(--grey-100);font-size:1.1rem;font-weight:700}.timeline-locked-timer{color:var(--light);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:2.4rem;font-weight:700}.timeline-locked-unit{color:var(--grey-300);margin:0 .15em}@media (min-width:768px){.timeline-locked-title{font-size:1.4rem}.timeline-locked-timer{font-size:3.5rem}}.timeline-day-switcher{background:var(--grey-900);border-bottom:1px solid var(--grey-500);z-index:40;align-items:stretch;height:44px;display:flex;position:absolute;top:0;left:0;right:0}.timeline-back{width:116px;min-width:116px;color:var(--light);text-transform:uppercase;letter-spacing:.04em;background:var(--grey-900);border:none;border-right:1px solid var(--grey-500);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;gap:.4rem;font-family:inherit;font-size:.8rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:flex}.timeline-back:hover{background:var(--grey-800);color:var(--grey-100)}.timeline-day-tab{border:none;border-right:1px solid var(--grey-500);color:var(--grey-200);cursor:pointer;background:0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;padding:0 .5rem;font-family:inherit;transition:background .15s,color .15s;display:flex}.timeline-day-tab:last-child{border-right:none}.timeline-day-tab:hover{background:var(--grey-800)}.timeline-day-tab.-active{background:var(--grey-800);color:var(--light)}.timeline-day-short{text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:700;line-height:1}.timeline-day-date{color:var(--grey-300);font-size:.625rem;font-weight:400;line-height:1}.timeline-container{--tl-rail-w:44px;--tl-axis-w:72px;--tl-col-min:160px;overscroll-behavior:none;width:100%;height:100vh;position:relative;overflow:hidden}.timeline-content{overscroll-behavior:none;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:var(--grey-300)var(--grey-900);position:absolute;inset:44px 0 0;overflow:auto}.timeline-content::-webkit-scrollbar{width:8px;height:8px}.timeline-content::-webkit-scrollbar-thumb{background:var(--grey-300);border-radius:4px}.timeline-content::-webkit-scrollbar-thumb:hover{background:var(--grey-200)}.timeline-scroll-area{width:max-content;min-width:100%;min-height:100%;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px);flex-direction:column;display:flex}.timeline-day-corner{width:var(--tl-rail-w);min-width:var(--tl-rail-w);z-index:36;background:var(--grey-900);border-right:1px solid var(--grey-500);flex-shrink:0;position:sticky;left:0}.timeline-day-rail{width:var(--tl-rail-w);min-width:var(--tl-rail-w);z-index:21;background:var(--grey-1000);border-right:1px solid var(--grey-500);flex-shrink:0;position:sticky;left:0}.timeline-day-rail-segment{position:relative}.timeline-day-rail-segment+.timeline-day-rail-segment{border-top:2px solid var(--grey-500)}.timeline-day-rail-label{writing-mode:vertical-rl;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;width:max-content;color:var(--light);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;pointer-events:none;margin:0 auto;padding:14px 0;font-size:.7rem;font-weight:700;display:block;position:sticky;top:52px;transform:rotate(180deg)}.timeline-now-cursor{background:var(--accent);z-index:26;pointer-events:none;height:2px;position:absolute;left:0;right:0}.timeline-now-label{text-transform:uppercase;letter-spacing:.06em;color:var(--light);background:var(--accent);white-space:nowrap;padding:2px 6px;font-size:.625rem;font-weight:700;position:absolute;top:-9px;left:0}.timeline-track{z-index:30;background:var(--grey-900);border-bottom:1px solid var(--grey-500);display:flex;position:sticky;top:0;box-shadow:0 4px 12px #0006}.timeline-corner{width:var(--tl-axis-w);min-width:var(--tl-axis-w);border-right:1px solid var(--grey-500);left:var(--tl-rail-w);z-index:35;background:var(--grey-900);flex-shrink:0;justify-content:center;align-items:center;padding:.75rem .5rem;display:flex;position:sticky}.timeline-stage-headers{background:var(--grey-900);flex:1;display:flex}.timeline-stage-header{min-width:var(--tl-col-min);background:var(--grey-900);border-right:1px solid var(--grey-500);flex:1;justify-content:center;align-items:center;padding:.75rem .5rem;display:flex}.timeline-stage-header:last-child{border-right:none}.stage-name{text-transform:uppercase;white-space:nowrap}.timeline-body{flex:1;display:flex;position:relative}.timeline-axis-wrapper{width:var(--tl-axis-w);min-width:var(--tl-axis-w);left:var(--tl-rail-w);z-index:20;background:var(--grey-900);border-right:1px solid var(--grey-500);flex-shrink:0;position:sticky}.timeline-body+.timeline-body{border-top:2px solid var(--grey-500)}.timeline-axis{width:100%;position:relative}.timeline-axis-line{background:var(--grey-500);pointer-events:none;height:1px;position:absolute;left:0;right:0}.timeline-axis-mark{text-align:center;color:var(--grey-200);pointer-events:none;-webkit-user-select:none;user-select:none;padding-top:4px;font-size:.6875rem;font-weight:700;position:absolute;left:0;right:0}.timeline-columns-area{flex:1;display:flex;position:relative}.timeline-hour-guide{background:var(--grey-500);pointer-events:none;z-index:0;height:1px;position:absolute;left:0;right:0}.timeline-sunday-mark{background:var(--grey-500);z-index:22;pointer-events:none;height:2px;position:absolute;left:0;right:0}.timeline-sunday-mark-label{text-transform:uppercase;letter-spacing:.05em;color:var(--light);background:var(--grey-700);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:4px 10px;font-size:.7rem;font-weight:700;position:absolute;top:-12px;left:0}.timeline-column{min-width:var(--tl-col-min);border-right:1px solid var(--grey-700);flex:1;position:relative}.timeline-column:last-child{border-right:none}.timeline-block{cursor:pointer;box-sizing:border-box;z-index:10;border-radius:6px;align-items:center;padding:4px 8px;transition:filter .15s,box-shadow .15s;display:flex;position:absolute;left:0;overflow:hidden}.timeline-block:hover{filter:brightness(1.08);box-shadow:0 4px 12px #00000059}.timeline-block.-short{align-items:center;padding:2px 4px;display:flex}.timeline-block-content{flex-direction:row;align-items:center;gap:8px;width:100%;display:flex}.artist-avatar{object-fit:cover;border:2px solid #ffffff4d;border-radius:.625rem;flex-shrink:0;width:32px;height:32px}.artist-avatars{flex-direction:column;flex-shrink:0;display:flex;position:relative}.artist-avatars .artist-avatar{margin-top:-8px}.artist-avatars .artist-avatar:first-child{margin-top:0}.artist-avatars .artist-avatar:nth-child(n+5){display:none}.artist-text{flex:1;min-width:0}.artist-name{color:#000;text-align:left;white-space:pre-line;overflow-wrap:anywhere;text-transform:uppercase;margin-bottom:2px;font-size:.8125rem;font-weight:700;line-height:1.2}.sub-event-name{opacity:.5;color:var(--grey-200);font-size:.6875rem;font-weight:600;line-height:1.2}.artist-avatar-modal{object-fit:cover;border:2px solid #ffffff4d;border-radius:.75rem;flex-shrink:0;width:48px;height:48px}.artist-avatars-modal{flex-direction:column;flex-shrink:0;display:flex;position:relative}.artist-avatars-modal .artist-avatar-modal{width:44px;height:44px;margin-top:-12px}.artist-avatars-modal .artist-avatar-modal:first-child{margin-top:0}.artist-avatars-modal .artist-avatar-modal:nth-child(n+5){display:none}.artist-avatar-modal-small{object-fit:cover;border:2px solid #ffffff4d;border-radius:.5rem;flex-shrink:0;width:48px;height:48px}.artist-avatars-modal-small{flex-direction:column;flex-shrink:0;gap:4px;display:flex;position:relative}.artist-avatars-modal-small .artist-avatar-modal-small{width:44px;height:44px}.artist-avatars-modal-small .artist-avatar-modal-small:first-child{margin-top:0}.artist-avatars-modal-small .artist-avatar-modal-small:nth-child(n+5){display:none}@media (max-width:768px){.scroll-indicator{z-index:40;pointer-events:none;animation:3s forwards scroll-indicator-fade;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.scroll-indicator-backdrop{background:#000000b3;border-radius:6px;justify-content:center;align-items:center;width:110px;height:50px;padding:12px;display:flex}.scroll-indicator-icon{filter:brightness(0)saturate()invert();opacity:0;will-change:transform,opacity;-webkit-user-select:none;user-select:none;width:32px;height:32px;animation:1.666s cubic-bezier(.7,0,.3,1) 3 forwards scroll-indicator-swipe}}@keyframes scroll-indicator-swipe{0%{opacity:0;transform:translate(24px)scale(.95)}50%{opacity:1;transform:translate(-16px)scale(1)}to{opacity:0;transform:translate(-32px)scale(.95)}}@keyframes scroll-indicator-fade{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}85%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.95)}}@media (max-width:768px){.timeline-mini-header{padding:0 .75rem}.back-button{font-size:.75rem}.timeline-mini-title{font-size:1rem}.timeline-container{--tl-axis-w:56px;--tl-col-min:140px}.timeline-scroll-area{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 30px)}.timeline-back{gap:.25rem;width:100px;min-width:100px;font-size:.7rem}.timeline-stage-header{padding:.5rem .25rem}.stage-name,.artist-name{font-size:.6875rem}.sub-event-name{font-size:.5625rem}}body.timeline-page-body{overscroll-behavior:none;height:100vh;overflow:hidden}.timeline-header-logo{filter:brightness(0)invert();opacity:.9;width:auto;height:1.5rem}@media (max-width:768px){.timeline-header-logo{height:1.25rem}}
