.cc{--blue:#1463ff;--ink:#0f0d1f;--paper:#f6f3ec;--yellow:#ffbc00;--green:#4ec375;--red:#e3423a;--line:#0f0d1f24;--fg:var(--ink);--bg:var(--paper);--muted:#0f0d1f9e;background:var(--bg);min-height:100vh;color:var(--fg);font-family:Archivo,system-ui,sans-serif;font-size:16px;line-height:1.5;transition:background .5s,color .5s}.cc--dark{--bg:#0b0a10;--fg:#f4efe6;--line:#f4efe624;--muted:#f4efe69e}.cc *,.cc :before,.cc :after{box-sizing:border-box}.cc button{font:inherit;color:inherit;cursor:pointer}.cc a{color:inherit}.cc :focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.cc main{max-width:1180px;margin:0 auto;padding:0 20px}.cc-display{letter-spacing:.01em;text-transform:uppercase;font-family:Anton,Impact,sans-serif;font-weight:400;line-height:.92}.cc-mono{letter-spacing:.04em;text-transform:uppercase;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.cc-kicker{color:var(--muted);margin:0 0 14px}.cc-lede{max-width:34em;color:var(--muted);margin:18px 0 28px;font-size:19px}.cc-small{color:var(--muted);text-transform:none;letter-spacing:0}.cc-top{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:16px 20px;display:flex}.cc-wordmark{letter-spacing:.04em;background:0 0;border:0;padding:4px 0;font-family:Anton,sans-serif;font-size:20px}.cc-wordmark span{color:var(--blue)}.cc-mute{border:1px solid var(--line);background:0 0;border-radius:999px;padding:8px 14px;font-size:13px}.cc-btn{background:var(--blue);border:0;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:14px 22px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px #0b3fb0;color:#fff!important}.cc-btn:hover{transform:translateY(-2px);box-shadow:0 6px #0b3fb0}.cc-btn:active{transform:translateY(2px);box-shadow:0 1px #0b3fb0}.cc .cc-btn--big{letter-spacing:.04em;text-transform:uppercase;padding:18px 34px;font-family:Anton,sans-serif;font-size:24px;font-weight:400}.cc-btn--ghost{box-shadow:inset 0 0 0 2px var(--line);background:0 0;color:var(--fg)!important}.cc-btn--ghost:hover{box-shadow:inset 0 0 0 2px var(--fg)}.cc-btn kbd{opacity:.7;border:1px solid #fff6;border-radius:4px;padding:2px 6px;font-size:11px}.cc-link{text-underline-offset:3px;background:0 0;border:0;padding:4px 0;font-size:15px;text-decoration:underline;color:var(--muted)!important}.cc-link:hover{color:var(--fg)!important}.cc-link--inv{text-transform:none;letter-spacing:0;font-family:inherit;font-size:inherit}.cc-row{justify-content:space-between;gap:24px;margin-top:28px;display:flex}.cc-row--wrap{flex-wrap:wrap;justify-content:flex-start}.cc-title{padding:6vh 0 40px;position:relative;overflow:hidden}.cc-title-h{flex-wrap:wrap;gap:0 .18em;margin:0;font-size:clamp(88px,19vw,248px);display:flex}.cc-title-h span:last-child{color:var(--blue)}.cc-title-sub{background:var(--ink);color:var(--paper);margin:14px 0 0;padding:6px 14px 4px;font-size:clamp(26px,4vw,44px);display:inline-block;transform:rotate(-1.5deg)}.cc-rules{border-top:2px solid var(--ink);grid-template-columns:repeat(3,1fr);gap:24px;margin:56px 0 0;padding:20px 0 0;list-style:none;display:grid}.cc-rules li{color:var(--muted);font-size:15px}.cc-rules b{color:var(--fg);font-size:16px;display:block}.cc-marquee{border-block:2px solid var(--ink);margin-top:48px;padding:10px 0;overflow:hidden}.cc-marquee div{text-transform:uppercase;gap:40px;width:max-content;font-family:Anton,sans-serif;font-size:28px;animation:40s linear infinite cc-marquee;display:flex}.cc-marquee span:after{content:"✕";color:var(--blue);vertical-align:middle;margin-left:40px;font-size:18px}@keyframes cc-marquee{to{transform:translate(-50%)}}.cc-section{padding:5vh 0 40px}.cc-h2{margin:0;font-size:clamp(52px,9vw,112px)}.cc-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.cc-grid li{flex-direction:column;gap:6px;display:flex}.cc-card{text-align:left;border:2px solid var(--ink);background:#fff;border-radius:8px;flex-direction:column;gap:8px;min-height:180px;padding:18px 18px 16px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.cc-card:not(:disabled):hover{box-shadow:6px 6px 0 var(--c);transform:translate(-3px,-3px)}.cc-card:disabled{cursor:not-allowed;opacity:.55;background:0 0;border-style:dashed}.cc-card-swatch{background:var(--c);border-radius:50%;width:80px;height:80px;position:absolute;top:-24px;right:-24px}.cc-card-name{margin-top:18px;font-size:34px}.cc-card-pos{color:var(--muted);flex:1;font-size:14px}.cc-card-status{color:var(--fg)}.cc-card:not(:disabled) .cc-card-status:before{content:"● ";color:var(--green)}.cc-card-link{font-size:13px;color:var(--muted)!important}.cc-prio{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.cc-prio-btn{text-align:left;border:2px solid var(--ink);background:#fff;border-radius:8px;flex-direction:column;gap:6px;padding:18px;transition:transform .15s,box-shadow .15s;display:flex}.cc-prio-btn:hover,.cc-prio-btn.is-on{box-shadow:6px 6px 0 var(--blue);transform:translate(-3px,-3px)}.cc-prio-label{font-size:18px;font-weight:700}.cc-prio-btn .cc-mono{color:var(--muted)}.cc-vs{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:6vh 0 40px;display:grid}.cc-vs-side h2{margin:8px 0;font-size:clamp(56px,10vw,128px)}.cc-vs-side p{color:var(--muted);max-width:22em;margin:0 auto}.cc-vs-close h2{color:var(--blue);text-shadow:6px 6px #1463ff40;animation:.6s cubic-bezier(.2,1.4,.4,1) both cc-in-l}.cc-vs-opp h2{color:var(--c);text-shadow:6px 6px #ffffff14;animation:.6s cubic-bezier(.2,1.4,.4,1) .15s both cc-in-r}.cc-vs-mid{color:var(--yellow);font-size:clamp(56px,8vw,96px);animation:.5s .4s both cc-pop;transform:rotate(-8deg)}.cc-vs-intro{grid-column:1/-1;max-width:36em;margin:24px auto 0;font-size:20px;font-style:italic}.cc-vs-meta{color:var(--muted);grid-column:1/-1}.cc-btn--fight{background:var(--red);grid-column:1/-1;justify-self:center;padding:18px 60px;font-size:34px;box-shadow:0 4px #8f1d17}.cc-btn--fight:hover{box-shadow:0 6px #8f1d17}@keyframes cc-in-l{0%{opacity:0;transform:translate(-60px)}}@keyframes cc-in-r{0%{opacity:0;transform:translate(60px)}}@keyframes cc-pop{0%{opacity:0;transform:scale(2.4)rotate(-8deg)}}.cc-fight{padding:0 0 24px}.cc-score{border:1px solid var(--line);background:#15131c;border-bottom:0;border-radius:10px 10px 0 0;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:12px 16px;display:grid}.cc-score-mid{flex-direction:column;align-items:center;gap:4px;display:flex}.cc-score-mid .cc-display{color:var(--yellow);font-size:26px}.cc-score-mid .cc-mono{color:var(--muted);font-size:11px}.cc-hp{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.cc-hp--r{direction:rtl;grid-template-columns:auto 1fr auto}.cc-hp--r>*{direction:ltr}.cc-hp-name{font-size:22px}.cc-hp-track{background:#2a2733;border:2px solid #f4efe6;height:18px;position:relative;overflow:hidden;transform:skew(-14deg)}.cc-hp--r .cc-hp-track{transform:skew(14deg)}.cc-hp-fill,.cc-hp-trail{transition:width .25s ease-out;position:absolute;inset:0 auto 0 0}.cc-hp-trail{background:#fff;transition:width .9s ease-out .35s}.cc-hp--r .cc-hp-fill,.cc-hp--r .cc-hp-trail{left:auto;right:0}.cc-hp-num{text-align:center;min-width:2.5ch;font-size:13px}.cc-stage{border:1px solid var(--line);background:#100e15;position:relative;overflow:hidden}.cc-arena svg{aspect-ratio:1000/560;width:100%;min-height:280px;max-height:58vh;display:block}.cc-arena.is-shaking{animation:.28s linear cc-shake}@keyframes cc-shake{20%{transform:translate(calc(var(--shake) * -6px), calc(var(--shake) * 3px))}40%{transform:translate(calc(var(--shake) * 5px), calc(var(--shake) * -4px))}60%{transform:translate(calc(var(--shake) * -3px), calc(var(--shake) * 2px))}80%{transform:translate(calc(var(--shake) * 2px), 0)}}.cc-canvas-logo{fill:#fff;opacity:.06;letter-spacing:6px;font-family:Anton,sans-serif;font-size:54px}.cc-apron{fill:#fff;letter-spacing:4px;font-family:Anton,sans-serif;font-size:15px}.cc-flashes circle{opacity:0;animation:5s infinite cc-flash}@keyframes cc-flash{0%,92%,to{opacity:0}94%{opacity:1}}.cc-spark polygon{fill:#fff6c9}.cc-spark circle{fill:#fff}.cc-spark-in{transform-box:fill-box;transform-origin:50%;animation:.4s ease-out forwards cc-spark}.cc-spark--big polygon{fill:var(--yellow)}.cc-spark--block polygon{fill:#9fd3ff}@keyframes cc-spark{0%{opacity:1;scale:.3}40%{opacity:1;scale:1.15}to{opacity:0;scale:1.4}}.cc-banner{pointer-events:none;background:radial-gradient(closest-side,#00000073,#0000);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cc-banner .cc-display{color:#fff;-webkit-text-stroke:2px var(--ink);text-shadow:6px 6px 0 var(--blue);font-size:clamp(56px,11vw,140px);animation:.45s cubic-bezier(.2,1.6,.4,1) both cc-slam}.cc-banner--fight .cc-display{color:var(--yellow);text-shadow:6px 6px 0 var(--red)}.cc-banner--end .cc-display{color:var(--yellow)}.cc-banner small{color:#fff;margin-top:12px}@keyframes cc-slam{0%{opacity:0;transform:scale(2.2)}}.cc-callout{text-align:center;pointer-events:none;position:absolute;top:9%;left:0;right:0}.cc-callout .cc-display{color:var(--ink);padding:4px 18px 0;font-size:clamp(36px,6.5vw,76px);animation:.35s cubic-bezier(.2,1.6,.4,1) both cc-slam;display:inline-block;transform:rotate(-3deg)}.cc-callout--hit .cc-display{background:var(--yellow)}.cc-callout--block .cc-display{background:#f4efe6}.cc-callout--counter .cc-display{background:var(--red);color:#fff}.cc-console{border:1px solid var(--line);background:#15131c;border-top:0;border-radius:0 0 10px 10px;min-height:172px;padding:16px}.cc-moves-h{color:var(--yellow);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0 0 12px;display:flex}.cc-moves-h span{color:var(--muted)}.cc-move-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.cc-move{text-align:left;background:#221f2b;border:2px solid #3a3646;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;min-height:78px;padding:14px 14px 12px;transition:transform .12s,border-color .12s,background .12s;display:grid;position:relative}.cc-move:not(:disabled):hover{border-color:var(--blue);background:#1f2440;transform:translateY(-3px)}.cc-move:disabled{opacity:.45;cursor:default}.cc-move kbd{color:var(--muted);position:absolute;top:8px;right:10px}.cc-move-glyph{background:var(--blue);color:#fff;border-radius:50%;grid-row:1/3;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.cc-move-name{padding-right:24px;font-size:22px}.cc-move-label{color:var(--muted);font-size:13px}.cc-move-label em{color:var(--yellow);font-size:10px;font-style:normal}.cc-comment{gap:6px;max-width:760px;display:grid}.cc-comment-k{color:var(--muted);margin:0}.cc-comment-k b{font-weight:600}.cc-comment--hit .cc-comment-k b{color:var(--yellow)}.cc-comment--counter .cc-comment-k b{color:#ff7a72}.cc-comment-k span{color:var(--fg);margin-left:8px}.cc-comment h3{margin:4px 0 0;font-size:22px}.cc-comment p{margin:0}.cc-plan{color:var(--muted);text-transform:none;letter-spacing:0}.cc-sources{color:var(--muted);gap:2px;margin:4px 0 8px;padding:0;font-size:13px;list-style:none;display:grid}.cc-sources a{color:var(--fg);font-weight:600}.cc-sources em{border:1px solid var(--line);border-radius:3px;margin-left:4px;padding:1px 5px;font-size:10px;font-style:normal}.cc-comment .cc-btn{justify-self:start}.cc-result{padding:5vh 0 40px}.cc-result-h{color:var(--yellow);margin:0;font-size:clamp(72px,13vw,168px)}.cc-breakdown{grid-template-columns:1fr 1fr;gap:32px;margin:40px 0;display:grid}.cc-breakdown h3,.cc-verdict h3{margin:0 0 12px;font-size:34px}.cc-breakdown>div:first-child h3{color:var(--blue)}.cc-breakdown>div:last-child h3{color:var(--c)}.cc-breakdown article{border-top:1px solid var(--line);padding:12px 0}.cc-breakdown article p{color:var(--muted);margin:4px 0 0}.cc-verdict{border:2px solid var(--line);border-radius:10px;margin-bottom:32px;padding:22px}.cc-verdict p{margin:6px 0;font-size:17px}.cc-ctas{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cc-table{border-top:1px solid var(--line);margin-top:40px;padding-top:16px}.cc-table summary{cursor:pointer;font-size:26px}.cc-table table{border-collapse:collapse;width:100%;margin-top:16px;font-size:14px}.cc-table th,.cc-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:10px 8px}.cc-table th{text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:11px}.cc-tag{white-space:nowrap;font-weight:700}.cc-tag--hit{color:var(--blue)}.cc-tag--counter{color:var(--c)}.cc-tag--block{color:var(--muted)}.cc-foot{max-width:1180px;margin:0 auto;padding:24px 20px 40px}.cc-foot p{color:var(--muted);max-width:60em;margin:0;font-size:12px}@media (width<=760px){.cc-rules{grid-template-columns:1fr}.cc-vs{grid-template-columns:1fr;gap:8px}.cc-vs-mid{margin:4px 0}.cc main{padding:0 12px}.cc-score{grid-template-columns:1fr 1fr;gap:8px 12px;padding:10px}.cc-score-mid{flex-direction:row;grid-area:1/1/auto/-1;justify-content:center;gap:10px}.cc-score-mid .cc-display{font-size:18px}.cc-hp{grid-template-columns:1fr auto}.cc-hp-name{grid-column:1/-1;font-size:16px}.cc-hp--r .cc-hp-name{text-align:right}.cc-arena svg{aspect-ratio:4/3.4}.cc-move-row{grid-template-columns:1fr;gap:8px}.cc-move{min-height:60px;padding:10px 12px}.cc-move-glyph{width:36px;height:36px;font-size:18px}.cc-move-name{font-size:19px}.cc-breakdown{grid-template-columns:1fr}.cc-table td:nth-child(3){font-size:13px}}@media (prefers-reduced-motion:reduce){.cc *,.cc :before,.cc :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
