.color-recall-game{--cr-cp:30px;--cr-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--cr-game-w:100%;--cr-game-h:100dvh;--cr-game-radius:0;width:var(--cr-game-w);height:var(--cr-game-h);max-height:var(--cr-game-h);border-radius:var(--cr-game-radius);font-family:var(--cr-font);color:#fff;-webkit-font-smoothing:antialiased;background:#000;flex-shrink:0;transition:height .35s;position:relative;overflow:hidden}.color-recall-game .cr-round-indicator{top:var(--cr-cp);left:var(--cr-cp);z-index:10;letter-spacing:1.92px;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:500;line-height:19px;position:absolute}.color-recall-game .cr-watermark{z-index:10;color:#fff;opacity:.5;letter-spacing:-.56px;pointer-events:none;font-size:14px;line-height:1;position:absolute}.color-recall-game .cr-watermark-bottom-right{right:var(--cr-cp);bottom:var(--cr-cp)}.color-recall-game .cr-watermark-top-right{right:var(--cr-cp);top:var(--cr-cp)}.color-recall-game .cr-go-btn{bottom:var(--cr-cp);right:var(--cr-cp);z-index:10;cursor:pointer;color:#000;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:0;transition:transform .15s;display:flex;position:absolute}@media (hover:hover){.color-recall-game .cr-go-btn:hover{transform:scale(1.02)}}.color-recall-game .cr-go-btn:active{transform:scale(.97)}.color-recall-game .cr-go-btn svg{width:24px;height:24px}.color-recall-game .cr-display-xl{font-family:var(--cr-font);letter-spacing:-2.76px;font-variant-numeric:tabular-nums;font-size:min(92px,18vw);font-weight:500;line-height:1}.color-recall-game .cr-label-sm{letter-spacing:-.24px;font-size:12px;font-weight:500;line-height:19px}.color-recall-game .cr-body-lg{letter-spacing:-.42px;font-size:21px;font-weight:500;line-height:1.2}@keyframes cr-num-slide-out{0%{filter:blur();opacity:1;transform:translateY(0)}to{filter:blur(4px);opacity:0;transform:translateY(22%)}}@keyframes cr-num-slide-in{0%{filter:blur(4px);opacity:0;transform:translateY(-22%)}to{filter:blur();opacity:1;transform:translateY(0)}}.color-recall-game .cr-num-out{animation:.12s ease-in forwards cr-num-slide-out}.color-recall-game .cr-num-in{animation:.15s ease-out forwards cr-num-slide-in}.color-recall-game .cr-desc-animate{animation:.4s ease-out forwards cr-desc-fade-in}@keyframes cr-desc-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.color-recall-game .cr-intro{background:#000;flex-direction:column;min-height:100%;display:flex}.color-recall-game .cr-intro-brand{padding:33px var(--cr-cp)0;letter-spacing:-.56px;color:#fff;font-size:14px;font-weight:500;line-height:1}.color-recall-game .cr-intro-title{margin:30px 0 0 var(--cr-cp);letter-spacing:-5.52px;font-size:min(92px,22vw);font-weight:500;line-height:1}.color-recall-game .cr-intro-body{margin:auto 0 180px var(--cr-cp);letter-spacing:-.42px;color:#fff9;max-width:338px;font-size:21px;font-weight:500;line-height:1.2}.color-recall-game .cr-intro-body p{margin-bottom:17px}.color-recall-game .cr-intro-body p:last-child{margin-bottom:0}.color-recall-game .cr-intro-actions{bottom:124px;left:var(--cr-cp);right:calc(var(--cr-cp) + 84px);z-index:10;align-items:center;gap:20px;display:flex;position:absolute}.color-recall-game .cr-intro-daily-wrap{bottom:124px;right:var(--cr-cp);z-index:10;position:absolute}.color-recall-game .cr-intro-mode-btn{aspect-ratio:1;cursor:pointer;color:#000;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;padding:0;transition:transform .3s;display:flex;box-shadow:0 2px 8px #00000026}.color-recall-game .cr-intro-mode-btn svg{width:29px;height:29px}@media (hover:hover){.color-recall-game .cr-intro-mode-btn:not(:disabled):hover{transform:scale(1.04)}}.color-recall-game .cr-intro-mode-btn:disabled{opacity:.38;cursor:not-allowed}.color-recall-game .cr-intro-mode-btn:active:not(:disabled){transform:scale(.94)}.color-recall-game .cr-mode-toggle{cursor:pointer;letter-spacing:-.34px;color:#fff;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:64px;padding:0;font-family:inherit;font-size:17px;font-weight:500;transition:opacity .15s;display:flex}@media (hover:hover){.color-recall-game .cr-mode-toggle:hover{opacity:.85}}.color-recall-game .cr-mode-pill{border:1.5px solid;border-radius:999px;width:47px;height:19px;position:relative}.color-recall-game .cr-mode-tick{background:currentColor;border-radius:999px;width:2.5px;height:2.5px;transition:opacity .2s;position:absolute;top:50%;transform:translate(-50%,-50%)}.color-recall-game .cr-mode-tick:first-of-type{left:18%}.color-recall-game .cr-mode-tick:nth-of-type(2){left:50%}.color-recall-game .cr-mode-tick:nth-of-type(3){left:82%}.color-recall-game .cr-mode-knob{z-index:2;background:currentColor;border-radius:999px;width:11px;height:11px;transition:left .32s cubic-bezier(.2,.85,.3,1.1);position:absolute;top:50%;transform:translate(-50%,-50%)}.color-recall-game .cr-mode-toggle[data-mode=easy] .cr-mode-knob{left:18%}.color-recall-game .cr-mode-toggle[data-mode=hard] .cr-mode-knob{left:50%}.color-recall-game .cr-mode-toggle[data-mode=easy] .cr-mode-tick:first-of-type,.color-recall-game .cr-mode-toggle[data-mode=hard] .cr-mode-tick:nth-of-type(2){opacity:0}.color-recall-game .cr-countdown-word{letter-spacing:-2.76px;text-align:right;text-transform:lowercase;font-size:min(92px,18vw);font-weight:500;line-height:1;transition:opacity .15s;position:absolute;top:6px;right:16px}.color-recall-game .cr-timer-value{z-index:2;position:absolute;top:6px;right:16px}.color-recall-game .cr-timer-dec{opacity:.52}.color-recall-game .cr-timer-label{z-index:2;position:absolute;top:min(92px,18vw);right:16px}.color-recall-game .cr-picker-bg{transition:background 80ms;position:absolute;inset:0}.color-recall-game .cr-strip-container{z-index:5;opacity:0;width:120px;transition:opacity .5s ease-out 50ms,transform .55s 50ms;display:flex;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.color-recall-game .cr-strip-container.active{opacity:1;transform:translate(0)}.color-recall-game .cr-strip{cursor:pointer;touch-action:none;border-right:1px solid #00000014;flex:1;position:relative}.color-recall-game .cr-strip-handle{cursor:grab;z-index:2;background:#fff;border-radius:50%;width:25px;height:25px;transition:top 50ms linear;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0003}.color-recall-game .cr-strip-handle:active{cursor:grabbing}.color-recall-game .cr-picker-channel-label{bottom:var(--cr-cp);z-index:10;letter-spacing:1.92px;text-transform:uppercase;opacity:0;pointer-events:none;font-size:12px;font-weight:500;line-height:19px;transition:opacity .15s;position:absolute;left:143px}.color-recall-game .cr-picker-channel-label.visible{opacity:1}.color-recall-game .cr-picker-info{z-index:5;opacity:0;transition:opacity .35s .25s,transform .35s .25s;position:absolute;bottom:62px;left:143px;transform:translateY(10px)}.color-recall-game .cr-picker-info.active{opacity:1;transform:translateY(0)}.color-recall-game .cr-picker-label{letter-spacing:-.24px;opacity:.5;font-size:12px;font-weight:500;line-height:19px;transition:color .15s}.color-recall-game .cr-picker-values{z-index:5;letter-spacing:-.24px;opacity:0;font-size:12px;font-weight:500;line-height:19px;transition:color .15s,opacity .35s .25s,transform .35s .25s;position:absolute;bottom:44px;left:143px;transform:translateY(10px)}.color-recall-game .cr-picker-values.active{opacity:1;transform:translateY(0)}.color-recall-game .cr-picker-go{opacity:0;transition:opacity .3s .35s,transform .15s}.color-recall-game .cr-picker-go.active{opacity:1}.color-recall-game .cr-picker-round{left:143px}.color-recall-game .cr-result-half{padding:0 var(--cr-cp)14px;flex-direction:column;flex:1;justify-content:flex-end;display:flex;position:relative}.color-recall-game .cr-result-label{letter-spacing:-.24px;opacity:.5;margin-bottom:-5px;font-size:12px;font-weight:500;line-height:19px}.color-recall-game .cr-result-hsb{letter-spacing:-.24px;font-size:12px;font-weight:500;line-height:19px}.color-recall-game .cr-result-score{right:var(--cr-cp);top:var(--cr-cp);z-index:5;text-align:right;position:absolute}.color-recall-game .cr-result-feedback{right:var(--cr-cp);top:calc(var(--cr-cp) + min(92px,18vw) + 4px);z-index:5;letter-spacing:-.36px;text-align:right;text-wrap:balance;max-width:min(340px,75vw);font-size:18px;font-weight:500;line-height:1.2;position:absolute}.color-recall-game .cr-score-slash,.color-recall-game .cr-score-max{opacity:.5}.color-recall-game .cr-total-screen{scrollbar-width:none;background:#000;overflow-y:auto}.color-recall-game .cr-total-screen::-webkit-scrollbar{display:none}.color-recall-game .cr-total-description{letter-spacing:-.38px;margin:48px 0 0 var(--cr-cp);max-width:338px;padding-right:80px;font-size:19px;font-weight:500;line-height:1.2}.color-recall-game .cr-total-rank-row{margin:20px var(--cr-cp)0;justify-content:space-between;align-items:baseline;display:flex}.color-recall-game .cr-total-score{letter-spacing:-.38px;white-space:nowrap;font-size:19px;font-weight:500;line-height:1.2}.color-recall-game .cr-total-swatches{margin:14px var(--cr-cp)0;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.color-recall-game .cr-swatch-card{aspect-ratio:1;position:relative;overflow:hidden}.color-recall-game .cr-swatch-target{clip-path:polygon(100% 0,100% 100%,0 100%);position:absolute;inset:0}.color-recall-game .cr-swatch-player{clip-path:polygon(0 0,100% 0,0 100%);position:absolute;inset:0}.color-recall-game .cr-swatch-score{letter-spacing:-.32px;z-index:2;opacity:1;font-size:16px;font-weight:500;line-height:1.2;transition:opacity .3s;position:absolute;top:4px;left:6px}.color-recall-game .cr-fold-swatches .cr-swatch-player{clip-path:none}.color-recall-game .cr-fold-swatches .cr-swatch-target{z-index:1;backface-visibility:hidden;transform:rotate3d(-1,1,0,180deg)}.color-recall-game .cr-fold-swatches .cr-swatch-target.cr-swatch-target-reveal{transition:transform .5s cubic-bezier(.22,.9,.36,1);transform:rotate3d(-1,1,0,0)}.color-recall-game .cr-fold-swatches .cr-swatch-score{opacity:0}.color-recall-game .cr-fold-swatches .cr-swatch-score.cr-swatch-score-visible{opacity:1}.color-recall-game .cr-total-cta{margin:36px var(--cr-cp)var(--cr-cp)}.color-recall-game .cr-play-again-btn{color:#000;letter-spacing:-.32px;cursor:pointer;background:#fff;border:none;border-radius:58px;width:100%;height:64px;font-family:inherit;font-size:16px;font-weight:500;transition:transform .15s}@media (hover:hover){.color-recall-game .cr-play-again-btn:hover{transform:scale(1.02)}}.color-recall-game .cr-fade-overlay{z-index:100;opacity:0;pointer-events:none;border-radius:inherit;background:#000;transition:opacity 1s;position:absolute;inset:0}.color-recall-game .cr-fade-overlay.active{opacity:1;pointer-events:all}@media (max-width:767px){.color-recall-game{--cr-cp:20px}.color-recall-game .cr-intro-body{margin-bottom:150px;font-size:18px}.color-recall-game .cr-intro-actions{bottom:100px;right:calc(var(--cr-cp) + 76px)}.color-recall-game .cr-intro-daily-wrap{bottom:100px}}@media (min-width:768px){.color-recall-game{--cr-game-w:476px;--cr-game-h:390px;--cr-game-radius:16px;max-height:min(600px,74vh);box-shadow:0 4px 16px #00000059,0 34px 44px #0000002b}.color-recall-game.cr-card-tall{--cr-game-h:min(620px,85vh);max-height:min(780px,85vh)}}.cr-immersive-overlay{z-index:50;padding:max(16px,env(safe-area-inset-top,0px))max(16px,env(safe-area-inset-right,0px))max(16px,env(safe-area-inset-bottom,0px))max(16px,env(safe-area-inset-left,0px));background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cr-immersive-frame{flex-shrink:0}.cr-immersive-exit{top:max(16px,env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));z-index:60;color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .15s,background .15s;display:flex;position:fixed}@media (hover:hover){.cr-immersive-exit:hover{background:#ffffff40;transform:scale(1.04)}}