miova-color-memory{--color-paper:#f7f5f0;--color-ink:#22221f;--color-slider-width:clamp(48px, 5vw, 64px);--color-inset:clamp(20px, 3vw, 36px);--color-stage-top:100px;--color-stage-bottom:24px;--color-line:#22221f3d;--color-muted:#22221f7d;color:var(--color-ink);background:var(--color-paper);font-family:var(--font-outfit), sans-serif;display:block}miova-color-memory [hidden]{display:none!important}.color-page{min-height:var(--game-viewport-height,100svh)}.color-stage{min-height:var(--game-viewport-height,100svh);padding:var(--color-stage-top) 24px var(--color-stage-bottom);background-image:radial-gradient(circle,#22221f2b .8px,#0000 .9px);background-size:20px 20px;position:relative}[data-color-mode=online]{--color-stage-top:164px}.color-board{--board-color:#f7f5f0;--board-ink:#22221f;width:min(1040px,100%);height:calc(var(--game-viewport-height,100svh) - var(--color-stage-top) - var(--color-stage-bottom));min-height:520px;color:var(--board-ink);background:var(--board-color);border:1px solid var(--color-line);border-radius:0;margin:0 auto;position:relative;overflow:hidden;box-shadow:4px 4px #22221f1f}:is([data-color-phase=waiting],[data-color-phase=ready],[data-color-phase=countdown]) .color-board{box-shadow:none;background:0 0;border:0;border-radius:0}.color-topbar{z-index:3;color:var(--color-ink);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;display:grid;position:absolute;inset:20px 24px auto}.color-topbar__identity{grid-column:1;align-items:center;gap:10px;min-width:0;display:flex}.color-hud-icon{object-fit:contain;width:32px;height:32px;image-rendering:pixelated;flex-shrink:0}.color-topbar__name{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.color-wordmark{color:var(--color-muted);font-family:var(--font-ibm-plex-mono), monospace;text-transform:uppercase;letter-spacing:.02em;font-size:12px;font-weight:600;line-height:1.4}.color-mode{color:#f05b2a;font-family:var(--font-ibm-plex-mono), monospace;text-transform:uppercase;font-size:10px;font-weight:600}.color-round{border:1px dotted var(--color-line);min-height:40px;font-family:var(--font-ibm-plex-mono), monospace;white-space:nowrap;background:#fbfaf7d6;grid-column:2;align-items:center;gap:8px;padding:8px 12px;display:flex}.color-round:before{content:"";background:#f05b2a;width:7px;height:7px}.color-round>span{color:var(--color-muted);text-transform:uppercase;font-size:10px}.color-round strong{font-size:12px;font-weight:600}.color-round__score{border-left:1px dotted var(--color-line);align-items:baseline;gap:4px;padding-left:10px;display:inline-flex}.color-round__score strong{font-family:var(--font-geist-pixel), monospace;font-variant-numeric:tabular-nums;color:#f05b2a;font-size:13px;font-weight:400}.color-round__score>span{color:var(--color-muted);text-transform:uppercase;font-size:9px}.color-topbar__tools{grid-column:3;justify-self:end;align-items:stretch;gap:6px;display:flex}.color-difficulty{border:1px dotted var(--color-line);min-height:48px;font-family:var(--font-ibm-plex-mono), monospace;text-transform:uppercase;background:#fbfaf7d6;align-items:center;gap:6px;padding:6px 10px;font-size:10px;display:flex}.color-difficulty>span{color:var(--color-muted)}.color-difficulty strong{font:inherit;font-size:12px}.color-hud-button{width:48px;min-height:48px;padding:0}.color-hud-button[aria-pressed=true] .arcade-button__icon{opacity:.45}.color-players{z-index:3;color:var(--color-ink);justify-content:space-between;gap:16px;display:flex;position:absolute;top:82px;left:24px;right:24px}.color-player{border:1px dotted var(--color-line);background:#fbfaf7d6;grid-template-rows:auto auto;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:3px 10px;width:224px;min-width:0;min-height:62px;padding:10px 12px;display:grid}.color-player__marker{color:#f05b2a;grid-area:1/1/3}.color-player__marker svg{width:26px;height:26px}.color-player:nth-child(2) .color-player__marker{color:#4388f7}.color-player [data-color-player-name]{text-overflow:ellipsis;white-space:nowrap;grid-area:1/2;font-size:13px;font-weight:600;overflow:hidden}.color-player__points{flex-direction:column;grid-area:1/3/3;align-items:flex-end;gap:2px;display:flex}.color-player__points strong{font-family:var(--font-geist-pixel), monospace;font-variant-numeric:tabular-nums;font-size:18px;font-weight:400}.color-player__points small{color:var(--color-muted);font-family:var(--font-ibm-plex-mono), monospace;font-size:9px}.color-player__state{min-height:12px;color:var(--color-muted);grid-area:2/2;font-size:10px}.color-player[data-you=true]{border:1px solid #f05b2a}.color-player[data-submitted=true]{border-color:#37a468}.color-player[data-connected=false]{opacity:.55}.color-interlude{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:36px 24px 60px;display:flex;position:absolute;inset:0}.color-interlude__icon{width:32px;height:32px;margin-bottom:24px}.color-interlude h2{max-width:600px;font-family:var(--font-geist-pixel), monospace;text-wrap:pretty;margin:0;font-size:clamp(20px,2.5vw,28px);font-weight:400;line-height:1.4}.color-interlude>p{max-width:470px;margin:18px 0 28px;font-size:14px;line-height:1.6}.color-ready-icon{object-fit:contain;width:88px;height:88px;image-rendering:pixelated;margin-bottom:28px}.color-caption{font-family:var(--font-ibm-plex-mono), monospace;letter-spacing:.04em;text-transform:uppercase;font-size:11px}.color-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}[data-color-phase=waiting] :is(.color-topbar,.color-players){visibility:hidden}.color-invite__difficulty{border:0;width:100%;min-width:0;margin:32px 0 0;padding:0}.color-invite__difficulty legend{width:100%;font-family:var(--font-ibm-plex-mono), monospace;text-transform:uppercase;letter-spacing:.08em;color:#22221f94;margin-bottom:12px;font-size:11px}.color-invite__choices{justify-content:center;gap:8px;display:flex}.color-invite__choices [data-arcade-button]{min-height:44px}.color-invite__choices [aria-pressed=true]{color:#fff!important;background:#f05b2a!important;border-color:#22221f!important}.color-invite__difficulty p{color:#22221f9e;margin:14px 0 0;font-size:12px;line-height:1.5}.color-countdown strong{font-family:var(--font-geist-pixel), monospace;font-size:clamp(100px,18vw,180px);font-weight:400;line-height:1}.color-memorize,.color-guess,.color-result{position:absolute;inset:0}.color-clock{top:36px;right:var(--color-inset);text-align:right;flex-direction:column;align-items:flex-end;display:flex;position:absolute}.color-clock__value{letter-spacing:-.075em;font-variant-numeric:tabular-nums;align-items:baseline;font-size:clamp(120px,19vw,220px);font-weight:500;line-height:.9;display:flex}.color-clock__value>span{display:inline-block}.color-clock__fraction{opacity:.55}.color-clock__label{letter-spacing:-.025em;margin-top:12px;font-size:clamp(14px,1.6vw,20px);font-weight:500}.color-stage-instruction{left:var(--color-inset);font-family:var(--font-geist-pixel), monospace;margin:0;font-size:clamp(20px,3vw,30px);position:absolute;bottom:36px}.color-sliders{width:calc(var(--color-slider-width) * 3);border:0;margin:0;padding:0;display:flex;position:absolute;inset:0 auto 0 0}.color-slider{width:var(--color-slider-width);flex:none;height:100%;position:relative}.color-slider--h{background:linear-gradient(red 0%,#ff0 16.667%,#0f0 33.333%,#0ff 50%,#00f 66.667%,#f0f 83.333%,red 100%) 50%/100% calc(100% - 166px) no-repeat,red}.color-slider--s{background:linear-gradient(to bottom, var(--saturated,#8000cc), var(--desaturated,#999)) center / 100% calc(100% - 166px) no-repeat, linear-gradient(to bottom, var(--saturated,#8000cc) 50%, var(--desaturated,#999) 50%)}.color-slider--v{background:linear-gradient(to bottom, var(--bright,#bf80ff), #000) center / 100% calc(100% - 166px) no-repeat, linear-gradient(to bottom, var(--bright,#bf80ff) 50%, #000 50%)}.color-slider__glyph,.color-slider__value{z-index:1;color:#fff;font-family:var(--font-ibm-plex-mono), monospace;pointer-events:none;background:#000000a6;border-radius:0;padding:5px 6px;font-size:10px;line-height:1;position:absolute;left:50%;transform:translate(-50%)}.color-slider__glyph{top:28px}.color-slider__value{bottom:28px}.color-slider input{-webkit-appearance:none;appearance:none;writing-mode:vertical-lr;width:100%;height:100%;cursor:var(--cursor-pointer,pointer);touch-action:none;direction:rtl;background:0 0;border:0;margin:0;padding:68px 0;display:block}.color-slider--h input{direction:ltr}.color-slider input::-webkit-slider-runnable-track{background:0 0;width:100%;height:100%}.color-slider input::-moz-range-track{background:0 0;width:100%;height:100%}.color-slider input::-webkit-slider-thumb{width:30px;height:30px;margin-left:calc((var(--color-slider-width) - 30px) / 2);-webkit-appearance:none;appearance:none;background:#fbfaf7;border:2px solid #22221f;border-radius:0;box-shadow:3px 3px #22221f80}.color-slider input::-moz-range-thumb{background:#fbfaf7;border:2px solid #22221f;border-radius:0;width:28px;height:28px;box-shadow:3px 3px #22221f80}.color-slider input:focus-visible{outline-offset:-5px;outline:3px solid #fff;box-shadow:inset 0 0 0 7px #222}.color-sliders:disabled .color-slider input{cursor:var(--cursor-default,default)}.color-guess__content{inset:0 var(--color-inset) 0 calc(var(--color-slider-width) * 3 + var(--color-inset));position:absolute}.color-clock--guess{right:0}.color-clock--guess .color-clock__value{font-size:clamp(90px,14vw,180px)}.color-guess__instructions{max-width:420px;position:absolute;bottom:128px;left:0}.color-guess__instructions h2{font-family:var(--font-geist-pixel), monospace;text-wrap:pretty;margin:0;font-size:clamp(18px,2.2vw,26px);font-weight:400;line-height:1.4}.color-guess__instructions p{max-width:350px;margin:14px 0;font-size:14px;line-height:1.5}.color-controls-hint{font-family:var(--font-ibm-plex-mono), monospace;font-size:10px}.color-submit{min-height:48px;position:absolute;bottom:32px;right:0}.color-result{flex-direction:column;display:flex}.color-result__guess,.color-result__target{min-height:0;color:var(--swatch-ink);background:var(--swatch-color);flex:1;position:relative}.color-result__target{border-top:1px dotted color-mix(in srgb, var(--swatch-ink) 30%, transparent)}.color-result__score{top:36px;right:var(--color-inset);text-align:right;position:absolute}.color-result__score>p{margin:0}.color-result__score>p>strong{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(65px,10vw,110px);font-weight:500;line-height:1.15;display:inline-block}.color-result__score>p>span{margin-left:10px;font-size:16px}.color-result__score h2{text-wrap:pretty;max-width:370px;margin:4px 0 0 auto;font-size:clamp(15px,2vw,20px);font-weight:400;line-height:1.35}.color-result__hint{opacity:.75;text-wrap:pretty;max-width:370px;margin:8px 0 0 auto;font-size:clamp(12px,1.4vw,14px);line-height:1.4}.color-axes{top:32px;left:var(--color-inset);flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex;position:absolute}.color-axis{min-height:34px;color:inherit;background:color-mix(in srgb, currentcolor 9%, transparent);border:1px solid color-mix(in srgb, currentcolor 28%, transparent);font-family:var(--font-ibm-plex-mono), monospace;align-items:center;gap:8px;padding:0 10px 0 0;font-size:11px;line-height:1;display:inline-flex}.color-axis__glyph{background:color-mix(in srgb, currentcolor 14%, transparent);align-self:stretch;place-items:center;min-width:30px;padding:0 8px;font-size:11px;font-weight:600;display:grid}.color-axis__delta{font-variant-numeric:tabular-nums;min-width:3ch;font-weight:600}.color-axis__verdict{opacity:.8;text-transform:uppercase;letter-spacing:.04em;font-size:10px}.color-axis[data-verdict=exact]{border-style:solid}.color-axis[data-verdict=exact] .color-axis__glyph{color:#fff;background:#37a468}.color-axis[data-verdict=close] .color-axis__glyph{background:color-mix(in srgb, #37a468 55%, currentcolor 20%);color:#fff}.color-axis[data-worst=true]{box-shadow:2px 2px 0 color-mix(in srgb, currentcolor 45%, transparent);border-color:currentColor}.color-axis[data-worst=true] .color-axis__glyph{color:#fff;background:#f05b2a}.color-swatch-caption{bottom:32px;left:var(--color-inset);font-family:var(--font-ibm-plex-mono), monospace;text-transform:uppercase;letter-spacing:.04em;flex-direction:column;gap:8px;font-size:11px;display:flex;position:absolute}.color-swatch-caption strong{opacity:.65;letter-spacing:0;font-size:10px;font-weight:400}.color-next{bottom:32px;right:var(--color-inset);min-height:48px;position:absolute}.color-summary{padding:40px var(--color-inset)}.color-summary__header{text-align:center}.color-summary h2{font-family:var(--font-geist-pixel), monospace;text-wrap:pretty;margin:14px auto 12px;font-size:clamp(20px,2.6vw,28px);font-weight:400;line-height:1.5}.color-total{margin:0}.color-total strong{letter-spacing:-.06em;font-size:80px;font-weight:500;line-height:1.2}.color-total>span{margin-left:10px;font-size:16px}.color-summary__stats{color:var(--color-muted);font-family:var(--font-ibm-plex-mono), monospace;font-variant-numeric:tabular-nums;margin:4px 0 8px;font-size:11px}.color-best{font-family:var(--font-ibm-plex-mono), monospace;font-size:11px}.color-share{border-bottom:1px dotted var(--color-line);text-align:center;width:min(650px,100%);margin:0 auto 28px;padding-bottom:24px}.color-share__status{min-height:18px;color:var(--color-muted);margin:16px 0 0;font-size:12px}.color-summary__table{width:min(650px,100%);margin:28px auto 36px;overflow-x:auto}.color-summary table{border-collapse:collapse;text-align:left;width:100%}.color-summary th{font-family:var(--font-ibm-plex-mono), monospace;border-bottom:1px dotted #22221f4d;padding:12px 8px;font-size:10px;font-weight:500}.color-summary td{font-variant-numeric:tabular-nums;border-bottom:1px dotted #22221f33;padding:10px 8px;font-size:13px}.color-history-swatch{vertical-align:middle;background:var(--swatch-color);border:1px solid #00000026;border-radius:3px;width:30px;height:30px;margin-right:10px;display:inline-block}.color-summary__back{justify-content:center;margin-top:16px;display:flex}.color-connection{z-index:5;color:#fff;text-align:center;background:#22221f;width:max-content;max-width:calc(100% - 32px);margin:0;padding:8px 12px;font-size:12px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.color-toast{z-index:80;color:#fff;text-align:center;background:#22221f;width:max-content;max-width:calc(100% - 32px);margin:0;padding:12px 18px;font-size:13px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.color-rules{color:#22221f;background:#fbfaf7;border:1px solid #22221f;width:min(740px,100% - 32px);max-height:85svh;margin:auto;padding:28px;overflow-y:auto}.color-rules::backdrop{background:#22221f80}.color-rules header{justify-content:space-between;align-items:start;gap:24px;display:flex}.color-rules h2{font-family:var(--font-geist-pixel), monospace;margin:0;font-size:20px;font-weight:400;line-height:1.4}.color-rules ol{gap:18px;margin:32px 0;padding-left:24px;font-size:14px;line-height:1.6;display:grid}.color-rules dl{border-top:1px dotted #aaa;gap:12px;padding:20px 0;display:grid}.color-rules dl>div{grid-template-columns:70px 1fr;gap:16px;font-size:12px;display:grid}.color-rules dt{font-weight:600}.color-rules dd{margin:0}.color-rules footer{justify-content:flex-end;display:flex}.color-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}[data-color-phase=finished] .color-board{height:auto;min-height:calc(var(--game-viewport-height,100svh) - var(--color-stage-top) - var(--color-stage-bottom));box-shadow:none;border:0}@media (width<=700px){miova-color-memory{--color-slider-width:44px;--color-inset:20px;--color-stage-top:112px;--color-stage-bottom:16px}miova-color-memory[data-color-mode=online]{--color-stage-top:180px}.color-stage{padding-inline:12px}.color-board{min-height:460px}.color-topbar{grid-template-columns:minmax(0,1fr) auto;gap:10px 8px;inset:12px 12px auto}.color-wordmark{font-size:10px}.color-topbar__identity{grid-row:1;gap:8px}.color-topbar__name{flex-direction:column;align-items:flex-start;gap:3px}.color-hud-icon{width:26px;height:26px}.color-mode{font-size:9px}.color-topbar__tools{grid-area:1/2;gap:4px}.color-hud-button{width:44px;min-height:44px}.color-difficulty{min-height:28px;padding:4px 8px;font-size:9px;position:absolute;top:58px;left:0}.color-difficulty strong{font-size:10px}.color-round{grid-area:2/2;justify-self:end;gap:6px;min-height:28px;padding:4px 8px}.color-round>span{font-size:9px}.color-round strong{font-size:10px}.color-players{gap:8px;top:110px;left:12px;right:12px}.color-player{grid-template-columns:24px minmax(0,1fr) auto;column-gap:6px;width:calc(50% - 4px);min-height:54px;padding:8px}.color-player [data-color-player-name]{font-size:11px}.color-player__marker svg{width:22px;height:22px}.color-player__points strong{font-size:16px}.color-player__points small{font-size:8px}.color-player__state{font-size:9px}.color-clock{top:28px}.color-clock__value{font-size:clamp(100px,28vw,180px)}.color-clock__label{max-width:200px;margin-top:10px;font-size:13px}.color-clock--guess .color-clock__value{font-size:clamp(48px,16vw,90px)}.color-clock--guess .color-clock__label{max-width:180px;font-size:11px}.color-stage-instruction{font-size:20px;bottom:30px}.color-guess__instructions{bottom:118px}.color-guess__instructions h2{font-family:var(--font-outfit), sans-serif;font-size:20px;font-weight:500}.color-guess__instructions p{margin:12px 0;font-size:12px}.color-controls-hint{display:none}.color-submit{white-space:normal;padding:10px 8px;font-size:12px;line-height:1.3;bottom:28px;left:0;right:0}.color-result__score{top:28px}.color-result__score>p>strong{font-size:68px}.color-result__score h2{max-width:250px;font-size:15px}.color-result__score .color-caption{font-size:9px}.color-result__hint{max-width:250px;margin-top:6px;font-size:12px}.color-axes{gap:6px;top:22px}.color-axis{gap:6px;min-height:30px;padding-right:8px;font-size:10px}.color-axis__glyph{min-width:26px;padding:0 6px;font-size:10px}.color-axis__verdict{display:none}.color-round__score{padding-left:6px}.color-round__score strong{font-size:11px}.color-swatch-caption{font-size:11px;bottom:22px}.color-swatch-caption strong{font-size:10px}.color-next{font-size:12px;bottom:82px}.color-summary{padding-top:32px}.color-total strong{font-size:66px}.color-summary th{padding-inline:4px;font-size:9px}.color-summary td{padding-inline:4px;font-size:12px}.color-history-swatch{width:24px;height:24px;margin-right:5px}.color-actions{gap:14px}.color-interlude{padding-inline:20px}.color-interlude h2{font-size:20px}.color-interlude>p{font-size:13px}.color-rules{padding:20px}.color-rules h2{font-size:17px}}.color-share__status:empty{display:none}