:root{--color-bg: #12100B;--color-bg-raised: #241F17;--color-muted: #6B5B47;--color-accent: #C9A84C;--color-surface: #E8D5A8;--color-surface-alt: #F0E4CC;--color-highlight: #B87333;--color-focus: #3BB5C0;--color-accent-soft: #5BA3B5;--color-ink: #1A0E05;--color-bright: #FAF3E0;--font-comic: "Comic Sans MS", "Comic Neue", "Chalkboard SE", "Purisa", sans-serif;--shadow-sm: 2px 2px 0 var(--color-ink);--shadow-md: 4px 4px 0 var(--color-ink);--shadow-lg: 12px 12px 0 var(--color-ink)}:root[data-theme=starry-night]{--color-bg: #06080F;--color-bg-raised: #0E1225;--color-muted: #2A3052;--color-accent: #5B3E9E;--color-surface: #D8D0EB;--color-surface-alt: #E2E7F4;--color-highlight: #4A6FA5;--color-focus: #F0C75E;--color-accent-soft: #8B6FC0;--color-ink: #020309;--color-bright: #EEF0F8;--font-comic: "Comic Sans MS", "Comic Neue", "Chalkboard SE", "Purisa", sans-serif;--shadow-sm: 2px 2px 0 var(--color-ink);--shadow-md: 4px 4px 0 var(--color-ink);--shadow-lg: 12px 12px 0 var(--color-ink)}html,body,#app,#player-container,#message-bar,#message-text,#message-close,#controls-container,#status,#status-panel,.status-icon,.status-song,button,::-webkit-scrollbar,::-webkit-scrollbar-thumb{transition:background-color .8s ease,color .8s ease,border-color .8s ease,box-shadow .8s ease}html,body,#app{height:100%;margin:0;background:var(--color-bg);font-family:var(--font-comic),sans-serif}.wrap{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;max-width:none;padding:0;margin:0;overflow-x:hidden;overflow-y:auto}#player-container{flex:1 0 auto;width:100%;position:relative;display:flex;justify-content:center;align-items:center;background:var(--color-bg);overflow:hidden;border-bottom:4px solid var(--color-ink);min-height:0}#player{width:100%;height:100%;position:absolute;inset:0}#message-bar{width:100%;background:var(--color-bg-raised);padding:10px 48px 10px 16px;box-sizing:border-box;border-top:3px solid var(--color-ink);border-bottom:3px solid var(--color-ink);flex:0 0 auto;display:flex;align-items:center;justify-content:center;position:relative;min-height:44px}#message-bar[hidden]{display:none}#message-text{color:var(--color-surface);font-size:15px;font-weight:700;text-align:center;text-shadow:1px 1px 0 var(--color-ink);line-height:1.4;animation:message-fade-in .3s ease-out}@keyframes message-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}#message-close{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;min-width:28px;padding:0;background:transparent;border:2px solid var(--color-muted);box-shadow:none;color:var(--color-surface);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.6;transition:opacity .15s,background .15s,border-color .15s,color .8s ease}#message-close:hover{opacity:1;background:var(--color-muted);border-color:var(--color-surface);translate:none;box-shadow:none}#message-close:active{translate:none;box-shadow:none}#controls-container{width:100%;background:var(--color-accent);padding:16px 20px;box-sizing:border-box;margin-top:0;border-top:4px solid var(--color-ink);flex:0 0 auto;display:flex;flex-direction:column;align-items:center;max-height:40vh;overflow-y:auto}#controls-container.member-mode{border-top-color:var(--color-focus)}#buttons{display:flex;gap:16px;justify-content:center;align-items:center;color:var(--color-bg);font-size:16px;flex-wrap:wrap}button{background:var(--color-surface);color:var(--color-bg);border:3px solid var(--color-ink);border-radius:0;padding:10px 16px;cursor:pointer;position:relative;font-size:16px;min-width:44px;font-family:inherit;font-weight:700;box-shadow:var(--shadow-md);text-transform:uppercase;transition:translate .1s,box-shadow .1s,background-color .8s ease,color .8s ease,border-color .8s ease;box-sizing:border-box;contain:layout style}button:after{content:"";position:absolute;inset:-4px}.has-icon{display:inline-flex;align-items:center;gap:0;padding:10px;overflow:visible}.button-icon{--bounce-ease: cubic-bezier(.34, 1.56, .64, 1);width:70px;height:70px;margin:-25px 6px -25px -15px;display:inline-block;vertical-align:middle;flex-shrink:0;transition:transform .2s var(--bounce-ease);image-rendering:pixelated;image-rendering:crisp-edges;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}.button-icon-flip{transform:scaleX(-1)}#yap-btn .button-icon,#loop-btn .button-icon,#shuffle-btn .button-icon{width:60px;height:60px;margin-top:-20px;margin-bottom:-20px}@media(hover:hover){.has-icon:hover .button-icon{transform:scale(1.15)}.has-icon:hover .button-icon.button-icon-flip{transform:scaleX(-1) scale(1.15)}#yap-btn:hover .button-icon,#loop-btn:hover .button-icon,#shuffle-btn:hover .button-icon{transform:scale(1.17)}button:hover{background:var(--color-bright);translate:-2px -2px;box-shadow:6px 6px 0 var(--color-ink)}#yap-btn:not(.active):hover .button-icon{animation:yap-chatter .3s ease-in-out 2}}button:active:not(#queue-cell):not(#more-cell){translate:2px 2px;box-shadow:0 0 0 var(--color-ink)}button.active{background:var(--color-focus);color:var(--color-bg)}@keyframes yap-chatter{0%{transform:scale(1.17) translateY(0)}35%{transform:scale(1.17) translateY(-3px)}65%{transform:scale(1.17) translateY(2px)}to{transform:scale(1.17) translateY(0)}}#search-btn{position:fixed;bottom:16px;right:16px;width:48px;height:48px;min-width:48px;min-height:48px;border-radius:0;font-size:20px;display:flex;align-items:center;justify-content:center;z-index:900}#more-btn{display:none}@media(pointer:coarse){#more-btn{display:block}}#debug-container{position:fixed;bottom:16px;left:16px;display:flex;gap:8px;z-index:900}#debug-btn,#debug-end-btn{height:48px;min-height:48px;border-radius:0;font-size:16px;display:flex;align-items:center;justify-content:center;padding:0 16px}#duplicates-btn{position:fixed;bottom:16px;right:72px;width:48px;height:48px;min-width:48px;min-height:48px;border-radius:0;font-size:20px;display:none;align-items:center;justify-content:center;z-index:900}#duplicates-btn .note-icon{display:inline-block}#duplicates-btn .note-count{display:inline-block;font-size:.6em;line-height:1;transform:translate(-1px,-10px)}@media(max-width:960px){#buttons{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:30px 10px;width:100%;max-width:none}#prev-stream{grid-row:1;grid-column:1}#next-stream{grid-row:1;grid-column:2}#prev-song{grid-row:2;grid-column:1}#next-song{grid-row:2;grid-column:2}#loop-btn{grid-row:3;grid-column:1;min-width:0}#shuffle-btn{grid-row:3;grid-column:2}#yap-btn{grid-row:4;grid-column:1}#duplicates-btn,#search-btn{grid-row:4;grid-column:2;position:static;width:100%;min-width:unset;height:auto!important;min-height:unset;padding:10px 16px}#duplicates-btn{justify-self:start;width:calc(50% - 5px)}#buttons:has(#duplicates-btn[style*=flex]) #search-btn{justify-self:end;width:calc(50% - 5px)}#buttons button.has-icon{justify-content:flex-start;box-sizing:border-box;padding:10px 16px}#more-btn{grid-row:5;grid-column:1;display:block;width:100%}#mobile-queue-btn{grid-row:5;grid-column:2;display:block!important;width:100%}#queue-cell,#more-cell{display:none!important}#controls-container{padding:12px}}@media(min-width:961px){#search-btn,#duplicates-btn,#debug-container{bottom:61px}#buttons{max-width:calc(100% - 220px)}}.wrap{position:relative}#status-area{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;pointer-events:none}#status-area>*{pointer-events:auto}#status-row{display:flex;align-items:stretch;justify-content:center;gap:8px;margin-top:12px;max-width:80%;margin-left:auto;margin-right:auto}#status{text-align:center;color:var(--color-surface);font-size:16px;font-weight:700;text-shadow:2px 2px 0 var(--color-ink);background:var(--color-bg);border:2px solid var(--color-ink);padding:2px 12px 6px;box-shadow:var(--shadow-md);contain:layout style;position:relative;transition:translate .1s,box-shadow .1s,background-color .8s ease,color .8s ease,border-color .8s ease;display:block}#status:after{position:absolute;inset:-4px}#queue-cell,#more-cell{background:var(--color-bg);border:2px solid var(--color-ink);padding:2px 12px 6px;box-shadow:var(--shadow-md);color:var(--color-focus);font-size:14px;font-weight:700;text-shadow:2px 2px 0 var(--color-ink);cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:4px;font-family:inherit}#queue-cell[hidden]{display:none}.queue-cell-icon{font-size:.7em;letter-spacing:-3px}#queue-cell:hover,#more-cell:hover{color:var(--color-accent-soft)}.status-icon{color:var(--color-accent-soft);margin-right:8px;display:inline-block;transition:transform .2s ease}#status:hover{translate:-2px -2px;box-shadow:6px 6px 0 var(--color-ink)}#status:hover .status-icon{transform:translateY(-2px);color:var(--color-focus)}#status[aria-expanded=true] .status-icon{color:var(--color-focus)}#status-panel{width:100%;max-width:80%;position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .2s ease;z-index:950;pointer-events:none;border:5px solid var(--color-focus);box-shadow:10px 10px 0 var(--color-ink);background:var(--color-surface);box-sizing:border-box}#status-panel.open{max-height:45vh;opacity:1;pointer-events:auto;padding:6px 0}#status-song-list{list-style:none;margin:0;padding:0;max-height:calc(45vh - 12px);overflow-y:auto;background:transparent;scroll-padding-block:6px}.status-song{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--color-bg);cursor:pointer;text-transform:none;border-bottom:3px solid var(--color-ink);background:var(--color-bright);transition:background .12s ease,color .12s ease,border-color .8s ease;outline:none}.status-song:last-child{border-bottom:none}.status-song:nth-child(2n){background:var(--color-surface-alt)}.status-song:hover,.status-song:focus-visible{background:#7659b94d;color:var(--color-bg)}.status-song.active{background:var(--color-highlight);color:var(--color-bg)}.status-song.nav-focus{background:var(--color-focus);color:var(--color-bg);box-shadow:inset 0 0 0 3px var(--color-ink)}.status-song-index{font-weight:700;min-width:36px;text-align:right}.status-song-name{flex:1;line-height:1.3}@media(max-width:600px){#status-row{margin-left:16px;margin-right:16px;max-width:100%}#status{text-align:left;max-width:100%;padding-left:0;padding-right:0;border-left-width:0;border-right-width:0}#status-panel{left:16px;transform:none;max-width:calc(100% - 32px);padding:0}#status-panel.open{max-height:70vh}#status-song-list{font-size:18px;max-height:calc(70vh - 12px);padding-left:8px;padding-right:8px}}.modal-overlay{position:fixed;inset:0;background:#0a0b0dcc;display:none;place-items:center;z-index:1000;overflow:hidden}.modal-overlay.open{display:grid}#modal-wrapper{position:relative}.modal-jamstone{position:absolute;width:120px;height:auto;z-index:-1;pointer-events:none;image-rendering:pixelated;image-rendering:crisp-edges;top:-120px;right:40px;animation:jamstone-peek .4s ease-out both;animation-delay:.1s}@keyframes jamstone-peek{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(pointer:coarse){.modal-jamstone{top:auto;bottom:-130px;right:40px;transform:scaleY(-1);animation:jamstone-peek-mobile .4s ease-out both;animation-delay:.1s}@keyframes jamstone-peek-mobile{0%{opacity:0;transform:scaleY(-1) translateY(30px)}to{opacity:1;transform:scaleY(-1) translateY(0)}}}.modal-box{background:var(--color-surface);border:4px solid var(--color-ink);box-shadow:var(--shadow-lg);padding:20px;width:min(90vw,400px);display:flex;flex-direction:column;position:relative}#comic-box,#queue-box{width:min(90vw,600px);max-height:80vh}.modal-box:after{content:"";position:absolute;bottom:-24px;left:40px;border-width:24px 24px 0;border-style:solid;border-color:var(--color-ink) transparent;display:block;width:0}.modal-box:before{content:"";position:absolute;bottom:-15px;left:45px;border-width:19px 19px 0;border-style:solid;border-color:var(--color-surface) transparent;display:block;width:0;z-index:1}.modal-title{font-size:1.8em;font-weight:700;text-transform:uppercase;margin-bottom:16px;text-align:center;border-bottom:4px solid var(--color-ink);padding-bottom:5px;color:var(--color-bg);text-shadow:2px 2px 0 var(--color-bright)}#search-input{width:100%;box-sizing:border-box;font-size:1.4em;padding:12px;border:3px solid var(--color-ink);outline:none;font-family:inherit;text-transform:uppercase;margin-bottom:15px;background:var(--color-bright);box-shadow:4px 4px #0003}#search-results{flex-grow:1;overflow-y:auto;border:3px solid var(--color-ink);min-height:100px;max-height:300px;background:var(--color-bright)}.result-item{padding:10px;border-bottom:2px solid var(--color-ink);cursor:pointer;display:flex;flex-direction:column;transition:background .1s,color .8s ease,border-color .8s ease;position:relative}.result-item:last-child{border-bottom:none}.result-item.selected{background:var(--color-focus)}.result-item:hover{background:var(--color-highlight)}.result-title{font-weight:700;font-size:1.2em;color:var(--color-bg)}.result-sub{font-size:.9em;color:var(--color-muted);font-style:italic}@media(pointer:coarse){#modal-overlay,#queue-overlay{place-items:start center;padding-top:20px}#comic-box,#queue-box{max-height:60vh}}#import-wrapper{position:relative}#import-wrapper .modal-jamstone{right:20px}#import-status{font-size:1em;color:var(--color-bg);text-align:center;margin-bottom:16px;line-height:1.4;min-height:1.4em}#import-status.error{color:#b91c1c;font-weight:700}#import-status.ok{color:#15803d;font-weight:700}#import-buttons{display:flex;gap:16px}#import-buttons button{flex:1;width:100%;font-size:1.2em;padding:14px 20px}#more-wrapper{position:relative}#more-wrapper .modal-jamstone{right:20px}#more-buttons{display:flex;flex-direction:column;gap:12px}#more-buttons button{width:100%;font-size:1.1em;padding:16px 20px}#more-member-btn.active{background:var(--color-focus);color:var(--color-bg)}#more-close-btn{background:var(--color-muted);color:var(--color-bright)}#queue-wrapper{position:relative}#queue-wrapper .modal-jamstone{right:40px}#queue-header{display:flex;justify-content:flex-end;margin-bottom:12px}#queue-clear-btn{font-size:1em;padding:8px 16px}#queue-clear-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}#queue-list{flex-grow:1;overflow-y:auto;border:3px solid var(--color-ink);min-height:80px;max-height:300px;background:var(--color-bright)}.queue-empty{padding:20px;text-align:center;color:var(--color-muted);font-size:1.1em}.queue-item{padding:10px;border-bottom:2px solid var(--color-ink);cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .1s,color .8s ease,border-color .8s ease}.queue-item:last-child{border-bottom:none}.queue-item.selected{background:var(--color-focus)}.queue-item-index{font-weight:700;min-width:28px;text-align:right;color:var(--color-bg)}.queue-item-name{font-weight:700;font-size:1.1em;color:var(--color-bg);flex:1}.queue-item-stream{font-size:.85em;color:var(--color-muted);font-style:italic}.queue-item-remove{width:32px;height:32px;min-width:32px;padding:0;font-size:1.2em;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm)}@media(pointer:coarse){.queue-item-remove{display:none}}.enqueue-btn{width:34px;height:34px;min-width:34px;padding:0;font-size:1.4em;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm)}.result-item>button{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.result-item:has(.enqueue-btn){padding-right:50px}.status-song .enqueue-btn{margin-left:auto}.enqueue-btn.enqueue-ok{background:var(--color-accent, #4a4);pointer-events:none}@media(pointer:coarse){.enqueue-btn{display:none}}#mobile-queue-btn{display:none}button:disabled{opacity:.4;cursor:not-allowed}::-webkit-scrollbar{width:12px;background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface);border:2px solid var(--color-ink)}#bolt-trigger{display:none;position:fixed;bottom:8px;left:10px;z-index:50;font-size:.75em;line-height:1;padding:4px 8px;background:var(--color-surface);border:2px solid var(--color-ink);box-shadow:3px 3px 0 var(--color-ink);color:var(--color-accent);cursor:pointer;transition:color .2s,box-shadow .15s,translate .15s}@media(min-width:600px){#bolt-trigger{display:block}}#bolt-trigger:hover{color:var(--color-bright);background:var(--color-surface)}#wanted-overlay{position:fixed;inset:0;background:#0a0b0dd9;display:none;place-items:start center;z-index:1100;overflow-y:auto;padding:24px 0}#wanted-overlay.open{display:grid}#wanted-poster{background:linear-gradient(135deg,transparent 0%,rgba(139,90,43,.08) 50%,transparent 100%),linear-gradient(to bottom,#f0e4cc,#e5d5b5 20%,#dccaa5,#e5d5b5 80%,#f0e4cc);border:5px solid var(--color-ink);padding:28px 44px 24px;width:min(92vw,720px);max-height:calc(100vh - 48px);overflow-y:auto;position:relative;text-align:center;color:var(--color-bg);box-shadow:inset 0 0 50px #8b5a2b33,8px 8px 0 var(--color-ink);transform:rotate(-.5deg)}#wanted-poster:before,#wanted-poster:after{content:"✦";position:absolute;top:8px;font-size:14px;color:var(--color-accent);text-shadow:1px 1px 0 var(--color-ink)}#wanted-poster:before{left:12px}#wanted-poster:after{right:12px}.wanted-header{font-size:3em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:0;text-shadow:3px 3px 0 var(--color-highlight);-webkit-text-stroke:1px var(--color-ink);color:var(--color-bg)}.wanted-subheader{font-size:.85em;letter-spacing:.15em;text-transform:uppercase;border-top:3px solid var(--color-ink);border-bottom:3px solid var(--color-ink);padding:6px 0;margin:8px auto 20px;background:var(--color-accent);color:var(--color-bright);max-width:90%;text-shadow:1px 1px 0 var(--color-ink)}.wanted-men{display:flex;justify-content:center;gap:32px;margin-bottom:16px}.wanted-man{flex:1;max-width:280px;display:flex;flex-direction:column;align-items:center;background:#fff6;border:3px solid var(--color-ink);padding:16px 12px 12px;box-shadow:4px 4px #0000004d}.wanted-mugshot{width:100px;height:125px;background:linear-gradient(to bottom,#c9b896,#b8a886);border:3px solid var(--color-ink);box-shadow:inset 0 0 20px #2a1a0a40,3px 3px #0000004d;position:relative;margin-bottom:10px}.wanted-mugshot:after{content:"?";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:3em;color:#2a1a0a4d;font-weight:700;text-shadow:2px 2px 0 rgba(255,255,255,.3)}.wanted-mugshot:has(.wanted-mugshot-img):after{display:none}.wanted-mugshot-img{width:100%;height:100%;object-fit:cover;object-position:center top;position:absolute;inset:0}.wanted-name{font-size:1.3em;font-weight:700;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase;background:var(--color-focus);padding:2px 12px;border:2px solid var(--color-ink);box-shadow:var(--shadow-sm)}.wanted-crimes{text-align:left;font-size:.95em;line-height:1.5;margin-bottom:12px;width:100%}.wanted-crime{padding:2px 0 2px 4px;border-bottom:1px dashed rgba(0,0,0,.2)}.wanted-crime:last-child{border-bottom:none}.wanted-contact{display:flex;flex-direction:column;gap:6px;font-size:.9em;width:100%;margin-top:auto;align-self:stretch}.wanted-contact-split{display:flex;gap:8px}.wanted-contact-split .wanted-contact-link{flex:1;display:flex;align-items:center;justify-content:center}.wanted-contact-link svg{display:block}.wanted-contact-label{font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);border-bottom:1px dashed rgba(0,0,0,.3);padding-bottom:4px;margin-bottom:2px}.wanted-contact-link{position:relative;color:var(--color-bg);text-decoration:none;padding:6px 10px;background:var(--color-surface);border:2px solid var(--color-ink);box-shadow:var(--shadow-sm);transition:translate .1s,box-shadow .1s;display:block;text-align:center;font-weight:700}.wanted-contact-link:after{content:"";position:absolute;inset:-4px}.wanted-contact-link:hover{background:var(--color-bright);translate:-2px -2px;box-shadow:4px 4px 0 var(--color-ink)}.wanted-contact-link:active{translate:1px 1px;box-shadow:1px 1px 0 var(--color-ink)}.wanted-reward{font-size:1.1em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-top:3px solid var(--color-ink);padding-top:12px;margin-top:8px;color:var(--color-accent);text-shadow:1px 1px 0 var(--color-ink)}#wanted-close{display:none}@media(max-width:700px){#wanted-close{display:block;margin:16px auto 0;padding:8px 24px;font-size:1em;color:var(--color-bg);background:var(--color-accent);border:3px solid var(--color-ink);box-shadow:3px 3px 0 var(--color-ink);cursor:pointer}#wanted-poster{padding:20px 24px 18px;transform:none}.wanted-header{font-size:2.2em}.wanted-subheader{font-size:.75em;padding:5px 0;margin:6px auto 16px}.wanted-men{flex-direction:column;align-items:center;gap:20px}.wanted-man{max-width:100%;width:100%;padding:12px 10px 10px}.wanted-mugshot{width:80px;height:100px}.wanted-mugshot:after{font-size:2.5em}.wanted-name{font-size:1em}.wanted-crimes{font-size:.9em}.wanted-reward{font-size:1em;padding-top:10px}}@media(max-width:400px){#wanted-poster{padding:16px;width:95vw}.wanted-header{font-size:1.8em;letter-spacing:.05em}.wanted-subheader{font-size:.7em;letter-spacing:.1em}.wanted-man{padding:10px 8px 8px}.wanted-mugshot{width:70px;height:88px}.wanted-mugshot:after{font-size:2em}.wanted-name{font-size:1.1em;padding:2px 8px}.wanted-crimes{font-size:.85em}.wanted-contact a{font-size:.85em;padding:5px 8px}.wanted-contact-label{font-size:.75em}.wanted-reward{font-size:.9em}}