@font-face{font-family:'Press Start 2P';src:url("/content/ef7dde1af2d860f635d6e6bf59374a6dbdf000d70c2b906955bd7eae088df9f2i0")}*{font-family:"Press Start 2P",system-ui}body{font-size:10px;color:#eee;background-color:#222;padding:0;margin:0;user-select:none;scrollbar-color:rgba(255,255,255,0.3) transparent;scrollbar-width:thin;line-height:1.2}.downscale{image-rendering:auto}.upscale{image-rendering:pixelated}header.hero{background-image:url("/content/ce3563d862d26e462433547566cab6d5da2aa71e952e381368adbc122eed3539i0");background-size:cover;overflow:hidden;padding:0 15px 0 35px;color:rgba(255,255,255,.7)}header.hero h1{margin-top:60px;margin-bottom:10px;font-size:30px;color:#fff}.hero .cover{padding:0;margin:30px 20px 10px 0;background-size:cover;width:150px;height:150px;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.4)}.hero:has(.cover){background-image:inherit}.hero a{color:#fff;text-decoration:none;font-weight:700}.hero a:hover{text-decoration:underline}section{padding:0 0}section>form{padding:0 20px}section>ol{padding:0 20px}section>h2{padding:10px 35px}section>table{padding:0 20px}form{display:flex;flex-wrap:wrap;flex-direction:row;gap:10px}input[type=radio]{appearance:none;display:none}fieldset{border:none;padding:10px 15px;margin:0}label:has(input[type=radio]){background-color:#444;height:40px;line-height:40px;border-radius:20px;overflow:hidden;padding-left:20px;padding-right:20px;color:#eee;font-size:8px;margin:0}label:has(input[type=radio]:hover){background-color:#555}label:has(input[type=radio]:checked){background-color:#eee;color:#222}article{overflow:hidden;padding:15px;cursor:pointer;border-radius:10px}article{color:#777;font-size:8px}article>h3{color:#fff;margin-bottom:5px;font-size:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:150px}article:hover{background-color:#333}article>header{padding:0;background-image:url("/content/ce3563d862d26e462433547566cab6d5da2aa71e952e381368adbc122eed3539i0");background-size:cover;width:150px;height:150px;border-radius:5px;position:relative}button.big{width:50px;height:50px;border-radius:25px;background-color:#83a;border:none;box-shadow:0 3px 10px #000;padding:10px}button.big:hover{cursor:pointer;transform:scale(1.1);background-color:#94b}.cover>img,article>header>img{width:100%;height:100%;object-fit:cover}article>header>button.big{position:absolute;bottom:10px;right:10px;display:none;box-shadow:0 3px 10px #000}.playing button.big,article:hover>header>button.big{display:block}ol.covers{margin:0;list-style:none;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden}table{border-collapse:separate;width:100%;color:#585858;border-spacing:0;white-space:nowrap;line-height:1.2}thead th{font-size:8px;border-bottom:1px #333 solid}td,th{padding:10px;text-align:left;font-size:8px}td:first-child,th:first-child{padding-left:20px}td:last-child,th:last-child{padding-right:20px}td:first-child,td:last-child,th:first-child,th:last-child{width:0;min-width:fit-content;max-width:fit-content}td:last-child,th:last-child{text-align:right}td button{color:#fff;border:none;background:0 0;height:20px;width:20px;padding:0;visibility:collapse}tr:hover button{visibility:visible}.index{position:absolute;width:100%;height:100%;text-align:center;line-height:20px}tr:hover .index{visibility:collapse}td h3{font-size:10px;padding:0;margin:0;margin-bottom:5px;color:#fff;text-wrap:auto}td span{text-wrap:auto}.playing>td h3{color:#f4e}.playing>td .index{color:#f4e}a{text-decoration:none;color:#999}a:hover{text-decoration:underline;color:#fff}tbody>tr{border-radius:30px;overflow:hidden}td:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}td:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}tbody>tr:hover{background-color:#333}tbody>tr.selected{background-color:#444;color:#fff}tbody>tr.selected a{color:#fff}body{display:flex;flex-direction:column;height:100%}body main{flex:1;overflow-x:hidden;overflow-y:auto}.bottom{position:relative;height:0;transition:height .5s;overflow:hidden}nav{position:absolute;top:0;height:50px;width:100%;display:flex;flex-direction:row;align-items:center;background-color:#333;color:#999;font-size:8px;gap:10px}nav>:first-child{margin-left:20px}nav>:last-child{margin-right:20px}nav h3{font-size:10px;padding:0;margin:0;margin-bottom:5px;color:#fff}nav button{border:none;background:0 0;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;text-align:center;font-size:8px;color:#eee}.gutter{background-color:#444;width:250px;height:6px;padding:0;overflow:hidden;border-radius:3px;margin:00px;flex:1;min-width:100px}.fill{height:100%;background-color:#f4e;border-radius:3px}footer{color:#444;padding:20px 20px;font-size:6px;text-overflow:ellipsis;overflow:hidden;user-select:text}