:root{--cream: #f4efe6;--cream-2: #ebe3d4;--ink: #141110;--ink-dim: rgba(20, 17, 16, .62);--line: rgba(20, 17, 16, .14);--tomato: #ff4a2e;--cobalt: #2a4bff;--bubblegum: #ff8fd0;--mint: #7de2b8;--lemon: #ffe14d;--display: "Bricolage Grotesque", "Arial Black", system-ui, sans-serif;--mono: "DM Mono", ui-monospace, "SFMono-Regular", monospace;--gutter: clamp(16px, 2.4vw, 36px);--dock-clear: 96px;--ease-out: cubic-bezier(.16, 1, .3, 1);--boing: cubic-bezier(.34, 1.8, .5, 1);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--cream);color:var(--ink);font-family:var(--display);font-variation-settings:"opsz" 14;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.booting{overflow:hidden}a{color:inherit}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}ul{list-style:none}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.03em;text-transform:uppercase;line-height:1.45}:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px;border-radius:6px}@media(hover:hover)and (pointer:fine){body,a,button,input,label,canvas{cursor:none}}#boot{position:fixed;inset:0;z-index:100;background:var(--tomato);color:var(--ink);display:grid;grid-template-rows:auto 1fr auto;padding:var(--gutter);transition:clip-path .9s var(--ease-out) .15s;clip-path:circle(150% at 50% 45%)}#boot.done{clip-path:circle(0% at 50% 45%);pointer-events:none}.boot-head{display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:10px}.boot-stage{display:grid;place-items:center;align-content:center;gap:8px}.boot-letter{--p: 0;font-family:var(--display);font-weight:800;font-variation-settings:"opsz" 96;font-size:clamp(140px,30vmin,300px);line-height:.9;color:var(--lemon);-webkit-text-stroke:clamp(5px,1.2vmin,10px) var(--ink);paint-order:stroke fill;text-shadow:.04em .07em 0 rgba(20,17,16,.22);transform:scale(calc(.22 + var(--p) * .9));transition:transform .5s var(--boing);will-change:transform}.boot-letter span{display:inline-block}.boot-letter.puff span{animation:puff .42s var(--ease-out)}@keyframes puff{0%{transform:scale(1.12,.86)}45%{transform:scale(.94,1.08)}to{transform:scale(1)}}.boot-letter.popped{transition:transform .22s var(--ease-out),opacity .18s .06s;transform:scale(1.5);opacity:0}.boot-gauge{display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums}.boot-gauge b{font-weight:800;font-variation-settings:"opsz" 96;font-size:clamp(32px,6vmin,56px);letter-spacing:-.03em;min-width:3.4ch;text-align:right}.boot-log{min-height:9.5em;max-width:min(620px,100%);white-space:pre-wrap;border-top:2px solid var(--ink);padding-top:10px;font-size:10.5px}.boot-log div{white-space:pre;overflow:hidden;text-overflow:ellipsis}#cursor{position:fixed;left:0;top:0;z-index:99;pointer-events:none;opacity:0;transition:opacity .25s}#cursor.on{opacity:1}.c-blob{position:absolute;left:0;top:0;display:block;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--ink);border:2px solid var(--ink);transition:width .35s var(--boing),height .35s var(--boing),margin .35s var(--boing),background .2s,border-radius .3s}#cursor[data-mode=grab] .c-blob{width:58px;height:58px;margin:-29px 0 0 -29px;background:var(--lemon)}#cursor[data-mode=hold] .c-blob{width:72px;height:50px;margin:-25px 0 0 -36px;background:var(--bubblegum);border-radius:46% 54% 50% 50%/60% 60% 40% 40%}#cursor[data-mode=link] .c-blob{width:36px;height:36px;margin:-18px 0 0 -18px;background:transparent}#cursor.down .c-blob{width:10px;height:10px;margin:-5px 0 0 -5px}#cursor.down[data-mode=hold] .c-blob{width:76px;height:46px;margin:-23px 0 0 -38px}.c-label{position:absolute;left:0;top:0;transform:translate(-50%,-50%);font-size:9px;letter-spacing:.08em;white-space:nowrap;color:var(--ink)}@media not ((hover:hover)and (pointer:fine)){#cursor{display:none}}#fx{position:fixed;inset:0;width:100vw;height:100vh;z-index:90;pointer-events:none}.degraded{position:fixed;left:50%;top:12px;transform:translate(-50%);z-index:61;background:var(--ink);color:var(--cream);padding:6px 12px;border-radius:999px;font-size:10px;max-width:calc(100vw - 32px);text-align:center}.arena{position:relative;height:100vh;height:100svh;min-height:620px;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none}.stage-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:3}.poster{background-color:var(--cream);background-image:linear-gradient(to right,var(--line) 1px,transparent 1px),radial-gradient(circle at 1px 1px,rgba(20,17,16,.12) 1px,transparent 1.2px);background-size:calc((100% - 2 * var(--gutter)) / 12) 100%,14px 14px;background-position:var(--gutter) 0,0 0}.poster:after,.stack:after{content:"";position:absolute;left:0;right:0;bottom:var(--dock-clear);height:0;border-top:2px solid var(--ink);z-index:1}.stack:after{border-top-color:var(--cream);border-top-style:solid;opacity:.7}.poster-ui{position:relative;z-index:2;padding:14px var(--gutter) 0;height:100%}.topbar{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding-bottom:12px}.topbar .back{text-decoration:none;display:inline-flex;align-items:center;gap:6px;padding:5px 11px 5px 9px;border:1.5px solid var(--ink);border-radius:999px;justify-self:start;transition:background .2s,transform .35s var(--boing)}.topbar .back:hover{background:var(--lemon);transform:translate(-2px) rotate(-2deg)}.tb-mid{text-align:center}.tb-right{text-align:right}.info{display:grid;grid-template-columns:repeat(12,1fr);border-top:2px solid var(--ink)}.block{padding:10px 14px 14px 0;min-width:0;background:var(--cream)}.block+.block{padding-left:14px;border-left:1px solid var(--ink)}.block h3{font-weight:500;color:var(--ink-dim);margin-bottom:8px;display:flex;gap:8px}.block h3 b{color:var(--ink);font-weight:500;background:var(--lemon);border:1px solid var(--ink);border-radius:999px;padding:0 6px}.b-dates,.b-venue{grid-column:span 3}.b-lineup{grid-column:span 4}.b-nums{grid-column:span 2}.big{font-weight:800;font-variation-settings:"opsz" 96;font-size:clamp(20px,2.15vw,34px);line-height:.96;letter-spacing:-.035em;margin-bottom:8px}.small{font-family:var(--mono);font-size:10.5px;line-height:1.5;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.02em}.lineup{font-size:clamp(13px,1.05vw,15.5px);line-height:1.3;font-weight:500;letter-spacing:-.01em}.lineup b{font-weight:800}.nums li{display:flex;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;border-bottom:1px solid var(--line);padding:3px 0}.nums b{font-family:var(--display);font-weight:800;font-size:13px;font-variant-numeric:tabular-nums}.hint{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;margin-top:12px;transition:opacity .6s}.hint span{border:1.5px solid var(--ink);border-radius:999px;padding:3px 10px;background:var(--cream)}.hint span:first-child{background:var(--ink);color:var(--cream)}.hint.used{opacity:.35}.edge{position:absolute;right:6px;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;font-size:9.5px;color:var(--ink-dim);white-space:nowrap}.stack{background:var(--cobalt);color:var(--cream)}.stack:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgba(244,239,230,.2) 1.1px,transparent 1.4px);background-size:18px 18px}.stack-ui{position:relative;z-index:2;padding:14px var(--gutter) 0}.sec-head{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;padding-bottom:10px;border-bottom:2px solid currentColor}.sec-head span:nth-child(2){text-align:center}.sec-head span:last-child{text-align:right}.sec-head b{font-weight:500}.stack-card{margin-top:16px;width:min(330px,100%);background:var(--cream);color:var(--ink);border:2px solid var(--ink);border-radius:22px;padding:16px 18px 14px;box-shadow:6px 8px #14111052}.stack-card h2{font-weight:800;font-variation-settings:"opsz" 96;font-size:clamp(42px,5vw,64px);line-height:.84;letter-spacing:-.05em;text-transform:uppercase}.stack-card p{font-size:13.5px;line-height:1.35;margin:10px 0 14px;letter-spacing:-.005em}.btn-drop{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--tomato);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:9px 10px 9px 18px;font-weight:800;font-size:17px;letter-spacing:-.01em;box-shadow:0 4px 0 var(--ink);transition:transform .25s var(--boing),box-shadow .25s var(--boing)}.btn-drop b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--lemon);border:2px solid var(--ink);font-size:18px;font-variation-settings:"opsz" 96}.btn-drop:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 0 var(--ink)}.btn-drop:active{transform:translateY(3px) scaleY(.94);box-shadow:0 1px 0 var(--ink)}.score{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;border-top:1px solid var(--ink)}.score div{padding-top:6px}.score div+div{border-left:1px solid var(--line);padding-left:10px}.score dt{color:var(--ink-dim);font-size:9.5px}.score dd{font-family:var(--display);text-transform:none;font-weight:800;font-size:19px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.plinth{position:absolute;z-index:1;left:50%;bottom:var(--dock-clear);width:clamp(150px,24vw,320px);height:120px;transform:translate(-50%);background:repeating-linear-gradient(-45deg,rgba(20,17,16,.16) 0 2px,transparent 2px 10px),var(--lemon);border:2px solid var(--ink);border-bottom:0;border-radius:14px 14px 0 0;color:var(--ink);display:flex;flex-direction:column;justify-content:flex-end;padding:8px 12px;font-size:9.5px}.ruler{position:absolute;left:0;top:0;bottom:0;width:56px;z-index:1;pointer-events:none}.ruler i{position:absolute;left:var(--gutter);width:14px;border-top:1.5px solid rgba(244,239,230,.6)}.ruler i:after{content:attr(data-m);position:absolute;left:18px;top:-7px;font-size:9.5px;color:#f4efe6b3;white-space:nowrap}.hline{position:absolute;left:0;right:0;top:0;height:0;z-index:4;pointer-events:none;will-change:transform}.hline:before{content:"";position:absolute;left:var(--gutter);right:var(--gutter);top:0;border-top:1.5px dashed rgba(244,239,230,.75)}.hline span{position:absolute;right:var(--gutter);top:-11px;background:var(--cream);color:var(--ink);border:1.5px solid var(--ink);border-radius:999px;padding:1px 8px;font-size:10px}.hline.best:before{border-top:2px solid var(--lemon)}.hline.best span{background:var(--lemon);right:calc(var(--gutter) + 110px)}.hline.best{opacity:0;transition:opacity .4s}.hline.best.show{opacity:1}.toast{position:absolute;z-index:5;left:50%;top:38%;transform:translate(-50%,-50%) scale(.6) rotate(-4deg);background:var(--lemon);color:var(--ink);border:2.5px solid var(--ink);border-radius:999px;padding:12px 24px;font-weight:800;font-variation-settings:"opsz" 96;font-size:clamp(20px,3vw,34px);letter-spacing:-.03em;white-space:nowrap;box-shadow:6px 8px #14111059;opacity:0;pointer-events:none;transition:transform .5s var(--boing),opacity .25s}.toast.on{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-4deg)}.colophon{background:var(--ink);color:var(--cream);padding:14px var(--gutter) calc(var(--gutter) + 20px);position:relative}.colo-title{font-weight:800;font-variation-settings:"opsz" 96;font-size:clamp(38px,7.4vw,118px);line-height:.9;letter-spacing:-.05em;margin:clamp(48px,10vh,120px) 0 clamp(36px,7vh,80px);max-width:14ch}.colo-title em{font-style:normal;color:var(--bubblegum);-webkit-text-stroke:0}.colo-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--cream)}.colo-grid article{padding:14px 18px 26px 0;border-bottom:1px solid rgba(244,239,230,.2)}.colo-grid article:not(:nth-child(3n+1)){padding-left:18px;border-left:1px solid rgba(244,239,230,.2)}.colo-grid h3{font-weight:500;margin-bottom:10px;display:flex;gap:8px;align-items:center}.colo-grid h3 b{color:var(--ink);background:var(--mint);border-radius:999px;padding:0 7px;font-weight:500}.colo-grid article:nth-child(2) h3 b{background:var(--bubblegum)}.colo-grid article:nth-child(3) h3 b{background:var(--lemon)}.colo-grid article:nth-child(4) h3 b{background:var(--tomato)}.colo-grid article:nth-child(5) h3 b{background:var(--cream)}.colo-grid article:nth-child(6) h3 b{background:#8fa3ff}.colo-grid p{font-size:15px;line-height:1.42;color:#f4efe6d1;max-width:44ch}.live{color:var(--lemon)}.colo-foot{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;margin-top:36px;color:#f4efe699}.colo-foot a{text-decoration:none;color:var(--cream)}.colo-foot a:hover{color:var(--lemon)}.back-big{font-family:var(--display);text-transform:none;font-weight:800;font-size:22px;letter-spacing:-.02em;border:2px solid var(--cream);border-radius:999px;padding:8px 18px;transition:background .2s,color .2s,transform .35s var(--boing)}.colo-foot a.back-big:hover{background:var(--lemon);color:var(--ink);border-color:var(--lemon);transform:rotate(-2deg) scale(1.03)}.dock{position:fixed;z-index:60;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:18px;background:var(--ink);color:var(--cream);border-radius:999px;padding:8px 8px 8px 22px;box-shadow:0 10px 30px #14111040;transition:transform .6s var(--boing),opacity .35s;max-width:calc(100vw - 24px)}.dock.away{transform:translate(-50%,140%);opacity:0;pointer-events:none}.dock.maxed{animation:wobble .6s var(--ease-out)}@keyframes wobble{0%{transform:translate(-50%) scale(1.08,.9)}30%{transform:translate(-50%) scale(.95,1.06)}60%{transform:translate(-50%) scale(1.02,.98)}to{transform:translate(-50%) scale(1)}}.ctl{display:grid;gap:4px;min-width:150px}.ctl span{display:flex;justify-content:space-between;gap:8px;font-size:9.5px}.ctl i{font-style:normal;color:var(--lemon)}.dock-btns{display:flex;gap:6px}.dock-btns button{border:1.5px solid rgba(244,239,230,.55);border-radius:999px;padding:8px 13px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,transform .3s var(--boing)}.dock-btns button:hover{background:var(--cream);color:var(--ink);border-color:var(--cream)}.dock-btns button:active{transform:scale(.92,.86)}.dock-btns button[aria-pressed=true]#b-gravity{background:var(--bubblegum);color:var(--ink);border-color:var(--bubblegum)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:#f4efe647}input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:#f4efe647}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-8px;border-radius:50%;background:var(--lemon);border:2px solid var(--cream);transition:transform .3s var(--boing)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--lemon);border:2px solid var(--cream)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.35,.8)}#r-stiff::-webkit-slider-thumb{background:var(--mint)}#r-stiff::-moz-range-thumb{background:var(--mint)}@media(max-width:1100px){.b-dates,.b-venue{grid-column:span 3}.b-lineup{grid-column:span 6}.b-nums{display:none}.colo-grid{grid-template-columns:repeat(2,1fr)}.colo-grid article:not(:nth-child(3n+1)){padding-left:0;border-left:0}.colo-grid article:nth-child(2n){padding-left:18px;border-left:1px solid rgba(244,239,230,.2)}}@media(max-width:760px){.topbar{grid-template-columns:auto 1fr}.tb-mid{display:none}.b-dates,.b-venue{grid-column:span 6}.b-lineup{grid-column:span 12;border-left:0!important;padding-left:0!important;border-top:1px solid var(--ink);padding-top:8px}.lineup{font-size:12px}.big{font-size:19px}.small{font-size:9.5px}.hint{justify-content:flex-start}.hint span:last-child{display:none}.edge{display:none}.sec-head span:nth-child(2){display:none}.sec-head{grid-template-columns:1fr 1fr}.stack-card{width:100%;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;padding:12px 14px;border-radius:18px}.stack-card h2{font-size:34px;grid-row:span 2}.stack-card p{display:none}.stack-card .btn-drop{font-size:15px;padding:6px 6px 6px 14px}.btn-drop b{width:28px;height:28px;font-size:15px}.score{grid-column:2;margin-top:4px}.score dd{font-size:15px}.hline.best span{right:var(--gutter);top:4px}.colo-grid{grid-template-columns:1fr}.colo-grid article:nth-child(2n){padding-left:0;border-left:0}.colo-grid p{font-size:14px}.dock{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));transform:none;border-radius:20px;padding:10px 12px;gap:8px 14px;display:grid;grid-template-columns:1fr 1fr;max-width:none}.dock.away{transform:translateY(140%)}.dock.maxed{animation:none}.ctl{min-width:0}.dock-btns{grid-column:span 2;justify-content:space-between}.dock-btns button{flex:1;padding:7px 6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
