html,body,#app{height:100%;margin:0;background:#0a0b0d;font-family:Comic Sans MS,Chalkboard SE,Purisa,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:#0a0b0d;overflow:hidden;border-bottom:4px solid #000;min-height:0}#player{width:100%;height:100%;position:absolute;inset:0}#message-bar{width:100%;background:#1a1d23;padding:10px 48px 10px 16px;box-sizing:border-box;border-top:3px solid #000;border-bottom:3px solid #000;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:#f4c2c1;font-size:15px;font-weight:700;text-align:center;text-shadow:1px 1px 0 #000;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 #353947;box-shadow:none;color:#f4c2c1;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.6;transition:opacity .15s,background .15s,border-color .15s}#message-close:hover{opacity:1;background:#353947;border-color:#f4c2c1;transform:translateY(-50%);box-shadow:none}#message-close:active{transform:translateY(-50%);box-shadow:none}#controls-container{width:100%;background:#7659b9;padding:16px 20px;box-sizing:border-box;margin-top:0;border-top:4px solid #000;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;max-height:40vh;overflow-y:auto}#buttons{display:flex;gap:16px;justify-content:center;align-items:center;color:#0a0b0d;font-size:16px;flex-wrap:wrap}button{background:#f4c2c1;color:#0a0b0d;border:3px solid #000;border-radius:0;padding:10px 16px;cursor:pointer;font-size:16px;min-width:44px;font-family:inherit;font-weight:700;box-shadow:4px 4px #000;text-transform:uppercase;transition:transform .1s,box-shadow .1s;box-sizing:border-box;contain:layout style}.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:#fff;transform:translate(-2px,-2px);box-shadow:6px 6px #000}#yap-btn:not(.active):hover .button-icon{animation:yap-chatter .3s ease-in-out 2}}button:active{transform:translate(2px,2px);box-shadow:0 0 #000}button.active{background:#fe77fe;color:#0a0b0d}@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}#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;gap: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{position:static;grid-row:4;grid-column:2;height:auto!important;min-height:unset;align-self:stretch;margin-top:10px;margin-bottom:10px;padding:10px 16px}#search-btn{width:100%}#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{width:100%;justify-content:flex-start;box-sizing:border-box;padding:10px 16px;margin-top:10px;margin-bottom:10px;align-self:stretch}#controls-container{padding:12px}}@media(min-width:961px){#search-btn,#duplicates-btn{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{text-align:center;color:#f4c2c1;font-size:16px;margin-top:12px;font-weight:700;text-shadow:2px 2px 0 #000;background:#0a0b0d;border:2px solid #000;padding:2px 12px 6px;box-shadow:4px 4px #000;max-width:80%;display:block;margin-left:auto;margin-right:auto}.status-icon{color:#ce55cc;margin-right:8px;display:inline-block;transition:transform .2s ease}#status:hover .status-icon{transform:translateY(-2px);color:#fe77fe}#status[aria-expanded=true] .status-icon{color:#fe77fe}#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 #FE77FE;box-shadow:10px 10px #000;background:#f4c2c1;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:#0a0b0d;cursor:pointer;text-transform:none;border-bottom:3px solid #000;background:#fff;transition:background .12s ease,color .12s ease;outline:none}.status-song:last-child{border-bottom:none}.status-song:nth-child(2n){background:#fde9e8}.status-song:hover,.status-song:focus-visible{background:#7659b94d;color:#0a0b0d}.status-song.active{background:#d97587;color:#0a0b0d}.status-song.nav-focus{background:#fe77fe;color:#0a0b0d;box-shadow:inset 0 0 0 3px #000}.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{text-align:left;margin-left:16px;margin-right:16px;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)}#status-song-list{padding-left:8px;padding-right:8px}}#modal-overlay{position:fixed;inset:0;background:#0a0b0dcc;display:none;place-items:center;z-index:1000}#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)}}}#comic-box{background:#f4c2c1;border:4px solid #000;box-shadow:12px 12px #000;padding:20px;width:min(90vw,600px);max-height:80vh;display:flex;flex-direction:column;font-family:Comic Sans MS,Chalkboard SE,sans-serif;position:relative}#comic-box:after{content:"";position:absolute;bottom:-24px;left:40px;border-width:24px 24px 0;border-style:solid;border-color:#000 transparent;display:block;width:0}#comic-box:before{content:"";position:absolute;bottom:-15px;left:45px;border-width:19px 19px 0;border-style:solid;border-color:#F4C2C1 transparent;display:block;width:0;z-index:1}#comic-title{font-size:1.8em;font-weight:700;text-transform:uppercase;margin-bottom:15px;text-align:center;border-bottom:4px solid #000;padding-bottom:5px;color:#0a0b0d;text-shadow:2px 2px 0 #fff}#search-input{width:100%;box-sizing:border-box;font-size:1.4em;padding:12px;border:3px solid #000;outline:none;font-family:inherit;text-transform:uppercase;margin-bottom:15px;background:#fff;box-shadow:4px 4px #0003}#search-results{flex-grow:1;overflow-y:auto;border:3px solid #000;min-height:100px;max-height:300px;background:#fff}.result-item{padding:10px;border-bottom:2px solid #000;cursor:pointer;display:flex;flex-direction:column;transition:background .1s}.result-item:last-child{border-bottom:none}.result-item.selected{background:#fe77fe}.result-item:hover{background:#d97587}.result-title{font-weight:700;font-size:1.2em;color:#0a0b0d}.result-sub{font-size:.9em;color:#353947;font-style:italic}@media(pointer:coarse){#modal-overlay{place-items:start center;padding-top:20px}#comic-box{max-height:60vh}}::-webkit-scrollbar{width:12px;background:#0a0b0d}::-webkit-scrollbar-thumb{background:#f4c2c1;border:2px solid #000}#bolt-trigger{display:none;position:fixed;bottom:-4px;left:-4px;font-size:12px;line-height:1;padding:0;margin:0;background:transparent;border:none;box-shadow:none;cursor:pointer;opacity:.4;z-index:50;transition:opacity .2s,transform .2s;transform:rotate(-15deg)}#bolt-trigger:hover{opacity:.8;transform:rotate(-15deg) scale(1.2);background:transparent;box-shadow:none}#bolt-trigger:active{transform:rotate(-15deg) scale(.9);box-shadow:none}@media(min-width:900px){#bolt-trigger{display:block}}#wanted-overlay{position:fixed;inset:0;background:#0a0b0dd9;display:none;place-items:center;z-index:1100}#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 #000;padding:28px 44px 24px;width:min(92vw,720px);font-family:Comic Sans MS,Chalkboard SE,sans-serif;position:relative;text-align:center;color:#0a0b0d;box-shadow:inset 0 0 50px #8b5a2b33,8px 8px #000;transform:rotate(-.5deg)}#wanted-poster:before,#wanted-poster:after{content:"✦";position:absolute;top:8px;font-size:14px;color:#7659b9;text-shadow:1px 1px 0 #000}#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 #D97587;-webkit-text-stroke:1px #000;color:#0a0b0d}.wanted-subheader{font-size:.85em;letter-spacing:.15em;text-transform:uppercase;border-top:3px solid #000;border-bottom:3px solid #000;padding:6px 0;margin:8px auto 20px;background:#7659b9;color:#fff;max-width:90%;text-shadow:1px 1px 0 #000}.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 #000;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 #000;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:#fe77fe;padding:2px 12px;border:2px solid #000;box-shadow:2px 2px #000}.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}.wanted-contact-label{font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#353947;border-bottom:1px dashed rgba(0,0,0,.3);padding-bottom:4px;margin-bottom:2px}.wanted-contact a{color:#0a0b0d;text-decoration:none;padding:6px 10px;background:#f4c2c1;border:2px solid #000;box-shadow:2px 2px #000;transition:transform .1s,box-shadow .1s;display:block;text-align:center;font-weight:700}.wanted-contact a:hover{background:#fff;transform:translate(-2px,-2px);box-shadow:4px 4px #000}.wanted-contact a:active{transform:translate(1px,1px);box-shadow:1px 1px #000}.wanted-reward{font-size:1.1em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-top:3px solid #000;padding-top:12px;margin-top:8px;color:#7659b9;text-shadow:1px 1px 0 #000}@media(max-width:700px){#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}}