@charset "UTF-8";:root{--grid-main-max-width:64rem;--c-text:240 240 240;--c-back:10 10 10}html{font-family:sans-serif;-webkit-text-size-adjust:100%}body{overflow-wrap:anywhere;word-break:normal;line-break:strict;color:rgb(var(--c-text));background-color:lightslategray}button{-webkit-appearance:none;appearance:none;color:rgb(var(--c-text));background-color:rgba(var(--c-back) / 1);border:1px solid;border-radius:.25rem;cursor:pointer;display:inline-block;font-size:1rem;padding:.5rem}@media (hover:hover){button:hover{opacity:.8}}button:active{opacity:.6}label{font-size:1.2rem;cursor:pointer}header{grid-area:header;background-color:rgba(var(--c-back) / .9);padding:.5rem}main{grid-area:main;background-color:rgba(var(--c-back) / .8);padding:.5rem}footer{grid-area:footer;background-color:rgba(var(--c-back) / .9);padding:.5rem}.page-wrapper{display:grid;gap:.5rem;margin-inline:auto;max-width:var(--grid-main-max-width);grid-template-areas:" header " " main " " footer ";grid-template-columns:minmax(0,1fr)}.page-wrapper>*{width:100%;height:100%;box-sizing:border-box}h1{font-size:1.25rem;line-height:1.75rem}h2{font-size:1.125rem;line-height:1.75rem;padding:.25rem;background:linear-gradient(90deg,rgba(var(--c-back) / .6),rgba(var(--c-back) / 0));border-block-end:var(--chara-color,lightgray) solid 2px}h3{font-size:1rem;font-weight:700;padding:.25rem;border-block-end:var(--chara-color,lightgray) solid 1px}summary{cursor:pointer;font-weight:700}.chara-kakeru{--chara-color:hsl(0,90%,50%)}.chara-hakase{--chara-color:hsl(200,45%,50%)}.chara-natsumi{--chara-color:hsl(25,90%,50%)}.chara-charu{--chara-color:hsl(150,60%,25%)}.chara-saruteam{--chara-color:hsl(50,90%,50%)}.chara-specter{--chara-color:hsl(325,90%,25%)}.chip{padding-inline:.25rem;border-radius:.25rem;display:inline-block;background-color:var(--chip-color);&:not(.chip-has){opacity:.6}}.chip-button{background-color:var(--chip-color)}.chip-rank1{--chip-color:#141452}.chip-rank2{--chip-color:#145214}.chip-rank3{--chip-color:#521414}.synth-recipe{color:skyblue}.synth-free{color:limegreen}.chip-list-container{margin-block:1rem;padding:.5rem;vertical-align:middle;border:1px solid;width:200px;max-width:50vw;height:400px;max-height:50vh;overflow-y:scroll;resize:both}.chip-list-item{display:flex;align-items:center;justify-content:space-between;margin-block-end:.5rem}#search-button{display:block;margin:1rem .5rem;width:calc(100% - 1rem)}.character-select{display:flex;gap:.5rem;flex-wrap:wrap}.chip-buttons{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,6rem);justify-content:center}.result-list-container{margin-block:1rem;padding-inline:1rem;display:grid;grid-template-columns:auto;justify-content:center;text-align:center;gap:1.5rem}.result-list-item{display:grid;grid-template-columns:subgrid;gap:.5rem;align-items:center}@media (min-width:768px){.result-list-container{grid-template-columns:13rem 11rem 4rem auto;grid-auto-rows:minmax(2.75rem,1fr);gap:.5rem;justify-content:start;text-align:start}.result-list-item{grid-column:span 4}#search-button{width:240px}.chip-buttons{grid-template-columns:repeat(6,6rem);justify-content:start}}