:root{--cm-red:#e63946;--cm-red-l:#f08c93;--cm-red-s:#e6394659;--cm-yellow:#ffd60a;--cm-yellow-l:#ffe77a;--cm-yellow-s:#ffd60a59;--cm-green:#06a77d;--cm-green-l:#6fd4b5;--cm-green-s:#06a77d59;--cm-blue:#1565c0;--cm-blue-l:#5e97e0;--cm-blue-s:#1565c059;--cm-purple:#7209b7;--cm-purple-l:#b36fd8;--cm-purple-s:#7209b759}.cm-demo{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.cm-demo-stage{height:105px;margin:0 auto;position:relative}.cm-demo-drop{z-index:10;animation:.95s ease-in forwards cm-demo-ball-fall;position:absolute;top:4px}@keyframes cm-demo-ball-fall{0%{opacity:1;transform:translateY(0)}78%{opacity:1;transform:translateY(48px)}to{opacity:0;transform:translateY(48px)}}.cm-demo-cups{height:65px;position:absolute;bottom:0;left:0;right:0}.cm-demo .cm-cup-rim{background:#b560e8}.cm-demo .cm-cup-opening{background:#9e52cc}.cm-demo .cm-cup-body{background:linear-gradient(135deg,#f5e6ff 0%,#dfacff 100%);border-color:#ce82ff}.cm-demo .cm-cup-label{color:#8b3fbf}.cm-demo-caption{color:#9ca3af;text-align:center;letter-spacing:.02em;min-height:18px;margin:0;font-size:13px;font-weight:700}.cm-playing{padding-top:var(--safe-top);z-index:100;background:#fff;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.cm-playing-topbar{box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px 0;display:flex}.cm-topbar-back{color:#aaa;cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1;transition:color .15s}@media (hover:hover){.cm-topbar-back:hover{color:#3c3c3c}}.cm-hud-info{justify-content:center;align-items:center;gap:18px;display:flex}.cm-stat{flex-direction:column;align-items:center;line-height:1.1;display:flex}.cm-stat-val{font-size:1rem;font-weight:900}.cm-stat-val--correct{color:#58cc02}.cm-stat-val--wrong{color:#ff4b4b}.cm-stat-lbl{color:#bbb;text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:700}.cm-level-badge{color:#ce82ff;background:#f4e8ff;border-radius:8px;padding:3px 10px;font-size:13px;font-weight:900}.cm-watch-announcement{pointer-events:none;z-index:10;letter-spacing:-.01em;color:#ce82ff;justify-content:center;align-items:center;font-family:Nunito,Gem Icon,Noto Color Emoji,sans-serif;font-size:3.5rem;font-weight:900;animation:1.4s forwards cm-announce-show;display:flex;position:absolute;inset:0}@keyframes cm-announce-show{0%{opacity:0;transform:scale(.7)}12%{opacity:1;transform:scale(1.06)}22%{opacity:1;transform:scale(1)}65%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.cm-status{text-align:center;letter-spacing:.01em;color:#ce82ff;flex-shrink:0;width:100%;margin:0;padding:12px 0 16px;font-size:1.1rem;font-weight:800;animation:.2s ease-out cm-status-pop}@keyframes cm-status-pop{0%{opacity:.5;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.cm-field{background:#f8f9fa;border-radius:16px;flex-direction:column;flex:1;min-height:0;margin:12px;display:flex}@media (width<=768px){.cm-field{margin:8px 8px calc(5px + var(--safe-bottom,0px))}}.cm-cup-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:20px 12px;display:flex}@keyframes cm-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.cm-playing--question .cm-cup-stage{animation:.45s cubic-bezier(.22,1,.36,1) both cm-fade-up}.cm-playing--question .cm-question-area{animation:.45s cubic-bezier(.22,1,.36,1) .1s both cm-fade-up}.cm-cup-row{position:relative}.cm-cup{flex-direction:column;align-items:center;transition:opacity .15s,filter .15s;display:flex;position:absolute}.cm-cup--dimmed{opacity:.4;filter:grayscale(30%)}.cm-cup-rim{background:#b560e8;border-radius:4px 4px 0 0;height:7px}.cm-cup-opening{background:#9e52cc;height:4px}.cm-cup-body{background:linear-gradient(135deg,#f5e6ff 0%,#dfacff 100%);border:2px solid #ce82ff;border-top:none;border-radius:0 0 16px 16px;justify-content:center;align-items:center;height:56px;display:flex;box-shadow:inset 0 2px 4px #0000001a,0 4px 8px #0000001a}.cm-cup-label{color:#8b3fbf;-webkit-user-select:none;user-select:none;font-size:18px;font-weight:900}.cm-cup--ghost{opacity:.5;filter:grayscale(50%)}.cm-cup--ghost .cm-cup-body{background:0 0;border-color:#94a3b8}.cm-cup--ghost .cm-cup-rim,.cm-cup--ghost .cm-cup-opening{opacity:.5}@keyframes cm-cup-slide-front{0%{transform:translate(0)}45%{transform:translate(calc(var(--cdx) * .5), calc(var(--cdy,0px) * .5 - 26px))}to{transform:translate(var(--cdx), var(--cdy,0px))}}@keyframes cm-cup-slide-back{0%{transform:translate(0)}45%{transform:translate(calc(var(--cdx) * .5), calc(var(--cdy,0px) * .5 + 18px))}to{transform:translate(var(--cdx), var(--cdy,0px))}}.cm-cup--slide-front{animation:1.2s ease-in-out forwards cm-cup-slide-front}.cm-cup--slide-back{animation:1.2s ease-in-out forwards cm-cup-slide-back}.cm-bw{pointer-events:none;position:absolute}@keyframes cm-bx-linear{0%{transform:translate(0)}to{transform:translateX(var(--bdx))}}@keyframes cm-bx-still{0%{transform:translate(0)}to{transform:translate(0)}}.cm-bw-x--linear{animation:1.2s linear forwards cm-bx-linear}@keyframes cm-by-drop{0%{opacity:0;transform:translateY(0)}17%{opacity:1}85%{transform:translateY(var(--bdy));opacity:1}to{transform:translateY(var(--bdy));opacity:0}}@keyframes cm-by-rise{0%{opacity:0;transform:translateY(0)}25%{opacity:1}to{transform:translateY(var(--bdy));opacity:0}}@keyframes cm-by-swap-high{0%{opacity:0;transform:translateY(0)}20%{opacity:1}50%{transform:translateY(var(--barc))}80%{opacity:1}to{transform:translateY(var(--bdy));opacity:0}}@keyframes cm-by-swap-low{0%{opacity:0;transform:translateY(0)}20%{opacity:1}50%{transform:translateY(var(--barc))}80%{opacity:1}to{transform:translateY(var(--bdy));opacity:0}}.cm-bw-y--drop{animation:1.2s ease-in forwards cm-by-drop}.cm-bw-y--rise{animation:1.2s ease-out forwards cm-by-rise}.cm-bw-y--swap-high{animation:1.2s ease-in-out forwards cm-by-swap-high}.cm-bw-y--swap-low{animation:1.2s ease-in-out forwards cm-by-swap-low}@keyframes cm-bxy-arc-fwd{0%{opacity:0;transform:translate(0)}15%{opacity:1}50%{transform:translate(calc(var(--bdx) * .5), calc(var(--bdy) * .5 + var(--barc,-60px)))}85%{opacity:1}to{transform:translate(var(--bdx), var(--bdy));opacity:0}}@keyframes cm-bxy-arc-rev{0%{opacity:0;transform:translate(0)}15%{opacity:1}50%{transform:translate(calc(var(--bdx) * .5), calc(var(--bdy) * .5 + var(--barc,30px)))}85%{opacity:1}to{transform:translate(var(--bdx), var(--bdy));opacity:0}}.cm-bw--arc-fwd{animation:1.2s ease-in-out forwards cm-bxy-arc-fwd}.cm-bw--arc-rev{animation:1.2s ease-in-out forwards cm-bxy-arc-rev}.cm-ball{-webkit-user-select:none;user-select:none;border:1.5px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;font-weight:900;display:flex}.cm-ball[data-color=red]{background:radial-gradient(circle at 35% 32%, var(--cm-red-l), var(--cm-red));box-shadow:0 2px 8px var(--cm-red-s);color:#fff}.cm-ball[data-color=yellow]{background:radial-gradient(circle at 35% 32%, var(--cm-yellow-l), var(--cm-yellow));box-shadow:0 2px 8px var(--cm-yellow-s);color:#1a1a1a}.cm-ball[data-color=green]{background:radial-gradient(circle at 35% 32%, var(--cm-green-l), var(--cm-green));box-shadow:0 2px 8px var(--cm-green-s);color:#fff}.cm-ball[data-color=blue]{background:radial-gradient(circle at 35% 32%, var(--cm-blue-l), var(--cm-blue));box-shadow:0 2px 8px var(--cm-blue-s);color:#fff}.cm-ball[data-color=purple]{background:radial-gradient(circle at 35% 32%, var(--cm-purple-l), var(--cm-purple));box-shadow:0 2px 8px var(--cm-purple-s);color:#fff}.cm-question-area{flex-direction:column;gap:16px;padding:0 16px 16px;display:flex}.cm-q-counter{text-align:center;color:#9ca3af;letter-spacing:.05em;text-transform:uppercase;padding-top:8px;font-size:13px;font-weight:700}.cm-q-card{background:#fff;border:2px solid #0000;border-radius:16px;padding:20px;transition:border-color .12s;box-shadow:0 4px 20px #00000014}.cm-q-card--correct{border-color:#58cc02;animation:.7s ease-out cm-q-glow-correct}.cm-q-card--wrong{border-color:#ff4b4b;animation:.7s ease-out cm-q-glow-wrong}@keyframes cm-q-glow-correct{0%{box-shadow:0 0 0 4px #58cc02e6,0 0 40px 14px #58cc028c}to{box-shadow:0 4px 20px #00000014}}@keyframes cm-q-glow-wrong{0%{box-shadow:0 0 0 4px #ff4b4be6,0 0 40px 14px #ff4b4b8c}to{box-shadow:0 4px 20px #00000014}}.cm-q-text{color:#111827;text-align:center;margin:0 0 20px;font-size:17px;font-weight:700;line-height:1.4}.cm-q-caret{vertical-align:middle;background:#ce82ff;width:2px;height:1em;margin-left:1px;animation:.9s step-end infinite cm-caret-blink;display:inline-block}@keyframes cm-caret-blink{0%,to{opacity:1}50%{opacity:0}}.cm-choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cm-choice-btn{color:#374151;cursor:pointer;text-align:center;word-break:break-word;background:#fff;border:2px solid #e5e7eb;border-radius:12px;min-height:52px;padding:12px;font-family:inherit;font-size:14px;font-weight:700;transition:border-color 80ms,background 80ms}@media (hover:hover){.cm-choice-btn:hover:not(:disabled){background:#faf5ff;border-color:#ce82ff}}.cm-choice-btn:disabled{cursor:default}.cm-choice-btn--correct,.cm-choice-btn--reveal{color:#fff;background:#58cc02;border:2px solid #58cc02}.cm-choice-btn--wrong{color:#fff;background:#ff4b4b;border:2px solid #ff4b4b}.cm-summary{padding-top:var(--safe-top);z-index:100;overscroll-behavior-y:contain;background:#fff;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.cm-complete-title{color:#333;margin:4px 0 0;font-size:22px;font-weight:900}.cm-complete-stats{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:340px;margin:8px auto 4px;display:grid}.cm-complete-stat{background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;display:flex;box-shadow:0 2px 10px #00000012}.cm-complete-stat-value{color:#333;font-size:28px;font-weight:900;line-height:1}.cm-complete-stat-value--correct{color:#58cc02}.cm-complete-stat-value--wrong{color:#ff4b4b}.cm-complete-stat-value--level{color:#ce82ff}.cm-complete-stat-label{color:#aaa;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}@keyframes cm-streak-earn{0%{opacity:0;transform:translate(-50%)translateY(24px)scale(.82)}18%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}65%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-64px)scale(.92)}}.cm-streak-earn{pointer-events:none;z-index:10;white-space:nowrap;background:#fff8e1;border:2px solid #ff960040;border-radius:20px;align-items:center;gap:10px;padding:12px 22px;animation:2.8s cubic-bezier(.22,1,.36,1) forwards cm-streak-earn;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(0);box-shadow:0 6px 24px #ff96002e}.cm-streak-earn-icon{font-size:34px;line-height:1}.cm-streak-earn-count{color:#ff9600;font-size:30px;font-weight:900;line-height:1}.cm-streak-earn-label{color:#333;font-size:21px;font-weight:800}@keyframes cm-freeze-earn{0%{opacity:0;transform:translate(-50%)translateY(24px)scale(.82)}18%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}65%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-64px)scale(.92)}}.cm-freeze-earn{pointer-events:none;z-index:10;white-space:nowrap;background:#e1f4ff;border:2px solid #1cb0f640;border-radius:20px;align-items:center;gap:10px;padding:12px 22px;animation:2.8s cubic-bezier(.22,1,.36,1) forwards cm-freeze-earn;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(0);box-shadow:0 6px 24px #1cb0f626}.cm-freeze-earn-plus{color:#1cb0f6;font-size:30px;font-weight:900;line-height:1}.cm-freeze-earn-icon{font-size:34px;line-height:1}.cm-freeze-earn-label{color:#333;font-size:21px;font-weight:800}@keyframes csi-cup-l-anim{0%{transform:translate(0)}12%,22%{transform:translateY(-11px)}32%{transform:translate(0)}48%,60%{transform:translate(46px)}76%{transform:translate(23px,-7px)}90%,to{transform:translate(0)}}@keyframes csi-cup-r-anim{0%,32%{transform:translate(0)}48%,60%{transform:translate(-46px)}76%{transform:translate(-23px,5px)}90%,to{transform:translate(0)}}@keyframes csi-cup-m-anim{0%,30%,70%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes csi-gem-anim{0%,8%{opacity:0}14%,20%{opacity:1}28%,to{opacity:0}}@keyframes csi-qmark-anim{0%,62%,to{opacity:0;transform:scale(.6)translateY(3px)}72%,84%{opacity:1;transform:scale(1)translateY(0)}94%{opacity:0;transform:scale(.6)translateY(3px)}}.csi-cup-l{transform-box:fill-box;animation:3s cubic-bezier(.4,0,.6,1) infinite csi-cup-l-anim}.csi-cup-r{transform-box:fill-box;animation:3s cubic-bezier(.4,0,.6,1) infinite csi-cup-r-anim}.csi-cup-m{transform-box:fill-box;animation:3s ease-in-out infinite csi-cup-m-anim}.csi-gem{animation:3s ease-in-out infinite csi-gem-anim}.csi-qmark{transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite csi-qmark-anim}.cup-shuffle-icon-svg{transition:transform .3s}@media (hover:hover){.game-card:hover .cup-shuffle-icon-svg{transform:scale(1.1)}}.lantern-defs{width:0;height:0;position:absolute;overflow:hidden}.lantern-glyph{width:100%;height:100%;animation:.2s cubic-bezier(.34,1.56,.64,1) lantern-pop;display:block}@keyframes lantern-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes lantern-flicker{0%{opacity:1}6%{opacity:.82}11%{opacity:.97}17%{opacity:.7}23%{opacity:.93}29%{opacity:.86}35%{opacity:1}43%{opacity:.78}49%{opacity:.95}56%{opacity:.62}62%{opacity:.9}70%{opacity:.99}77%{opacity:.75}84%{opacity:.94}91%{opacity:.85}to{opacity:1}}@keyframes lantern-breathe{0%{transform:scale(1)}17%{transform:scale(.955)}35%{transform:scale(1.035)}56%{transform:scale(.94)}77%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes lantern-ignite{0%{opacity:0}18%{opacity:.55}32%{opacity:.28}55%{opacity:1}72%{opacity:.86}to{opacity:1}}@keyframes lantern-flare{0%{opacity:0;transform:scale(.55)}18%{opacity:.6;transform:scale(.9)}32%{opacity:.3;transform:scale(.86)}55%{opacity:1;transform:scale(1.16)}78%{opacity:.93;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.lantern-light{animation:.64s ease-out both lantern-ignite}.lantern-light--flare{transform-box:fill-box;transform-origin:50%;animation:.64s cubic-bezier(.2,.9,.3,1) both lantern-flare}@media (prefers-reduced-motion:reduce){.lantern-light,.lantern-light--flare{animation:none}}.sm-icon{transition:transform .15s}@media (hover:hover){.sm-icon:hover{transform:scale(1.06)}}.pt-icon-arc{stroke-dasharray:138.2;animation:2.8s ease-in-out infinite pt-icon-fill}@keyframes pt-icon-fill{0%{stroke-dashoffset:138.2px}45%,68%{stroke-dashoffset:44px}to{stroke-dashoffset:138.2px}}.md-icon-grp--left{animation:2.8s ease-in-out infinite md-icon-split-l}.md-icon-grp--right{animation:2.8s ease-in-out infinite md-icon-split-r}@keyframes md-icon-split-l{0%,12%{transform:translate(0)}45%,68%{transform:translate(-5px)}to{transform:translate(0)}}@keyframes md-icon-split-r{0%,12%{transform:translate(0)}45%,68%{transform:translate(5px)}to{transform:translate(0)}}.madd-icon-dot--add{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite madd-dot-cycle}.madd-icon-dot--d4{animation-delay:0s}.madd-icon-dot--d5{animation-delay:.22s}@keyframes madd-dot-cycle{0%,14%{opacity:0;transform:scale(.1)}30%{opacity:1;transform:scale(1)}72%{opacity:1;transform:scale(1)}88%,to{opacity:0;transform:scale(.1)}}.msub-icon-dot--leave{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite msub-dot-cycle}.msub-icon-dot--d5{animation-delay:0s}.msub-icon-dot--d4{animation-delay:.22s}@keyframes msub-dot-cycle{0%,14%{opacity:1;transform:scale(1)}30%{opacity:0;transform:scale(.1)}72%{opacity:0;transform:scale(.1)}88%,to{opacity:1;transform:scale(1)}}.mm-icon-dot--mul{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite mm-icon-cycle}.mm-icon-dot--c1{animation-delay:0s}.mm-icon-dot--c2{animation-delay:.12s}.mm-icon-dot--c3{animation-delay:.24s}@keyframes mm-icon-cycle{0%,14%{opacity:0;transform:scale(.1)}30%{opacity:1;transform:scale(1)}72%{opacity:1;transform:scale(1)}88%,to{opacity:0;transform:scale(.1)}}