: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}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}}#root{text-align:center;background-color:#000;min-height:125vh;color:#fff;font-family:Helvetica,Arial,sans-serif;font-weight:700;background-image:url(https://i.imgur.com/Ynnuzch.png);z-index:0}.sidebars{position:fixed;height:100%;top:50px;left:50px;-moz-user-select:none;-webkit-user-select:none;user-select:none;pointer-events:none}.caption{font-size:8}.sidebars2{position:fixed;height:100%;bottom:50px;right:50px;-moz-user-select:none;-webkit-user-select:none;user-select:none;pointer-events:none}.buttonholder{display:flex;flex-direction:row;gap:10px;justify-content:center;align-items:center}.octagon{width:50px;--c: #00cfff;aspect-ratio:1;box-shadow:0 0 0 6px inset var(--c);border-image:conic-gradient(var(--c) 0 0) 50%/ calc(50% - 4px);--o: calc(50%*tan(-22.5deg)) ;clip-path:polygon(var(--o) 50%,50% var(--o),calc(100% - var(--o)) 50%,50% calc(100% - var(--o)));background:#fff}.retryButton{background-color:#ffcf00;height:55px;color:#000;font-weight:700;font-size:100%;transition:all .25s ease-in-out;margin:5px}.glow-button:hover{background-color:#fff;box-shadow:0 5px 15px #915cb699;box-shadow:inset 0 0 12px 4px #ffcf0080}.bigHeader{padding-top:50px}.logoImg{object-fit:cover;width:50%}.card{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;gap:10px}.gridholder{display:flex;flex-direction:column;max-width:100vw;width:min(60%,800px);gap:5px;flex:1 1 0px;font-size:clamp(.85rem,1.5vw,1.5rem)}.gridRev{flex-direction:column-reverse}.selectBar{width:30%;color:#000;padding-bottom:20px;padding-top:20px}.normalText{font-weight:500;font-size:clamp(.85rem,1.5vw,1.5rem);padding-bottom:20px}.listItem{font-weight:500;font-size:clamp(.85rem,1.5vw,1.5rem)}.gridcolrow{display:flex;flex-direction:row;border:black;align-items:center;justify-content:center;gap:5px;height:100%}@keyframes flipOnce{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}.gridelem{scrollbar-color:rgba(0,206,255,.9) rgba(0,0,0,.4);scrollbar-width:thin;animation:.5s ease-out 0s 1 flipOnce;border-width:.5px;width:20%;height:100%;max-height:155px;align-items:center;justify-content:center;color:#fff;background-color:#00c8ff33;border-radius:10px;display:flex;flex-wrap:wrap;overflow-y:auto}.gridhead .gridelem{border:solid 2px white;animation:none;height:65px;background-color:#00c8ffa6;padding:5px;font-size:clamp(.85rem,1.5vw,1.3rem)}.infobar{display:flex;height:50px;flex-direction:row;justify-content:center;align-items:center;gap:10px}.diffLvl{height:60px}.diffIcon{height:100%;cursor:pointer;transition:all .25s ease-in-out}.diffIcon:hover{scale:115%}.diffText{font-size:clamp(.85rem,1.5vw,1.3rem)}.greyDiff{opacity:50%}.infobutton{display:flex;justify-content:center;align-items:center;border:solid 2px white;border-radius:10px;padding-left:15px;padding-right:15px;height:100%;background-color:#00c8ffa6;font-size:clamp(.85rem,1.5vw,1.3rem)}.txtbox{width:70%}.break{padding-top:100px}.profilePic{width:100%;background-image:linear-gradient(#3c3c85,#49afbd);border-radius:5px}.profileHolder{margin:2px;border-style:solid;border-width:2px;border-radius:10px;border-top:solid 5px;background-color:#fff}.profileText{color:#000;display: block;line-height: 80%;font-size:clamp(.75rem,1vw,1rem);position:relative;bottom:2px}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:#000;color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:1}.tooltip:hover .tooltiptext{visibility:visible}.gridheader{height:50px;color:#fff}.match-correct{filter:hue-rotate(60)}.iconPic{height:95%;width:95%}.match-partial img{filter:hue-rotate(220deg)}.match-partial .colorText{color:#ff0}.match-correct .colorText{color:#0ff}.match-incorrect .iconPic{filter:hue-rotate(150deg)}.match-incorrect .colorText{color:red}@media only screen and (max-width: 1200px){.selectBar{width:70%}.gridholder{width:80%}.sidebars{position:fixed;height:50%;top:25px;left:25px;z-index:-1}.sidebars2{position:fixed;height:50%;bottom:25px;right:25px;z-index:-1}.gridelem{font-size:clamp(.85rem,1.5vw,2rem)}}@media only screen and (max-width: 800px){.gridholder{width:98%}.selectBar{width:90%}.gridelem{max-height:125px}}@media only screen and (max-width: 500px){.gridholder{width:98%}.selectBar{width:90%}.gridelem{max-height:75px}}.spacer{margin:10px}.spacer2{margin-bottom:120px}