.cm{width:min(100%,520px);margin:0 auto}.cm-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.cm-title{margin:6px 0 0;font-family:var(--g-serif);font-weight:900;font-size:clamp(28px,4.4vw,40px);letter-spacing:.08em;line-height:1.2;background:linear-gradient(180deg,#fff,#cfe8ff 60%,#8fe6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.cm-scores{display:flex;gap:10px}.cm-score{display:grid;justify-items:center;min-width:84px;padding:8px 12px;border-radius:16px;background:#ffffff0f;border:1px solid var(--g-line)}.cm-score span{font-size:11px;letter-spacing:.2em;color:var(--g-faint)}.cm-score b{font-family:var(--g-display);font-size:20px;color:var(--g-gold-2);font-variant-numeric:tabular-nums}.cm-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.cm-top{--tc: #9aa3b5;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--g-mute)}.cm-top-l{letter-spacing:.1em}.cm-top b{color:var(--tc);font-family:var(--g-serif);font-size:15px;letter-spacing:.06em;text-shadow:0 0 14px color-mix(in srgb,var(--tc) 50%,transparent)}.cm-top-gem img{width:28px;height:28px}.cm-tools{display:flex;gap:8px}.cm-board{--gap: 12px;--cell: 100px;position:relative;width:100%;aspect-ratio:1;border-radius:26px;touch-action:none;user-select:none;outline:none;background:linear-gradient(160deg,#222c6eb8,#0c102edb);border:1px solid var(--g-line-2);box-shadow:0 40px 90px -40px #000000e6,inset 0 1px #ffffff1a,0 0 60px -30px #5ad8f599}.cm-board:focus-visible{box-shadow:0 0 0 2px var(--g-gold-2),0 40px 90px -40px #000000e6}.cm-cells{position:absolute;inset:var(--gap);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}.cm-cells span{border-radius:16px;background:#04071a80;box-shadow:inset 0 2px 8px #00000059}.cm-tiles{position:absolute;inset:0}.cm-tile{--tc: #9aa3b5;--gs: .55;position:absolute;left:0;top:0;width:var(--cell);height:var(--cell);border-radius:16px;display:grid;place-items:center;background:radial-gradient(90% 90% at 50% 35%,color-mix(in srgb,var(--tc) 38%,rgba(18,24,70,.95)),color-mix(in srgb,var(--tc) 12%,rgba(12,16,48,.96)));border:1.5px solid color-mix(in srgb,var(--tc) 78%,transparent);box-shadow:0 8px 20px -8px #0009,inset 0 1px #ffffff1f;transition:transform .13s ease-out;will-change:transform}.cm-gem{display:grid;place-items:center}.cm-tile .cm-gem{position:absolute;inset:0}.cm-tile .cm-gem img{width:calc(var(--cell) * var(--gs));height:auto;filter:none;pointer-events:none;-webkit-user-drag:none}.cm-tile b{position:absolute;left:4px;right:4px;bottom:6px;text-align:center;font-size:11px;font-weight:700;letter-spacing:.04em;color:color-mix(in srgb,var(--tc) 45%,#fff);text-shadow:0 1px 4px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden}.cm-tile[data-lv="1"] b,.cm-tile[data-lv="2"] b{opacity:.75}.cm-tile[data-lv="7"],.cm-tile[data-lv="8"],.cm-tile[data-lv="9"],.cm-tile[data-lv="10"],.cm-tile[data-lv="11"],.cm-tile[data-lv="12"]{box-shadow:0 8px 20px -8px #0009,0 0 22px -6px var(--tc),inset 0 1px #ffffff29}.cm-tile[data-lv="11"] .cm-gem,.cm-tile[data-lv="12"] .cm-gem{animation:cm-breathe 6s ease-in-out infinite}@keyframes cm-breathe{0%,to{filter:drop-shadow(0 0 6px var(--tc))}50%{filter:drop-shadow(0 0 16px var(--tc))}}.cm-tile.is-new .cm-gem{animation:cm-pop-in .22s ease-out both}.cm-tile.is-merge .cm-gem{animation:cm-merge .24s ease-out both}@keyframes cm-pop-in{0%{transform:scale(.3);opacity:0}}@keyframes cm-merge{0%{transform:scale(1)}45%{transform:scale(1.16)}to{transform:scale(1)}}.cm-over{--tc: #9aa3b5;position:absolute;inset:0;z-index:5;display:grid;place-items:center;border-radius:26px;background:#06091cc7;backdrop-filter:blur(6px);animation:cm-fade .6s ease both}.cm-over[hidden]{display:none}@keyframes cm-fade{0%{opacity:0}}.cm-over-card{display:grid;justify-items:center;gap:8px;padding:18px;text-align:center}.cm-over-card h2{margin:0;font-family:var(--g-serif);font-weight:900;font-size:clamp(22px,3vw,28px);letter-spacing:.08em}.cm-over-card p{margin:0 0 8px;color:var(--g-mute);font-size:14.5px;max-width:22em}.cm-over-gem img{width:110px;height:110px;filter:drop-shadow(0 0 20px var(--tc))}.cm-over-gem{animation:cm-float 5s ease-in-out infinite}@keyframes cm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cm-help{margin:16px 0 0;text-align:center;font-size:13.5px;color:var(--g-faint)}.cm-help b{color:var(--g-mute);font-weight:700}.cm-dex{margin-top:30px;padding:20px 20px 16px;border-radius:22px;background:#ffffff09;border:1px solid var(--g-line)}.cm-dex h2{margin:0;font-family:var(--g-serif);font-size:18px;letter-spacing:.1em}.cm-dex-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.cm-dex-list:empty{display:none}.cm-dex-item{--tc: #9aa3b5;display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 6px;border-radius:999px;font-size:13px;border:1px solid color-mix(in srgb,var(--tc) 45%,transparent);background:color-mix(in srgb,var(--tc) 8%,transparent)}.cm-dex-item img{width:24px;height:24px}.cm-dex-item b{color:color-mix(in srgb,var(--tc) 75%,#fff);font-weight:700;letter-spacing:.04em}.cm-toast{--tc: #fff;position:fixed;left:50%;bottom:28px;z-index:80;display:flex;align-items:center;gap:10px;padding:10px 18px 10px 10px;border-radius:999px;background:#0c102eeb;border:1px solid color-mix(in srgb,var(--tc) 60%,transparent);box-shadow:0 16px 40px -12px #000000b3,0 0 30px -10px var(--tc);transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .5s ease,transform .5s var(--g-ease);font-size:14px}.cm-toast.is-on{opacity:1;transform:translate(-50%)}.cm-toast img{width:30px;height:30px}.cm-toast b{color:var(--tc)}.cm-shot{display:grid;gap:12px;justify-items:center;max-width:min(92vw,440px)}.cm-shot img{width:100%;border-radius:18px;box-shadow:0 30px 70px #0009}@media(max-width:480px){.cm-head{align-items:center}.cm-score{min-width:70px;padding:6px 10px}.cm-tile b{display:none}}@media(prefers-reduced-motion:reduce){.cm-tile{transition:none}.cm-tile .cm-gem,.cm-over-gem{animation:none!important}}