:root,[data-theme=light]{--cc-common:#6b7a90;--cc-common-2:#a9b6c8;--cc-rare:#d9822b;--cc-rare-2:#f4b860;--cc-epic:#8a3fd1;--cc-epic-2:#c38cf2;--cc-legendary:#19a7b8;--cc-legendary-2:#f2a7e4;--cc-champion:#c79a12;--cc-champion-2:#ffe27a;--cc-elixir:#c42fbf;--cc-elixir-2:#ff7ae6;--cc-track:color-mix(in srgb, var(--iui-ink) 7%, transparent)}[data-theme=dark],[data-openui-theme=dark]{--cc-common:#56637a;--cc-common-2:#8f9cb0;--cc-track:color-mix(in srgb, var(--iui-ink) 12%, transparent)}.cc-card{--c1:var(--cc-common);--c2:var(--cc-common-2);flex-direction:column;gap:6px;width:100%;min-width:0;display:flex}.cc-card.is-rare{--c1:var(--cc-rare);--c2:var(--cc-rare-2)}.cc-card.is-epic{--c1:var(--cc-epic);--c2:var(--cc-epic-2)}.cc-card.is-legendary{--c1:var(--cc-legendary);--c2:var(--cc-legendary-2)}.cc-card.is-champion{--c1:var(--cc-champion);--c2:var(--cc-champion-2)}.cc-card.is-unknown{--c1:var(--iui-border-strong);--c2:var(--iui-surface)}.cc-art{aspect-ratio:5/6;background:linear-gradient(155deg, var(--c2), var(--c1));border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff59,0 2px 6px #0000001f}.cc-art:after{content:"";pointer-events:none;background:radial-gradient(120% 70% at 30% 0,#ffffff59,#0000 60%);position:absolute;inset:0}.cc-card.tone-success .cc-art{box-shadow:0 0 0 3px var(--iui-success), 0 2px 6px #0000001f}.cc-card.tone-warning .cc-art{box-shadow:0 0 0 3px #e0a100,0 2px 6px #0000001f}.cc-card.tone-danger .cc-art{box-shadow:0 0 0 3px var(--iui-danger), 0 2px 6px #0000001f}.cc-card.tone-info .cc-art{box-shadow:0 0 0 3px var(--iui-chart-1), 0 2px 6px #0000001f}.cc-card.tone-danger .cc-mono{opacity:.55}.cc-mono{letter-spacing:-.02em;color:#fff;text-shadow:0 2px #00000040;font-size:30px;font-weight:800}.cc-card.is-sm .cc-mono{font-size:20px}.cc-card.is-lg .cc-mono{font-size:44px}.cc-card.is-xs .cc-mono{padding-top:10px;font-size:17px}.cc-card.is-xs .cc-art{border-radius:9px}.cc-card.is-xs .cc-drop{width:18px;height:21px;font-size:10px;top:3px;left:3px;box-shadow:0 0 0 1.5px #fff}.cc-type{color:#fff;background:#00000040;border-radius:999px;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:6px;right:6px}.cc-fly{color:#fff;background:#ffffff4d;border-radius:999px;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:6px;left:6px}.cc-card.is-sm .cc-type,.cc-card.is-sm .cc-fly{width:18px;height:18px;bottom:4px;right:4px}.cc-card.is-sm .cc-fly{left:4px}.cc-drop{z-index:1;background:radial-gradient(circle at 35% 30%, var(--cc-elixir-2), var(--cc-elixir));color:#fff;text-shadow:0 1px #0000004d;font-variant-numeric:tabular-nums;border-radius:50%/60% 60% 40% 40%;place-items:center;width:26px;height:30px;font-size:14px;font-weight:800;display:grid;position:absolute;top:6px;left:6px;box-shadow:0 0 0 2px #fff,0 2px 4px #00000040}.cc-drop.is-sm{width:20px;height:23px;font-size:11px;top:4px;left:4px}.cc-name{color:var(--iui-ink);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:640;line-height:16px;overflow:hidden}.cc-card.is-sm .cc-name{font-size:11px;line-height:14px}.cc-meta{color:var(--iui-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-top:-4px;font-size:11px;line-height:14px;overflow:hidden}.cc-meter{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.cc-meter-head{align-items:center;gap:10px;display:flex}.cc-meter-head .cc-drop{width:34px;height:40px;font-size:15px;position:static}.cc-meter-label{color:var(--iui-ink);font-size:15px;font-weight:640}.cc-meter-bar{grid-template-columns:repeat(10,1fr);gap:3px;display:grid}.cc-seg{background:var(--cc-track);border-radius:3px;height:12px;overflow:hidden}.cc-seg-fill{background:linear-gradient(90deg, var(--cc-elixir), var(--cc-elixir-2));height:100%;transition:width .3s;display:block}.cc-summary{flex-direction:column;gap:14px;display:flex}.cc-summary-top{align-items:flex-end;gap:16px;display:flex}.cc-cycle{border-left:1px solid var(--iui-border);flex-direction:column;flex:none;align-items:flex-end;padding-left:16px;display:flex}.cc-cycle-num{font-variant-numeric:tabular-nums;color:var(--iui-ink);font-size:28px;font-weight:760;line-height:30px}.cc-cycle-label{color:var(--iui-muted);font-size:12px}.cc-checks{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.cc-check{background:var(--iui-surface);border-radius:10px;grid-template-columns:16px auto 1fr;align-items:center;gap:8px;min-width:0;padding:8px 10px;font-size:13px;display:grid}.cc-check.is-ok{color:var(--iui-success)}.cc-check.is-bad{color:var(--iui-danger);background:var(--iui-danger-soft)}.cc-check-label{color:var(--iui-ink);font-weight:640}.cc-check-detail{color:var(--iui-muted);text-overflow:ellipsis;white-space:nowrap;text-align:right;overflow:hidden}.cc-art:has(.cc-img){box-shadow:none;background:0 0;overflow:visible}.cc-art:has(.cc-img):after{display:none}.cc-img{object-fit:contain;filter:drop-shadow(0 2px 4px #0000002e);width:100%;height:100%;position:absolute;inset:0}:is(.cc-art:has(.cc-img) .cc-type,.cc-art:has(.cc-img) .cc-fly){display:none}.cc-card.tone-info .cc-art:has(.cc-img){box-shadow:0 0 0 3px var(--iui-chart-1);border-radius:12px}.cc-card.tone-success .cc-art:has(.cc-img){box-shadow:0 0 0 3px var(--iui-success);border-radius:12px}.cc-card.tone-warning .cc-art:has(.cc-img){border-radius:12px;box-shadow:0 0 0 3px #e0a100}.cc-card.tone-danger .cc-art:has(.cc-img){box-shadow:0 0 0 3px var(--iui-danger);border-radius:12px}.cc-card.tone-danger .cc-img{opacity:.55}.cc-sim{flex-direction:column;gap:16px;min-width:0;display:flex}.cc-sim-empty{color:var(--iui-muted);font-size:14px}.cc-sim-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.cc-sim-score{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.cc-sim-big{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--iui-ink);font-size:40px;font-weight:780;line-height:40px}.cc-sim-sub{color:var(--iui-muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.cc-sim-rerun{border:1px solid var(--iui-border-strong);height:32px;color:var(--iui-ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:560;display:inline-flex}.cc-sim-rerun:hover{background:var(--iui-hover)}.cc-delta{font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;min-height:20px;padding:0 7px;font-size:12px;font-weight:640;display:inline-flex}.cc-delta.is-up{background:var(--iui-badge-success-soft);color:var(--iui-badge-success)}.cc-delta.is-down{background:var(--iui-badge-danger-soft);color:var(--iui-badge-danger)}.cc-delta.is-flat{background:0 0}.cc-sim-rows{flex-direction:column;gap:2px;display:flex}.cc-sim-row{color:var(--iui-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:minmax(110px,170px) 1fr 44px 52px;align-items:center;gap:12px;padding:7px 8px;display:grid}.cc-sim-row:hover{background:var(--iui-hover)}.cc-sim-row.is-selected{background:var(--iui-pressed)}.cc-sim-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:560;overflow:hidden}.cc-sim-bar{background:var(--cc-track);border-radius:999px;height:10px;position:relative}.cc-sim-fill{border-radius:999px;transition:width .45s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 auto 0 0}.cc-sim-fill.is-good{background:var(--iui-success)}.cc-sim-fill.is-mid{background:#e0a100}.cc-sim-fill.is-bad{background:var(--iui-danger)}.cc-sim-ghost{background:var(--iui-ink);opacity:.35;border-radius:2px;width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px}.cc-sim-pct{text-align:right;font-variant-numeric:tabular-nums;font-size:13px;font-weight:680}.cc-sim-detail{flex-direction:column;gap:12px;display:flex}.cc-sim-facts{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;display:grid}.cc-sim-fact{background:var(--iui-surface);border-radius:12px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;padding:10px 12px;display:grid}.cc-sim-fact.is-bad{background:var(--iui-danger-soft)}.cc-sim-fact .cc-sim-label{grid-column:1/-1}.cc-sim-fact .cc-sim-text{color:var(--iui-ink);font-size:13px}.cc-sim-label{letter-spacing:.04em;text-transform:uppercase;color:var(--iui-muted);font-size:11px;font-weight:680}.cc-sim-cards{flex:none;gap:4px;display:inline-flex}.cc-mini{flex:none;gap:0;width:40px}.cc-mini .cc-mono{padding-top:6px;font-size:12px}.cc-mini .cc-drop{width:13px;height:15px;font-size:8.5px;top:-3px;left:-3px;box-shadow:0 0 0 1px #fff}.cc-mini .cc-art{border-radius:6px}.cc-sim-replay{border:1px solid var(--iui-border);border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.cc-sim-replay-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.cc-sim-tally{font-variant-numeric:tabular-nums;color:var(--iui-muted);font-size:12px;font-weight:620}.cc-sim-tally .is-good{color:var(--iui-success)}.cc-sim-tally .is-bad{color:var(--iui-danger)}.cc-sim-event{background:var(--iui-surface);border-left:3px solid var(--iui-border-strong);border-radius:10px;grid-template-columns:44px 1fr;align-items:start;gap:10px;padding:10px;display:grid}.cc-sim-event.is-defend.is-ok,.cc-sim-event.is-attack.is-ok{border-left-color:var(--iui-success)}.cc-sim-event.is-fail{border-left-color:var(--iui-danger)}.cc-sim-event.is-attack.is-fail{border-left-color:#e0a100}.cc-sim-time{font-variant-numeric:tabular-nums;color:var(--iui-muted);padding-top:2px;font-size:13px;font-weight:700}.cc-sim-event-body{flex-direction:column;gap:8px;min-width:0;display:flex}.cc-sim-event-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cc-sim-who{color:var(--iui-muted);min-width:120px;font-size:12px;font-weight:620}.cc-sim-handcard{opacity:.45;border-radius:8px;transition:opacity .2s}.cc-sim-handcard.is-played{opacity:1;box-shadow:0 0 0 2px var(--iui-chart-1)}.cc-sim-note{color:var(--iui-ink);align-items:center;gap:6px;font-size:13px;display:flex}.cc-sim-note strong{font-weight:700}.cc-sim-event.is-defend.is-fail .cc-sim-note strong{color:var(--iui-danger)}.cc-sim-event.is-attack.is-ok .cc-sim-note strong{color:var(--iui-success)}.cc-sim-steps{align-items:center;gap:8px;display:flex}.cc-sim-steps button{border:1px solid var(--iui-border-strong);width:30px;height:30px;color:var(--iui-ink);cursor:pointer;background:0 0;border-radius:999px;place-items:center;display:grid}.cc-sim-steps button:disabled{opacity:.35;cursor:default}.cc-sim-track{flex-wrap:wrap;flex:1;align-items:center;gap:4px;display:flex}.cc-sim-dot{cursor:pointer;background:var(--cc-track);border-radius:999px;width:10px;height:10px}.cc-sim-dot.is-defend.is-ok{background:color-mix(in srgb, var(--iui-success) 55%, transparent)}.cc-sim-dot.is-defend.is-fail{background:var(--iui-danger)}.cc-sim-dot.is-attack{border-radius:2px;width:9px;height:9px;transform:rotate(45deg)}.cc-sim-dot.is-attack.is-ok{background:var(--iui-success)}.cc-sim-dot.is-attack.is-fail{background:#e0a100}.cc-sim-dot.is-current{outline:2px solid var(--iui-ink);outline-offset:2px}.cc-sim-caveat{color:var(--iui-muted);margin:0;font-size:11px}@media (max-width:560px){.cc-sim-row{grid-template-columns:1fr 44px 44px}.cc-sim-bar{grid-area:2/1/auto/-1}.cc-sim-who{width:100%;min-width:0}}.cc-arena{flex-direction:column;gap:10px;display:flex}.cc-arena-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cc-arena-opp{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.cc-arena-opp select{font:inherit;color:var(--iui-ink);background:var(--iui-surface);border:1px solid var(--iui-border-strong);border-radius:999px;max-width:100%;padding:5px 10px;font-size:13px;font-weight:560}.cc-arena-result{border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700}.cc-arena-result.is-win{background:var(--iui-badge-success-soft);color:var(--iui-badge-success)}.cc-arena-result.is-loss{background:var(--iui-badge-danger-soft);color:var(--iui-badge-danger)}.cc-arena-result.is-draw{background:var(--iui-badge-neutral-soft);color:var(--iui-ink)}.cc-arena-frame{aspect-ratio:360/808;background:#101418;border-radius:14px;width:100%;max-width:400px;margin:0 auto;overflow:hidden;box-shadow:0 10px 30px #00000040}.cc-arena-frame iframe{border:0;width:100%;height:100%;display:block}