@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-700-normal-A9pxMQ4z.woff2)format("woff2"),url(/assets/barlow-latin-700-normal-__SGTsZ1.woff)format("woff")}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-400-normal-9mHNbWWO.woff2)format("woff2"),url(/assets/bebas-neue-latin-400-normal-Bi-ndsyu.woff)format("woff")}@font-face{font-family:Yesteryear;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/yesteryear-latin-400-normal-BIYptinc.woff2)format("woff2"),url(/assets/yesteryear-latin-400-normal-Cc8b-nzv.woff)format("woff")}:root{--jb-ground:#120b08;--jb-ground-2:#1c120c;--jb-wood:#5a2c18;--jb-wood-dark:#3e1c0f;--jb-chrome-edge:#3a3d40;--jb-chrome-shadow:#2a2d30;--jb-chrome-grad:linear-gradient(180deg, #f4f4f2 0%, #c9cdd0 30%, #6e7378 50%, #b3b7bb 62%, #ecedeb 100%);--jb-cream:#f5e9cf;--jb-cream-hi:#fff8e8;--jb-cream-lo:#d9c49a;--jb-cream-blank:#e8dcc0;--jb-ink:#1c120c;--jb-ink-2:#4a3a2c;--jb-red:#ff3c4a;--jb-red-hi:#ff6a75;--jb-red-deep:#b3111f;--jb-red-text:#8a1c27;--jb-cyan:#35e9dd;--jb-cyan-hi:#8cf3eb;--jb-cyan-deep:#0e5f5a;--jb-text:#f7f1e6;--jb-text-muted:#cdbfa8;--jb-text-warm:#e2cfa6;--jb-disabled:#6b5f52;--font-neon:"Yesteryear", cursive;--font-display:"Bebas Neue", "Arial Narrow", sans-serif;--font-body:"Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-glow-red:0 0 4px #ff6a75, 0 0 12px #ff3c4a, 0 0 28px #ff3c4a, 0 0 56px #ff3c4a99;--text-glow-cyan:0 0 4px #8cf3eb, 0 0 12px #35e9dd, 0 0 28px #35e9dd, 0 0 56px #35e9dd99;--shadow-strip:inset 0 1px 0 #fff8e8, inset 0 -2px 0 #d9c49a, 0 2px 0 #0a0604;--shadow-key:0 0 0 4px #d8dcdf, 0 0 0 6px #5e6368, 0 3px 0 6px #2a2d30, 0 6px 10px #0009}html.jb-html,html.jb-html body{background:var(--jb-ground);color:var(--jb-text);font-family:var(--font-body);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0}:where(.jb) *{box-sizing:border-box}:where(.jb) a{color:var(--jb-cyan);text-decoration:none}:where(.jb) :where(p,h1,h2,h3){margin:0}:where(.jb) button{font:inherit;color:inherit}.jb-screen{width:100%;max-width:430px;min-height:100dvh;padding:12px 16px max(20px, env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:0 auto;display:flex;position:relative}.jb-screen.flush{padding-top:0}.jb-fill{flex:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.chrome{background:var(--jb-chrome-grad)}.wood{background:linear-gradient(180deg, var(--jb-wood) 0%, var(--jb-wood-dark) 100%)}.jb-head{flex:none;margin:0 -16px;position:relative}.jb-head .arch{border-radius:0 0 30px 30px;position:absolute;inset:0}.jb-head .panel{border-radius:0 0 25px 25px;position:absolute;inset:0 6px 6px;box-shadow:inset 0 0 30px #0009}.jb-head .inner{text-align:center;flex-direction:column;align-items:center;gap:0;padding:10px 24px 16px;display:flex;position:relative}.jb-head .tube{width:200px;max-width:70%;margin-top:4px}.jb-name{font-family:var(--font-neon);color:#fff1f0;text-shadow:var(--text-glow-red);overflow-wrap:anywhere;padding:0 .1em;font-size:clamp(56px,19vw,80px);font-weight:400;line-height:.95}.kicker{font-family:var(--font-display);letter-spacing:.16em;color:var(--jb-text-muted);font-size:14px}.kicker.warm{color:var(--jb-text-warm)}.neon-cyan{color:#effffd;text-shadow:0 0 4px #8cf3eb,0 0 12px #35e9dd,0 0 26px #35e9ddb3}.neon-red{color:#fff1f0;text-shadow:0 0 4px #ff6a75,0 0 12px #ff3c4a,0 0 28px #ff3c4ab3}.neon-script{font-family:var(--font-neon);color:#effffd;text-shadow:var(--text-glow-cyan);font-size:64px;font-weight:400;line-height:1}.neon-script.red{color:#fff1f0;text-shadow:var(--text-glow-red)}.tube{background:var(--jb-red-hi);border-radius:2px;height:4px;box-shadow:0 0 6px #ff3c4a,0 0 16px #ff3c4a,0 0 32px #ff3c4a99}.tube.cyan{background:var(--jb-cyan-hi);box-shadow:0 0 6px #35e9dd,0 0 16px #35e9dd,0 0 32px #35e9dd99}.tube.thin{height:3px;box-shadow:0 0 6px #ff3c4a,0 0 14px #ff3c4a}.strip{background:var(--jb-cream);width:100%;min-height:72px;box-shadow:var(--shadow-strip);color:var(--jb-ink);text-align:left;border:0;border-radius:6px;align-items:center;gap:10px;padding:8px 8px 8px 0;display:flex;overflow:hidden}button.strip{cursor:pointer;transition:transform 80ms ease-out}button.strip:active:not(:disabled){background:#e9dcbe;transform:translateY(1px);box-shadow:inset 0 3px 6px #00000040,inset 0 -1px #d9c49a}button.strip:active:not(:disabled) .key{transform:translateY(3px);box-shadow:0 0 0 4px #b9bdc0,0 0 0 6px #4b5055,0 0 0 6px #2a2d30,inset 0 3px 6px #00000059}button.strip:focus-visible{outline:3px solid var(--jb-cyan);outline-offset:2px}.strip.mini{gap:8px;min-height:48px;padding:6px 10px 6px 0}.strip.blank,.strip.parked{background:var(--jb-cream-blank);box-shadow:inset 0 1px #f7eedb,inset 0 -2px #cdb88f,0 2px #0a0604}.strip.blank .code,.strip.parked .code{color:var(--jb-cream-blank);background:#5a4a3a}.strip.parked{min-height:60px;padding-right:10px}.strip.mine{box-shadow:var(--shadow-strip), 0 0 0 2px var(--jb-cyan), 0 0 16px #35e9dd8c}.strip.mine .code{background:var(--jb-cyan-deep)}.strip:disabled{color:#3e342b;cursor:not-allowed;background:#b9ae9a;box-shadow:inset 0 1px #cfc5b2,0 2px #0a0604}.strip:disabled .ttl,.strip:disabled .sub{color:#3e342b}.strip:disabled .code{color:#d9d0c0;background:#5a5048}.strip:disabled .key{color:#2e2620;background:#9c937f;box-shadow:0 0 0 4px #6b6e70,0 0 0 6px #4a4d50}.code{font-family:var(--font-display);letter-spacing:.04em;color:var(--jb-cream);background:var(--jb-ink);border-radius:6px 0 0 6px;flex:0 0 46px;justify-content:center;align-self:stretch;align-items:center;font-size:22px;display:flex}.code.wide{flex-basis:96px;font-size:18px}.cover{width:56px;height:56px;color:var(--jb-text-muted);background:#2a1e16;border-radius:4px;flex:0 0 56px;justify-content:center;align-items:center;display:flex;overflow:hidden}.cover.s{flex-basis:44px;width:44px;height:44px}.cover img{object-fit:cover;width:100%;height:100%;display:block}.meta{flex:1 1 0;min-width:0}.ttl{-webkit-line-clamp:2;line-clamp:2;font-family:var(--font-display);letter-spacing:.03em;overflow-wrap:anywhere;color:var(--jb-ink);-webkit-box-orient:vertical;font-size:20px;line-height:1.05;display:-webkit-box;overflow:hidden}.strip.mini .ttl{font-size:18px}.sub{color:var(--jb-ink-2);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:16px;line-height:1.2;display:block;overflow:hidden}.aside{max-width:40%;color:var(--jb-ink-2);white-space:nowrap;text-overflow:ellipsis;flex:none;padding-right:6px;font-size:16px;font-weight:600;overflow:hidden}.key{width:52px;height:52px;font-family:var(--font-display);color:var(--jb-ink);box-shadow:var(--shadow-key);background:radial-gradient(circle at 50% 38%,#fffdf6 0%,#f0e6cc 55%,#cdbe9a 100%);border-radius:50%;flex:0 0 52px;justify-content:center;align-items:center;margin:0 6px 0 2px;font-size:20px;transition:transform 80ms ease-out;display:flex}.key.selected{color:var(--jb-red-deep);box-shadow:var(--shadow-key), 0 0 12px 6px #ff3c4abf, 0 0 28px 10px #ff3c4a59}.votes{background:var(--jb-ink);height:48px;color:var(--jb-cream);border-radius:999px;flex:none;align-items:center;gap:4px;padding:0 10px;font-size:16px;font-weight:600;display:flex}button.votes{font:inherit;cursor:pointer;border:0;font-size:16px;font-weight:600}button.votes:active{transform:translateY(1px)}.votes.on,.votes.hot{color:#fff1f0;box-shadow:0 0 0 1px var(--jb-red), 0 0 10px #ff3c4a99}.actions{flex:none;align-items:center;gap:6px;display:flex}.undo{background:var(--jb-ink);width:44px;height:44px;color:var(--jb-cream);box-shadow:0 0 0 2px var(--jb-cyan-deep);cursor:pointer;border:0;border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;display:flex}.linkbtn{min-height:44px;color:var(--jb-text-muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:center;padding:8px 12px;font-size:16px;text-decoration:underline}.sign{background:var(--jb-cream);color:var(--jb-ink);border-radius:10px;margin:5px;padding:12px 16px;position:relative;box-shadow:inset 0 0 24px #ffdc96b3,0 0 0 3px #b3b7bb,0 0 0 5px #3a3d40,0 0 18px #ffe6aa59}.sign.cyan{box-shadow:inset 0 0 24px #78f0e680,0 0 0 3px #b3b7bb,0 0 0 5px #3a3d40,0 0 20px #35e9dd73}.sign.red{background:#fbe3e0;box-shadow:inset 0 0 24px #ff78828c,0 0 0 3px #b3b7bb,0 0 0 5px #3a3d40,0 0 20px #ff3c4a73}.sign.off{color:#3e342b;background:#cfc3ad;box-shadow:0 0 0 3px #8e9296,0 0 0 5px #3a3d40}.sign-k{font-family:var(--font-display);letter-spacing:.14em;color:var(--jb-red-text);font-size:14px}.sign.off .sign-k{color:#6b2a30}.sign-t{font-family:var(--font-display);letter-spacing:.04em;margin-top:2px;font-size:22px;line-height:1.05}.sign-s{color:var(--jb-ink-2);margin-top:4px;font-size:16px;line-height:1.3}.sign.off .sign-s{color:#3e342b}.bigbtn{width:calc(100% - 14px);height:64px;font-family:var(--font-display);letter-spacing:.08em;color:#fff7f0;cursor:pointer;background:linear-gradient(#ff6a75 0%,#e0202f 55%,#b3111f 100%);border:0;border-radius:999px;justify-content:center;align-items:center;margin:7px;font-size:26px;transition:transform 80ms ease-out;display:flex;box-shadow:0 0 0 4px #d8dcdf,0 0 0 7px #3a3d40,0 0 22px 6px #ff3c4a80,inset 0 2px #fff6}.bigbtn:active{transform:translateY(2px)}.bigbtn:disabled{color:#2e2620;cursor:not-allowed;background:#9c937f;box-shadow:0 0 0 4px #6b6e70,0 0 0 7px #4a4d50}.ghost{color:#effffd;width:calc(100% - 4px);height:48px;font-family:var(--font-display);letter-spacing:.08em;box-shadow:0 0 0 2px var(--jb-cyan), 0 0 14px #35e9dd80;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;margin:2px;font-size:20px;line-height:1;display:flex}.back{height:48px;color:var(--jb-text-muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;padding:0 4px;font-size:16px;font-weight:600;display:inline-flex}.searchbar{border-radius:999px;align-items:center;gap:10px;height:56px;padding:4px 4px 4px 16px;display:flex;box-shadow:0 3px #0a0604,inset 0 1px #fff}.searchbar input{background:var(--jb-ink);min-width:0;height:44px;color:var(--jb-text);font:500 18px var(--font-body);appearance:none;border:0;border-radius:999px;flex:1 1 0;padding:0 14px;box-shadow:inset 0 2px 6px #000c}.searchbar input::placeholder{color:var(--jb-text-muted)}.searchbar input:focus{outline:2px solid var(--jb-cyan);outline-offset:1px}.searchbar button{color:#fff7f0;cursor:pointer;background:linear-gradient(#ff6a75 0%,#e0202f 60%,#b3111f 100%);border:0;border-radius:50%;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 0 0 2px #3a3d40,0 0 14px #ff3c4a99}.board{border-radius:18px;padding:6px;box-shadow:0 6px 18px #000000b3}.board-inner{border-radius:13px;flex-direction:column;gap:8px;padding:10px;display:flex;box-shadow:inset 0 0 28px #000000a6}.board-head{justify-content:space-between;align-items:center;gap:8px;padding:0 4px;display:flex}.stack{flex-direction:column;gap:8px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:10px;padding:0 4px;display:flex}.parked-head{align-items:center;gap:10px;padding:4px 4px 0;display:flex}.parked-head .tube{flex:1 1 0;min-width:24px}.parked-head .where{color:var(--jb-text-warm);letter-spacing:.06em;text-align:right}.counter{color:var(--jb-ink);border-radius:14px;align-items:center;gap:12px;padding:6px 14px 6px 6px;display:flex;box-shadow:0 4px #0a0604}.digits{background:var(--jb-ink);border-radius:10px;align-items:baseline;gap:4px;height:60px;padding:0 14px;display:flex;box-shadow:inset 0 2px 8px #000000e6}.digits b{font:400 44px/60px var(--font-display);letter-spacing:.06em}.digits span{color:var(--jb-text-muted);font-size:16px;font-weight:600}.counter-t{font:400 18px/1 var(--font-display);letter-spacing:.06em}.counter-s{color:#3a3d40;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:16px;font-weight:600;overflow:hidden}.turntable{width:200px;height:200px;margin:0 auto;position:relative}.vinyl{background:repeating-radial-gradient(circle,#0c0a0a 0 2px,#1c1818 2px 3px,#0c0a0a 3px 5px);border-radius:50%;width:100%;height:100%;position:relative;box-shadow:0 0 0 2px #2a2d30,0 10px 30px #000c,inset 0 0 40px #ffffff0a}.vinyl.still{opacity:.85}.vinyl .label{width:50%;height:50%;color:var(--jb-text-muted);background:#2a1e16;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:25%;left:25%;overflow:hidden}.vinyl.still .label{color:var(--jb-disabled);background:#1c1512}.vinyl .label img{object-fit:cover;width:100%;height:100%}.vinyl .spindle{background:#d8dcdf;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #3a3d40}.tonearm{transform-origin:top;border-radius:4px;width:8px;height:120px;position:absolute;top:10px;right:-6px;transform:rotate(-22deg);box-shadow:0 4px 10px #000000b3}@keyframes jb-spin{to{transform:rotate(360deg)}}.spin{will-change:transform;animation:6s linear infinite jb-spin}.cheer{text-align:center;flex-direction:column;align-items:center;gap:8px;padding-top:16px;display:flex;position:relative}.cheer-s{color:var(--jb-text-warm);font-size:18px;font-weight:600}.star{color:#ffe08a;filter:drop-shadow(0 0 6px #ffc14d);position:absolute}.bigcover{border-radius:16px;align-self:center;padding:8px;box-shadow:0 10px 28px #000000bf}.bigcover-inner{width:220px;height:220px;color:var(--jb-text-muted);background:#2a1e16;border-radius:10px;justify-content:center;align-items:center;display:flex;overflow:hidden}.bigcover-inner img{object-fit:cover;width:100%;height:100%}.namebar input{font-size:20px}@media (width<=400px){.strip{gap:8px}.code{flex-basis:36px;font-size:18px}.code.wide{flex-basis:84px;font-size:16px}.cover{flex-basis:48px;width:48px;height:48px}.cover.s{flex-basis:40px;width:40px;height:40px}.key{flex-basis:46px;width:46px;height:46px;margin:0 6px 0 0;font-size:18px}.strip.has-key{padding-left:8px}.strip.has-key .code{display:none}.sub{font-size:15px}.votes{height:40px;padding:0 8px}.undo{flex-basis:40px;width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.spin{animation:none}.bigbtn,.key,button.strip{transition:none}}