.nav{box-sizing:border-box;border-bottom:1px solid #000;align-items:center;gap:1rem;width:100%;padding:.5rem 1rem;display:flex}.nav__pad{flex-grow:1}.nav__title{color:#000;cursor:pointer;font-size:1.5rem;font-weight:900;text-decoration:none}.nav__button{position:relative}.nav__button:focus-visible{outline:4px solid #00f}.nav__button__badge{background-color:#c00;border-radius:50%;width:.7rem;height:.7rem;position:absolute;top:-.3rem;right:0}.nav__icon{cursor:pointer;color:#000;font-size:1.5rem}.play_bar{border-radius:1rem;gap:.2rem;width:100%;display:grid;overflow:clip}.play_bar__seg{height:2rem}.play_bar__seg--unlocked{background:#aaa}.play_bar__seg--locked{background:#eee}.play_bar__seg__fill{background:#5a5;height:2rem}.controls{justify-content:center;align-items:center;gap:1rem;display:flex}.control{background:inherit;font:inherit;color:#444;background:#eee;border:0;border-radius:1em;justify-content:center;align-items:center;width:2em;height:2em;padding:0;font-size:2.5rem;transition:color 50ms linear;display:flex}.control:focus-visible{outline:4px solid #00f}.control--play{font-size:3rem}.control--disabled{color:#666}.control--enabled{cursor:pointer}.control--enabled:hover{color:#000}.form_row{gap:.5rem;display:flex}.form_col{flex-direction:column;gap:.5rem;display:flex}.search_label{color:#666;text-align:center;font-size:.85rem;font-style:normal;display:block}.input{font:inherit;background:#fff;border:4px solid #000;border-radius:2rem;flex-grow:999;width:100%;padding:.5rem 1rem;font-size:1.2rem}.input:focus-visible{outline:4px solid #00f}.search{background:#fff;border:4px solid #000;border-radius:2rem;flex-grow:2;align-items:center;padding:.5rem 1rem;display:flex;position:relative}.search:has(.search__input:focus-visible){outline:4px solid #00f}.search__icon{margin-right:1ch;font-size:1.2rem}.search__input{background:inherit;font:inherit;border:0;flex-grow:999;width:8rem;padding:0;font-size:1.2rem}.search__input:focus-visible{outline:0}.search__results{z-index:2;width:100%;position:absolute;top:calc(100% - .5rem);left:0}.search__results__result,.search__results__placeholder{font:inherit;text-align:left;box-sizing:border-box;background:#fff;border:1px solid #aaa;width:100%;padding:.2rem .4rem}.search__results__result:not(:last-child),.search__results__placeholder:not(:last-child){border-bottom-width:0}.search__results__result{cursor:pointer;position:relative}.search__results__result:focus-visible{z-index:10;outline:4px solid #00f}.search__results__placeholder{color:#666;font-style:italic}.submit{font:inherit;cursor:pointer;color:#fff;background:#5a5;border:4px solid #5a5;border-radius:2rem;flex-grow:999;flex-basis:0;padding:.5rem 1.2rem}.submit:focus-visible{outline:4px solid #00f}.submit--secondary{color:#000;background:#aaa;border-color:#aaa}.submit--danger{color:#c00;background:#fff;border-color:#c00;font-weight:500}.link_button{font:inherit;background:inherit;cursor:pointer;color:#000;border:0;align-self:center;font-size:1.1rem;font-weight:450;text-decoration:underline;text-decoration-thickness:2px}.link_button:focus-visible{outline:4px solid #00f}.link_button--danger{color:#c00}.game_type{flex-wrap:wrap;align-items:baseline;gap:.5ch;display:inline-flex}.game_type__icon{align-self:center}.scrollable{flex-direction:column;flex-grow:1;flex-shrink:1;width:100%;display:flex;position:relative;overflow-y:auto}.scrollable::-webkit-scrollbar{background:0 0;width:18px}.scrollable::-webkit-scrollbar-thumb{background:#8888 padding-box padding-box;border:6px solid #fff;border-radius:9px;width:18px}.scrollable::-webkit-scrollbar-thumb:hover{background:#666}.scrollable:before,.scrollable:after{content:"";opacity:0;z-index:2;position:sticky;left:0;right:0}.scrollable:before{top:0;box-shadow:0 0 20px 10px #0006}.scrollable:after{bottom:0;box-shadow:0 0 20px 10px #0006}.scrollable:focus-visible{outline:4px solid #00f}.scrollable--scroll-up:before,.scrollable--scroll-down:after{opacity:1}.scrollable__trigger{min-height:1px;overflow-y:clip}.card_stack{flex-direction:column;gap:1rem;padding:4px;display:flex}.card{font:inherit;text-align:left;color:#000;background:#eee;border:0;border-radius:1rem;justify-content:start;align-items:center;margin:0 2.5%;padding:0;text-decoration:none;transition:background 50ms linear;display:flex;position:relative}.card:after{content:"";pointer-events:none;border:0 solid #000;border-radius:1rem;transition:border-width 50ms linear;position:absolute;inset:0}.card--centred{justify-content:center}.card--extended{padding:1rem}.card--button{cursor:pointer;transition:transform .1s linear}.card--button:hover{transform:scale(1.05)}.card--button:focus-visible{outline:4px solid #00f}.card--active{background:#fff}.card--active:after{border-width:4px}.card--good{color:#040;background:#afa}.card--bad{color:#400;background:#faa}.card__progress{pointer-events:none;background:#faa;border-radius:1rem;position:absolute;top:0;bottom:0;left:0}.card__icon{justify-content:center;align-items:center;width:5rem;padding-left:1rem;font-size:2.5rem;display:flex}.card__icon svg{padding:1rem}.card__image{border-top-left-radius:1rem;border-bottom-left-radius:1rem;flex-shrink:0;align-self:stretch;width:6rem;min-height:100%;position:relative;overflow:clip}.card__image img{object-fit:cover;min-width:100%;height:100%;position:absolute;top:0;left:0}.card__body{flex-direction:column;flex-grow:999;align-items:stretch;gap:.5rem;padding:1rem;display:flex}.card--centred .card__body{align-items:center}.card__title{margin:0;font-size:1.2rem;font-weight:400}.card--button .card__title{text-decoration:underline}.card--extended .card__title{text-align:center;margin-bottom:.5rem}.card__details{margin:0;line-height:1.5}@font-face{font-family:Roboto Slab;src:url(RobotoSlabVariable.c287b125.ttf)}body{justify-content:center;width:100%;margin:0;display:flex}main{box-sizing:border-box;flex-direction:column;align-items:center;gap:1rem;width:min(500px,100vw - 2rem);height:100vh;padding-bottom:1rem;font-family:Roboto Slab,serif;display:flex}a:focus-visible{outline:4px solid #00f}.fa-ul{flex-direction:column;gap:.5rem;padding-left:2em;display:flex}.title,.sub{text-align:center;margin:0}.deezer_wordmark{max-width:100%;max-height:2.5rem;margin-top:.5rem}