:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-image:linear-gradient(45deg,#57514c 25%,#5c5651 25%,#5c5651 50%,#57514c 50%,#57514c 75%,#5c5651 75%,#5c5651);background-size:125px 125px;background-repeat:repeat;background-attachment:fixed;display:block}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.App{width:100%;min-height:100vh;display:flex;flex-direction:column}body{margin:0;display:flex;flex-direction:column;min-height:100vh;background-image:linear-gradient(45deg,#57514c 25%,#5c5651 25%,#5c5651 50%,#57514c 50%,#57514c 75%,#5c5651 75%,#5c5651);background-size:125px 125px;background-repeat:repeat;background-attachment:fixed}.unit-app{position:relative;margin:1% auto;width:60%;min-height:calc(100vh - 2vw);box-sizing:border-box;top:2%;border-radius:10%;background-color:#c0a18d;font-family:Comic Sans MS,Comic Sans;font-size:100%;color:#140e0a;font-weight:700;text-align:center}.unit-app-results{--grid-width: 96%;display:flex;flex-direction:column;padding-bottom:1rem}.unit-app-results .grid-container{flex-shrink:0;width:var(--grid-width);align-self:center;margin-top:auto;margin-bottom:auto}.search-bar{margin-top:2%}.search-bar form{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;row-gap:.75rem}.search-bar input{border:none;border-radius:10px;min-width:25%;height:2.5rem;font-family:Comic Sans MS,Comic Sans;font-size:100%;padding-left:10px;padding-right:10px}.search-bar button{border:none;border-radius:10px;min-width:10%;height:2.5rem;background-color:#57514c;color:#fff;font-size:100%;font-family:Comic Sans MS,Comic Sans;margin-left:1%;padding-left:10px;padding-right:10px;box-shadow:0 5px #302e2e;transform:translateY(-2.5px)}.search-bar button:enabled:active{box-shadow:0 1px #302e2e;transform:translateY(1.5px)}.search-bar button:focus{outline:0}.search-bar .search-bar-about{margin-left:2.5rem;background-color:#f5a6a0;color:#541a1a;font-weight:700;box-shadow:0 5px #be6460}.search-bar .search-bar-about:enabled:active{box-shadow:0 1px #be6460}.rarity-buttons{box-sizing:border-box;align-self:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;max-width:96%;margin-top:1.25rem;margin-bottom:1.25rem;padding:.6rem .9rem .8rem;border-radius:14px;background-color:#57514c29}.filter-label{padding:0;border:none;background:none;color:inherit;font-family:inherit;font-size:110%;font-weight:700;pointer-events:none}.filter-label:focus{outline:0}.filter-group{display:inline-flex;gap:.4rem}.filter-group button{min-width:0;height:2.25rem;margin-left:0;padding:0 .85rem}.view-switch{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background-color:#57514c;box-shadow:0 4px #302e2e}.view-switch button{height:calc(2.25rem - 6px);padding:0 .75rem;border:none;border-radius:9px;background:none;color:#fff;font-family:Comic Sans MS,Comic Sans;font-size:100%}.view-switch button:focus{outline:0}.view-switch .view-switch-active{background-color:#f3ede8;color:#140e0a;font-weight:700}.control-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2.25rem;padding:0 2rem 0 .85rem;border:none;border-radius:10px;background-color:#57514c;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;color:#fff;font-family:Comic Sans MS,Comic Sans;font-size:100%;box-shadow:0 4px #302e2e;cursor:pointer}.control-select:focus{outline:0}.rarity-buttons button:disabled,.rarity-buttons select:disabled{opacity:.5;cursor:not-allowed}.rarity-button{border:none;border-radius:10px;min-width:10%;height:2.5rem;background-color:#57514c;color:#fff;font-size:100%;font-family:Comic Sans MS,Comic Sans;margin-left:1%;padding-left:10px;padding-right:10px;box-shadow:0 6.5px #302e2e;transform:translateY(-2.5px)}.rarity-button:enabled:active{box-shadow:0 1.5px #302e2e;transform:translateY(2.5px)}.rarity-button:disabled{box-shadow:0 1.5px #302e2e;transform:translateY(2.5px);background-color:#887b72}.rarity-button:focus{outline:0}.rarity-button-active-SSR{border:none;border-radius:10px;min-width:10%;height:2.5rem;background-color:#ffd54b;color:#995f1d;font-size:100%;font-family:Comic Sans MS,Comic Sans;font-weight:700;margin-left:1%;padding-left:10px;padding-right:10px;box-shadow:0 2px #995f1d;transform:translateY(2px)}.rarity-button-active-SSR:enabled:active{box-shadow:0 1.5px #995f1d;transform:translateY(2.5px)}.rarity-button-active-SSR:focus{outline:0}.rarity-button-active-SR{border:none;border-radius:10px;min-width:10%;height:2.5rem;background-color:#ccc;color:#494949;font-size:100%;font-family:Comic Sans MS,Comic Sans;font-weight:700;margin-left:1%;padding-left:10px;padding-right:10px;box-shadow:0 2px #494949;transform:translateY(2px)}.rarity-button-active-SR:enabled:active{box-shadow:0 1.5px #494949;transform:translateY(2.5px)}.rarity-button-active-SR:focus{outline:0}.rarity-button-active-R{border:none;border-radius:10px;min-width:10%;height:2.5rem;background-color:#9e886e;color:#352a1e;font-size:100%;font-family:Comic Sans MS,Comic Sans;font-weight:700;margin-left:1%;padding-left:10px;padding-right:10px;box-shadow:0 2px #352a1e;transform:translateY(2px)}.rarity-button-active-R:enabled:active{box-shadow:0 1.5px #352a1e;transform:translateY(2.5px)}.rarity-button-active-R:focus{outline:0}.rarity-button-active-all{border:none;border-radius:10px;background-color:#887b72;color:#fff;font-family:Comic Sans MS,Comic Sans;font-size:100%;font-weight:700;box-shadow:0 2px #302e2e;transform:translateY(2px)}.rarity-button-active-all:enabled:active{box-shadow:0 1.5px #302e2e;transform:translateY(2.5px)}.rarity-button-active-all:focus{outline:0}.rarity-button-active-holo{border:none;border-radius:10px;min-width:10%;height:2.5rem;background:linear-gradient(135deg,#ff6db6,#ffb964,#ffef5d,#57ffeb,#879dff,#d15eff);color:linear-gradient(135deg,#5f0030,#5c3200,#5a5100,#005a50,#001058,#36004b);font-size:100%;font-family:Comic Sans MS,Comic Sans;font-weight:700;margin-left:1%;padding-left:10px;padding-right:10px;box-shadow:0 2px #352a1e;transform:translateY(2px)}.rarity-button-active-holo:enabled:active{box-shadow:0 1.5px #352a1e;transform:translateY(2.5px)}.rarity-button-active-holo:focus{outline:0}.nav-buttons{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;margin-top:1rem}.page-controls{grid-column:2;display:flex;align-items:center;gap:.75rem;white-space:nowrap}.nav-buttons button{margin-bottom:1%;border:none;border-radius:10px;min-width:10%;height:2.5rem;background-color:#57514c;color:#fff;font-size:100%;font-family:Comic Sans MS,Comic Sans;margin-left:1%;margin-right:1%;padding-left:10px;padding-right:10px;box-shadow:0 5.5px #302e2e;transform:translateY(-2.5px)}.nav-buttons button:enabled:active{box-shadow:0 1.5px #302e2e;transform:translateY(1.5px)}.nav-buttons button:disabled{box-shadow:0 1.5px #302e2e;transform:translateY(1.5px);background-color:#887b72}.nav-buttons button:focus{outline:0}.nav-buttons .nav-button{min-width:2.75rem;margin:0;padding:0;font-size:150%;line-height:1}.nav-buttons .summary-button,.nav-buttons .nav-toggle-button{min-width:0;height:2.25rem;padding:0 .8rem;font-size:90%;font-weight:700}.nav-buttons .summary-button{grid-column:1;justify-self:start;margin:0 0 0 36%}.nav-holo-controls{justify-self:end;display:flex;gap:.5rem;margin-right:6%}.nav-buttons .nav-toggle-button{margin:0}.nav-buttons .nav-star-button{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;padding:0}.nav-buttons .nav-toggle-button-on{background:linear-gradient(135deg,#ff6db6,#ffb964,#ffef5d,#57ffeb,#879dff,#d15eff);color:#140e0a;box-shadow:0 2px #352a1e;transform:translateY(2px)}.nav-buttons .nav-toggle-button-on:enabled:active{box-shadow:0 1.5px #352a1e;transform:translateY(2.5px)}.grid-container{position:relative;display:inline-grid;grid-template-columns:repeat(5,20%);gap:.5rem 1%;right:2%;width:75%;margin:1%}.grid-item{background-color:#fffc;border-radius:10px;text-align:center}.grid-item-holo{border:2px solid transparent;background:linear-gradient(#f3ede8,#f3ede8) padding-box,linear-gradient(135deg,#ff9db8,#ffc98f,#f5e08a,#9fe0b0,#9dc8f5,#c9a8f0) border-box}.grid-flip .grid-item{animation:card-flip-in .45s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--card-index, 0) * .04s)}.grid-next .grid-item,.grid-prev .grid-item{animation:.26s ease-out backwards;animation-delay:calc(var(--card-index, 0) * 12ms)}.grid-next .grid-item{animation-name:card-slide-next}.grid-prev .grid-item{animation-name:card-slide-prev}.grid-sort .grid-item{animation:card-shuffle-in .32s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--card-index, 0) * 15ms)}@keyframes card-flip-in{0%{opacity:0;transform:perspective(600px) rotateY(90deg) scale(.9)}}@keyframes card-slide-next{0%{opacity:0;transform:translate(28px)}}@keyframes card-slide-prev{0%{opacity:0;transform:translate(-28px)}}@keyframes card-shuffle-in{0%{opacity:0;transform:translateY(-14px) rotate(-5deg)}}@media(prefers-reduced-motion:reduce){.grid-container .grid-item{animation:none}}.grid-item img{width:100%;height:auto}.grid-item-placeholder{aspect-ratio:1 / 1.082}.unit-app-all{border-radius:96px}.unit-app-results .grid-all{--all-columns: 10;--all-gap: .4rem;display:flex;flex-wrap:wrap;justify-content:center;right:0;width:96%;gap:var(--all-gap)}.grid-all .grid-item{box-sizing:border-box;flex:0 0 calc((100% - (var(--all-columns) - 1) * var(--all-gap)) / var(--all-columns))}.unit-app-all .nav-buttons{display:flex;justify-content:center}.unit-app-all .nav-buttons .summary-button{position:static;margin:0}.grid-all .grid-item img{aspect-ratio:1 / 1.082;object-fit:contain}.grid-all .gacha-count{width:85%;border-radius:6px;font-size:80%}.gacha-count{font-size:120%;font-family:Comic Sans MS,Comic Sans;font-weight:700;background-color:#c5b8af;color:#302e2e;border:none;border-radius:10px;width:75%;left:0;right:0;margin-right:auto;margin-left:auto;margin-bottom:2%}.gacha-count-holo{font-size:120%;font-family:Comic Sans MS,Comic Sans;font-weight:700;background:linear-gradient(135deg,#ffa6dd,#ffdd9e 25%,#fff29c 45%,#9effef,#b7bdff 75%,#dfbbff);color:#302e2e;border:none;border-radius:10px;width:75%;left:0;right:0;margin-right:auto;margin-left:auto;margin-bottom:2%}.dorklers-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background-color:#302e2ebf;animation:dorklers-fade .2s ease-out}.dorklers-panel{box-sizing:border-box;display:flex;flex-direction:column;width:min(1120px,95vw);height:92vh;padding:1rem;border-radius:20px;background-color:#c0a18d;font-family:Comic Sans MS,Comic Sans;color:#140e0a;animation:dorklers-rise .35s cubic-bezier(.22,1,.36,1)}.dorklers-panel .rarity-button{margin-left:0}.dorklers-header{display:flex;justify-content:center;padding-bottom:.9rem}.dorklers-header button{min-width:10rem}.dorklers-list{flex:1;min-height:0;display:grid;grid-template-columns:1fr;align-content:start;gap:.75rem;overflow-y:auto;overscroll-behavior:contain;padding-right:.5rem;outline:none}.dorklers-list::-webkit-scrollbar{width:12px}.dorklers-list::-webkit-scrollbar-track{border-radius:10px;background-color:#57514c40}.dorklers-list::-webkit-scrollbar-thumb{border-radius:10px;background-color:#57514c}.dorklers-list::-webkit-scrollbar-thumb:hover{background-color:#302e2e}@supports not selector(::-webkit-scrollbar){.dorklers-list{scrollbar-width:thin;scrollbar-color:rgb(87,81,76) rgba(87,81,76,.25)}}.dorkler-card{--art-scale: .6;flex-shrink:0;display:flex;gap:1rem;padding:.75rem;border-radius:14px;background-color:#f3ede8;animation:dorkler-rise .4s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.12s + var(--dorkler-index) * .05s)}.dorkler-card-rainbow{--art-scale: .42;--dorkler-color: transparent}.dorkler-tile{flex-shrink:0;box-sizing:border-box;display:flex;align-items:flex-end;justify-content:center;width:170px;height:214px;padding-bottom:8px;border:4px solid var(--dorkler-color);border-radius:10px;background-color:#fff}.dorkler-card-rainbow .dorkler-tile{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#ff6db6,#ffb964,#ffef5d,#57ffeb,#879dff,#d15eff) border-box}.dorkler-portrait{width:calc(var(--art-w) * var(--art-scale) * 1px);height:calc(var(--art-h) * var(--art-scale) * 1px);background-repeat:no-repeat;background-size:calc(1464 * var(--art-scale) * 1px) auto;background-position:calc(var(--art-x) * var(--art-scale) * -1px) calc(var(--art-y) * var(--art-scale) * -1px)}.dorkler-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.6rem}.dorkler-name{align-self:flex-start;margin:0;padding:.1rem .75rem;border-radius:8px;background-color:var(--dorkler-color);color:#fff;font-size:1.35rem;text-shadow:0 1px 2px rgba(48,46,46,.8)}.dorkler-card-rainbow .dorkler-name{background:linear-gradient(135deg,#ff6db6,#ffb964,#ffef5d,#57ffeb,#879dff,#d15eff)}.dorkler-quote{margin:0;padding:.4rem .7rem;border-left:5px solid var(--dorkler-color);border-radius:10px;background-color:#fff;font-style:italic;color:#302e2e}.dorkler-card-rainbow .dorkler-quote{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(180deg,#ff6db6,#ffb964,#ffef5d,#57ffeb,#879dff,#d15eff) border-box}.dorkler-trait-columns{display:flex;flex-wrap:wrap;gap:.5rem}.dorkler-traits{flex:1 1 auto;padding:.3rem .6rem;border-radius:10px}.dorkler-traits ul{margin:0;padding:0;list-style:none;font-weight:700}.dorkler-traits span{display:inline-block;width:.9rem}.dorkler-traits:first-child{background-color:#2e701a1f;color:#265e16}.dorkler-traits:last-child{background-color:#ba261c1a;color:#a82018}@keyframes dorklers-fade{0%{opacity:0}}@keyframes dorklers-fade-out{to{opacity:0}}@keyframes dorklers-rise{0%{opacity:0;transform:translateY(48px)}}@keyframes dorkler-rise{0%{opacity:0;transform:translateY(28px)}}@media(prefers-reduced-motion:reduce){.dorklers-overlay,.dorklers-panel,.dorkler-card{animation:none}}.dorklers-panel.summary-panel{width:min(560px,95vw);height:auto;max-height:92vh}.summary-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;overscroll-behavior:contain;outline:none}.summary-body section{flex-shrink:0;box-sizing:border-box;padding:.75rem 1rem;border-radius:14px;background-color:#f3ede8}.summary-hero{text-align:center}.summary-hero h2{margin:0;font-size:1.15rem;overflow-wrap:anywhere}.summary-percent{margin:0;font-size:3.25rem;font-weight:700;line-height:1.2}.summary-caption{margin:.4rem 0 0;color:#57514c;font-weight:700}.summary-meter{flex:1;height:12px;overflow:hidden;border-radius:6px;background-color:#57514c38}.summary-meter-fill{height:100%;border-radius:6px;background-color:#57514c}.summary-meter-fill-complete{background-image:linear-gradient(90deg,#ff6db6,#ffb964,#ffef5d,#57ffeb,#879dff,#d15eff,#ff6db6);background-size:200% 100%;animation:summary-rainbow-flow 5s linear infinite}@keyframes summary-rainbow-flow{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.summary-meter-fill-complete{animation:none}}.summary-body .summary-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:0;background:none}.summary-tile{display:flex;flex-direction:column;align-items:center;padding:.5rem .25rem;border-radius:14px;background-color:#f3ede8}.summary-tile-value{font-size:1.6rem;font-weight:700;line-height:1.2}.summary-tile-label{font-size:.8rem;font-weight:700;color:#57514c}.summary-rarities{display:flex;flex-direction:column;gap:.6rem}.summary-rarity{display:grid;grid-template-columns:3.25rem 1fr 4.5rem 5.5rem;align-items:center;gap:.6rem}.summary-rarity-SSR{--rarity-color: rgb(255, 213, 75);--rarity-ink: rgb(120, 72, 18)}.summary-rarity-SR{--rarity-color: rgb(170, 170, 170);--rarity-ink: rgb(30, 30, 30)}.summary-rarity-R{--rarity-color: rgb(158, 136, 110);--rarity-ink: rgb(40, 30, 20)}.summary-rarity-badge{padding:.05rem 0;border-radius:8px;background-color:var(--rarity-color);color:var(--rarity-ink);font-weight:700;text-align:center}.summary-rarity-count{font-weight:700;text-align:right}.summary-rarity-missing{font-size:.85rem;color:#57514c}.summary-body .summary-favorite{display:flex;align-items:center;gap:1rem}.summary-favorite img{width:96px;border-radius:10px;background-color:#fff}.summary-favorite div{display:flex;flex-direction:column}@media(max-width:560px){.summary-body .summary-tiles{grid-template-columns:repeat(2,1fr)}.summary-rarity{grid-template-columns:3.25rem 1fr 4rem}.summary-rarity-missing{grid-column:2 / -1;margin-top:-.4rem}}.rates-bubble{position:fixed;right:1.25rem;bottom:1.25rem;z-index:50;width:3.25rem;height:3.25rem;overflow:hidden;border-radius:1.625rem;background-color:#9cd6ca;box-shadow:0 5px #54968a;font-family:Comic Sans MS,Comic Sans;color:#12302c;transition:width .32s cubic-bezier(.22,1,.36,1),height .32s cubic-bezier(.22,1,.36,1),border-radius .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease-out,transform .1s}.rates-bubble:not(.rates-bubble-open):active{box-shadow:0 2px #54968a;transform:translateY(3px)}.rates-bubble-open{width:13rem;height:var(--rates-height);border-radius:16px;box-shadow:0 6px 18px #302e2e73}.rates-button{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:none;border-radius:0;background:none;color:inherit;font-family:inherit;font-size:1.5rem;font-weight:700;transition:opacity .12s,visibility .12s}.rates-button:focus{outline:0}.rates-bubble-open .rates-button{opacity:0;visibility:hidden}.rates-panel{position:absolute;right:0;bottom:0;box-sizing:border-box;width:13rem;padding:.75rem 1rem 3.25rem;opacity:0;visibility:hidden;transition:opacity .12s,visibility .12s}.rates-bubble-open .rates-panel{opacity:1;visibility:visible;transition:opacity .2s .12s,visibility 0s .12s}.rates-close{position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;padding:0;border:none;background:none;color:inherit}.rates-close:focus{outline:0}.rates-panel h2{margin:0 0 .5rem;font-size:1.05rem;text-align:center}.rates-panel dl{display:flex;flex-direction:column;gap:.4rem;margin:0;padding:.55rem .5rem;border-radius:10px;background-color:#fff9}.rates-row{display:flex;align-items:center;justify-content:center;gap:.9rem}.rates-row dd{min-width:3.5rem;margin:0;font-weight:700;text-align:right}.rates-badge{min-width:4rem;padding:.05rem .4rem;border-radius:8px;box-sizing:border-box;font-weight:700;text-align:center}.rates-badge-R{background-color:#9e886e;color:#281e14}.rates-badge-SR{background-color:#aaa;color:#1e1e1e}.rates-badge-SSR{background-color:#ffd54b;color:#784812}.rates-badge-SSR-plus{background:linear-gradient(135deg,#ffa6dd,#ffdd9e 25%,#fff29c 45%,#9effef,#b7bdff 75%,#dfbbff);color:#140e0a}@media(prefers-reduced-motion:reduce){.rates-bubble,.rates-button,.rates-panel,.rates-bubble-open .rates-panel{transition:none}}.dorklers-overlay.dorklers-overlay-closing{animation:dorklers-fade-out .15s ease-in forwards}@media(max-width:699px){.unit-app{width:100%!important;border-radius:24px}.unit-app-results .grid-container{grid-template-columns:repeat(3,1fr)!important;right:0;margin:0 0 .5rem}.unit-app-results .grid-all{--all-columns: 5}.rarity-buttons{width:96%;margin-top:.75rem;margin-bottom:.75rem}.rarity-buttons:not(.rarity-buttons-open){padding:0}.rarity-buttons:not(.rarity-buttons-open)>:not(.filter-label){display:none}.filter-label{width:100%;min-height:2.75rem;pointer-events:auto}.filter-label:after{content:" ▾"}.rarity-buttons-open .filter-label:after{content:" ▴"}.filter-group button,.control-select,.view-switch button{height:2.75rem}.nav-buttons .nav-button{min-width:3.25rem;height:2.75rem}.nav-buttons .nav-toggle-button{min-height:2.5rem}}@media(min-width:1260px)and (max-width:1560px){.rarity-buttons{gap:.5rem;padding-left:.6rem;padding-right:.6rem}.filter-group{gap:.25rem}.filter-group button,.view-switch button{padding:0 .5rem}.control-select{padding:0 1.6rem 0 .55rem;background-position:right .45rem center}}@media(min-width:700px){.unit-app-results{--grid-chrome: calc(3.6vw + 489px) ;--grid-scale: .924;--grid-min: 40%;--grid-max: 75%;--grid-width: clamp(var(--grid-min), calc((100vh - var(--grid-chrome)) * var(--grid-scale)), var(--grid-max))}}@media(min-width:976px){.unit-app-results{--grid-chrome: calc(3.25vw + 446px) ;--grid-scale: 1.541;--grid-min: 40%;--grid-max: 86%}}@media(min-width:1260px){.unit-app-results{--grid-chrome: calc(3.25vw + 397px) }}@media(min-width:1400px){.unit-app-results{--grid-chrome: calc(3.25vw + 345px) }.nav-buttons{position:relative;min-height:2.5rem}.nav-buttons .summary-button{position:absolute;top:0;bottom:0;left:min(48% - var(--grid-width) * .5 + 3rem,50% - 12.5rem);margin:auto 0}.nav-holo-controls{position:absolute;top:0;bottom:0;right:max(.75rem,min(52% - var(--grid-width) * .54 + 3rem,50% - 18rem));align-items:center;margin:0}}@media(max-width:1399px){.nav-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem .5rem}.page-controls{order:-1;flex-basis:100%;justify-content:center}.nav-buttons .summary-button{min-height:2.5rem;margin:0}.nav-holo-controls{margin:0}}@media(min-width:1180px){.dorklers-list{grid-template-columns:repeat(2,1fr)}.dorkler-card-rainbow{box-sizing:border-box;grid-column:1 / -1;justify-self:center;width:calc(50% - .375rem)}}@media(max-width:560px){.search-bar .search-bar-about{margin-left:0}.dorkler-trait-columns{flex-wrap:nowrap;gap:.35rem;font-size:.85rem}.dorkler-traits{padding:.3rem .4rem}.dorkler-card{flex-direction:column;align-items:stretch}.dorkler-tile{width:100%}}
