.sspot-vignette{display:block}.sspot-ring{flex:none;place-items:center;display:inline-grid;position:relative}.sspot-ring>svg{grid-area:1/1;display:block}.sspot-ring-count{font-family:var(--font-display-stack,monospace);color:#0d2240;font-variant-numeric:tabular-nums;grid-area:1/1;font-size:.95rem;font-weight:600;line-height:1}.sspot-ring[data-theme=dusk] .sspot-ring-count{color:#f1e9ff}.sspot-ring[data-heat=warm] .sspot-ring-count,.sspot-ring[data-heat=hot] .sspot-ring-count{color:#c43b1c}.sspot-ring[data-theme=dusk][data-heat=warm] .sspot-ring-count,.sspot-ring[data-theme=dusk][data-heat=hot] .sspot-ring-count{color:#ffb46b}@keyframes sspot-ring-pulse{0%,60%,to{transform:scale(1)}30%{transform:scale(1.08)}}.sspot-ring[data-heat=warm]:not([data-calm]){animation:1s steps(3,end) infinite sspot-ring-pulse}.sspot-ring[data-heat=hot]:not([data-calm]){animation:.5s steps(3,end) infinite sspot-ring-pulse}@media (prefers-reduced-motion:reduce){.sspot-ring{animation:none!important}}
.secret-hud{font-family:var(--font-display-stack,"Pixelify Sans", monospace);pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex}.secret-hud-chip{color:#f7fcff;white-space:nowrap;font-variant-numeric:tabular-nums;background:#0d2240d1;padding:3px 8px;font-size:14px;font-weight:700;line-height:1;box-shadow:2px 2px #03193073}.secret-hud-pips{gap:5px;margin:0;padding:0;list-style:none;display:flex}.secret-hud-pips li{background:#f7fcff59;width:10px;height:10px;box-shadow:0 0 0 2px #0d2240d1}.secret-hud-pips li[data-now]{background:#f7fcff;animation:1s steps(2,end) infinite secret-pip}.secret-hud-pips li[data-tier=party]{background:#93b9d4}.secret-hud-pips li[data-tier=kook]{background:#e2533f}.secret-hud-pips li[data-tier=lineup]{background:#1c9bcb}.secret-hud-pips li[data-tier=uncrowded]{background:#12a077}.secret-hud-pips li[data-tier=locals]{background:#ffb43f}.secret-hud-pips li[data-tier=secret]{background:#ffd23f;box-shadow:0 0 0 2px #0d2240d1,0 0 0 4px #ffd23f}@keyframes secret-pip{50%{background:#f7fcff59}}@media (prefers-reduced-motion:reduce){.secret-hud-pips li[data-now]{animation:none}}.secret-verdict{color:#0d2240;text-align:center;font-family:var(--font-display-stack,"Pixelify Sans", monospace);background:#f7fcffe6;justify-items:center;gap:6px;padding:14px 20px 16px;animation:.42s steps(6,end) both secret-verdict;display:grid;box-shadow:0 -3px #0d2240,0 3px #0d2240,-3px 0 #0d2240,3px 0 #0d2240,0 12px #03193073}.secret-verdict[data-calm]{animation:.2s linear both secret-verdict-calm}.secret-verdict .tier-creature{image-rendering:pixelated;display:block}.secret-verdict-name{text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:34px;font-weight:700;line-height:1}.secret-verdict[data-tier=secret] .secret-verdict-name{color:#b07a00;text-shadow:2px 2px #ffd23f}.secret-verdict-gain{font-variant-numeric:tabular-nums;color:#10609a;margin:0;font-size:18px;font-weight:700}.secret-verdict-line{max-width:22em;font-family:var(--font-text-stack,Inter, system-ui, sans-serif);color:#37506d;margin:0;font-size:15px;line-height:1.35}@keyframes secret-verdict{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}@keyframes secret-verdict-calm{0%{opacity:0}}
.swell{--swell-px:3px;--swell-tube:18px;--swell-head:28px;--swell-ink:var(--meter-ink,#0d2240);--swell-glow:var(--header-glow,#ffffff8c);width:168px;height:100%;font-family:var(--font-display-stack,"Pixelify Sans", monospace);pointer-events:none;position:relative}.swell-compact{--swell-px:2px;--swell-tube:10px;--swell-head:22px;width:64px}.swell-tube{top:calc(var(--swell-head) + var(--swell-px));bottom:var(--swell-px);left:var(--swell-px);width:var(--swell-tube);box-shadow:0 calc(-1 * var(--swell-px)) 0 0 var(--swell-ink), 0 var(--swell-px) 0 0 var(--swell-ink), calc(-1 * var(--swell-px)) 0 0 0 var(--swell-ink), var(--swell-px) 0 0 0 var(--swell-ink), 0 calc(var(--swell-px) + 3px) 0 0 var(--drop,#03193073);background:#ffffff59;position:absolute;overflow:hidden}.swell-fill{background:linear-gradient(#1c9bcb,#10609a 45%,#0a3f68);position:absolute;bottom:0;left:0;right:0}.swell-fill:before{content:"";height:var(--swell-px);background:repeating-linear-gradient(to right, #fff 0 var(--swell-px), #6fd6ef var(--swell-px) calc(2 * var(--swell-px)));position:absolute;top:0;left:0;right:0}.swell[data-calm] .swell-fill{transition:height .2s}.swell-marks{inset:calc(var(--swell-head) + var(--swell-px)) 0 var(--swell-px) calc(var(--swell-tube) + 2 * var(--swell-px));margin:0;padding:0;list-style:none;position:absolute}.swell-mark{color:var(--swell-ink);opacity:.72;align-items:center;gap:4px;display:flex;position:absolute;left:0;transform:translateY(50%)}.swell-mark:before{content:"";background:var(--swell-ink);width:6px;height:2px}.swell-compact .swell-mark:before{width:4px}.swell-mark[data-reached]{opacity:1}.swell-compact .swell-mark[data-reached]:before{box-shadow:0 0 0 1px var(--swell-ink);background:#ffd23f}.swell-icon{image-rendering:pixelated;display:block}.swell-name{white-space:nowrap;text-shadow:1px 1px 0 var(--swell-glow);font-size:12px;font-weight:700;line-height:1}.swell-rail .swell-marks{left:calc(var(--swell-tube) + 3 * var(--swell-px));background:#f7fcffd1;box-shadow:0 -2px #0d224059,0 2px #0d224059,-2px 0 #0d224059,2px 0 #0d224059}.swell-rail .swell-mark{padding-right:6px;left:0}.swell-rail .swell-name{text-shadow:none}.swell-mark[data-hit] .swell-icon{animation:.52s steps(4,end) swell-hop}.swell-mark[data-hit] .swell-name{color:#0d2240;text-shadow:none;background:#ffd23f;margin:-2px -4px;padding:2px 4px;animation:1.6s steps(8,end) forwards swell-flash}@keyframes swell-hop{0%{transform:translateY(0)scale(1)}40%{transform:translateY(-4px)scale(1.25)}to{transform:translateY(0)scale(1)}}@keyframes swell-flash{0%,70%{background:#ffd23f}to{background:0 0}}.swell-reading{background:var(--ink,#0d2240);color:var(--surface,#f7fcff);white-space:nowrap;font-variant-numeric:tabular-nums;box-shadow:2px 2px 0 var(--drop,#03193073);margin:0;padding:3px 7px;font-size:14px;font-weight:700;line-height:1;position:absolute;top:0;left:0}.swell-compact .swell-reading{padding:2px 5px;font-size:12px}.swell-pops{inset:calc(var(--swell-head) + var(--swell-px)) 0 var(--swell-px) 0;position:absolute}.swell-pop{left:calc(var(--swell-tube) + 2 * var(--swell-px) + 6px);color:#0d2240;white-space:nowrap;box-shadow:0 -2px 0 0 #0d2240, 0 2px 0 0 #0d2240, -2px 0 0 0 #0d2240, 2px 0 0 0 #0d2240, 0 5px 0 0 var(--drop,#03193073);z-index:2;background:#ffd23f;align-items:center;gap:4px;margin:0;padding:2px 6px 2px 2px;font-size:12px;font-weight:700;line-height:1;animation:1.6s steps(16,end) forwards swell-pop;display:flex;position:absolute;transform:translateY(50%)}@keyframes swell-pop{0%{opacity:0;transform:translate(-8px,50%)}12%{opacity:1;transform:translateY(50%)}80%{opacity:1;transform:translateY(50%)}to{opacity:0;transform:translateY(50%)}}.swell[data-calm] .swell-mark[data-hit] .swell-icon,.swell[data-calm] .swell-mark[data-hit] .swell-name{animation:none}.swell[data-calm] .swell-pop{animation:1.6s linear forwards swell-pop-calm}@keyframes swell-pop-calm{0%{opacity:0}12%,85%{opacity:1}to{opacity:0}}.swell-tall{--swell-px:2px;--swell-tube:12px;--swell-head:24px;width:52px}.swell-tall .swell-mark{gap:2px}.swell-tall .swell-mark:before{width:3px}.swell-tall .swell-mark[data-reached] .swell-icon{filter:drop-shadow(0 0 #ffd23f)drop-shadow(1px 0 #ffd23f)drop-shadow(-1px 0 #ffd23f)drop-shadow(0 1px #ffd23f)drop-shadow(0 -1px #ffd23f)}.swell-tall .swell-mark[data-hit] .swell-icon{animation:.52s steps(4,end) swell-hop}.swell-big{color:#0d2240;font-family:var(--font-display-stack,"Pixelify Sans", monospace);box-shadow:0 -3px 0 0 #0d2240, 0 3px 0 0 #0d2240, -3px 0 0 0 #0d2240, 3px 0 0 0 #0d2240, 0 10px 0 0 var(--drop,#03193073);pointer-events:none;background:#ffd23f;align-items:center;gap:10px;margin:0;padding:8px 14px 8px 8px;animation:1.6s steps(20,end) forwards swell-big;display:inline-flex}.swell-big-text{flex-direction:column;gap:4px;display:flex}.swell-big-name{text-transform:uppercase;letter-spacing:.02em;font-size:24px;font-weight:700;line-height:1}.swell-big-feet{color:#37506d;font-size:14px;font-weight:600;line-height:1}@keyframes swell-big{0%{opacity:0;transform:scale(.6)}10%{opacity:1;transform:scale(1.12)}18%{transform:scale(1)}82%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-12px)scale(1)}}.swell-big[data-calm]{animation:1.6s linear forwards swell-pop-calm}@media (min-width:1100px) and (min-height:940px){.swell-rail{--swell-px:4px;--swell-tube:24px;--swell-head:34px;width:220px}.swell-rail .swell-icon{width:33px;height:33px}.swell-rail .swell-name{font-size:16px}.swell-rail .swell-reading{font-size:18px}}.swell-ruler{--swell-px:2px;--swell-tube:4px;--swell-head:0px;width:96px}.swell-ruler .swell-tube{box-shadow:-2px 0 0 0 var(--swell-ink), 2px 0 0 0 var(--swell-ink);background:#ffffff80;left:auto;right:10px}.swell-ruler .swell-fill:before{display:none}.swell-ruler .swell-marks{inset:0 calc(10px + var(--swell-tube) + 4px) 0 0}.swell-ruler .swell-mark{opacity:.8;flex-direction:row-reverse;gap:3px;left:auto;right:0}.swell-ruler .swell-mark:before{width:6px}.swell-ruler .swell-mark[data-reached] .swell-icon{filter:drop-shadow(1px 0 #ffd23f)drop-shadow(-1px 0 #ffd23f)drop-shadow(0 1px #ffd23f)drop-shadow(0 -1px #ffd23f)}.swell-ruler .swell-mark[data-hit] .swell-icon{animation:.52s steps(4,end) swell-hop}.swell-feet{white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:1px 1px 0 var(--swell-glow);font-size:11px;font-weight:700;line-height:1}.swell-you{right:calc(10px + var(--swell-tube) + 6px);background:var(--ink,#0d2240);color:var(--surface,#f7fcff);white-space:nowrap;font-variant-numeric:tabular-nums;box-shadow:2px 2px 0 var(--drop,#03193073);z-index:1;align-items:center;gap:4px;margin:0;padding:3px 6px;font-size:13px;font-weight:700;line-height:1;display:flex;position:absolute;transform:translateY(50%)}.swell-you span{color:#ffd23f}.swell-you:after{content:"";border:4px solid #0000;border-left:4px solid var(--ink,#0d2240);border-right-width:0;margin-top:-4px;position:absolute;top:50%;right:-6px}@media (max-width:600px){.swell-ruler{width:48px}.swell-ruler .swell-feet{display:none}.swell-ruler .swell-you{padding:2px 5px;font-size:12px}}