:root{--bg: #0d0a09;--bg-2: #15100d;--panel: #221912;--panel-2: #2c2017;--ink: #f6ede0;--ink-dim: #b8a892;--line: #523c2c;--awning: #d2647c;--awning-lite: #e88298;--awning-deep: #8f3a4c;--led: #ffc043;--led-glow: #ffa81f;--tote-green: #57ff96;--queue-orange: #ff8a2a;--cat-orange: #e0934a;--mono: ui-monospace, "SF Mono", "DejaVu Sans Mono", Menlo, Consolas, monospace;--display: "Arial Narrow", "Helvetica Neue Condensed", Impact, sans-serif;--body: "Helvetica Neue", Arial, system-ui, sans-serif;--page-bg: radial-gradient(ellipse at 50% -10%, #2a1d16 0%, transparent 60%), repeating-linear-gradient(135deg, #100c0a 0 22px, #120d0b 22px 44px), var(--bg)}@font-face{font-family:DSEG7;src:url(/fonts/DSEG7Classic-Bold.woff2) format("woff2");font-weight:700;font-display:swap}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--page-bg);background-attachment:fixed;color:var(--ink);font-family:var(--body);min-height:100vh;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000 0 2px,#00000029 3px);mix-blend-mode:multiply;z-index:9999}.wrap{max-width:880px;margin:0 auto;padding:0 16px 78px}.marquee{margin:6px auto 0;text-align:center;position:relative}.mascot{width:min(340px,80vw);margin:8px auto 12px}.mascot img{width:100%;height:auto;display:block;border-radius:10px;border:5px solid #f3ead9;box-shadow:0 12px 30px #0009,inset 0 0 0 1px #0000004d;transform:rotate(-1.6deg)}.mascot figcaption{font-family:var(--mono);font-size:10px;letter-spacing:1px;color:var(--ink-dim);text-align:center;margin-top:7px}.awning-top{position:sticky;top:0;z-index:40;margin:0 0 18px;background:var(--page-bg);background-attachment:fixed}.awning-canopy{height:26px;background:linear-gradient(180deg,var(--awning-lite),var(--awning));border-radius:13px 13px 0 0;transform:perspective(600px) rotateX(40deg);transform-origin:bottom center;box-shadow:inset 0 3px #ffffff80}.awning-fascia{position:relative;text-align:center;padding:13px 20px 11px;background:linear-gradient(180deg,var(--awning) 0%,var(--awning-deep) 100%);border-radius:0 0 5px 5px;border-bottom:6px solid #5a2533;box-shadow:inset 0 10px 14px #4a142166,0 7px #7a2f40,0 12px #59222f,0 13px 1px #00000080,0 32px 32px -10px #000000d9}.awning-top:after{content:"";position:absolute;left:-2%;right:-2%;top:100%;height:80px;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.26) 38%,transparent 100%);filter:blur(3px);pointer-events:none;z-index:-1}.sign{position:relative;margin:0;font-family:Georgia,Times New Roman,Hoefler Text,serif;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:clamp(28px,8vw,56px);line-height:1;color:#efe7d6;text-shadow:0 1px 0 rgba(0,0,0,.5)}.sign .three{color:var(--led);animation:neon3 5.5s infinite;font-family:Times New Roman,Times,"Liberation Serif",serif}@keyframes neon3{0%,6%,9%,38%,41%,73%,to{opacity:1;text-shadow:0 0 20px var(--led-glow),0 0 7px rgba(255,245,220,.6)}7%,40%{opacity:.22;text-shadow:none}8%{opacity:.9}74%,76%{opacity:.5;text-shadow:0 0 5px var(--led-glow)}75%{opacity:.14;text-shadow:none}}.tagline{margin:14px 0 4px;font-family:var(--mono);font-size:14px;letter-spacing:3px;text-transform:uppercase;color:var(--tote-green);text-shadow:0 0 10px rgba(69,255,138,.45);animation:flicker 6s infinite steps(1)}@keyframes flicker{0%,92%,96%,to{opacity:1}93%,95%{opacity:.35}}.searchbar{position:sticky;top:var(--awning-h, 72px);z-index:30;margin:18px 0 10px;padding:10px 0;background:var(--page-bg);background-attachment:fixed;transition:padding .2s ease,box-shadow .2s ease}.searchfield{position:relative}.searchbar input{width:100%;font-family:var(--mono);font-size:18px;padding:16px 64px 16px 18px;color:var(--led);background:#0a0706;border:2px solid #6a4e38;border-radius:10px;outline:none;caret-color:var(--led);box-shadow:inset 0 0 24px #000000b3,inset 0 0 0 1px #ffb52e14;transition:border-color .2s ease,box-shadow .2s ease}.searchbar input::placeholder{color:#7d6c5a}.searchbar input:placeholder-shown{padding-right:18px}.searchbar input:focus{border-color:var(--awning)}.searchbar input::-webkit-search-cancel-button{display:none}.count{position:absolute;top:50%;right:14px;transform:translateY(-50%);pointer-events:none;font-family:var(--mono);font-size:12px;letter-spacing:.5px;color:var(--led);opacity:.55;text-shadow:0 0 8px var(--led-glow)}.count:empty{display:none}body.stuck .searchbar{padding-top:6px;border-bottom:1px solid var(--line);box-shadow:0 10px 16px -10px #000000bf}body.stuck .searchbar input{border-color:var(--awning-deep);border-top:3px solid #5a2533;border-radius:0 0 10px 10px;box-shadow:inset 0 14px 16px -10px #000000e6,inset 0 0 24px #000000b3,inset 0 0 0 1px #ffb52e14}body.stuck .searchbar input:focus{border-color:var(--awning);border-top-color:#5a2533}.awning-top:after{transition:opacity .2s ease}body.stuck .awning-top:after{opacity:0}#results{margin-top:10px;display:grid;gap:8px}.row{padding:12px 14px;background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-left:3px solid var(--awning);border-radius:8px}#results .row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px}#results .acts{display:flex;align-items:center;gap:2px}.row .num{display:inline-grid;font-family:"DSEG7",var(--mono);font-weight:700;font-size:clamp(15px,4.2vw,21px);padding:9px 11px;border-radius:5px;background:#080605;box-shadow:inset 0 0 0 1px #2a1d12,inset 0 2px 9px #000000e6}.row .num span{grid-area:1 / 1;text-align:right;letter-spacing:1px}.row .num .ghost{color:var(--led);opacity:.085}.row .num .lit{color:var(--led);text-shadow:0 0 9px var(--led-glow),0 0 2px rgba(255,255,255,.35)}.row .meta{min-width:0}.row .title{font-weight:700;color:var(--ink)}#results .title{font-size:16px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#plitems .title{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .artist{font-size:13px;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .rom{font-style:italic;color:#6f6253}.row .star{font-size:22px;line-height:1;cursor:pointer;user-select:none;background:none;border:none;color:#7a6450;padding:4px 6px;display:inline-flex;align-items:center;justify-content:center}.row .star svg{display:block}.row .star.on{color:var(--led);text-shadow:0 0 10px var(--led-glow)}.row .star.on svg{filter:drop-shadow(0 0 6px var(--led-glow))}#plitems .row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.row .spotify{display:inline-flex;align-items:center;justify-content:center;color:#1ed760;opacity:.72;padding:4px;text-decoration:none;transition:opacity .15s ease,transform .15s ease}.row .spotify:hover{opacity:1;transform:scale(1.08)}.row .spotify svg{display:block}mark{background:#ffb52e40;color:var(--led);border-radius:2px}.empty{text-align:center;color:var(--ink-dim);font-family:var(--mono);padding:40px 10px;line-height:1.7}.empty .big{font-size:22px;color:var(--awning);display:block;margin-bottom:8px}.punchbtn{position:fixed;left:50%;bottom:var(--footer-h, 44px);z-index:65;transform:translate(-50%,50%);font-family:var(--mono);font-weight:700;font-size:14px;color:#1a1208;background:var(--led);border:none;border-radius:999px;padding:14px 18px;box-shadow:0 6px 20px #00000080,0 0 18px var(--led-glow);cursor:pointer;letter-spacing:1px}.punchbtn[hidden]{display:none}.drawer{position:fixed;left:50%;right:auto;bottom:0;z-index:70;width:min(880px,100%);background:var(--bg-2);border-top:2px solid var(--awning);border-radius:16px 16px 0 0;padding:16px 16px 24px;max-height:70vh;overflow:auto;transform:translate(-50%,calc(100% + 60px));transition:transform .25s ease;box-shadow:0 -10px 40px #0009}.drawer.open{transform:translate(-50%)}.drawer h2{font-family:var(--display);text-transform:uppercase;letter-spacing:2px;margin:4px 0 2px;font-size:24px;color:var(--ink)}.drawer .hint{color:var(--ink-dim);font-size:12px;font-family:var(--mono);margin-bottom:12px}.drawer .actions{display:flex;gap:6px;margin:14px 0 6px;justify-content:center;flex-wrap:nowrap}.drawer .action{font-family:var(--mono);font-size:13px;cursor:pointer;white-space:nowrap;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px 12px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.drawer .action[hidden]{display:none}.drawer .actions.blank{visibility:hidden}.drawer .action.primary{background:var(--tote-green);color:#08160c;border:none;font-weight:700}.drawer .close{float:right;background:none;border:none;color:var(--led);text-shadow:0 0 9px var(--led-glow);font-size:26px;line-height:1;cursor:pointer}footer.bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--page-bg);background-attachment:fixed;border-top:1px solid var(--line);padding-block:11px;padding-inline:max(16px,calc((100% - 848px)/2));text-align:center;white-space:nowrap;color:var(--ink-dim);font-family:var(--mono);font-size:clamp(8px,2.5vw,13px);line-height:1.4;transition:padding-block .18s ease}body.has-punch footer.bar{padding-block:32px 11px}.toast{position:fixed;left:50%;bottom:24px;z-index:80;transform:translate(-50%,140%);display:flex;align-items:center;gap:14px;max-width:calc(100% - 32px);background:var(--panel-2);color:var(--ink);border:1px solid var(--line);border-left:4px solid var(--led);border-radius:10px;padding:12px 14px;font-family:var(--mono);font-size:13px;box-shadow:0 8px 30px #0009;opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}.toast.show{transform:translate(-50%);opacity:1;pointer-events:auto}.toast-msg:only-child{flex:1;text-align:center}.toast-action{font-family:var(--mono);font-weight:700;font-size:13px;cursor:pointer;background:none;color:var(--led);border:1px solid var(--led);border-radius:6px;padding:6px 12px;text-transform:uppercase;letter-spacing:1px}.howto{margin:18px 0 4px;background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-left:4px solid var(--led);border-radius:10px;overflow:hidden}.howto>summary{cursor:pointer;list-style:none;padding:14px 16px;font-family:var(--display);text-transform:uppercase;letter-spacing:1.5px;font-size:19px;color:var(--ink);display:flex;align-items:center;gap:10px}.howto>summary::-webkit-details-marker{display:none}.howto>summary:after{content:"▾";margin-left:auto;flex:none;font-size:26px;line-height:1;color:var(--led);text-shadow:0 0 9px var(--led-glow);transition:transform .2s}.howto[open]>summary:after{transform:rotate(180deg)}.howto .newbie{font-family:var(--mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--queue-orange);border:1px solid var(--queue-orange);border-radius:999px;padding:2px 8px}.howto ol{margin:0;padding:2px 18px 16px 42px;color:var(--ink);line-height:1.7}.howto li{margin:9px 0}.howto li::marker{color:var(--led);font-family:var(--mono)}.howto .sub{color:var(--ink-dim);font-size:13px}.key{display:inline-block;font-family:var(--mono);font-weight:700;font-size:.82em;letter-spacing:.5px;color:#0b0b0b;padding:2px 9px;border-radius:6px;vertical-align:1px;box-shadow:0 2px #0000008c,inset 0 1px #ffffff73}.key.green{background:var(--tote-green)}.key.orange{background:var(--queue-orange)}@media (max-width: 480px){.row{padding:10px 11px}#results .row{gap:9px}.row .num{font-size:clamp(13px,4vw,18px);padding:7px 9px}.row .num span{letter-spacing:0}.row .star{font-size:20px;padding:4px}.row .spotify{padding:4px}#results .title{font-size:15px}.drawer .actions{gap:5px}.drawer .action{font-size:12px;padding:10px 8px}.row .spotify svg{width:20px;height:20px}.row .star svg{width:21px;height:20px}}.degen{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse at 50% 38%,rgba(87,255,150,.1),transparent 60%),#040605eb;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s}.degen.show{opacity:1;visibility:visible}.degen-cab{width:min(560px,100%);border-radius:22px;padding:16px;background:linear-gradient(180deg,#221b16,#0e0b09);border:1px solid #3a2c20;box-shadow:0 0 0 2px #000,0 24px 70px #000000b3,0 0 60px #57ff961f;transform:scale(.92) translateY(10px);transition:transform .32s cubic-bezier(.2,.85,.25,1)}.degen.show .degen-cab{transform:none}.degen-glass{position:relative;overflow:hidden;border-radius:14px;padding:22px 20px 20px;text-align:center;background:radial-gradient(ellipse at 50% 0%,rgba(87,255,150,.16) 0%,transparent 70%),radial-gradient(ellipse at 50% 120%,rgba(0,0,0,.6),transparent 60%),linear-gradient(180deg,#07150d,#04100a 60%,#020a06);box-shadow:inset 0 0 70px #000000d9,inset 0 0 18px #57ff962e;animation:degen-flicker 5.5s steps(1) infinite}.degen-glass:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000 0 2px,#00000047 3px);mix-blend-mode:multiply}@keyframes degen-flicker{0%,96%,to{filter:brightness(1)}97%{filter:brightness(1.12)}98%{filter:brightness(.9)}}.degen-eyebrow{font-family:var(--mono);font-size:clamp(8px,2.6vw,11px);letter-spacing:2px;white-space:nowrap;text-transform:uppercase;color:var(--led);text-shadow:0 0 10px var(--led-glow);margin-bottom:4px}.degen-title{font-family:var(--display);font-weight:700;text-transform:uppercase;line-height:.86;white-space:nowrap;font-size:clamp(32px,10.5vw,66px);letter-spacing:1px;color:#fff3d6;text-shadow:0 0 6px #fff,0 0 16px var(--led-glow),0 0 34px var(--led-glow),0 0 60px var(--awning),0 3px 0 rgba(0,0,0,.4);animation:degen-buzz 3.2s ease-in-out infinite}.degen-title em{display:block;font-style:normal;color:#ffd8e2;text-shadow:0 0 6px #fff,0 0 16px var(--awning-lite),0 0 34px var(--awning),0 0 60px var(--awning-deep)}@keyframes degen-buzz{0%,to{opacity:1}48%{opacity:1}49%{opacity:.86}50%{opacity:1}}.degen-track{position:relative;margin:16px auto 14px;padding:6px 0;border-top:1px dashed rgba(87,255,150,.35);border-bottom:1px dashed rgba(87,255,150,.35)}.lane{position:relative;display:flex;align-items:center;justify-content:space-between;height:30px}.lane+.lane{border-top:1px dashed rgba(87,255,150,.14)}.silk{flex:none;width:22px;height:22px;border-radius:5px;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:13px;color:#0b0b0b;box-shadow:inset 0 1px #ffffff80,0 1px 2px #00000080}.silk.s1{background:#ff5252}.silk.s2{background:#ffd23f}.silk.s3{background:#57ff96}.silk.s4{background:#4fc3ff}.silk.s5{background:#ff8a2a}.odds{flex:none;font-family:var(--mono);font-weight:700;font-size:13px;color:var(--led);text-shadow:0 0 8px var(--led-glow);letter-spacing:.5px}.pony{position:absolute;left:6%;top:50%;margin-top:-13px;font-size:22px;line-height:1;transform:scaleX(-1);filter:drop-shadow(0 0 6px rgba(0,0,0,.6))}.pony.p1{filter:saturate(1.6) hue-rotate(-20deg) drop-shadow(0 0 6px #ff5252)}.pony.p2{filter:saturate(1.5) hue-rotate(28deg) drop-shadow(0 0 6px #ffd23f)}.pony.p3{filter:saturate(1.7) hue-rotate(115deg) drop-shadow(0 0 6px #57ff96)}.pony.p4{filter:saturate(1.7) hue-rotate(170deg) drop-shadow(0 0 6px #4fc3ff)}.pony.p5{filter:saturate(1.6) hue-rotate(6deg) drop-shadow(0 0 6px #ff8a2a)}.lane:has(.p1){--win: #ff5252}.lane:has(.p2){--win: #ffd23f}.lane:has(.p3){--win: #57ff96}.lane:has(.p4){--win: #4fc3ff}.lane:has(.p5){--win: #ff8a2a}.win{position:absolute;left:50%;top:50%;z-index:2;font-family:var(--mono);font-weight:800;font-size:13px;letter-spacing:1.5px;color:#0b0b0b;background:var(--win, var(--led));padding:2px 8px;border-radius:4px;box-shadow:0 0 12px var(--win, var(--led-glow)),inset 0 1px #ffffff80;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.4)}.lane.won .win{animation:win-pop .45s cubic-bezier(.2,1.5,.4,1) forwards}@keyframes win-pop{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.lane.won{background:color-mix(in srgb,var(--win) 22%,transparent)}.wire{position:absolute;top:-1px;bottom:-1px;right:16%;width:4px;background:repeating-linear-gradient(180deg,#fff 0 4px,#0b0b0b 4px 8px);box-shadow:0 0 8px #fff,0 0 16px var(--tote-green)}.degen.photo .degen-track:after{content:"";position:absolute;inset:-6px;z-index:1;border-radius:6px;background:#fff;pointer-events:none;animation:photo-flash .55s ease-out forwards}@keyframes photo-flash{0%{opacity:0}14%{opacity:.85}to{opacity:0}}.degen.show .pony{animation:pony-bob .26s ease-in-out infinite}@keyframes pony-bob{0%,to{transform:scaleX(-1) translateY(0)}50%{transform:scaleX(-1) translateY(-3px)}}.degen-sub{font-family:var(--mono);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--tote-green);text-shadow:0 0 9px rgba(87,255,150,.6);line-height:1.5}.degen-sub span{display:block}@supports (-webkit-touch-callout: none){.awning-top,.searchbar,footer.bar{background:var(--bg)}}:focus-visible{outline:2px solid var(--led);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}