.cc{margin:var(--space-3) 0 var(--space-5);display:grid;gap:var(--space-3);align-items:start}.cc-left,.cc-right{display:grid;gap:var(--space-3);min-width:0}.cc-right .cc-h{margin:0}.cc-right .cc-hint{margin:-8px 0 0}@media(min-width:900px){.page-wrap:has(.cc-tool){max-width:1180px}.cc{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--space-4)}.cc-left{position:sticky;top:16px}.cc-chest{min-height:168px}}@media(min-width:900px)and (max-height:1000px){.cc-hero{margin-bottom:0}.cc-hero h1{font-size:38px;margin-bottom:4px}.cc-hero .page-lead{font-size:15px;margin:0}}.cc-chest-n{animation:cc-bump .18s ease-out}@keyframes cc-bump{0%{transform:scale(1.14);color:var(--fn-yellow)}to{transform:none}}@media(prefers-reduced-motion:reduce){.cc-chest-n{animation:none}}.cc-ad{width:100%;text-align:center}.cc-ad.mv-reserve{min-height:250px;margin-block:var(--space-3)}html.ad-free .cc-ad{display:none}.cc button{font:inherit;cursor:pointer}.cc-th{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border:1px solid var(--fn-border);border-radius:var(--r-md);background:var(--fn-panel-bg)}.cc-th.is-live{border-color:var(--fn-yellow);background:color-mix(in srgb,var(--fn-yellow) 10%,var(--fn-panel-bg))}.cc-th strong{display:block;color:var(--fn-yellow);text-transform:uppercase;font-size:13px}.cc-th span{font-size:13px;color:var(--fn-text-dim)}.cc-mode{display:flex;border:1px solid var(--fn-border);border-radius:var(--r-sm);overflow:hidden}.cc-mode button{background:transparent;color:var(--fn-text-dim);border:0;padding:6px 12px;font-size:13px}.cc-mode button.on{background:var(--fn-yellow);color:#111;font-weight:700}.cc-main{display:grid;grid-template-columns:1fr auto;gap:var(--space-2)}.cc-chest{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:132px;border:3px solid var(--fn-yellow);border-radius:var(--r-md);background:linear-gradient(180deg,color-mix(in srgb,var(--fn-yellow) 22%,var(--fn-panel-bg)),var(--fn-panel-bg));color:#fff;touch-action:manipulation;user-select:none}.cc-chest:active{transform:scale(.98)}.cc-chest-n{font-size:clamp(44px,12vw,64px);font-weight:900;line-height:1;font-variant-numeric:tabular-nums;text-shadow:2px 2px 0 #000}.cc-chest-l{font-size:14px;font-weight:700;text-transform:uppercase;color:var(--fn-yellow)}.cc-side{display:grid;gap:var(--space-2)}.cc-side button{min-width:76px;border:2px solid var(--fn-border);border-radius:var(--r-md);background:var(--fn-panel-bg);color:#fff;font-weight:700;font-size:16px}.cc-side button:disabled{opacity:.4;cursor:default}.cc-split{margin:-6px 0 0;font-size:12.5px;color:var(--fn-text-mute)}.cc-token{display:flex;align-items:center;gap:var(--space-3);padding:14px 16px;border:2px solid var(--fn-neon-cyan);border-radius:var(--r-md);background:var(--fn-panel-bg)}.cc-token-big{flex:none;font-size:clamp(24px,6.5vw,36px);font-weight:900;color:var(--fn-neon-cyan);font-variant-numeric:tabular-nums;white-space:nowrap}.cc-token strong{display:block;font-size:14px}.cc-token span{font-size:13px;color:var(--fn-text-dim);line-height:1.5}.cc-h{margin:var(--space-3) 0 0;font-size:18px}.cc-hint{margin:-6px 0 0;font-size:13px;color:var(--fn-text-dim)}.cc-rows{display:grid;gap:6px}.cc-row{display:flex;align-items:center;gap:10px;padding:7px 8px 7px 12px;border:1px solid var(--fn-border);border-radius:var(--r-sm);background:var(--fn-panel-bg);transition:border-color .15s}.cc-row.is-token{border-color:color-mix(in srgb,var(--fn-neon-cyan) 70%,var(--fn-border))}.cc-row-body{flex:1;min-width:0;display:grid;gap:2px}.cc-row-name{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.cc-row-name strong{font-size:14px}.cc-row-name span,.cc-k{font-size:11.5px;color:var(--fn-text-mute)}.cc-stats{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:13px}.cc-stats b{font-weight:800;font-variant-numeric:tabular-nums;color:#fff}.cc-stats b.cc-hit{color:var(--fn-collected)}.cc-luck b{color:var(--fn-text-dim)}.cc-luck.is-good b{color:var(--fn-collected)}.cc-luck.is-bad b{color:#ff7a7a}.cc-add{flex:none;min-width:52px;min-height:44px;touch-action:manipulation;border:2px solid var(--fn-collected);border-radius:var(--r-sm);background:transparent;color:var(--fn-collected);font-weight:800}.cc-add:active,.cc-side button:active{transform:scale(.94)}.cc-add:hover{background:color-mix(in srgb,var(--fn-collected) 14%,transparent)}.cc-chest:hover{border-color:#ffe27a}.cc button:focus-visible{outline:2px solid var(--fn-neon-cyan);outline-offset:2px}.cc-foot{font-size:12px;color:var(--fn-text-mute);margin:0}.cc-reset{background:none;border:0;color:var(--fn-neon-cyan);text-decoration:underline;padding:0;font-size:12px}.cc-bar{display:none}@media(max-width:899px){.cc-main{display:none}.cc-split{margin:0}.page-wrap:has(.cc-tool){padding-bottom:calc(84px + env(safe-area-inset-bottom))}.cc-bar{position:fixed;inset:auto 0 0;z-index:80;display:grid;grid-template-columns:92px 1fr;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#0d1118;border-top:1px solid #596274;box-shadow:0 -8px 24px #0006;transform:translateY(calc(-1 * var(--mv-anchor-h, 0px)));transition:transform .2s ease}.cc-bar button{font:inherit;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent}.cc-bar-undo{display:flex;align-items:center;justify-content:center;gap:4px;min-height:56px;border:2px solid var(--fn-border);border-radius:var(--r-md);background:var(--fn-panel-bg);color:#d8dde5;font-weight:800;font-size:14px}.cc-bar-undo span{color:var(--fn-neon-cyan);font-size:18px}.cc-bar-undo:disabled{opacity:.35;cursor:default}.cc-bar-chest{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:0 16px;border:3px solid var(--fn-yellow);border-radius:var(--r-md);background:linear-gradient(180deg,color-mix(in srgb,var(--fn-yellow) 26%,#141a24),#141a24);color:#fff}.cc-bar-chest:active,.cc-bar-undo:active{transform:scale(.97)}.cc-bar-plus{font-weight:900;font-size:15px;text-transform:uppercase;color:var(--fn-yellow);text-align:left}.cc-bar-n{font-weight:900;font-size:28px;font-variant-numeric:tabular-nums;text-shadow:2px 2px 0 #000;animation:cc-bump .18s ease-out}.cc-bar.is-boost .cc-bar-chest{background:var(--fn-yellow)}.cc-bar.is-boost .cc-bar-plus{color:#111}.cc-bar.is-boost .cc-bar-n{color:#111;text-shadow:none}.mv-video-docked .cc-bar{grid-template-columns:1fr;grid-template-rows:1fr 30px;gap:6px;height:var(--mv-video-h, 100px);padding:6px calc(var(--mv-video-w, 0px) + 6px) 6px 8px}.mv-video-docked .cc-bar-chest{order:1;min-height:0;padding:0 10px}.mv-video-docked .cc-bar-undo{order:2;min-height:0;font-size:12px;border-width:1px}.mv-video-docked .cc-bar-undo span{font-size:14px}.mv-video-docked .cc-bar-plus{font-size:12px;line-height:1.1}.mv-video-docked .cc-bar-n{font-size:24px}.mv-video-docked .page-wrap:has(.cc-tool){padding-bottom:calc(var(--mv-video-h, 72px) + 16px)}}@media(prefers-reduced-motion:reduce){.cc-bar-n{animation:none}}.page-wrap:has(.cc-tool)>.prose,.page-wrap:has(.cc-tool)>.cc-img,.page-wrap:has(.cc-tool)>.var-table,.page-wrap:has(.cc-tool)>.cc-faq,.page-wrap:has(.cc-tool)>.cc-faq-h,.page-wrap:has(.cc-tool)>.related{max-width:820px}.cc-fig{margin:var(--space-4) auto;max-width:300px;text-align:center}.cc-fig img{width:100%;height:auto;border-radius:18px;border:1px solid var(--fn-border);box-shadow:0 12px 32px #00000073}.cc-fig figcaption{margin-top:8px;font-size:12.5px;color:var(--fn-text-mute)}.cc-img{display:block;width:100%;height:auto;margin:var(--space-4) 0 var(--space-2);border-radius:var(--r-md);border:1px solid var(--fn-border)}.prose ol{padding-left:20px;color:#cdd3dd;line-height:1.7}.prose li{margin-bottom:8px}.cc-faq-h{margin-top:var(--space-6);font-size:23px}.cc-faq details{background:var(--fn-panel-bg);border:1px solid var(--fn-border);border-radius:var(--r-sm);padding:12px 16px;margin-bottom:8px}.cc-faq summary{font-weight:700;cursor:pointer}.cc-faq p{margin:8px 0 0;color:#cdd3dd;line-height:1.7}@media(max-width:600px){.cc-hero{margin-bottom:0}.cc-hero .eyebrow,.cc-hero .page-lead{display:none}.cc-hero h1{font-size:28px;margin-bottom:0}.cc{margin-top:var(--space-2);gap:10px}.cc-th{padding:8px 10px}.cc-th span{font-size:12px}.cc-mode button{padding:5px 10px}.cc-chest{min-height:116px}.cc-token{padding:10px 12px}.cc-token span{font-size:12px}.cc-stats{gap:0 10px;font-size:12px}.cc-token{gap:12px}}
