header{padding-bottom:10px;border-bottom:1px solid;text-align:center;margin:0 2rem 1rem}#title{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;padding-top:20px}#title h1,#title p{flex:none;margin:0;padding:0;white-space:nowrap}footer{border-top:1px solid;margin-top:1rem}#license{display:flex;width:max-content;max-width:100%;text-align:right;align-items:center;gap:clamp(.5rem,2vw,1rem);justify-content:flex-end;margin-left:auto;font-size:clamp(.75rem,5vw,1rem)}#license>p{flex:none;white-space:nowrap}#license>img{flex:none;width:clamp(66px,27.5vw,88px);height:auto}@media(width<800px){#license{margin-right:1rem}}@media(width<400px){footer{display:flex;justify-content:center}}@font-face{font-family:FiraCode;src:url(/FiraCode-Regular.woff) format("woff"),url(/FiraCode-Regular.ttf) format("truetype");font-display:swap}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}:root{--accent1: #7752ff;--accent2: #bb9af7;--accent3: #C66BFF;--white: #c0caf5;--grey: #565d70;--red: #f7768e;--orange: #ff9e64;--yellow: #ffc44d;--green: #9ece6a;--teal: #73daca;--cyan: #7dcfff;--blue: #7aa2f7;--background: #1a1b26;--background2: #24283b;--background3: #151521}.accent1{color:var(--accent1)}.accent2{color:var(--accent2)}.accent3{color:var(--accent3)}.white{color:var(--white)}.grey{color:var(--grey)}.red{color:var(--red)}.orange{color:var(--orange)}.yellow{color:var(--yellow)}.green{color:var(--green)}.teal{color:var(--teal)}.cyan{color:var(--cyan)}.blue{color:var(--blue)}body{color:var(--white);font-family:FiraCode,sans-serif;line-height:1.5;margin:0 auto;max-width:800px;background-size:25px 25px;background-position:0 0,15px 15px;background-color:var(--background);background-image:radial-gradient(var(--background2) 1px,transparent 1px)}strong,b{-webkit-text-stroke:1px currentColor}a{display:inline-block;color:var(--accent1);transition:text-shadow .1s linear;text-decoration:none}a:hover{color:var(--accent2);text-shadow:0 0 15px var(--accent2);text-decoration:underline}a:active{animation:shake .25s;animation-iteration-count:infinite}header,footer{border-color:var(--background2)}table{border:1px solid var(--background2);border-collapse:separate;border-spacing:0;border-radius:5px}table th,table td{border:0;border-top:1px solid var(--background2);border-left:1px solid var(--background2)}table>:first-child>tr:first-child>*{border-top:0}table tr>:first-child{border-left:0}td{padding-right:1rem;padding-left:.25rem}th{text-align:center}td:first-child,td:last-child{text-align:center;padding-left:.5rem;padding-right:.5rem}hr{color:var(--accent2)}.menu{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.album-cover-link>img{display:block;width:100%;height:auto;border-radius:7px}.preview-cover-column>.album-cover-link{display:block}.preview-cover-column--scored{background:linear-gradient(to right,var(--weighted-score-color) 25%,var(--average-score-color) 75%);border-radius:7px;overflow:hidden}.preview-cover-column--scored>.album-cover-link{margin:3px}.preview-cover-column--scored>.album-cover-link>img{border-radius:5px}.preview-cover-score{margin:0;padding-block:.25rem;color:var(--background2)}.releases-grid{display:grid;grid-template-columns:repeat(4,minmax(0,200px));justify-content:center;align-items:start;gap:.5rem;padding-inline:.5rem;margin-bottom:3rem}.release-card{width:100%;max-width:200px;min-width:0;justify-self:center;text-align:center}.release-card h2{margin:.75rem 0 .25rem;font-size:1rem;overflow-wrap:anywhere}.release-card-artist{margin:0;font-size:.875rem}.release-card .preview-cover-score{font-size:clamp(.75rem,2vw,1rem)}@media(max-width:639px){.releases-grid{grid-template-columns:repeat(2,minmax(0,200px))}}.release-card .release-cover-placeholder{display:grid;place-items:center;aspect-ratio:1;background:var(--background2);border-radius:7px}.release-sort-controls:not([hidden]){display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.5rem;align-items:center;margin:0 .5rem 1.5rem}.release-sort-controls label{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.release-sort-controls select{font:inherit;color:var(--white);background:var(--background2);border:1px solid var(--grey);border-radius:5px;padding:.375rem .5rem;color-scheme:dark}.release-sort-controls select:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}