:root{--color-green:#077878;--color-red:#9A4242;--color-textfield-bg:#f1f1f1;--shadow-dark:rgba(0, 0, 0, 0.9);--shadow-soft:rgba(0, 0, 0, 0.24)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:#000;font:16px Body,Helvetica,Arial,"Lucida Grande",sans-serif;color:#fff;overflow:hidden}#Navigation{position:fixed;bottom:clamp(5px,calc(5px + (100vh - 300px) * .083),30px);left:50%;transform:translateX(-50%);margin-bottom:clamp(2px,calc(2px + (100vh - 300px) * .06),20px);text-align:center;z-index:2}.search-active{display:inline-flex;align-items:center;max-width:min(var(--nav-width,90vw),90vw);margin-bottom:10px;filter:drop-shadow(0 -1px 25px var(--shadow-dark))}.search-active__label{display:flex;align-items:center;flex:0 1 auto;min-width:0;height:32px;padding:0 18px 0 14px;background:var(--color-red);color:#fff;font-size:.8rem;white-space:nowrap;border-radius:16px 0 0 16px;pointer-events:none;-webkit-mask:radial-gradient(circle at calc(100% + 16px) center,transparent 25.5px,#000 26.5px);mask:radial-gradient(circle at calc(100% + 16px) center,transparent 25.5px,#000 26.5px)}.search-active__count,.search-active__prefix,.search-active__suffix{flex:0 0 auto}#SearchActiveTerm{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.search-active__clear{flex:none;width:44px;height:44px;margin-left:-6px;position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:var(--color-red);cursor:pointer}.search-active__clear::after,.search-active__clear::before{content:"";position:absolute;top:50%;left:50%;width:20px;height:2px;border-radius:1px;background:#fff}.search-active__clear::before{transform:translate(-50%,-50%) rotate(45deg)}.search-active__clear::after{transform:translate(-50%,-50%) rotate(-45deg)}.search-active__clear:focus-visible{outline:3px solid var(--color-green);outline-offset:2px}#Navigation ul{display:flex;align-items:center;justify-content:center;list-style:none;margin:0;padding:12px;background:rgba(255,255,255,.75);border-radius:35px;box-shadow:0 -1px 25px 4px var(--shadow-dark);white-space:nowrap}#Navigation li{display:flex;align-items:center}#Navigation a{display:inline-block;padding:11px;margin:0 3px;text-decoration:none;font-size:1.2rem;color:gray;background:#d3d3d3;border-radius:30px}#Navigation img{width:22px;height:22px;margin-bottom:-3px}#Navigation a span.amount{display:inline-block;width:18px;font-size:.5em}#Navigation a#LinkSearch,#Navigation a#LinkShuffle{color:#fff}#Navigation a#LinkSearch,#Navigation a#LinkShuffle{background:var(--color-green)}#Navigation a#CD.active,#Navigation a#CD:active,#Navigation a#DVD.active,#Navigation a#DVD:active,#Navigation a#VINYL.active,#Navigation a#VINYL:active{background:var(--color-green);color:#fff}#ShuffleLabel{position:fixed;top:calc(50% - 185px);left:50%;transform:translateX(-50%);font-size:24px;font-weight:700;text-align:center;white-space:nowrap;text-shadow:0 2px 8px var(--shadow-dark);z-index:1000;pointer-events:none}#ShuffleSpinner{position:fixed;top:50%;left:50%;width:265px;height:265px;transform:translate(-50%,-50%);perspective:1200px;box-shadow:0 8px 32px var(--shadow-dark);z-index:1000;pointer-events:none}.shuffle-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s ease}.shuffle-flip__face{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;backface-visibility:hidden;-webkit-backface-visibility:hidden}.shuffle-flip__back{transform:rotateY(180deg)}#ResultsGrid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-items:center;background:#000;z-index:1}#ResultsGrid.noStretch{grid-template-columns:repeat(auto-fit,150px)}.thumbnail{position:relative;display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:1;background:#000;overflow:hidden;transition:transform .2s;-webkit-tap-highlight-color:transparent;user-select:none}.thumbnail:focus{outline:0}.thumbnail.hidden{display:none}.thumbnail.hover{transform:scale(1.2);z-index:3;cursor:pointer;box-shadow:0 0 33px 0 rgba(0,0,0,.8)}.thumbnail.transformOriginTopLeft.hover{transform-origin:top left}.thumbnail.transformOriginTop.hover{transform-origin:top}.thumbnail.transformOriginTopRight.hover{transform-origin:top right}.thumbnail.transformOriginLeft.hover{transform-origin:left}.thumbnail.transformOriginCenter.hover{transform-origin:center}.thumbnail.transformOriginRight.hover{transform-origin:right}.thumbnail.transformOriginBottomLeft.hover{transform-origin:bottom left}.thumbnail.transformOriginBottom.hover{transform-origin:bottom}.thumbnail.transformOriginBottomRight.hover{transform-origin:bottom right}.thumbnailImage{width:100%;height:100%;object-fit:cover}.thumbnailImage.portrait,.thumbnailImage.slightly-landscape{width:auto}.thumbnailImage.landscape,.thumbnailImage.slightly-portrait{height:auto}.hover-info{outline:3px solid var(--color-green);outline-offset:-3px}.hover-info .hover-info-contents{opacity:.8;transition:opacity .4s linear}.hover-info-contents{position:absolute;bottom:0;width:100%;padding:6px 0;background:var(--color-green);text-align:center;opacity:0}.hover-info-contents__artist{font-size:13px;font-weight:700;margin-bottom:3px}.hover-info-contents__title{font-size:11px}.hover-info-contents__format-and-year{font-size:10px}.badge{position:absolute;top:-43px;right:-43px;width:80px;height:80px;transform:rotate(45deg);background-position:center bottom;background-repeat:no-repeat;background-color:var(--color-green);border-bottom:3px solid var(--color-green);box-shadow:-1px 4px 17px 4px var(--shadow-soft)}.badge-CD{background-image:url("../images/icon-half-cd.png")}.badge-VINYL{background-image:url("../images/icon-half-vinyl.png")}.badge-DVD{background-image:url("../images/icon-half-dvd.png")}.cover-large--no-cover,.thumbnail--no-cover{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;box-sizing:border-box;text-align:center;background:#000;color:#fff;overflow:hidden}.thumbnail--no-cover{width:100%;height:100%;padding:10px}.cover-large--no-cover{position:relative;width:500px;max-width:90%;aspect-ratio:1;margin:0 auto 15px;padding:20px;gap:8px}.cover-large--no-cover::before,.thumbnail--no-cover::before{content:"";position:absolute;inset:0;background-repeat:no-repeat;background-position:center;background-size:60%;opacity:.12;pointer-events:none}.cover-large--no-cover::before{background-image:url("../images/icon-full-vinyl.png");background-size:55%}.thumbnail[data-format=CD] .thumbnail--no-cover::before{background-image:url("../images/icon-half-cd.png")}.thumbnail[data-format=VINYL] .thumbnail--no-cover::before{background-image:url("../images/icon-half-vinyl.png")}.thumbnail[data-format=DVD] .thumbnail--no-cover::before{background-image:url("../images/icon-half-dvd.png")}.no-cover__artist,.no-cover__title{position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.no-cover__artist{font-size:14px;font-weight:700}.no-cover__title{font-size:12px;opacity:.85}.cover-large--no-cover .no-cover__artist{font-size:22px}.cover-large--no-cover .no-cover__title{font-size:16px}#Lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.9);text-align:center;z-index:50}.lightbox-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#Lightbox-content-release-info{opacity:1;transition:opacity .2s ease-in-out;overflow-x:clip}#Lightbox-content-release-info.fading{opacity:0}.release-track{position:relative;will-change:transform}.release-slide:first-child,.release-slide:nth-child(3){position:absolute;top:0;width:100%}.release-slide:first-child{left:-100%}.release-slide:nth-child(3){left:100%}.cover-large{width:500px;height:auto;margin-bottom:15px;position:relative}.artist{font-weight:700;line-height:24px}.release-title{font-size:.8em}.release-meta{font-size:.7em;opacity:.75;margin:5px 0 20px}.cover-flip{position:relative;width:500px;max-width:90%;margin:0 auto 15px;transform-style:preserve-3d;transition:transform .5s ease;cursor:pointer;outline:0;-webkit-tap-highlight-color:transparent;user-select:none}.cover-flip.is-flipped{transform:rotateY(180deg)}.cover-flip:focus-visible{outline:3px solid var(--color-green);outline-offset:2px}.cover-flip__face{overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.cover-flip__front{position:relative}.cover-flip__back{position:absolute;inset:0;transform:rotateY(180deg)}.cover-flip__front .cover-large{width:100%;height:auto;margin:0;display:block}.cover-flip__back .cover-large{width:100%;height:100%;object-fit:cover;margin:0;display:block}.cover-flip__front .cover-large--no-cover{width:100%;max-width:none;aspect-ratio:1}.cover-flip__back .cover-large--no-cover{width:100%;height:100%;max-width:none;aspect-ratio:auto;margin:0}.cover-flip__dim{position:absolute;inset:0;background:rgba(0,0,0,.65)}.cover-flip__panel{--tl-edge-fade:18px;--tl-edge-clear:3px;--tl-gutter:10px;position:absolute;inset:0;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--tl-edge-fade);border-block:1px solid transparent;background:radial-gradient(closest-side,rgba(0,0,0,.35),rgba(0,0,0,0));scrollbar-width:thin;scrollbar-color:var(--color-green) transparent;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--tl-edge-fade),#000 calc(100% - var(--tl-edge-fade)),transparent calc(100% - var(--tl-edge-clear))),linear-gradient(to bottom,#000 calc(100% - var(--tl-edge-clear)),transparent calc(100% - var(--tl-edge-clear)));-webkit-mask-size:calc(100% - var(--tl-gutter)) 100%,var(--tl-gutter) 100%;-webkit-mask-position:left top,right top;-webkit-mask-repeat:no-repeat;mask-image:linear-gradient(to bottom,transparent 0,#000 var(--tl-edge-fade),#000 calc(100% - var(--tl-edge-fade)),transparent calc(100% - var(--tl-edge-clear))),linear-gradient(to bottom,#000 calc(100% - var(--tl-edge-clear)),transparent calc(100% - var(--tl-edge-clear)));mask-size:calc(100% - var(--tl-gutter)) 100%,var(--tl-gutter) 100%;mask-position:left top,right top;mask-repeat:no-repeat}.cover-flip__panel::-webkit-scrollbar{width:6px}.cover-flip__panel::-webkit-scrollbar-thumb{background:var(--color-green);border-radius:3px}.cover-flip__panel::-webkit-scrollbar-track{background:0 0}.cover-flip__panel{pointer-events:none}.cover-flip.is-flipped .cover-flip__panel{pointer-events:auto}.cover-flip__tracklist-view{flex:none;min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.tracklist{width:90%;margin:0 auto;border-collapse:collapse;color:#fff;font-size:12px;line-height:1.5;text-shadow:0 1px 3px rgba(0,0,0,.9)}.tracklist td{padding:1px 0;vertical-align:baseline}.tl-pos{text-align:left;padding-right:12px;white-space:nowrap;color:rgba(255,255,255,.85)}.tl-len{text-align:right;padding-left:12px;white-space:nowrap;color:rgba(255,255,255,.85)}.tl-title{width:100%;max-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracklist td{transition:color .2s ease}.is-song-search .tracklist tr.song-match .tl-len,.is-song-search .tracklist tr.song-match .tl-pos,.is-song-search .tracklist tr.song-match .tl-title{color:var(--color-green);text-shadow:none}.no-tracklist{margin:0 auto;color:rgba(255,255,255,.6);font-size:13px;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.9)}.release-detail-meta{width:90%;margin:25px auto 0;color:rgba(255,255,255,.85);font-size:12px;line-height:1.5;text-shadow:0 1px 3px rgba(0,0,0,.9)}.rdm-label{font-weight:700;color:#fff}.rdm-section{margin-top:25px}.rdm-section::before,.release-detail-meta::before{content:"";display:block;width:70%;height:1px;margin:0 auto 25px;background:#fff}.rdm-header{font-weight:700;color:#fff;text-transform:uppercase}.rdm-role{font-weight:700;color:#fff}.flip-cue{position:absolute;bottom:12px;right:12px;background:var(--color-green);color:#fff;font-size:11px;padding:3px 8px;border-radius:10px;opacity:0;transition:opacity .2s ease;pointer-events:none}@media (hover:hover) and (pointer:fine){.cover-flip:not(.is-flipped):focus-visible .flip-cue,.cover-flip:not(.is-flipped):hover .flip-cue{opacity:1}}.flip-cue--touch{display:none}@media (prefers-reduced-motion:reduce){.cover-flip{transform:none!important;transform-style:flat;transition:none}.cover-flip__face{backface-visibility:visible;-webkit-backface-visibility:visible;transition:opacity .2s ease}.cover-flip__back{transform:none;opacity:0}.cover-flip.is-flipped .cover-flip__back{opacity:1}.shuffle-flip{transform:none!important;transform-style:flat;transition:none}.shuffle-flip__face{backface-visibility:visible;-webkit-backface-visibility:visible;transition:opacity .3s ease}.shuffle-flip__back{transform:none;opacity:0}.shuffle-flip.is-flipped .shuffle-flip__back{opacity:1}}.release-links{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:5px;position:relative}.discogs-link,.play-link,.play-toggle,.share-link{display:inline-block;padding:5px;margin:5px 3px;color:var(--color-green);font-size:.7em;text-align:center;text-decoration:none;position:relative;z-index:999;white-space:nowrap}.play-toggle{background:0 0;border:none;cursor:pointer;font-family:inherit;line-height:inherit}.icon-discogs,.icon-play,.icon-share,.icon-spotify{width:20px;height:20px;margin-left:3px;vertical-align:middle;display:inline-block}.play-list{position:absolute;top:100%;left:0;right:0;z-index:999;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px;overflow:hidden;max-height:0;opacity:0;margin-top:-4px;transition:max-height .2s ease-in-out,opacity .2s ease-in-out;pointer-events:none}.play-list.is-open{max-height:300px;opacity:1}.play-list .play-link{pointer-events:auto}.nav-button{position:absolute;top:50%;transform:translateY(-50%);padding:10px 15px;background:rgba(0,0,0,.7);border:none;border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;transition:background .3s}.nav-button:hover{background:#000}#PrevRelease{left:-66px}#NextRelease{right:-66px}#SearchContainer{box-shadow:2px 2px 46px 40px rgba(0,0,0,.34)}#SearchContainer #SearchCheck,#SearchContainer #SearchEmpty,#SearchContainer #SearchField{float:left;height:62px;box-sizing:border-box;font-size:1.1rem;border:none;outline:0}#SearchContainer #SearchField{width:70%;padding:0 1.3rem;background:var(--color-textfield-bg);border-radius:5px 0 0 5px}#SearchContainer #SearchCheck,#SearchContainer #SearchEmpty{width:15%;margin-left:-1px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}#SearchContainer #SearchEmpty{margin-left:-2px;color:gray;background:var(--color-textfield-bg)}#SearchContainer #SearchEmpty img{width:34px;height:34px}#SearchContainer #SearchCheck{background:var(--color-green);color:#fff;border-radius:0 5px 5px 0}#SearchContainer #SearchCheck img{width:40px;height:40px}#SearchContainer::after{content:"";display:table;clear:both}.search-category{display:flex;gap:6px;margin-bottom:12px}.search-category__option{flex:1;padding:8px 6px;border:none;border-radius:5px;background:var(--color-textfield-bg);color:#333;font-size:.8rem;cursor:pointer}.search-category__option.active{background:var(--color-green);color:#fff;font-weight:700}.search-category__option:focus-visible{outline:3px solid var(--color-green);outline-offset:2px}#SearchResultInfo{height:0;margin-top:1.2rem}#NumberOfSearchResults{font-weight:700}#LoadingLayer{position:fixed;inset:0;background:#000;z-index:9999}#LoadingLayer p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}#LoadingLayer img{margin-bottom:20px;animation:spin 2s infinite linear}.bottom-spacer{height:100px;width:100%}.release-info-layer{display:none}.copy-notification{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:10px 20px;border-radius:4px;z-index:1000;animation:fadeInOut 2s ease-in-out}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInOut{0%{opacity:0}15%{opacity:1}85%{opacity:1}100%{opacity:0}}@media (hover:none) and (pointer:coarse){.thumbnail.hover{transform:none;z-index:auto;box-shadow:none}.hover-info{outline:0}.hover-info .hover-info-contents{opacity:0}.play-list .play-link{min-height:44px;line-height:34px;padding:5px 10px}}@media (min-width:577px){.discogs-link,.play-link,.play-toggle,.share-link{margin:5px 10px}#SearchContainer{width:400px;margin:0 auto}}@media (max-width:1024px){#ResultsGrid{zoom:0.8}#ResultsGrid.noStretch{grid-template-columns:repeat(auto-fit,180px)}}@media (max-width:576px){#ResultsGrid{zoom:0.7}.lightbox-content{width:95%}.cover-flip{width:90%}#SearchContainer{width:350px;margin:0 auto}}@media (max-width:1024px) and (orientation:landscape){.lightbox-content{width:98%;height:95vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.discogs-link,.play-link,.play-toggle,.share-link{display:inline-block!important}#Lightbox.search-mode .lightbox-content{height:auto;overflow:visible}}@media (max-width:576px) and (orientation:landscape){#Lightbox-content-release-info{padding:10px}.cover-flip{width:fit-content;max-width:50%;margin-bottom:10px}.cover-flip__front .cover-large{width:auto;height:auto;max-width:50vw;max-height:40vh}.cover-flip__front .cover-large--no-cover{width:40vh}.discogs-link,.play-link,.play-toggle,.share-link{font-size:.6em;padding:3px 5px;margin:2px}.artist{font-size:.8em;margin-bottom:5px}.release-title{font-size:.6em}.release-meta{font-size:.55em;margin-bottom:10px}}@media (min-width:577px) and (max-width:1024px) and (orientation:landscape){#Lightbox-content-release-info{padding:15px}.cover-flip{width:fit-content;max-width:45%;margin-bottom:15px}.cover-flip__front .cover-large{width:auto;height:auto;max-width:45vw;max-height:50vh}.cover-flip__front .cover-large--no-cover{width:50vh}.discogs-link,.play-link,.play-toggle,.share-link{font-size:.65em;padding:4px 6px;margin:3px}}