*{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#121214;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-text-inverted: #111;--five-star-gradient: linear-gradient(90deg, #db83ef, #87a5fb, #7ef3f7);--four-star-gradient: linear-gradient(90deg, #f5d35c, #f5f375, #f1f5cb)}.potentials-container .character-select-button{all:unset;box-sizing:border-box;display:flex;justify-content:center;align-items:center;grid-column:1 / 3;grid-row:3 / 5;width:100%;height:100%;background-color:#333;position:relative;overflow:hidden;transition:.2s;cursor:pointer;border-radius:4px}.potentials-container .character-select-button:hover{filter:brightness(1.1)}.potentials-container .character-image{position:absolute;inset:0;width:100%}.potentials-container .character-name{position:absolute;bottom:0;left:0;right:0;z-index:1;color:#264278;font-size:1.1vw;font-weight:700;background-color:#ffffffb0;text-align:center}.character-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.character-list .character{display:flex;position:relative;padding:6px 0 16px;border-radius:8px;cursor:pointer;transition:.2s}.character-list .character:hover{filter:brightness(1.1)}.character-list .character[data-rarity="5"]{background:var(--five-star-gradient)}.character-list .character[data-rarity="4"]{background:var(--four-star-gradient)}.character-list .character-name{position:absolute;bottom:16px;color:var(--color-text-inverted);font-weight:700;font-size:1rem;padding:12px 6px 2px;background:linear-gradient(transparent,#fffa,#fffa);width:100%;font-size:1.125rem;line-height:1.5;-webkit-user-select:none;user-select:none}@media(max-width:959px){.character-list{gap:8px}.character-list .character{padding:6px 0 12px}.character-list .character-name{bottom:12px;font-size:.8rem}}.potential-card{display:flex;width:100%;-webkit-user-select:none;user-select:none;cursor:pointer;transition:.15s;position:relative;border-radius:4px;overflow:hidden;aspect-ratio:18 / 23}.potential-card:after{content:"";position:absolute;inset:0;background-color:#0000;transition:.15s;pointer-events:none}.potential-card[data-selected=false]:after{background-color:#00000080}.potential-card[data-obtained="1"]{box-shadow:inset 0 0 0 2px #000,0 0 0 .22vw #f80}.potential-card[data-obtained="2"]{box-shadow:inset 0 0 0 2px #000,0 0 0 .22vw #ff0}.potential-card[data-disabled=true]{cursor:not-allowed}.potential-card .background{max-width:100%;max-height:100%;z-index:-1}.potential-card .icon{position:absolute;inset:0}.potential-card .name{position:absolute;bottom:3%;left:3%;right:3%;color:#111;font-weight:500;font-size:.66vw;line-height:1;text-align:center}.potential-card .priority{position:absolute;top:1%;left:3%;color:red;font-weight:900;font-size:.75vw;line-height:1;text-transform:uppercase}@media(max-width:959px){.potential-card .name{font-size:2vw}.potential-card .priority{font-size:2.25vw}.potential-card[data-obtained="1"]{box-shadow:inset 0 0 0 2px #000,0 0 0 .66vw #f80}.potential-card[data-obtained="2"]{box-shadow:inset 0 0 0 2px #000,0 0 0 .66vw #ff0}}.potentials-container{display:flex;flex-direction:column;gap:10px}.potentials-container .three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.potentials-container .four-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.potentials-container .five-columns{display:grid;grid-template-columns:repeat(5,1fr);gap:.4vw}.potentials-container .six-columns{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.potentials-container .eight-columns{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.potentials-container .section-label{font-weight:700}@media(max-width:959px){.potentials-container .five-columns{gap:1.2vw}}main{width:100%;min-width:400px;margin:0 auto;padding:1vw}.main-title{font-size:1.5rem;font-weight:700;text-align:center}.main-description{text-align:center}.main-wrapper{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:1vw}@media(max-width:959px){main{padding:3vw}.main-wrapper{grid-template-columns:repeat(1,1fr)}}.priority-selector{display:flex;align-items:center;gap:12px}.priority-selector .priority-label{font-weight:700}.save-container{padding:20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:auto;gap:20px}.save-container .input-container{max-width:250px;display:flex;width:100%}.save-container .buttons-container{display:flex;gap:10px}