@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#fff;background:#000;font-family:Inter,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#000}a{color:inherit;text-decoration:none}svg{width:1em;fill:none;stroke:currentColor;stroke-width:1.5}.topbar{position:sticky;z-index:20;top:0;height:76px;padding:0 40px;display:flex;align-items:center;gap:36px;border-bottom:1px solid #242424;background:#000e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{margin-right:auto;font-size:20px;font-weight:800;letter-spacing:-.06em}.brand span{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:7px;color:#000;background:#b8ff36;transform:skew(-7deg)}.brand sup{margin-left:4px;color:#b8ff36;font:500 9px DM Mono,monospace;letter-spacing:0}.event-total{display:grid;gap:3px;text-align:right}.event-total small{color:#969696;font:500 10px DM Mono,monospace;letter-spacing:.08em}.event-total strong{color:#b8ff36;font:500 15px DM Mono,monospace}.event-live{display:flex;align-items:baseline;gap:6px;color:#8b8b8b;font-size:12px}.event-live i,.live-dot{width:7px;height:7px;background:#66e441;border-radius:50%}.event-live strong{color:#fff;font:500 15px DM Mono,monospace}.donate-link{color:#b8ff36;font:500 10px DM Mono,monospace;letter-spacing:.06em}.donate-link:hover,.donate-link:focus-visible{color:#fff;outline:none;text-decoration:underline;text-underline-offset:4px}.intro{padding:46px 40px 28px;display:flex;align-items:flex-end;justify-content:space-between}.intro p{margin:0 0 10px;color:#70e84f;font:500 10px DM Mono,monospace;letter-spacing:.1em}.intro h1{margin:0;font-size:clamp(36px,5vw,64px);line-height:.97;letter-spacing:-.055em}.legend{display:flex;gap:24px;color:#949494;font:400 11px DM Mono,monospace}.legend span{display:flex;align-items:center;gap:8px}.legend i{display:inline-block}.offline-dot{width:7px;height:7px;background:#575757;border-radius:50%}.scroll-hint{margin:0 40px 10px;color:#777;font:400 10px DM Mono,monospace;text-align:right}.map-scroll{width:100%;padding:0 40px 18px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-color:#4b4b4b #111}.map-scroll:focus-visible{outline:1px solid #b8ff36;outline-offset:-1px}.room-map{position:relative;width:2400px;height:600px;overflow:visible;border:1px solid #242424;background:#060606}.room-outline{position:absolute;inset:0;width:100%;height:100%;color:#3b3b3b}.room-outline path{fill:none;stroke:currentColor;stroke-width:3;vector-effect:non-scaling-stroke}.seat-row{position:absolute;z-index:2;display:flex;gap:5px}.row-left-main{top:270px;left:150px;gap:4px}.row-left-main .seat{width:58px}.row-left-diagonal{top:237px;left:728px;gap:3px;transform:rotate(-32deg);transform-origin:left center}.row-left-diagonal .seat{width:54px}.row-left-diagonal .tooltip{transform:translate(-50%) rotate(32deg);transform-origin:bottom center}.row-left-end{top:205px;left:865px}.row-left-end .seat{width:65px}.row-top{top:40px;left:1120px}.row-top .seat,.row-bottom-left .seat,.row-bottom-right .seat{width:52px}.row-bottom-left{bottom:28px;left:54px;gap:3px}.row-bottom-right{bottom:28px;left:1200px;gap:4px}.row-right-inner,.row-right-outer{display:grid;gap:7px}.row-right-inner{top:74px;right:170px}.row-right-outer{top:18px;right:28px}.seat{position:relative;width:66px;height:48px;display:grid;place-items:center;padding:5px;color:#777;border:1px solid #303030;background:#161616;text-align:center;transition:border-color .12s ease,background .12s ease,color .12s ease}.seat>span:first-child{width:100%;overflow:hidden;font-size:9px;font-weight:600;line-height:1.1;text-overflow:ellipsis}.seat:hover,.seat:focus-visible,.seat.is-selected{z-index:30;outline:none;border-color:#fff;color:#fff}.seat.is-live{color:#dfffd6;border-color:#2b7a31;background:#153d1c}.seat.is-offline{color:#a3a3a3;border-color:#373737;background:#202020}.seat.is-unavailable{color:#777;border-style:dashed}.seat.is-loading{color:#555}.row-right-inner .seat,.row-right-outer .seat{width:70px;height:47px}.tooltip{position:absolute;z-index:40;bottom:calc(100% + 10px);left:50%;width:180px;padding:13px;display:none;grid-template-columns:1fr auto;gap:8px;color:#fff;border:1px solid #494949;background:#0b0b0b;box-shadow:0 10px 25px #000c;text-align:left;transform:translate(-50%)}.tooltip:after{position:absolute;top:100%;left:calc(50% - 5px);width:8px;height:8px;border-right:1px solid #494949;border-bottom:1px solid #494949;background:#0b0b0b;content:"";transform:translateY(-4px) rotate(45deg)}.seat:hover .tooltip,.seat:focus-visible .tooltip,.seat.is-selected .tooltip{display:grid}.tooltip strong{grid-column:1 / -1;font-size:13px}.tooltip__donation{color:#8eef70;font:500 12px DM Mono,monospace}.tooltip__viewers{display:flex;align-items:center;justify-content:flex-end;gap:4px;color:#bbb;font:400 10px DM Mono,monospace}.tooltip__viewers svg{width:13px}.tooltip small{grid-column:1 / -1;color:#777;font:400 9px DM Mono,monospace}.tap-action{display:none}.row-top .tooltip,.row-right-inner .tooltip,.row-right-outer .tooltip{top:calc(100% + 10px);bottom:auto}.row-top .tooltip:after,.row-right-inner .tooltip:after,.row-right-outer .tooltip:after{top:auto;bottom:100%;transform:translateY(4px) rotate(225deg)}.pillar{position:absolute;z-index:1;width:25px;height:25px;border:3px solid #d3c91f;border-radius:45% 55% 50% 45%;transform:rotate(12deg)}.plan-note{margin:8px 40px 0;color:#969696;font:400 9px DM Mono,monospace}.data-status{margin:8px 40px 32px;color:#6f6f6f;font:400 9px DM Mono,monospace;text-align:right}@media(max-width:800px){.topbar{height:62px;padding:0 18px;gap:15px}.event-live span,.donate-link span{display:none}.event-total small{font-size:8px}.event-total strong{font-size:12px}.intro{padding:32px 20px 22px;align-items:flex-start;gap:28px;flex-direction:column}.legend{gap:18px}.scroll-hint{margin-inline:20px;text-align:left}.map-scroll{padding-inline:20px}.plan-note{margin-inline:20px}.data-status{margin-inline:20px;text-align:left}}@media(hover:none){.click-action{display:none}.tap-action{display:inline}}
