.cch{--common: #9fd3a8;--rare: #6fb8ff;--epic: #c079ff;--legendary: #ffd166;}.modal-root.cch-on .modal{width: 100vw;max-width: none;height: 100vh;height: 100dvh;max-height: none;box-sizing: border-box;padding: 0;border: none;border-radius: 0;overflow: hidden;background: radial-gradient(1200px 700px at 78% -10%, rgba(169, 112, 255, .2), transparent 60%), radial-gradient(900px 600px at 8% 110%, rgba(255, 138, 76, .14), transparent 60%), var(--bg);}.modal-root.cch-on .modal-close{display: none;}.cch{position: relative;height: 100%;display: flex;flex-direction: column;text-align: left;}.cch h2, .cch h3{font-family: "Cinzel", Georgia, serif;font-weight: 800;letter-spacing: .04em;margin: 0;color: var(--ink);background: none;-webkit-text-fill-color: currentColor;text-shadow: none;}.cch button{font: inherit;color: inherit;}.cch-top{display: flex;align-items: center;gap: 10px;padding: 10px 14px;border-bottom: 1px solid var(--line);background: rgba(12, 10, 20, .6);}.cch-top h2{flex: 1;font-size: 17px;white-space: nowrap;}.cch-top h2 small{display: block;font: 800 11px/1.2 "Nunito", sans-serif;letter-spacing: .08em;text-transform: uppercase;color: var(--ink-faint);}.cch-back{width: 34px;height: 34px;flex: none;display: grid;place-items: center;border-radius: 10px;border: 1px solid var(--line);background: var(--panel-2);cursor: pointer;}.cch-back .ic{transform: rotate(180deg);}.cch-pills{display: flex;gap: 6px;}.cch-pill{display: inline-flex;align-items: center;gap: 6px;height: 30px;padding: 0 10px 0 6px;border-radius: 99px;background: rgba(0, 0, 0, .35);border: 1px solid var(--line);font-weight: 800;font-variant-numeric: tabular-nums;}button.cch-pill{cursor: pointer;}.cch-pill .em, .cch-gold .em, .cch-price .em{font-size: 18px;}.cch-plus{width: 18px;height: 18px;display: grid;place-items: center;border-radius: 6px;background: var(--good);color: #10230c;font: 900 14px/1 "Nunito", sans-serif;font-style: normal;}.cch-body{flex: 1;overflow-y: auto;overscroll-behavior: contain;padding: 12px 14px 96px;}.cch-nav{position: absolute;z-index: 3;left: 0;right: 0;bottom: 0;display: grid;grid-template-columns: repeat(4, 1fr);gap: 4px;padding: 6px 10px calc(10px + env(safe-area-inset-bottom, 0px));background: linear-gradient(180deg, rgba(20, 15, 34, .9), #0c0a14);border-top: 1px solid var(--line);}.cch-nav button{position: relative;display: grid;justify-items: center;gap: 2px;padding: 6px 0;border: 0;border-radius: 12px;background: none;cursor: pointer;font-size: 11.5px;font-weight: 800;letter-spacing: .03em;color: var(--ink-dim);}.cch-nav .ic{width: 22px;height: 22px;}.cch-nav button.on{color: var(--gold);background: radial-gradient(60% 90% at 50% 100%, rgba(255, 209, 102, .22), transparent 70%);box-shadow: inset 0 -2px 0 var(--gold);}.cch-badge{position: absolute;top: 2px;right: 22%;min-width: 16px;height: 16px;padding: 0 4px;box-sizing: border-box;display: grid;place-items: center;border-radius: 9px;background: var(--good);color: #10230c;font: 900 10px/1 "Nunito", sans-serif;}.cch-sec{display: flex;align-items: baseline;justify-content: space-between;gap: 8px;margin: 16px 2px 8px;}.cch-sec h3{font-size: 12.5px;color: var(--ink-dim);letter-spacing: .12em;text-transform: uppercase;}.cch-sec small, .cch-note{color: var(--ink-faint);font-weight: 700;font-size: 11.5px;}.cch-note{margin: 8px 2px;text-align: center;}.cch-panel{display: block;width: 100%;box-sizing: border-box;padding: 12px;border-radius: 18px;background: var(--panel);border: 1px solid var(--line);box-shadow: var(--shadow-2);text-align: left;}.cch-spk{display: inline-block;width: 14px;height: 14px;vertical-align: -2px;margin-right: 4px;background: linear-gradient(160deg, #fff4c2, #ffd166 45%, #e08a1e);clip-path: polygon(50% 0, 63% 37%, 100% 50%, 63% 63%, 50% 100%, 37% 63%, 0 50%, 37% 37%);}.cch-narrow{max-width: 620px;margin: 0 auto;}.cch-sr{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;overflow: hidden;clip-path: inset(50%);white-space: nowrap;}.cc-card{--rar: var(--common);position: relative;display: block;aspect-ratio: 5 / 6;border-radius: 12px;padding: 2px;box-sizing: border-box;background: linear-gradient(160deg, color-mix(in srgb, var(--rar) 95%, #fff), color-mix(in srgb, var(--rar) 55%, #000) 70%);box-shadow: 0 6px 14px -6px rgba(0, 0, 0, .7), 0 0 0 1px rgba(0, 0, 0, .4);}.cc-card.rare{--rar: var(--rare);}.cc-card.epic{--rar: var(--epic);}.cc-card.legendary{--rar: var(--legendary);}.cc-face{position: relative;display: block;height: 100%;border-radius: 10px;overflow: hidden;background: radial-gradient(90% 70% at 50% 35%, color-mix(in srgb, var(--rar) 34%, #2a1f4a), #140f24 85%);}.cc-card.spell .cc-face{background: radial-gradient(90% 70% at 50% 35%, color-mix(in srgb, var(--rar) 30%, #3a1838), #170d1c 85%);}.cc-card.gear .cc-face{background: radial-gradient(90% 70% at 50% 35%, color-mix(in srgb, var(--rar) 26%, #3b2d14), #18110a 85%);}.cc-card.building .cc-face{background: radial-gradient(90% 70% at 50% 35%, color-mix(in srgb, var(--rar) 26%, #123446), #0b1620 85%);}.cc-art{position: absolute;inset: 9% 12% 26%;display: grid;place-items: center;}.cc-art > svg{position: absolute;inset: 0;margin: auto;}.cc-art .pc{width: 100%;height: 100%;overflow: visible;fill: #fbf8ff;stroke: #2a2142;stroke-width: 1.7;stroke-linejoin: round;filter: drop-shadow(0 3px 3px rgba(0, 0, 0, .5));}.cc-art .em{width: 82%;height: 82%;vertical-align: 0;color: var(--rar);filter: drop-shadow(0 0 8px color-mix(in srgb, var(--rar) 70%, transparent));}.cc-nm{position: absolute;left: 0;right: 0;bottom: 6%;padding: 0 3px;text-align: center;font-weight: 900;font-size: 10.5px;line-height: 1.1;letter-spacing: .02em;text-shadow: 0 1px 2px #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.cc-kind{position: absolute;left: 50%;bottom: 22%;transform: translateX(-50%);font-size: 8.5px;font-weight: 900;letter-spacing: .14em;text-transform: uppercase;color: color-mix(in srgb, var(--rar) 80%, #fff);opacity: .85;}.cc-lv{position: absolute;top: 5px;right: 5px;padding: 1px 6px;border-radius: 7px;font: 900 10px/1.4 "Nunito", sans-serif;background: rgba(0, 0, 0, .55);color: var(--rar);border: 1px solid color-mix(in srgb, var(--rar) 60%, transparent);}.cc-cost{position: absolute;z-index: 2;top: -6px;left: -6px;width: 24px;height: 24px;box-sizing: border-box;display: grid;place-items: center;border-radius: 50%;font: 900 13px/1 "Nunito", sans-serif;font-style: normal;color: #ffe7a0;background: radial-gradient(circle at 35% 30%, #5a3d9e, #23164a 70%);border: 2px solid #ffd166;box-shadow: 0 0 8px rgba(255, 209, 102, .65), 0 2px 4px rgba(0, 0, 0, .6);}.cc-cost::after{content: '';position: absolute;top: -4px;right: -4px;width: 9px;height: 9px;background: #fff4c2;clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%);}.cc-card.legendary .cc-face::after{content: '';position: absolute;inset: 0;background: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, .28) 45%, transparent 55%);mix-blend-mode: overlay;}.cc-card.locked{background: linear-gradient(160deg, #3a3150, #1a1428);box-shadow: none;}.cc-card.locked .cc-face{background: repeating-linear-gradient(135deg, #1a1428 0 6px, #1e1730 6px 12px);}.cc-card.locked .cc-art{filter: brightness(0) opacity(.45);}.cc-card.locked .cc-nm{color: var(--ink-faint);font-size: 9.5px;}.cc-lock{position: absolute;top: 34%;left: 50%;transform: translate(-50%, -50%);width: 24px;height: 24px;color: var(--ink-faint);}.cc-card.new::before{content: 'NEW';position: absolute;z-index: 3;top: 8px;left: -4px;padding: 1px 6px;border-radius: 0 6px 6px 0;background: var(--bad);color: #fff;font: 900 9px/1.5 "Nunito", sans-serif;letter-spacing: .1em;}.cc-card.sel{outline: 3px solid var(--gold);outline-offset: 2px;}.cc-slot{position: relative;display: flex;flex-direction: column;min-width: 0;padding: 0;border: 0;background: none;cursor: pointer;text-align: center;}.cc-slot:focus-visible{outline: 2px solid var(--gold);outline-offset: 4px;border-radius: 12px;}.cc-copies{position: relative;display: block;height: 15px;margin-top: 5px;border-radius: 8px;background: rgba(0, 0, 0, .5);border: 1px solid rgba(255, 255, 255, .08);overflow: hidden;}.cc-copies i{position: absolute;inset: 0 auto 0 0;width: calc(var(--p) * 100%);background: linear-gradient(180deg, #6fb8ff, #3b74d6);}.cc-copies span{position: relative;display: block;text-align: center;font: 900 10px/14px "Nunito", sans-serif;text-shadow: 0 1px 1px #000;font-variant-numeric: tabular-nums;}.cc-copies.full{box-shadow: 0 0 10px rgba(139, 209, 124, .7);}.cc-copies.full i{width: 100%;background: linear-gradient(180deg, #a6f08f, #4caf50);}.cc-copies.full span::before{content: '\25B2 ';color: #eaffd8;}.cc-copies.max i{width: 100%;background: linear-gradient(180deg, #ffe08a, #c99a2e);}.cc-where{margin-top: 5px;font-size: 10px;font-weight: 800;color: var(--ink-faint);}.cc-slot.ready .cc-card{box-shadow: 0 0 0 2px var(--good), 0 0 18px rgba(139, 209, 124, .55);}.cc-slot.ready .cc-card::after{content: '';position: absolute;z-index: 2;right: 6px;bottom: 26%;width: 16px;height: 16px;border-radius: 50%;background: var(--good) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3 3 9h3v4h4V9h3z' fill='%2310230c'/%3E%3C/svg%3E") center / 12px no-repeat;}.cc-slot.picked{opacity: .45;}.cc-slot.picked .cc-card{outline: 2px dashed var(--gold);outline-offset: 3px;}.cch-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 12px 9px;}.cch-arena{position: relative;overflow: hidden;padding: 14px;border-radius: 20px;border: 1px solid var(--line-hot);background: radial-gradient(120% 90% at 50% 120%, rgba(42, 127, 208, .5), transparent 60%), repeating-conic-gradient(rgba(255, 255, 255, .035) 0 25%, transparent 0 50%) 0 0 / 44px 44px, linear-gradient(180deg, #2a1f4a, #171029);}.cch-arena h3{font-size: 20px;}.cch-lvl{font-size: 11px;font-weight: 900;letter-spacing: .14em;color: var(--cyan);text-transform: uppercase;}.cch-river{position: absolute;left: 0;right: 0;bottom: 34px;height: 22px;opacity: .55;background: repeating-radial-gradient(circle at 50% 140%, #2a7fd0 0 5px, #6fc3ff 5px 6.5px);}.cch-bridge{position: absolute;bottom: 34px;width: 34px;height: 22px;z-index: 1;background: repeating-linear-gradient(90deg, #a0703c 0 6px, #6e4520 6px 7px);}.cch-bridge.l{left: 22%;}.cch-bridge.r{right: 22%;}.cch-towers{position: absolute;right: 16px;top: 14px;display: flex;gap: 6px;align-items: flex-end;}.cch-towers .pc{width: 30px;height: 30px;fill: #fbf8ff;stroke: #2a2142;stroke-width: 1.7;filter: drop-shadow(0 0 8px rgba(255, 122, 110, .9));}.cch-towers .k .pc{width: 44px;height: 44px;}.cch-tro{position: relative;z-index: 2;display: flex;align-items: center;gap: 8px;margin: 52px 0 0;font-weight: 900;}.cch-tro .em{font-size: 20px;}.cch-tro small{color: var(--ink-faint);font-weight: 700;}.cch-bar{flex: 1;height: 8px;border-radius: 4px;background: rgba(0, 0, 0, .5);overflow: hidden;}.cch-bar i{display: block;height: 100%;transform-origin: left;background: linear-gradient(90deg, var(--gold), #ff8a4c);}.cch-go{display: grid;gap: 8px;margin: 12px 0;}.cch-battle{display: flex;align-items: center;justify-content: center;gap: 10px;height: 60px;border: 0;border-radius: 14px;cursor: pointer;font: 800 21px/1 "Cinzel", Georgia, serif !important;letter-spacing: .08em;color: #2a1600 !important;background: linear-gradient(180deg, #ffe7a0, #ffc23d 55%, #e9971c);box-shadow: 0 4px 0 #a8620d, 0 10px 24px -6px rgba(255, 180, 60, .6), inset 0 1px 0 #fff6d6;}.cch-battle:active{transform: translateY(3px);box-shadow: 0 1px 0 #a8620d;}.cch-seg{justify-self: center;display: inline-flex;flex-wrap: wrap;justify-content: center;padding: 3px;border-radius: 12px;background: rgba(0, 0, 0, .35);border: 1px solid var(--line);}.cch-seg button{padding: 6px 12px;border: 0;border-radius: 9px;background: none;cursor: pointer;font-weight: 800;font-size: 13px;color: var(--ink-dim);}.cch-seg button.on{background: linear-gradient(180deg, #3d2e66, #2a1f4a);color: var(--ink);box-shadow: inset 0 0 0 1px var(--line-hot);}.cch-strip{cursor: pointer;}.cch-strip-hd{display: flex;align-items: center;gap: 8px;margin-bottom: 10px;}.cch-strip-hd b{flex: 1;font-size: 13.5px;}.cch-strip-hd small{color: var(--gold);font-weight: 900;}.cch-edit{display: inline-flex;align-items: center;gap: 2px;color: var(--gold);font-weight: 900;font-size: 13px;}.cch-edit .ic{width: 14px;height: 14px;}.cch-mini{display: grid;grid-template-columns: repeat(8, 1fr);gap: 5px;}.cch-mini .cc-card{border-radius: 8px;}.cch-mini .cc-face{border-radius: 6px;}.cch-mini .cc-nm{display: none;}.cch-mini .cc-art{inset: 10%;}.cch-mini .cc-cost{width: 17px;height: 17px;top: -4px;left: -4px;font-size: 10px;border-width: 1.5px;}.cch-mini .cc-cost::after{display: none;}.cch-chests{display: grid;grid-template-columns: repeat(4, 1fr);gap: 8px;}.cch-cs{height: 76px;display: grid;place-items: center;align-content: center;gap: 2px;border-radius: 14px;border: 1px solid var(--line);background: rgba(0, 0, 0, .28);font-size: 10.5px;font-weight: 800;color: var(--ink-dim);cursor: pointer;}.cch-cs .em{font-size: 34px;}.cch-cs.ready{border-color: var(--good);color: var(--good);box-shadow: 0 0 14px -2px rgba(139, 209, 124, .6);}.cch-cs.empty{border-style: dashed;color: var(--ink-faint);cursor: default;}.cch-offers{display: grid;grid-template-columns: repeat(3, 1fr);gap: 8px;}.cch-offer{padding: 8px 8px 10px;border-radius: 14px;background: var(--panel);border: 1px solid var(--line);text-align: center;cursor: pointer;}.cch-offer:disabled{cursor: default;opacity: .6;}.cch-offer .cc-card{width: 70%;margin: 4px auto 6px;}.cch-offer small{display: block;font-size: 11px;color: var(--ink-dim);font-weight: 800;}.cch-price{display: inline-flex;align-items: center;gap: 4px;margin-top: 6px;padding: 3px 10px;border-radius: 99px;font-weight: 900;font-size: 13px;color: #2a1600;background: linear-gradient(180deg, #ffe7a0, #ffc23d);}.cch-goldrow{display: grid;grid-template-columns: 40px 1fr;gap: 10px;align-items: center;}.cch-goldrow > span .em{font-size: 34px;}.cch-goldrow p{margin: 0;}.cch-goldrow b{display: block;font-size: 14px;}.cch-goldrow small{color: var(--ink-faint);font-size: 11.5px;font-weight: 700;}.cch-goldrow .btn{grid-column: 1 / -1;}.cch-nudge{margin-top: 4px;}.cch-deck-hd{display: flex;align-items: center;gap: 8px;margin-bottom: 10px;}.cch-deck-hd h3{flex: 1;font-size: 14px;}.cch-dtabs{display: flex;gap: 5px;}.cch-dtabs button{width: 30px;height: 30px;display: grid;place-items: center;border-radius: 9px;border: 1px solid var(--line);background: rgba(0, 0, 0, .3);color: var(--ink-dim);font-weight: 900;cursor: pointer;}.cch-dtabs button.on{color: #1b1230;background: var(--gold);border-color: var(--gold);box-shadow: 0 0 12px rgba(255, 209, 102, .5);}.cch-eight{display: grid;grid-template-columns: repeat(4, 1fr);gap: 9px;}.cch-deck.picking .cch-eight .cc-slot{outline: 1.5px dashed rgba(255, 209, 102, .7);outline-offset: 3px;border-radius: 12px;animation: cchWobble .5s ease-in-out infinite alternate;}.cch-deck.picking .cch-eight .cc-slot:nth-child(even){animation-delay: -.25s;}.cch-deck.picking .cch-eight .cc-slot:hover, .cch-eight .cc-slot.over{transform: scale(1.06);animation: none;outline-style: solid;outline-color: var(--gold);}@keyframes cchWobble{from{transform: rotate(-1.6deg);}to{transform: rotate(1.6deg);}}.cch-deck-ft{display: flex;align-items: center;justify-content: space-between;margin: 10px 0 0;font-size: 12.5px;color: var(--ink-dim);font-weight: 700;}.cch-deck-ft b{color: var(--gold);font-size: 15px;}.cch-chips{display: flex;flex-wrap: wrap;gap: 6px;margin: 10px 0 0;}.cch-chips span{padding: 3px 10px;border-radius: 99px;border: 1px solid var(--line);background: rgba(0, 0, 0, .25);font-size: 12px;font-weight: 800;color: var(--ink-dim);}.cch-chips .gap{color: #ffb3b3;border-color: rgba(255, 107, 107, .5);background: rgba(255, 107, 107, .1);}.cch-ready{display: flex;align-items: center;gap: 8px;width: 100%;margin: 12px 0 0;padding: 10px 12px;border-radius: 12px;cursor: pointer;border: 1px solid rgba(139, 209, 124, .45);background: rgba(139, 209, 124, .1);color: var(--ink-dim);font-weight: 700;text-align: left;}.cch-ready b{color: var(--good);}.cch-filters{display: flex;gap: 6px;margin: 12px 0 0;overflow-x: auto;scrollbar-width: none;}.cch-filters button{flex: none;padding: 5px 11px;border-radius: 99px;border: 1px solid var(--line);background: rgba(0, 0, 0, .25);color: var(--ink-dim);font-size: 12.5px;font-weight: 800;cursor: pointer;}.cch-filters button.on{color: #1b1230;background: var(--gold);border-color: var(--gold);}.cch-tray{position: absolute;z-index: 4;left: 10px;right: 10px;bottom: 80px;padding: 12px;border-radius: 18px;border: 1px solid var(--gold);background: linear-gradient(180deg, #2a1f4a, #1a1430);box-shadow: 0 -10px 40px rgba(0, 0, 0, .6), 0 0 24px -6px rgba(255, 209, 102, .5);}.cch-tray-in{display: grid;grid-template-columns: 84px 1fr;gap: 12px;align-items: center;}.cch-tray-in > .cc-card{transform: rotate(-4deg);}.cch-tray h3{font-size: 16px;}.cch-tray p{margin: 4px 0 8px;font-size: 12.5px;color: var(--ink-dim);}.cch-road{list-style: none;margin: 0;padding: 0;display: grid;gap: 10px;}.cch-road li{padding: 10px 12px;border-radius: 14px;border: 1px solid var(--line);background: rgba(0, 0, 0, .25);opacity: .75;}.cch-road li.reached{opacity: 1;border-color: var(--line-hot);background: var(--panel);}.cch-road-hd{display: flex;align-items: center;gap: 10px;margin-bottom: 8px;}.cch-road-hd .em{font-size: 26px;}.cch-road-hd small{display: block;color: var(--ink-faint);font-size: 11.5px;font-weight: 700;}.cch-road .cch-mini{grid-template-columns: repeat(8, minmax(0, 46px));}.cch-later{color: var(--ink-faint);}.cch-road .cch-mini + .cch-later{display: block;margin-top: 6px;font-weight: 700;}.cch-road + .btn{display: block;margin: 14px auto 0;}.cch-veil{position: absolute;z-index: 5;inset: 0;display: grid;place-items: center;padding: 14px;overflow-y: auto;background: rgba(6, 4, 12, .72);}.cch-veil[hidden]{display: none;}.cch-sheet{--rar: var(--common);position: relative;width: 100%;max-width: 380px;box-sizing: border-box;padding: 16px 16px 18px;border-radius: 22px;overflow: hidden;background: radial-gradient(120% 60% at 50% 0%, color-mix(in srgb, var(--rar) 22%, transparent), transparent 60%), linear-gradient(180deg, #221a3a, #150f26);border: 1px solid color-mix(in srgb, var(--rar) 55%, transparent);box-shadow: 0 30px 80px -20px #000, 0 0 40px -10px color-mix(in srgb, var(--rar) 40%, transparent);}.cch-sheet.rare{--rar: var(--rare);}.cch-sheet.epic{--rar: var(--epic);}.cch-sheet.legendary{--rar: var(--legendary);}.cch-x{position: absolute;z-index: 3;top: 12px;right: 12px;width: 32px;height: 32px;display: grid;place-items: center;border-radius: 10px;background: rgba(0, 0, 0, .35);border: 1px solid var(--line);cursor: pointer;}.cch-tag{display: inline-flex;gap: 6px;align-items: center;font: 900 11px/1 "Nunito", sans-serif;letter-spacing: .14em;text-transform: uppercase;color: var(--rar);}.cch-tag i{width: 8px;height: 8px;border-radius: 2px;background: var(--rar);transform: rotate(45deg);box-shadow: 0 0 8px var(--rar);}.cch-hero{display: grid;grid-template-columns: 112px 1fr;gap: 14px;align-items: center;margin-top: 10px;}.cch-stage{position: relative;display: grid;place-items: center;}.cch-hero .cc-card{width: 112px;}.cch-hero h3{font-size: 24px;line-height: 1.1;}.cch-hero p{margin: 6px 0 10px;color: var(--ink-dim);font-size: 13px;}.cch-lvls{display: flex;align-items: center;gap: 8px;font-weight: 900;}.cch-lvls span{color: var(--ink-dim);}.cch-lvls b{color: var(--good);font-size: 17px;}.cch-lvls .ic{width: 14px;height: 14px;}.cch-pips{display: flex;gap: 3px;margin-top: 6px;}.cch-pips i{width: 12px;height: 5px;border-radius: 2px;background: rgba(255, 255, 255, .12);}.cch-pips i.on{background: var(--rar);}.cch-pips i.nx{background: var(--good);box-shadow: 0 0 6px var(--good);}.cch-stats{margin: 14px 0 12px;border-radius: 14px;background: rgba(0, 0, 0, .28);border: 1px solid var(--line);}.cch-stat{display: grid;grid-template-columns: 26px 1fr auto;gap: 8px;align-items: center;padding: 8px 12px;border-top: 1px solid rgba(150, 120, 220, .12);font-size: 13.5px;}.cch-stat:first-child{border-top: 0;}.cch-stat .em{font-size: 20px;}.cch-stat .cch-spk{width: 18px;height: 18px;}.cch-stat .k{color: var(--ink-dim);}.cch-stat .v{display: flex;gap: 6px;align-items: baseline;font-weight: 900;font-variant-numeric: tabular-nums;}.cch-stat .v s{text-decoration: none;color: var(--ink-faint);font-weight: 700;}.cch-stat .v .ic{width: 12px;height: 12px;color: var(--good);align-self: center;}.cch-stat .v .up{color: var(--good);}.cch-stat .v .d{font-style: normal;font-size: 11px;color: #10230c;background: var(--good);padding: 1px 5px;border-radius: 6px;}.cch-stat .v.txt{font-weight: 800;font-size: 12.5px;text-align: right;}.cch-cp{display: flex;align-items: center;gap: 10px;margin-bottom: 12px;font-size: 12.5px;color: var(--ink-dim);font-weight: 700;}.cch-cp .cc-copies{flex: 1;margin: 0;height: 18px;}.cch-cp .cc-copies span{line-height: 17px;font-size: 11px;}.cch-acts{display: grid;gap: 8px;}.cch-acts.row{grid-template-columns: 1fr 1fr;}.cch-btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 44px;padding: 0 16px;border-radius: 12px;cursor: pointer;font-weight: 800;border: 1px solid var(--line-hot);background: var(--panel-2);}.cch-btn:disabled{cursor: default;color: var(--ink-faint);border-color: var(--line);background: rgba(0, 0, 0, .3);}.cch-btn.green{min-height: 56px;flex-direction: column;gap: 3px;border: 0;font: 900 17px/1 "Nunito", sans-serif;color: #0f2a0b;background: linear-gradient(180deg, #c6f7a8, #7fd35e 55%, #4ea83a);box-shadow: 0 4px 0 #2f6f21, 0 10px 24px -6px rgba(139, 209, 124, .6), inset 0 1px 0 #efffe2;}.cch-btn.green small{display: inline-flex;gap: 5px;align-items: center;padding: 2px 10px;border-radius: 99px;font-size: 14px;color: #2a1600;background: rgba(255, 240, 200, .75);}.cch-btn.green small .em{font-size: 16px;}.cch-btn.gold{min-height: 50px;border: 0;font: 900 17px/1 "Nunito", sans-serif;color: #2a1600;background: linear-gradient(180deg, #ffe7a0, #ffc23d 55%, #e9971c);box-shadow: 0 4px 0 #a8620d, inset 0 1px 0 #fff6d6;}.cch-max{margin: 0;text-align: center;font: 800 18px/1.4 "Cinzel", Georgia, serif;color: var(--gold);}.cch-fine{margin: 10px 0 0;text-align: center;font-size: 11.5px;color: var(--ink-faint);}.cch-small{max-width: 320px;text-align: center;}.cch-small p{color: var(--ink-dim);}.cch-sheet.done{border-color: var(--good);box-shadow: 0 30px 80px -20px #000, 0 0 60px -6px rgba(139, 209, 124, .55);}.cch-sheet.done .cch-hero{grid-template-columns: 1fr;justify-items: center;text-align: center;margin-top: 18px;}.cch-sheet.done .cch-hero .cc-card{width: 136px;z-index: 1;animation: cchLift .5s cubic-bezier(.2, 1.4, .4, 1) both;box-shadow: 0 0 0 3px #fff4c2, 0 0 40px rgba(255, 209, 102, .9);}.cch-sheet.done .cch-pips{justify-content: center;}.cch-sheet.done h3{margin-top: 18px;}.cch-rays{position: absolute;left: 50%;top: 50%;width: 260px;height: 260px;transform: translate(-50%, -50%);border-radius: 50%;z-index: 0;background: repeating-conic-gradient(from 8deg, rgba(255, 230, 150, .5) 0 7deg, transparent 7deg 22deg);-webkit-mask: radial-gradient(circle, #000 18%, transparent 68%);mask: radial-gradient(circle, #000 18%, transparent 68%);animation: cchSpin 14s linear infinite;}.cch-sp{position: absolute;z-index: 2;width: 14px;height: 14px;background: #fff4c2;filter: drop-shadow(0 0 6px #ffd166);clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%);animation: cchTwinkle 1.2s ease-in-out infinite alternate;}.cch-sp.s1{left: 8%;top: 10%;}.cch-sp.s2{right: 6%;top: 22%;transform: scale(.7);animation-delay: -.4s;}.cch-sp.s3{left: 12%;bottom: 22%;transform: scale(.6);animation-delay: -.8s;}.cch-sp.s4{right: 10%;bottom: 30%;animation-delay: -.2s;}.cch-burst{position: absolute;z-index: 2;bottom: -10px;left: 50%;white-space: nowrap;padding: 7px 16px 6px;border-radius: 10px;font: 800 22px/1 "Cinzel", Georgia, serif;letter-spacing: .08em;color: #2a1600;background: linear-gradient(180deg, #fff1b8, #ffc23d);box-shadow: 0 6px 18px rgba(0, 0, 0, .6), 0 0 22px rgba(255, 209, 102, .7);transform: translateX(-50%) rotate(-3deg);animation: cchStamp .45s .45s cubic-bezier(.2, 1.6, .4, 1) both;}.cch-sheet.done .cch-stat.hot{animation: cchWash 1s .9s ease-out both;}.cch-sheet.done .cch-stat .v .up{text-shadow: 0 0 10px rgba(139, 209, 124, .9);}.cch-sheet.done.landed *{animation-delay: 0s !important;animation-duration: 0s !important;}.cch-sheet.done.landed .cch-rays{animation: cchSpin 14s linear infinite !important;}.cch-sheet.done.landed .cch-sp{animation: cchTwinkle 1.2s ease-in-out infinite alternate !important;}@keyframes cchSpin{to{transform: translate(-50%, -50%) rotate(360deg);}}@keyframes cchLift{from{transform: none;}to{transform: translateY(-8px) rotate(-3deg);}}@keyframes cchStamp{from{opacity: 0;transform: translateX(-50%) rotate(-3deg) scale(1.15);}to{opacity: 1;transform: translateX(-50%) rotate(-3deg) scale(1);}}@keyframes cchWash{from{background: rgba(139, 209, 124, .35);}to{background: linear-gradient(90deg, rgba(139, 209, 124, .16), transparent);}}@keyframes cchTwinkle{from{opacity: .4;}to{opacity: 1;}}.cch-end{display: grid;gap: 10px;margin-top: 12px;text-align: left;}.cch-end-chest{display: flex;gap: 12px;align-items: center;padding: 12px;border-radius: 16px;border: 1px solid var(--line);background: rgba(0, 0, 0, .25);}.cch-end-chest > .em{font-size: 44px;flex: none;}.cch-end-chest small{display: block;color: var(--ink-dim);}.cch-end-q{margin: 0;color: var(--ink-dim);font-size: 13px;}.cch-end-q b{color: var(--gold);}.cch-end-acts{display: grid;grid-template-columns: 1fr 1fr;gap: 8px;}.cch-end-acts .cch-btn.green{min-height: 46px;flex-direction: row;font-size: 15px;}.cch-end-acts > :only-child{grid-column: 1 / -1;}.cch-token{display: grid;grid-template-columns: 40px 1fr auto;gap: 10px;align-items: center;margin-bottom: 10px;border-color: var(--line-hot);}.cch-token > .em{font-size: 34px;}.cch-token p{margin: 0;}.cch-token b{display: block;font-size: 14px;}.cch-token small{color: var(--ink-faint);font-size: 11.5px;font-weight: 700;}.cch-token .cch-btn.gold{min-height: 42px;font-size: 15px;}.cch-packs{display: grid;grid-template-columns: repeat(4, 1fr);gap: 8px;}.cch-pack{--rar: var(--common);display: grid;justify-items: center;align-content: start;gap: 3px;padding: 10px 6px;border-radius: 14px;text-align: center;background: radial-gradient(100% 60% at 50% 0%, color-mix(in srgb, var(--rar) 26%, transparent), transparent 70%), var(--panel);border: 1px solid color-mix(in srgb, var(--rar) 50%, transparent);}.cch-pack.rare{--rar: var(--rare);}.cch-pack.epic{--rar: var(--epic);}.cch-pack.legendary{--rar: var(--legendary);}.cch-pack-n{font: 800 22px/1.1 "Cinzel", Georgia, serif;color: var(--rar);}.cch-pack b{font-size: 12.5px;}.cch-pack small{min-height: 2.6em;color: var(--ink-faint);font-size: 11px;font-weight: 700;line-height: 1.3;}.cch-pack .btn{margin-top: 4px;}.cch-smithrow{display: grid;grid-template-columns: auto 1fr auto;gap: 12px;align-items: center;}.cch-smithrow p{margin: 0;}.cch-smithrow b{display: block;font-size: 14px;}.cch-smithrow small{color: var(--ink-faint);font-size: 11.5px;font-weight: 700;}.cch-smiths{display: flex;gap: 8px;align-items: flex-end;}.cch-smiths .cs-smith{width: 26px;height: 32px;}.cch-choose{max-width: 560px;text-align: left;}.cch-choose h3{margin: 8px 0 12px;font-size: 20px;}.cch-pick{display: grid;grid-template-columns: repeat(auto-fill, minmax(84px, 1fr));gap: 10px 8px;margin-bottom: 14px;}.cch-choice{display: grid;justify-items: center;gap: 4px;padding: 6px 4px;border-radius: 12px;border: 1px solid transparent;background: none;cursor: pointer;color: inherit;font: inherit;}.cch-choice .cc-card{width: 100%;}.cch-choice small{font-size: 11px;font-weight: 800;color: var(--ink-dim);font-variant-numeric: tabular-nums;}.cch-choice.on{border-color: var(--gold);background: rgba(255, 209, 102, .1);box-shadow: 0 0 14px -4px rgba(255, 209, 102, .7);}.cch-choice:disabled{cursor: default;opacity: .5;}.cch-choose .cch-acts.row{grid-template-columns: 1fr;}.cch-pass .cch-tro{margin: 10px 0 0;}.cch-pass-hd{display: flex;align-items: center;gap: 10px;}.cch-pass-hd > .em{font-size: 32px;}.cch-pass-hd > span:nth-child(2){flex: 1;}.cch-pass-hd b{display: block;font: 800 20px/1.1 "Cinzel", Georgia, serif;}.cch-pass-hd small{color: var(--ink-faint);font-size: 11.5px;font-weight: 700;}.cch-pass-t{display: grid;justify-items: center;line-height: 1;}.cch-pass-t b{font: 900 26px/1 "Nunito", sans-serif;color: var(--gold);font-variant-numeric: tabular-nums;}.cch-pass-next{margin: 8px 0 0;font-size: 12.5px;font-weight: 800;color: var(--ink-dim);}.cch-pass-prem{display: flex;align-items: center;gap: 10px;margin: 12px 0 0;padding: 10px;border-radius: 12px;background: rgba(0, 0, 0, .28);border: 1px dashed var(--line-hot);}.cch-pass-prem > span{flex: 1;}.cch-pass-prem b{display: block;font-size: 13.5px;}.cch-pass-prem small{display: block;color: var(--ink-faint);font-size: 11.5px;font-weight: 700;}.cch-pass-prem.on{border-style: solid;border-color: var(--gold);}.cch-pass-prem > .em{font-size: 24px;}.cch-dot{font-style: normal;margin: 0 5px;color: var(--ink-faint);}.cch-keys{display: inline-flex;align-items: center;gap: 3px;}.cch-tiers{list-style: none;margin: 12px 0 0;padding: 0;display: grid;gap: 4px;}.cch-tiers li{display: grid;grid-template-columns: 30px 1fr 1fr;gap: 6px;align-items: stretch;font-size: 12px;font-weight: 800;}.cch-tiers-hd{color: var(--ink-faint);font-size: 11px !important;letter-spacing: .1em;text-transform: uppercase;}.cch-tiers-hd .em{font-size: 14px;margin-right: 4px;}.cch-tn{display: grid;place-items: center;border-radius: 9px;background: rgba(0, 0, 0, .35);color: var(--ink-faint);font-variant-numeric: tabular-nums;}.cch-tr{position: relative;display: flex;flex-wrap: wrap;align-items: center;padding: 7px 9px;border-radius: 10px;background: rgba(0, 0, 0, .22);border: 1px solid var(--line);color: var(--ink-dim);}.cch-tr .em{font-size: 15px;}.cch-tr .cch-gold{display: inline-flex;align-items: center;gap: 3px;}.cch-tr.prem{border-color: rgba(255, 209, 102, .3);}.cch-tr.shut{opacity: .62;}.cch-tlock{width: 12px;height: 12px;margin-right: 5px;}.cch-tiers li.reached .cch-tn{background: var(--gold);color: #2a1600;}.cch-tr.got{color: var(--ink);border-color: var(--good);background: rgba(139, 209, 124, .1);}.cch-tr.got::after{content: "\2713";position: absolute;top: 2px;right: 6px;color: var(--good);font-size: 11px;}.cch-tiers li.next .cch-tn{box-shadow: 0 0 0 2px var(--gold);color: var(--gold);}@media (max-width: 520px){.cch-packs{grid-template-columns: repeat(2, 1fr);}.cch-smithrow{grid-template-columns: auto 1fr;}.cch-smithrow .btn{grid-column: 1 / -1;}.cch-pass-prem{flex-wrap: wrap;}.cch-pass-prem .btn{width: 100%;}.cch-tiers li{grid-template-columns: 26px 1fr 1fr;font-size: 11px;}.cch-tr{flex-direction: column;align-items: flex-start;justify-content: center;gap: 2px;padding: 6px 7px;}.cch-tr .cch-dot{display: none;}.cch-tlock{position: absolute;top: 6px;right: 6px;margin: 0;}}@media (min-width: 900px){.cch-top{padding: 12px 24px;gap: 16px;}.cch-top h2{flex: none;font-size: 20px;}.cch-nav{position: static;display: flex;flex: 1;gap: 6px;padding: 0;background: none;border: 0;}.cch-nav button{display: flex;align-items: center;gap: 7px;padding: 8px 14px;font-size: 13.5px;}.cch-badge{top: -4px;right: -4px;}.cch-body{padding: 24px 40px;}.cch-cols{display: grid;grid-template-columns: 1.15fr 1fr 1fr;gap: 26px;max-width: 1360px;margin: 0 auto;align-items: start;}.cch-cols > div > .cch-sec:first-child{margin-top: 0;}.cch-cols .cch-arena{min-height: 250px;}.cch-cols .cch-tro{margin-top: 140px;}.cch-cols .cch-mini{grid-template-columns: repeat(4, 1fr);gap: 10px;}.cch-cols .cch-mini .cc-nm{display: block;font-size: 11px;}.cch-cols .cch-mini .cc-art{inset: 9% 12% 26%;}.cch-cols .cch-mini .cc-cost{width: 22px;height: 22px;font-size: 12px;}.cch-cardcols{display: grid;grid-template-columns: 380px 1fr;gap: 28px;max-width: 1360px;margin: 0 auto;align-items: start;}.cch-left{position: sticky;top: 0;}.cch-cardcols .cch-grid{grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));}.cch-tray{left: auto;right: 24px;bottom: 24px;width: 420px;}.cch-sheet:not(.cch-small){max-width: 720px;padding: 26px 28px;display: grid;grid-template-columns: 230px 1fr;gap: 0 28px;}.cch-sheet:not(.cch-small) > .cch-tag{grid-column: 1 / -1;}.cch-sheet:not(.cch-small) > .cch-hero{grid-template-columns: 1fr;grid-row: span 4;justify-items: center;text-align: center;align-content: start;}.cch-sheet .cch-hero .cc-card{width: 200px;}.cch-hero h3{font-size: 30px;}.cch-sheet .cch-lvls, .cch-sheet .cch-pips{justify-content: center;}.cch-rays{width: 380px;height: 380px;}}@media (max-width: 380px){.cch-seg button{padding: 6px 9px;}.cch-pill{padding: 0 8px 0 4px;}}html.lite .cc-card, html.lite .cch-panel, html.lite .cch-battle, html.lite .cch-btn{box-shadow: none;}html.lite .cch-rays, html.lite .cch-sp{display: none;}html.lite .cch-deck.picking .cch-eight .cc-slot, html.lite .cch-sheet.done *, html.lite .cch-burst{animation: none !important;}html.lite .cch-sheet.done .cch-hero .cc-card{transform: none;}@media (prefers-reduced-motion: reduce){.cch-rays, .cch-sp{display: none;}.cch-deck.picking .cch-eight .cc-slot, .cch-sheet.done *, .cch-burst{animation: none !important;}.cch-sheet.done .cch-hero .cc-card{transform: none;}}