@charset "UTF-8";body.tour-open{overflow:hidden}ngx-guided-tour .guided-tour-user-input-mask{z-index:1081}ngx-guided-tour .guided-tour-spotlight-overlay{z-index:1082}ngx-guided-tour .tour-orb{z-index:1079;background-color:#625aff;box-shadow:0 0 .3rem .1rem #625aff}ngx-guided-tour .tour-orb .tour-orb-ring:after{border:1rem solid #625aff;box-shadow:0 0 .1rem .1rem #625aff}ngx-guided-tour .tour-step{z-index:1083}ngx-guided-tour .tour-step.tour-bottom .tour-arrow:before,ngx-guided-tour .tour-step.tour-bottom-right .tour-arrow:before,ngx-guided-tour .tour-step.tour-bottom-left .tour-arrow:before{width:0;height:0;content:"";z-index:2;border-bottom:1rem solid #ffffff;border-left:1rem solid transparent;border-right:1rem solid transparent}ngx-guided-tour .tour-step.tour-top .tour-arrow:before,ngx-guided-tour .tour-step.tour-top-right .tour-arrow:before,ngx-guided-tour .tour-step.tour-top-left .tour-arrow:before{width:0;height:0;content:"";z-index:2;border-top:1rem solid #ffffff;border-left:1rem solid transparent;border-right:1rem solid transparent}ngx-guided-tour .tour-step.tour-left .tour-arrow:before{width:0;height:0;content:"";z-index:2;border-left:1rem solid #ffffff;border-bottom:1rem solid transparent;border-top:1rem solid transparent}ngx-guided-tour .tour-step.tour-right .tour-arrow:before{width:0;height:0;content:"";z-index:2;border-right:1rem solid #ffffff;border-bottom:1rem solid transparent;border-top:1rem solid transparent}ngx-guided-tour .tour-step .tour-block{color:#231f1f;background-color:#fff;box-shadow:0 .4rem .6rem #4c4c4c}ngx-guided-tour .tour-step .tour-buttons button.skip-button{color:#5e5e5e}ngx-guided-tour .tour-step .tour-buttons .back-button{color:#007bff}ngx-guided-tour .tour-step .tour-buttons .next-button{background-color:#007bff;color:#fff}ngx-guided-tour .tour-step .tour-buttons .next-button:hover{background-color:#0069d9;color:#fff}button img,a img{width:16px;height:16px}.scoreboard{font-weight:700}a{font-size:small;text-decoration:none!important}button img{filter:invert(1)}body{background-color:transparent;transition:background-color 1s ease}.top-0{top:0}html,input,*{outline:none;font-family:Rubik,sans-serif!important}#attempts-log{margin-top:20px;max-height:600px;overflow-y:auto}input{background:transparent;text-align:center}.skip{position:absolute;right:0;bottom:50%;cursor:pointer;padding:10px;box-shadow:5px 0 8px #1121;transform:translate(50%,50%);background:#fff;border-radius:50%}.attempt-item{padding:5px;border-width:2px;cursor:pointer;border-style:solid;box-shadow:0 0 9px #1121;border-radius:5px;margin-bottom:10px;background-color:#f2f3f3;color:#2c3e50;animation:fadeIn .5s ease}.attempt-item p{margin:0;position:relative}#difficulty img{filter:saturate(0)}h1{padding:50px;color:#0002}.scoreboard p{display:flex}.scoreboard p span{margin:auto}p b{padding:2px;margin:2px;display:inline-block;width:20px;height:20px;background:#fff;text-transform:uppercase;border-radius:4px}.scoreboard p:nth-child(1){filter:invert(100%) sepia(100%) brightness(.4) saturate(10000%) hue-rotate(318deg)}.scoreboard p:nth-child(2){filter:invert(100%) sepia(100%) brightness(.4) saturate(10000%) hue-rotate(183deg)}[data-score]:after{content:attr(data-score);color:#000;font-family:Rubik,sans-serif;font-weight:700;background-color:#fff;border-radius:3px;padding:5px;font-size:x-small}.popping{transform:scale(0);margin-right:.5rem;animation:popIn .3s ease-in-out forwards}#message{opacity:.5;margin:.2em;padding:5px;display:block}@keyframes popIn{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}[data-message]{position:relative}[data-message]:before{content:attr(data-message);position:absolute;top:-100%;left:0;width:100%;font-size:large;color:#fff}.w-100{width:100%!important}body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Ccircle cx='5' cy='5' r='1' fill='%230002' /%3E%3C/svg%3E");color:#2b2c2f;display:flex;position:fixed;width:100vw;justify-content:center;align-items:center;height:100vh;margin:0}#icons{position:fixed;top:0;display:flex;margin:0;text-align:center;align-items:center;left:0;height:50vw;width:50vw;font-size:larger;color:#fff;background:radial-gradient(circle at 0% 0%,rgba(17,17,34,.5333333333) 0%,rgba(0,0,0,0) 50%)}#color{position:fixed;bottom:0;display:flex;margin:0;text-align:center;align-items:center;left:0;height:30vmax;width:30vw;font-size:1vmin;color:#0006}#color h5{font-size:3vmin}#difficulty,#corrstrike{position:fixed;bottom:0;display:flex;pointer-events:none;margin:0;vertical-align:center;text-align:center;align-items:center;right:0;height:min-content;width:-moz-fit-content;width:fit-content;font-size:larger;color:#112;background:radial-gradient(circle at 100% 100%,rgba(17,17,34,.5333333333) 0%,rgba(0,0,0,0) 50%)}.grays button,button.grays{filter:invert(1) saturate(0)}#picker{width:50%}h1,h2,h3,h4,h5,h6{margin:.5rem}nav{z-index:9999}.container{text-align:center;min-width:50vmin;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #eef;position:relative;padding:10px;border-radius:10px;box-shadow:0 0 30px #0000051a}.dropdown-menu{text-align:center;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #eef;padding:10px;border-radius:10px;box-shadow:0 0 30px #0000051a}nav:after{content:"Over here for other modes";position:absolute;left:50%;top:2rem;opacity:1;pointer-events:none;transform:translate(-50%);font-size:small}nav:hover *{opacity:1;pointer-events:all}nav{pointer-events:hover}nav *{opacity:0;pointer-events:none;transition:all 1s}nav:hover:after{opacity:0}h1{font-size:2.5rem;margin-bottom:20px;animation:fadeIn 1s ease}.container:has(.not-playing){pointer-events:none}.container:has(.not-playing)>:not(app-scoreboard){display:none!important}.players .hide{width:0}.players:hover .hide{width:unset}body.sadness{-webkit-user-select:none;user-select:none;pointer-events:none;transition:all 5s}.scoreboard{display:flex;justify-content:space-around}.color-box-small{width:12vmax;height:30px;margin:auto;display:flex;border:2px solid #eee;border-radius:10px;animation:popIn .5s ease}.color-box{width:12vmax;aspect-ratio:1;background-color:#000;margin:0 auto 20px;border:2px solid #eee;border-radius:10px;animation:popIn .5s ease}input,span.input{padding:10px;font-size:1.2rem;border-radius:5px;margin:0!important;border:none;margin-bottom:10px;width:50%}button{padding:.2rem;font-size:small;border:none;border-radius:5px;margin:5px;color:#fff;cursor:pointer;transition:background-color .3s ease}.badge{background:#fff;width:-moz-fit-content;width:fit-content;padding:3px;display:flex;font-size:small;border-radius:5px;margin:auto}button:hover{background-color:#40f}.version-selector{margin-top:1rem}button{background-color:#3a00da}button.active{background-color:#40f}#picker{width:-moz-fit-content;width:fit-content;margin:auto}.mb-2{display:block;margin-bottom:1rem}.text-muted{color:gray}.d-flex{display:flex!important}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.m-auto{margin:auto!important}input{margin:0}.mt-2{margin-top:3rem;display:block}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);pointer-events:none}@keyframes floating{0%,to{transform:translateY(-50%) rotate(-6deg)}50%{transform:translateY(-60%) rotate(6deg)}}.gu-hide{left:-9999px!important}.gu-unselectable{-webkit-user-select:none!important;user-select:none!important}.gu-blocked{pointer-events:none!important;-webkit-user-select:none;user-select:none}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}.players{justify-content:center;font-size:smaller;font-weight:700}.players>p:has(img){filter:invert(100%) sepia(100%) brightness(.4) saturate(10000%) hue-rotate(318deg);font-size:small}body:has(app-cohex-home,app-cohex-story,app-cohex-collection,app-cohex-image-of-day) #nope img{filter:invert(1)}body:has(app-cohex-home,app-cohex-story,app-cohex-collection,app-cohex-image-of-day) #color,body:has(app-cohex-home,app-cohex-story,app-cohex-collection,app-cohex-image-of-day) #difficulty,body:has(app-cohex-home,app-cohex-story,app-cohex-collection,app-cohex-image-of-day) #corrstrike,body:has(app-cohex-home,app-cohex-story,app-cohex-collection,app-cohex-image-of-day) #nope{color:#fff!important}body:has(app-cohex-home,app-cohex-story,app-cohex-collection,app-cohex-image-of-day) .invert-0{filter:invert(1)!important}body:has(app-cohex-home,app-cohex-story,app-cohex-collection,app-cohex-image-of-day) nav{filter:invert(1)!important;font-weight:600}body:has(app-cohex-home,app-cohex-story,app-cohex-collection,app-cohex-image-of-day) nav *:not(.dropdown-menu){opacity:1!important}body:has(app-cohex-home,app-cohex-story,app-cohex-collection,app-cohex-image-of-day) nav .dropdown-menu{background:var(--light);color:#fff}body:has(app-cohex-home,app-cohex-story,app-cohex-collection,app-cohex-image-of-day) nav:after{opacity:0!important}nav ul{justify-content:center}.invert-1{filter:invert(1)}*{outline:none!important}@media screen and (max-width: 600px){.grid{max-width:100%!important}.container:has(.grid){max-width:70vmin!important}.container{min-width:80vmin!important}}[dragula]>*{touch-action:none}[dndHandle]{width:100%;aspect-ratio:1}body.swal2-shown.swal2-height-auto{height:100%!important}.container:has(.players) #reset-button{display:none}.linked{cursor:url(https://img.icons8.com/plumpy/24/ask-question.png),pointer!important}*{cursor:url(c.70231d1bf3f08aa0.png),auto!important}button,img,input,.cursor-pointer,a{cursor:url(p.e598d01fcc73ba61.png),pointer!important}.dragging *{cursor:url(m.e07b645fc1bdd014.png),pointer!important}ngx-guided-tour *{border-radius:5px!important}.tour-step{z-index:99999}.invert-0{filter:invert(0)}.opacity-50{opacity:.5}@keyframes stretch{0%{width:20px}60%{width:50px}80%{width:35px}90%{width:47px}to{width:42px}}.oo{border-radius:20px;width:20px;border:5px solid #fff;height:21.5px;display:inline-block;animation:stretch 1.5s ease-in-out forwards;animation-delay:2s}.iub__us-widget,footer{position:fixed;bottom:0;left:0;width:100%;gap:1rem;display:flex;justify-content:center}body>.iubenda-uspr-btn>a{padding:.25rem!important;font-size:x-small!important}.iubenda-uspr-btn{opacity:.5}app-root .iubenda-embed:not(.no-brand):not(.iubenda-nostyle){background-image:none!important;padding-left:inherit!important;box-shadow:0 0 10px #0002!important;border:none!important;transition:all .5s!important}body>.iubenda-tp-btn.iubenda-cs-preferences-link{bottom:unset!important;scale:.7;top:40px!important}html{width:100vw;height:100vh;transition:background 1s}#attempts-log:empty{padding:1.5rem;position:relative}#attempts-log:empty:before{content:"Attempts here";font-size:small;position:absolute;inset:1rem;width:auto;text-align:center;color:var(--secondary)}.tutorial-refresh-button{bottom:calc(50% - 3.5rem)}:root{--bgColorMenu: #000000}#nope{position:fixed;top:0;display:none;text-align:center;animation:fadeIn 1s ease;right:0;padding:2rem;background:radial-gradient(circle at 100% 0%,rgba(17,17,34,.5333333333) 0%,rgba(0,0,0,0) 50%)}#nope img{animation:1s illuing infinite alternate ease-in-out}@keyframes illuing{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}.star{aspect-ratio:1;position:absolute;background-size:100%;animation:float 10s infinite ease-in-out alternate;background-image:url(https://static.vecteezy.com/system/resources/thumbnails/021/508/536/small/white-star-shotting-star-transparent-bokeh-stars-free-free-png.png)}:root{--sh-ink: #1d1d2b;--sh-muted: #6b6b80;--sh-surface: rgba(255, 255, 255, .92);--sh-surface-2: #f4f4fa;--sh-line: rgba(30, 30, 70, .08);--sh-accent: #4b2bff;--sh-accent-2: #8a3bff;--sh-radius: 20px;--sh-radius-sm: 12px;--sh-shadow: 0 1px 2px rgba(20, 20, 60, .06), 0 12px 40px rgba(20, 20, 60, .12);--sh-shadow-sm: 0 2px 10px rgba(20, 20, 60, .08)}body{color:var(--sh-ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}app-root{position:fixed;inset:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}#main{flex:1 0 auto;display:flex;width:100%}#main>router-outlet+:not(app-cohex-home):not(app-cohex-story):not(app-cohex-collection):not(app-cohex-image-of-day):not(app-cohex-ball){display:block;margin:auto;width:100%;max-width:1100px;padding:clamp(4.5rem,9vh,6rem) clamp(.5rem,3vw,1.5rem) 6.5rem}#main>router-outlet+:not(app-cohex-home):not(app-cohex-story):not(app-cohex-collection):not(app-cohex-image-of-day):not(app-cohex-ball)>.d-flex.align-items-center{justify-content:center;gap:clamp(.5rem,2vw,1.5rem)}#main>router-outlet+:not(app-cohex-home):not(app-cohex-story):not(app-cohex-collection):not(app-cohex-image-of-day):not(app-cohex-ball)>.d-flex.align-items-center>h1{writing-mode:vertical-rl;padding:0;margin:0;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1e1e4614;-webkit-user-select:none;user-select:none;pointer-events:none}#main>router-outlet+:not(app-cohex-home):not(app-cohex-story):not(app-cohex-collection):not(app-cohex-image-of-day):not(app-cohex-ball)>.d-flex.align-items-center>h1:first-child{transform:rotate(180deg)}#main>app-cohex-home,#main>app-cohex-story,#main>app-cohex-collection,#main>app-cohex-image-of-day,#main>app-cohex-ball{display:block;width:100%}.container{min-width:min(50vmin,100%);max-width:min(640px,100%);padding:clamp(.75rem,2.5vw,1.5rem);background:var(--sh-surface);border:1px solid var(--sh-line);border-radius:var(--sh-radius);box-shadow:var(--sh-shadow);animation:cardIn .45s cubic-bezier(.2,.8,.2,1)}.container h5{font-weight:700;letter-spacing:-.01em}@keyframes cardIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}button{padding:.45rem .75rem;font-size:.85rem;font-weight:600;border-radius:10px;background:linear-gradient(135deg,var(--sh-accent),var(--sh-accent-2));box-shadow:0 4px 14px #4b2bff40;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}button:hover{background:linear-gradient(135deg,var(--sh-accent),var(--sh-accent-2));transform:translateY(-1px);box-shadow:0 6px 18px #4b2bff59}button:active{transform:translateY(0) scale(.97)}button:focus-visible,a:focus-visible,input:focus-visible{box-shadow:0 0 0 3px #4b2bff59!important}button.active{background:linear-gradient(135deg,#2a12c9,var(--sh-accent))}.version-selector{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:.25rem;padding:.25rem;border-radius:14px;background:var(--sh-surface-2)}.version-selector button{margin:0;box-shadow:none}.menu__item,.menu__item:hover,.navbar-toggler,#color,#color:hover{box-shadow:none!important;transform:none!important}#color,#color:hover{border-radius:0}input,span.input{background:var(--sh-surface-2);border:2px solid transparent;border-radius:var(--sh-radius-sm);font-weight:600;letter-spacing:.12em;color:var(--sh-ink);transition:border-color .2s ease,background .2s ease;max-width:100%}input:focus{background:#fff;border-color:var(--sh-accent)}input::placeholder{color:#b5b5c6}.color-box{width:clamp(110px,12vmax,190px);border:4px solid #fff;border-radius:22px;box-shadow:var(--sh-shadow-sm),inset 0 0 0 1px #0000000a;transition:transform .25s ease}.color-box:hover{transform:scale(1.02)}.color-box-small{width:clamp(110px,12vmax,190px);height:36px;align-items:center;border:3px solid #fff;border-radius:12px;box-shadow:var(--sh-shadow-sm)}.color-box-circle{border-color:#fff!important;box-shadow:var(--sh-shadow-sm)!important;transition:transform .2s ease}.color-box-circle:hover{transform:scale(1.05)}.badge{align-items:center;gap:.25rem;padding:3px 8px;font-weight:700;border-radius:999px;box-shadow:var(--sh-shadow-sm)}.scoreboard{gap:.5rem;margin:.5rem 0}.scoreboard p{align-items:center;gap:.35rem;margin:0;padding:.3rem .75rem;border-radius:999px;background:var(--sh-surface-2)}#attempts-log{margin-top:1rem;max-height:min(600px,45vh);padding:0 .25rem;scrollbar-width:thin}.attempt-item{padding:.5rem;border-width:0 0 0 6px;border-radius:var(--sh-radius-sm);background-color:var(--sh-surface-2);box-shadow:none;margin-bottom:.5rem;transition:transform .15s ease,background-color .2s ease}.attempt-item:hover{background-color:#ececf6;transform:translate(2px)}p b{width:24px;height:24px;line-height:20px;border-radius:6px;box-shadow:0 1px 2px #14143c1a}.skip{padding:12px;line-height:0;box-shadow:var(--sh-shadow-sm);transition:transform .3s ease}.skip:hover{transform:translate(50%,50%) rotate(-180deg)}nav.navbar{padding-top:.75rem}nav .nav-link{border-radius:999px;padding:.35rem .75rem!important;color:var(--sh-ink)!important;font-weight:500;transition:background .2s ease}nav .nav-link:hover,nav .nav-link.active{background:rgba(75,43,255,.08)}nav .dropdown-menu{border:1px solid var(--sh-line);border-radius:14px;box-shadow:var(--sh-shadow)}@media (hover: none){nav *{opacity:1;pointer-events:all}nav:after{display:none}}.swal2-popup{border-radius:var(--sh-radius)!important;box-shadow:var(--sh-shadow)!important}.swal2-styled.swal2-confirm{background:linear-gradient(135deg,var(--sh-accent),var(--sh-accent-2))!important;border-radius:10px!important}.seo-shell{max-width:640px;margin:auto;padding:2rem 1rem;text-align:center}.seo-shell img{width:96px;height:96px}.seo-shell h1{padding:1rem 0 .5rem;color:var(--sh-ink);font-size:clamp(1.6rem,5vw,2.4rem)}.seo-shell p{color:var(--sh-muted)}.seo-shell ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;background:none}.seo-shell li{padding:.3rem .7rem;border-radius:999px;background:var(--sh-surface-2);font-size:.85rem}@media (max-width: 900px){#main>router-outlet+:not(app-cohex-home):not(app-cohex-story):not(app-cohex-collection):not(app-cohex-image-of-day):not(app-cohex-ball)>.d-flex.align-items-center>h1{display:none}}@media (max-width: 600px){#main>router-outlet+:not(app-cohex-home):not(app-cohex-story):not(app-cohex-collection):not(app-cohex-image-of-day):not(app-cohex-ball){padding:4.5rem .5rem 9.5rem}.container,.container:has(.grid){width:100%;min-width:0!important;max-width:100%!important;border-radius:16px}.color-grid,.grid{grid-gap:6px!important;max-width:100%!important}input,span.input{font-size:1rem;width:60%}button{min-height:40px;min-width:40px}p b{width:22px;height:22px;margin:1px}.skip{right:8px;transform:translateY(50%)}.skip:hover{transform:translateY(50%) rotate(-180deg)}.swal2-popup{width:calc(100vw - 1.5rem)!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}