@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#14110d;-webkit-font-smoothing:antialiased;background:#e7e4de;width:100%;min-height:100%;font-family:Archivo,Segoe UI,system-ui,sans-serif}#app{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.cm-card{--ink:#14110d;--muted:#14110d80;background:#f6f4f0;border-radius:30px;width:min(93vw,460px);min-height:min(86vh,648px);position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #14110d73,0 12px 30px -12px #14110d40}.cm-card[data-tone=light]{--ink:#faf8f5;--muted:#ffffff9e}.cm-card.phase-idle,.cm-card.phase-gameover{overflow-y:auto}.cm-top,.cm-bignum,.cm-sliders,.cm-readout,.cm-brand--bl,.cm-fab,.cm-reveal-bottom,.cm-countdown,.cm-start,.cm-gameover,.cm-brand--tr{display:none}.phase-idle .cm-start,.phase-countdown .cm-countdown,.phase-memorize .cm-top{display:flex}.phase-memorize .cm-bignum,.phase-memorize .cm-brand--bl{display:block}.phase-guess .cm-top{display:flex}.phase-guess .cm-brand--tr{display:block}.phase-guess .cm-sliders,.phase-guess .cm-fab,.phase-reveal .cm-top{display:flex}.phase-reveal .cm-bignum,.phase-reveal .cm-reveal-bottom,.phase-reveal .cm-readout{display:block}.phase-reveal .cm-fab,.phase-gameover .cm-gameover{display:flex}.cm-top{z-index:3;pointer-events:none;justify-content:space-between;align-items:baseline;position:absolute;top:26px;left:28px;right:28px}.cm-counter{letter-spacing:1.5px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.cm-brand{letter-spacing:-.01em;color:var(--muted);font-size:17px;font-weight:600}.cm-brand--bl{z-index:3;position:absolute;bottom:26px;left:28px}.cm-bignum{z-index:2;text-align:right;position:absolute;top:22px;left:28px;right:28px}.cm-bignum__value{letter-spacing:-.05em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(70px,21vw,128px);font-weight:800;line-height:.9}.cm-bignum__label{color:var(--muted);margin-top:6px;font-size:15px;font-weight:600}.cm-bignum__sub{letter-spacing:-.01em;max-width:62%;color:var(--ink);margin-top:10px;margin-left:auto;font-size:21px;font-weight:700;line-height:1.15}.cm-sliders{z-index:2;gap:16px;position:absolute;top:78px;bottom:24px;left:24px}.cm-slider{width:26px;height:100%;position:relative}.cm-slider__input{appearance:none;writing-mode:vertical-lr;cursor:pointer;direction:rtl;border-radius:999px;outline:none;width:26px;height:100%;box-shadow:inset 0 0 0 1px #0000001f,0 8px 20px -6px #00000059}.cm-slider__input::-webkit-slider-runnable-track{background:0 0;border:none}.cm-slider__input::-webkit-slider-thumb{appearance:none;cursor:grab;background:#fff;border:none;border-radius:50%;width:26px;height:26px;box-shadow:0 3px 9px #0006,inset 0 0 0 1px #0000000f}.cm-slider__input::-webkit-slider-thumb:active{cursor:grabbing}.cm-slider__input::-moz-range-track{background:0 0;border:none}.cm-slider__input::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:24px;height:24px;box-shadow:0 3px 9px #0006}.cm-reveal-bottom{z-index:1;--ink:#14110d;--muted:#14110d80;border-radius:0 0 30px 30px;height:50%;position:absolute;bottom:0;left:0;right:0}.cm-reveal-bottom[data-tone=light]{--ink:#faf8f5;--muted:#ffffff9e}.cm-readout{z-index:3}.cm-readout--sel{position:absolute;bottom:calc(50% + 18px);left:28px}.cm-readout--orig{position:absolute;bottom:26px;left:28px}.cm-readout__label{color:var(--muted);font-size:15px;font-weight:600}.cm-readout__val{letter-spacing:.01em;color:var(--ink);font-variant-numeric:tabular-nums;margin-top:2px;font-size:18px;font-weight:700}.cm-fab{z-index:4;color:#14110d;cursor:pointer;background:#fbfaf8;border:none;border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;transition:transform .14s,box-shadow .14s;position:absolute;bottom:26px;right:26px;box-shadow:0 14px 30px -8px #14110d80}.cm-fab:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 20px 38px -10px #14110d8c}.cm-fab:active{transform:translateY(0)scale(.97)}.cm-fab svg{width:26px;height:26px}.cm-countdown{z-index:6;pointer-events:none;letter-spacing:-.04em;color:#14110d;opacity:0;justify-content:center;align-items:center;font-size:clamp(96px,30vw,190px);font-weight:800;position:absolute;inset:0}.cm-countdown.is-shown{animation:.75s cubic-bezier(.25,1,.5,1) countdown-pop}@keyframes countdown-pop{0%{opacity:0;transform:scale(.35)}25%{opacity:1;transform:scale(1.08)}45%{transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.cm-start{flex-direction:column;justify-content:flex-end;gap:0;min-height:min(86vh,648px);padding:40px 36px}.cm-kicker{letter-spacing:.02em;color:#14110d80;margin-bottom:14px;font-size:14px;font-weight:600}.cm-title{letter-spacing:-.03em;color:#14110d;font-size:clamp(40px,12vw,60px);font-weight:800;line-height:.96}.cm-lead{color:#14110d9e;max-width:34ch;margin-top:18px;font-size:17px;font-weight:500;line-height:1.45}.cm-best{letter-spacing:.01em;color:#14110d;font-variant-numeric:tabular-nums;margin-top:22px;font-size:15px;font-weight:700}.cm-pill{letter-spacing:.01em;color:#f6f4f0;cursor:pointer;background:#14110d;border:none;border-radius:999px;align-self:flex-start;margin-top:22px;padding:15px 34px;font-family:inherit;font-size:17px;font-weight:700;transition:transform .14s,background .14s}.cm-pill:hover{background:#241f18;transform:translateY(-2px)}.cm-pill:active{transform:translateY(0)}.cm-hint{letter-spacing:.04em;color:#14110d6b;text-transform:lowercase;margin-top:14px;font-size:13px;font-weight:600}.cm-gameover{flex-direction:column;justify-content:center;min-height:min(86vh,648px);padding:40px 36px}.cm-gameover__big{letter-spacing:-.05em;color:#14110d;font-variant-numeric:tabular-nums;font-size:clamp(72px,22vw,116px);font-weight:800;line-height:.9}.cm-gameover__sub{letter-spacing:-.01em;color:#14110d;max-width:24ch;margin-top:10px;font-size:21px;font-weight:700;line-height:1.2}.cm-gameover__table{flex-direction:column;gap:10px;margin-top:26px;display:flex}.cm-result{border-top:1px solid #14110d1a;align-items:center;gap:14px;padding:10px 0;display:flex}.cm-result__idx{color:#14110d66;font-variant-numeric:tabular-nums;width:16px;font-size:14px;font-weight:700}.cm-result__swatches{flex:1;gap:8px;display:flex}.cm-swatch{border-radius:9px;width:34px;height:34px;box-shadow:inset 0 0 0 1px #14110d1f}.cm-result__pct{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:19px;font-weight:800}.cm-gameover .cm-best{margin-top:22px}.cm-gameover .cm-pill{align-self:flex-start}.cm-lb:not(:empty){background:#14110d;border-radius:20px;margin-top:26px;padding:20px 18px}@media (width<=420px){.cm-bignum__value{font-size:clamp(58px,20vw,96px)}.cm-sliders{gap:12px}}
