@import "https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Lilita+One&family=Nunito:wght@600;700;800;900&display=swap";.cs-app{--cs-wood:#6b4226;--cs-wood-dark:#3f2615;--cs-wood-light:#8e5a33;--cs-parch:#f4e4bf;--cs-parch-dark:#dcc590;--cs-ink:#3a2a1e;--cs-ink-soft:#6d5640;--cs-outline:#2a1c14;--cs-gold:#ffcf3f;--cs-gold-dark:#c98f14;--cs-azure:#3f82d8;--cs-azure-dark:#2a5aa3;--cs-crimson:#d8473b;--cs-crimson-dark:#9a2c24;--cs-leaf:#5aa843;--cs-me:var(--cs-azure);--cs-me-dark:var(--cs-azure-dark);min-height:100dvh;color:var(--cs-parch);font-family:"Nunito", var(--font-sans), sans-serif;background:radial-gradient(circle at 20% 0,#78b4462e,#0000 45%),radial-gradient(circle at 80% 100%,#285a1e59,#0000 50%),linear-gradient(#1c3319,#13230f 70%);font-weight:700}.cs-app.cs-side-1{--cs-me:var(--cs-crimson);--cs-me-dark:var(--cs-crimson-dark)}.cs-app *,.cs-app :before,.cs-app :after{box-sizing:border-box}.cs-app h1,.cs-app h2,.cs-app h3{letter-spacing:.01em;margin:0;font-family:Lilita One,Nunito,sans-serif;font-weight:400}.cs-app p{margin:0}.cs-app button{font:inherit;color:inherit;cursor:pointer}.cs-app button:disabled{cursor:not-allowed}.cs-app input{font:inherit}.cs-app :focus-visible{outline:3px solid var(--cs-gold);outline-offset:2px}.cs-app kbd{border:2px solid var(--cs-outline);min-width:18px;height:18px;color:var(--cs-ink);background:var(--cs-parch);border-radius:5px;place-items:center;padding:0 4px;font:800 .66rem Nunito,sans-serif;display:inline-grid}.cs-portrait{flex:none;display:block}.cs-coin{border:2px solid var(--cs-outline);vertical-align:-.12em;background:radial-gradient(circle at 35% 35%, #fff1a8, var(--cs-gold) 45%, var(--cs-gold-dark));border-radius:50%;flex:none;width:.95em;height:.95em;margin-right:.22em;display:inline-block}.cs-kicker{color:var(--cs-gold);letter-spacing:.16em;text-transform:uppercase;font-family:Lilita One,sans-serif;font-size:.82rem}.cs-lede{color:#e6d6b0;font-size:1.04rem;line-height:1.5}.cs-primary,.cs-secondary{border:3px solid var(--cs-outline);letter-spacing:.03em;text-shadow:0 2px #00000059;border-radius:14px;justify-items:center;gap:2px;padding:12px 22px;font-family:Luckiest Guy,Lilita One,sans-serif;font-size:1.25rem;transition:transform 80ms,filter .12s;display:grid;position:relative}.cs-primary{color:#fff8e0;box-shadow:inset 0 3px 0 #ffffff59, inset 0 -4px 0 #00000040, 0 4px 0 var(--cs-outline);background:linear-gradient(#7fcf4f,#4f9a2e 60%,#3d7d22)}.cs-secondary{color:#fff8e0;box-shadow:inset 0 3px 0 #ffffff4d, inset 0 -4px 0 #00000040, 0 4px 0 var(--cs-outline);background:linear-gradient(#d9a35a,#a66b2f 60%,#8a5424);padding:9px 16px;font-size:1.05rem}.cs-primary small{letter-spacing:0;text-shadow:none;opacity:.9;font-family:Nunito,sans-serif;font-size:.74rem}.cs-primary:hover:not(:disabled),.cs-secondary:hover:not(:disabled){filter:brightness(1.08)}.cs-primary:active:not(:disabled),.cs-secondary:active:not(:disabled){box-shadow:inset 0 3px 0 #ffffff4d, 0 1px 0 var(--cs-outline);transform:translateY(3px)}.cs-primary:disabled,.cs-secondary:disabled{filter:grayscale(.8)brightness(.8)}.cs-link{border:2px solid var(--cs-outline);color:var(--cs-parch);box-shadow:0 2px 0 var(--cs-outline);background:#3f2615d9;border-radius:10px;padding:8px 12px;font-size:.9rem;font-weight:800;text-decoration:none}.cs-link:hover{background:var(--cs-wood)}.cs-textlink{color:var(--cs-ink-soft);text-underline-offset:3px;background:0 0;border:0;justify-self:center;padding:4px 0;font-weight:800;text-decoration:underline}.cs-nav{z-index:3;justify-content:space-between;align-items:center;gap:12px;max-width:1400px;margin:0 auto;padding:14px 16px;display:flex;position:relative}.cs-logo-mini{color:var(--cs-gold);text-shadow:0 2px 0 var(--cs-outline);letter-spacing:.04em;font-family:Luckiest Guy,sans-serif;font-size:1.2rem}.cs-hero{grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:18px;max-width:1400px;margin:0 auto;padding:0 16px 28px;display:grid;position:relative}.cs-hero-art{border:4px solid var(--cs-outline);box-shadow:0 0 0 4px var(--cs-wood), 0 0 0 7px var(--cs-outline), 0 18px 40px #00000073;aspect-ratio:16/9;background:#3f6f2f;border-radius:18px;overflow:hidden}.cs-hero-art .cs-canvas{width:100%;height:100%}.cs-hero-panel{border:4px solid var(--cs-outline);color:var(--cs-ink);background:linear-gradient(180deg, #fbefd0, var(--cs-parch) 40%, var(--cs-parch-dark));box-shadow:inset 0 0 0 3px #fff6, 0 0 0 4px var(--cs-wood), 0 0 0 7px var(--cs-outline), 0 18px 40px #0006;border-radius:18px;gap:14px;padding:22px;display:grid}.cs-hero-panel .cs-lede{color:var(--cs-ink-soft);font-size:1rem}.cs-logo{justify-items:center;font-family:Luckiest Guy,sans-serif;line-height:.86;display:grid;transform:rotate(-2deg)}.cs-logo span{color:var(--cs-gold);-webkit-text-stroke:3px var(--cs-outline);paint-order:stroke fill;text-shadow:0 5px 0 var(--cs-outline), 0 9px 14px #00000040;font-size:3.4rem}.cs-logo span+span{color:#ffe9a8;font-size:4.2rem}.cs-field{color:var(--cs-ink-soft);gap:6px;font-size:.85rem;font-weight:800;display:grid}.cs-field input,.cs-join input{border:3px solid var(--cs-outline);width:100%;color:var(--cs-ink);background:#fffaf0;border-radius:12px;padding:11px 13px;font-weight:800;box-shadow:inset 0 3px #00000014}.cs-join{grid-template-columns:1fr auto;gap:8px;display:grid}.cs-join input{text-transform:uppercase;letter-spacing:.08em}.cs-join button{border:3px solid var(--cs-outline);color:#fff8e0;background:linear-gradient(180deg, #6aa6f0, var(--cs-azure) 60%, var(--cs-azure-dark));box-shadow:0 3px 0 var(--cs-outline);border-radius:12px;padding:0 18px;font-family:Lilita One,sans-serif;font-size:1.05rem}.cs-join button:disabled{filter:grayscale(.8)}.cs-section{max-width:1400px;margin:0 auto;padding:34px 16px 10px}.cs-section h2{color:var(--cs-gold);text-shadow:0 3px 0 var(--cs-outline);font-size:2rem}.cs-section-lede{color:#e6d6b0;max-width:760px;line-height:1.5;margin:6px 0 18px!important}.cs-gallery{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;display:grid}.cs-gcard{border:3px solid var(--cs-outline);color:var(--cs-ink);background:linear-gradient(180deg, #fbefd0, var(--cs-parch));box-shadow:0 4px 0 var(--cs-outline);border-radius:16px;gap:12px;padding:12px;display:flex}.cs-gcard h3{font-size:1.2rem;display:grid}.cs-gcard h3 small{color:var(--cs-ink-soft);text-transform:uppercase;letter-spacing:.06em;font-family:Nunito,sans-serif;font-size:.78rem;font-weight:800}.cs-gcard p{color:var(--cs-ink-soft);margin-top:4px;font-size:.9rem;line-height:1.4}.cs-gcard-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.cs-ability{color:var(--cs-ink-soft);font-size:.84rem;line-height:1.35}.cs-ability em{color:#8a3b18;font-style:normal;font-weight:900}.cs-statline{flex-wrap:wrap;gap:4px;font-size:.78rem;font-weight:900;display:flex}.cs-statline span{color:var(--cs-ink);background:#ffffff8c;border:2px solid #2a1c1440;border-radius:999px;padding:1px 7px}.cs-statline .cs-dmg-arc{color:#1b6fa3}.cs-price{color:var(--cs-ink);white-space:nowrap;align-items:center;font-family:Lilita One,sans-serif;font-size:1.05rem;display:inline-flex}.cs-split{grid-template-columns:1fr 1fr;gap:28px;display:grid}.cs-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.cs-list li{border:3px solid var(--cs-outline);color:var(--cs-ink);background:var(--cs-parch);box-shadow:0 3px 0 var(--cs-outline);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.cs-list b{font-family:Lilita One,sans-serif;font-size:1.08rem;font-weight:400;display:block}.cs-list span{color:var(--cs-ink-soft);font-size:.88rem}.cs-list em{color:var(--cs-ink);white-space:nowrap;align-items:center;font-size:.85rem;font-style:normal;font-weight:900;display:inline-flex}.cs-steps{counter-reset:step;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 60px;padding:0;list-style:none;display:grid}.cs-steps li{border:3px solid var(--cs-outline);color:var(--cs-ink-soft);background:var(--cs-parch);box-shadow:0 4px 0 var(--cs-outline);counter-increment:step;border-radius:16px;padding:38px 16px 16px;line-height:1.45;position:relative}.cs-steps li:before{content:counter(step);border:3px solid var(--cs-outline);width:40px;height:40px;color:var(--cs-outline);background:var(--cs-gold);border-radius:50%;place-items:center;font-family:Luckiest Guy,sans-serif;font-size:1.3rem;display:grid;position:absolute;top:-16px;left:14px}.cs-steps b{color:var(--cs-ink)}.cs-warroom{padding-bottom:96px}.cs-war-head{grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:start;gap:20px;max-width:1400px;margin:0 auto;padding:6px 16px 18px;display:grid}.cs-war-head h1{color:#fff3cf;text-shadow:0 4px 0 var(--cs-outline);font-family:Luckiest Guy,sans-serif;font-size:clamp(2rem,4vw,3rem)}.cs-room-box{border:3px solid var(--cs-outline);background:linear-gradient(180deg, var(--cs-wood-light), var(--cs-wood));box-shadow:inset 0 2px 0 #fff3, 0 4px 0 var(--cs-outline);border-radius:16px;gap:10px;padding:14px;display:grid}.cs-room-code{border:3px solid var(--cs-outline);color:var(--cs-ink);background:var(--cs-parch);border-radius:12px;justify-content:space-between;align-items:baseline;padding:8px 12px;display:flex}.cs-room-code span{text-transform:uppercase;letter-spacing:.1em;color:var(--cs-ink-soft);font-size:.8rem;font-weight:900}.cs-room-code b{letter-spacing:.06em;font-family:Luckiest Guy,sans-serif;font-size:1.7rem}.cs-notice{color:#fff3cf;font-size:.86rem}.cs-seats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cs-seat{border:3px solid var(--cs-outline);background:#00000040;border-radius:12px;gap:2px;padding:8px 10px;display:grid}.cs-seat.cs-team-0{border-left:8px solid var(--cs-azure)}.cs-seat.cs-team-1{border-left:8px solid var(--cs-crimson)}.cs-seat b{font-family:Lilita One,sans-serif;font-weight:400}.cs-seat span{color:#e6d6b0;font-size:.8rem}.cs-seat.ready span{color:#9ff07a}.cs-seat em{color:var(--cs-gold);font-size:.8rem;font-style:normal}.cs-levels{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.cs-levels button{border:3px solid var(--cs-outline);color:var(--cs-ink);background:var(--cs-parch-dark);text-transform:capitalize;border-radius:10px;padding:9px;font-family:Lilita One,sans-serif}.cs-levels button.on{background:var(--cs-gold)}.cs-builder{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:20px;max-width:1400px;margin:0 auto;padding:0 16px;display:grid}.cs-builder-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cs-builder-head h2{color:var(--cs-gold);text-shadow:0 3px 0 var(--cs-outline);font-size:1.5rem}.cs-counter{border:3px solid var(--cs-outline);color:var(--cs-ink);background:var(--cs-parch-dark);border-radius:999px;padding:3px 12px;font-family:Lilita One,sans-serif}.cs-counter.full{background:#9ff07a}.cs-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.cs-builder-side{align-content:start;gap:18px;display:grid}.cs-hero-grid,.cs-power-grid{gap:8px;display:grid}.cs-power-grid{grid-template-columns:1fr 1fr}.cs-pick{border:3px solid var(--cs-outline);color:var(--cs-ink);background:linear-gradient(180deg, #fbefd0, var(--cs-parch));text-align:left;box-shadow:0 4px 0 var(--cs-outline);border-radius:14px;align-items:center;gap:10px;padding:8px 10px;transition:transform 80ms;display:flex;position:relative}.cs-pick:hover:not(:disabled){transform:translateY(-2px)}.cs-pick.on{box-shadow:0 0 0 3px var(--cs-gold), 0 4px 0 var(--cs-outline);background:linear-gradient(#fff6c9,#ffe27e)}.cs-pick.dim{opacity:.55}.cs-builder.locked .cs-pick:not(.on){opacity:.45}.cs-pick-body{gap:2px;min-width:0;display:grid}.cs-pick-body b{font-family:Lilita One,sans-serif;font-size:1.08rem;font-weight:400}.cs-pick-body small{color:var(--cs-ink-soft);font-size:.76rem;font-weight:800}.cs-pick-body .cs-cd{color:#1b6fa3}.cs-pick .cs-price{position:absolute;top:8px;right:10px}.cs-pick-power{flex-direction:column;align-items:flex-start}.cs-check{border:3px solid var(--cs-outline);color:#fff;background:var(--cs-leaf);border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:grid;position:absolute;bottom:-8px;right:-8px}.cs-lockbar{z-index:5;border-top:4px solid var(--cs-outline);background:linear-gradient(180deg, var(--cs-wood-light), var(--cs-wood-dark));justify-content:space-between;align-items:center;gap:14px;padding:12px max(16px,50vw - 684px);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 18px #00000059}.cs-lockbar>span{color:#fff3cf;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.92rem;overflow:hidden}.cs-lockbar .cs-primary{min-width:200px}.cs-battle{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.cs-hud{border-bottom:4px solid var(--cs-outline);background:linear-gradient(180deg, var(--cs-wood-light), var(--cs-wood));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:8px 12px;display:grid;box-shadow:0 4px 12px #00000059}.cs-teambar{gap:4px;min-width:0;display:grid}.cs-teambar:last-child{text-align:right;justify-items:end}.cs-teamname{align-items:center;gap:8px;display:flex}.cs-teamname b{color:#fff3cf;text-shadow:0 2px 0 var(--cs-outline);font-family:Lilita One,sans-serif;font-size:1.1rem;font-weight:400}.cs-you{border:2px solid var(--cs-outline);color:var(--cs-outline);background:var(--cs-gold);border-radius:6px;padding:0 7px;font-size:.7rem;font-weight:900}.cs-wins{color:var(--cs-gold);font-size:.85rem;font-weight:900}.cs-keepbar{border:3px solid var(--cs-outline);background:#4a1c16;border-radius:8px;width:min(100%,380px);height:20px;position:relative;overflow:hidden}.cs-keepbar i{background:linear-gradient(#8fe25c,#4f9a2e);position:absolute;inset:0 auto 0 0}.cs-team-1 .cs-keepbar i{background:linear-gradient(180deg, #ff8f7a, var(--cs-crimson))}.cs-team-0 .cs-keepbar i{background:linear-gradient(180deg, #8cc2ff, var(--cs-azure))}.cs-teambar:last-child .cs-keepbar i{inset:0 0 0 auto}.cs-keepbar em{color:#fff;text-shadow:0 1px 2px #000;place-items:center;font-size:.72rem;font-style:normal;font-weight:900;display:grid;position:absolute;inset:0}.cs-clock{border:3px solid var(--cs-outline);color:var(--cs-ink);background:var(--cs-parch);border-radius:12px;justify-items:center;padding:4px 16px;display:grid}.cs-clock b{font-family:Luckiest Guy,sans-serif;font-size:1.5rem;line-height:1}.cs-clock span{color:var(--cs-ink-soft);letter-spacing:.1em;font-size:.62rem;font-weight:900}.cs-clock.overtime{background:#ffcf3f;animation:1s ease-in-out infinite cs-pulse}.cs-banner{color:var(--cs-ink);background:var(--cs-gold);text-align:center;padding:6px 12px;font-size:.9rem;font-weight:900}.cs-stage-wrap{flex:1;place-items:center;min-height:0;padding:8px 8px 0;display:grid}.cs-stage{aspect-ratio:16/9;border:4px solid var(--cs-outline);width:min(100%,177.778dvh - 515.556px);box-shadow:0 0 0 3px var(--cs-wood), 0 10px 30px #00000080;background:#3f6f2f;border-radius:14px;position:relative;overflow:hidden}.cs-canvas{touch-action:manipulation;width:100%;height:100%;display:block}.cs-canvas-live{cursor:pointer}.cs-stage-roads{pointer-events:none;position:absolute;inset:0 auto 0 0}.cs-road-tag{border:2px solid var(--cs-outline);color:var(--cs-ink);background:#f4e4bfbf;border-radius:8px;padding:2px 8px;font-size:.72rem;font-weight:900;position:absolute;left:8px;transform:translateY(-50%)}.cs-road-tag[data-on=true]{background:var(--cs-gold)}.cs-tip{border:3px solid var(--cs-outline);max-width:90%;color:var(--cs-ink);background:var(--cs-parch);text-align:center;box-shadow:0 3px 0 var(--cs-outline);pointer-events:none;border-radius:12px;padding:8px 14px;font-size:.88rem;animation:2s ease-in-out infinite cs-bob;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.cs-fight{color:var(--cs-gold);-webkit-text-stroke:4px var(--cs-outline);paint-order:stroke fill;text-shadow:0 8px 0 var(--cs-outline);pointer-events:none;place-content:center;justify-items:center;font-family:Luckiest Guy,sans-serif;font-size:clamp(3rem,9vw,7rem);animation:.6s ease-out both cs-pop;display:grid;position:absolute;inset:0}.cs-fight small{-webkit-text-stroke:0;color:#fff3cf;text-shadow:0 2px 0 var(--cs-outline);font-family:Lilita One,sans-serif;font-size:1.1rem}.cs-overtime{color:#ff9c2e}.cs-reveal{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#140e08b8;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:4%;display:grid;position:absolute;inset:0}.cs-reveal-team{border:4px solid var(--cs-outline);color:var(--cs-ink);background:var(--cs-parch);box-shadow:0 5px 0 var(--cs-outline);border-radius:18px;justify-items:center;gap:10px;padding:14px;animation:.5s ease-out both cs-slide-left;display:grid}.cs-reveal-team.right{animation-name:cs-slide-right}.cs-reveal-team.cs-team-0{box-shadow:0 0 0 4px var(--cs-azure), 0 5px 0 var(--cs-outline)}.cs-reveal-team.cs-team-1{box-shadow:0 0 0 4px var(--cs-crimson), 0 5px 0 var(--cs-outline)}.cs-reveal-team h3{font-size:1.3rem}.cs-reveal-hero{justify-items:center;font-family:Lilita One,sans-serif;display:grid}.cs-reveal-units,.cs-reveal-powers{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.cs-reveal-vs{color:var(--cs-gold);-webkit-text-stroke:3px var(--cs-outline);paint-order:stroke fill;justify-items:center;font-family:Luckiest Guy,sans-serif;display:grid}.cs-reveal-vs span{font-size:3rem}.cs-reveal-vs b{font-size:4rem;font-weight:400;animation:.5s ease-out both cs-pop}.cs-build{z-index:4;border:3px solid var(--cs-outline);width:300px;color:var(--cs-ink);background:var(--cs-parch);box-shadow:0 0 0 3px var(--cs-wood), 0 10px 24px #00000073;border-radius:16px;padding:10px;animation:.18s ease-out both cs-pop;position:absolute;transform:translate(-50%,calc(-100% - 46px))}.cs-build.below{transform:translate(-50%,34px)}.cs-build-close{border:3px solid var(--cs-outline);color:#fff;background:var(--cs-crimson);border-radius:50%;place-items:center;width:28px;height:28px;font-weight:900;line-height:1;display:grid;position:absolute;top:-12px;right:-12px}.cs-build-ring{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cs-build-opt{border:3px solid var(--cs-outline);background:linear-gradient(180deg, #fff6d6, var(--cs-parch-dark));box-shadow:0 3px 0 var(--cs-outline);border-radius:12px;justify-items:center;gap:2px;padding:6px;display:grid}.cs-build-opt b{font-family:Lilita One,sans-serif;font-size:.92rem;font-weight:400}.cs-build-opt span{align-items:center;font-size:.85rem;font-weight:900;display:inline-flex}.cs-build-opt:hover{background:linear-gradient(#fff8e0,#ffe27e)}.cs-build-opt.cant,.cs-build-actions .cant{filter:grayscale(.8);opacity:.6}.cs-build-card{align-items:center;gap:10px;display:flex}.cs-build-card b{font-family:Lilita One,sans-serif;font-size:1.1rem;font-weight:400}.cs-build-card b small{color:var(--cs-ink-soft);font-size:.8rem}.cs-build-card p{color:var(--cs-ink-soft);margin:2px 0 8px;font-size:.8rem;line-height:1.3}.cs-build-actions{flex-wrap:wrap;gap:6px;display:flex}.cs-build-actions button{border:3px solid var(--cs-outline);color:#fff8e0;box-shadow:0 2px 0 var(--cs-outline);background:linear-gradient(#7fcf4f,#4f9a2e);border-radius:10px;align-items:center;gap:3px;padding:6px 10px;font-size:.85rem;font-weight:900;display:inline-flex}.cs-build-actions .cs-sell{background:linear-gradient(#d9a35a,#a66b2f)}.cs-build-actions button:disabled{background:var(--cs-parch-dark);color:var(--cs-ink-soft)}.cs-build-note{text-align:center;padding:6px;font-weight:900}.cs-deck{border-top:4px solid var(--cs-outline);background:linear-gradient(180deg, var(--cs-wood-light), var(--cs-wood-dark));grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:10px;padding:8px 12px;display:grid;box-shadow:0 -4px 12px #0000004d}.cs-deck-left{align-content:center;gap:6px;display:grid}.cs-gold{border:3px solid var(--cs-outline);color:var(--cs-ink);background:var(--cs-parch);border-radius:12px;grid-template-columns:auto 1fr;align-items:center;column-gap:4px;padding:6px 12px;display:grid}.cs-gold .cs-coin{grid-row:span 2;width:26px;height:26px}.cs-gold b{font-family:Luckiest Guy,sans-serif;font-size:1.6rem;line-height:1}.cs-gold small{color:var(--cs-ink-soft);font-size:.7rem;font-weight:900}.cs-roads{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.cs-roads button{border:3px solid var(--cs-outline);color:var(--cs-ink);background:var(--cs-parch-dark);border-radius:10px;justify-items:center;gap:1px;padding:4px 6px;font-family:Lilita One,sans-serif;font-size:.82rem;display:grid}.cs-roads button.on{background:var(--cs-gold);box-shadow:inset 0 -3px #0003}.cs-roads kbd{min-width:16px;height:16px;font-size:.6rem}.cs-cards{gap:8px;padding:4px 2px 6px;display:flex;overflow-x:auto}.cs-card{border:3px solid var(--cs-outline);background:var(--cs-parch);width:96px;box-shadow:0 3px 0 var(--cs-outline);border-radius:12px;flex:none;display:grid;overflow:hidden}.cs-card-miner{background:#e9dcc0;width:88px}.cs-card-main{color:var(--cs-ink);background:linear-gradient(180deg, #fff6d6, var(--cs-parch));border:0;justify-items:center;gap:1px;padding:6px 4px 4px;display:grid;position:relative}.cs-card-main:hover:not(:disabled){background:linear-gradient(#fffbe8,#ffe9a3)}.cs-card-main:active:not(:disabled){transform:translateY(2px)}.cs-card-main b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:Lilita One,sans-serif;font-size:.8rem;font-weight:400;line-height:1.1;overflow:hidden}.cs-card-main kbd{position:absolute;top:4px;left:4px}.cs-cost{align-items:center;font-size:.82rem;font-weight:900;display:inline-flex}.cs-count{border:2px solid var(--cs-outline);color:#fff;background:var(--cs-me);border-radius:8px;padding:0 5px;font-size:.68rem;font-style:normal;font-weight:900;position:absolute;top:3px;right:3px}.cs-card.cant .cs-card-main{filter:grayscale(.75);opacity:.6}.cs-up{border:0;border-top:3px solid var(--cs-outline);color:#fff8e0;background:linear-gradient(180deg, #6aa6f0, var(--cs-azure-dark));justify-content:center;align-items:center;gap:4px;padding:3px 4px;font-size:.72rem;font-weight:900;display:flex}.cs-up.cant{filter:grayscale(.7);opacity:.75}.cs-up:disabled{background:var(--cs-gold-dark);opacity:1;filter:none}.cs-pips{gap:2px;display:inline-flex}.cs-pips u{border:1.5px solid var(--cs-outline);background:#ffffff4d;border-radius:50%;width:7px;height:7px;display:block}.cs-pips u.on{background:var(--cs-gold)}.cs-deck-right{align-items:stretch;gap:8px;display:flex}.cs-herocard{border:3px solid var(--cs-outline);width:290px;color:var(--cs-ink);background:linear-gradient(180deg, #fff6d6, var(--cs-parch));box-shadow:0 3px 0 var(--cs-outline);border-radius:12px;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 8px;padding:6px 8px;display:grid}.cs-herocard.down .cs-portrait{filter:grayscale();opacity:.6}.cs-hero-info{gap:3px;min-width:0;display:grid}.cs-hero-info b{font-family:Lilita One,sans-serif;font-size:.95rem;font-weight:400}.cs-hero-info b small{color:var(--cs-ink-soft)}.cs-herohp,.cs-xp{border:2px solid var(--cs-outline);background:#4a1c16;border-radius:5px;height:8px;position:relative;overflow:hidden}.cs-herohp i{background:#7be04a;position:absolute;inset:0 auto 0 0}.cs-xp{background:#3a3020;height:6px}.cs-xp i{background:var(--cs-gold);position:absolute;inset:0 auto 0 0}.cs-respawn,.cs-hero-road{color:var(--cs-ink-soft);font-size:.72rem;font-weight:900}.cs-hero-buttons{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:6px;display:grid}.cs-power,.cs-move{border:3px solid var(--cs-outline);color:#fff8e0;box-shadow:0 2px 0 var(--cs-outline);background:linear-gradient(#b886ff,#7a45c8);border-radius:10px;justify-items:center;gap:1px;padding:5px 6px;font-size:.72rem;display:grid;position:relative;overflow:hidden}.cs-power:after{content:"";background:conic-gradient(#140a058c var(--cd,0deg), transparent 0);pointer-events:none;position:absolute;inset:0}.cs-power b{z-index:1;font-family:Lilita One,sans-serif;font-size:.82rem;font-weight:400;line-height:1.05;position:relative}.cs-power span{z-index:1;font-weight:900;position:relative}.cs-power kbd,.cs-move kbd{z-index:1;min-width:15px;height:15px;font-size:.56rem;position:absolute;top:3px;left:3px}.cs-power.cant{filter:saturate(.5)}.cs-move{background:linear-gradient(180deg, #6aa6f0, var(--cs-azure-dark));align-content:center;padding-left:20px;font-family:Lilita One,sans-serif;font-size:.82rem}.cs-move.cant{filter:grayscale(.7);opacity:.7}.cs-powers{grid-template-rows:1fr 1fr;gap:6px;display:grid}.cs-power-big{background:linear-gradient(#ffb35c,#d8741f);grid-template-columns:auto 1fr;place-items:center start;column-gap:6px;width:118px;padding:4px 8px 4px 22px}.cs-power-big .cs-portrait{z-index:1;grid-row:span 2;position:relative}.cs-foot{color:#d8c7a4;background:var(--cs-wood-dark);justify-content:space-between;align-items:center;gap:12px;padding:5px 12px;font-size:.74rem;display:flex}.cs-foot kbd{min-width:16px;height:16px;font-size:.58rem}.cs-result{z-index:20;background:#0f0a0599;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.cs-result-card{border:4px solid var(--cs-outline);width:min(560px,100%);color:var(--cs-ink);background:linear-gradient(180deg, #fbefd0, var(--cs-parch-dark));box-shadow:0 0 0 4px var(--cs-wood), 0 0 0 7px var(--cs-outline), 0 20px 50px #00000080;text-align:center;border-radius:20px;justify-items:center;gap:12px;padding:44px 22px 22px;animation:.35s ease-out both cs-pop;display:grid;position:relative}.cs-ribbon{border:4px solid var(--cs-outline);color:#fff8e0;white-space:nowrap;text-shadow:0 3px 0 var(--cs-outline);clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%);background:linear-gradient(#7fcf4f,#3d7d22);padding:10px 44px 14px;font-family:Luckiest Guy,sans-serif;font-size:2.4rem;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.cs-result-card.lose .cs-ribbon{background:linear-gradient(180deg, #ff8f7a, var(--cs-crimson-dark))}.cs-result-card.draw .cs-ribbon{background:linear-gradient(#d9a35a,#8a5424)}.cs-result-line{color:var(--cs-ink-soft)}.cs-series{border:3px solid var(--cs-outline);background:var(--cs-gold);border-radius:999px;padding:4px 14px;font-family:Lilita One,sans-serif}.cs-result-stats{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.cs-result-stats>div{border:3px solid var(--cs-outline);text-align:left;background:#ffffff80;border-radius:12px;gap:2px;padding:10px;font-size:.86rem;display:grid}.cs-result-stats>div.cs-team-0{border-top:8px solid var(--cs-azure)}.cs-result-stats>div.cs-team-1{border-top:8px solid var(--cs-crimson)}.cs-result-stats b{font-family:Lilita One,sans-serif;font-size:1.05rem;font-weight:400}.cs-result-card .cs-link{color:var(--cs-parch)}.cs-toast{z-index:30;border:3px solid var(--cs-outline);max-width:calc(100% - 32px);color:var(--cs-ink);background:var(--cs-gold);box-shadow:0 4px 0 var(--cs-outline);cursor:pointer;border-radius:12px;padding:10px 18px;font-weight:900;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}@keyframes cs-pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.cs-build.below,.cs-build{animation-name:cs-fade}@keyframes cs-fade{0%{opacity:0}to{opacity:1}}@keyframes cs-bob{50%{transform:translate(-50%,-4px)}}@keyframes cs-pulse{50%{filter:brightness(1.15)}}@keyframes cs-slide-left{0%{opacity:0;transform:translate(-40px)}}@keyframes cs-slide-right{0%{opacity:0;transform:translate(40px)}}@media (prefers-reduced-motion:reduce){.cs-app *,.cs-app :before,.cs-app :after{transition:none!important;animation:none!important}}@media (width<=1100px){.cs-hero{grid-template-columns:1fr}.cs-hero-panel{justify-self:center;width:100%;max-width:520px}.cs-builder{grid-template-columns:1fr}.cs-steps{grid-template-columns:1fr 1fr}.cs-battle{height:auto;min-height:100dvh;overflow:visible}.cs-stage{width:100%}.cs-deck{grid-template-columns:1fr}.cs-deck-left{grid-template-columns:auto 1fr;align-items:stretch}.cs-deck-right{flex-wrap:wrap}.cs-herocard{flex:280px;width:auto}.cs-powers{flex:220px;grid-template-rows:none;grid-template-columns:1fr 1fr}.cs-power-big{width:auto}.cs-foot>span{display:none}}@media (width<=720px){.cs-war-head,.cs-split,.cs-unit-grid,.cs-steps{grid-template-columns:1fr}.cs-logo span{font-size:2.6rem}.cs-logo span+span{font-size:3.2rem}.cs-hud{grid-template-columns:1fr auto 1fr;gap:6px;padding:6px 8px}.cs-teamname b{font-size:.9rem}.cs-clock{padding:2px 8px}.cs-clock b{font-size:1.1rem}.cs-clock span{display:none}.cs-stage-wrap{padding:4px 0 0}.cs-stage{border-width:3px;border-radius:8px}.cs-road-tag{display:none}.cs-reveal{grid-template-columns:1fr;padding:8px;overflow:auto}.cs-reveal-vs span{display:none}.cs-reveal-hero .cs-portrait{width:56px!important;height:56px!important}.cs-build{width:250px}.cs-lockbar>span{display:none}.cs-lockbar .cs-primary{width:100%}}.cs-pick.on{outline-offset:2px;outline:3px solid #55d6b1}.cs-pick:not(.dim):hover,.cs-card-main:hover{filter:brightness(1.13)}.cs-pick:focus-visible,.cs-card-main:focus-visible,.cs-up:focus-visible{outline-offset:2px;outline:3px solid #69e5da}.cs-card.cant{opacity:.65}.cs-card:not(.cant){box-shadow:0 0 0 1px #73c8ad55}.cs-build-card button{min-height:40px}