:root{--cs: 1;--fw: 1600;--fh: 900;--cl-bg: #07070a;--cl-bg2: #0c0b0e;--cl-bg3: #121016;--cl-panel: rgba(13, 11, 12, .9);--cl-panel2: rgba(20, 17, 16, .94);--cl-panel3: rgba(28, 23, 20, .96);--cl-gold: #c8aa6e;--cl-gold2: #f0d898;--cl-gold3: #fff4d6;--cl-goldD: #785a28;--cl-goldDD: #3c2c12;--cl-bronze: #9a6a34;--cl-ink: #f0e6d2;--cl-ink2: #b9ad96;--cl-ink3: #7d7465;--cl-ink4: #4c463d;--cl-line: rgba(200, 170, 110, .16);--cl-line2: rgba(200, 170, 110, .32);--cl-line3: rgba(200, 170, 110, .55);--cl-arc: #4fd6c8;--cl-arc2: #9ff2e6;--cl-arcD: #0f4a44;--cl-red: #e2493e;--cl-red2: #ff8a78;--cl-redD: #4a120e;--cl-green: #5fd068;--cl-green2: #a8f0a0;--cl-amber: #f0a830;--cl-blue: #6aa8ff;--team-ally: #4aa8ff;--team-enemy: #e5463d;--i18n-sans: i18n-none;--i18n-serif: i18n-none;--cl-display: "Cormorant SC", "Cormorant Garamond", var(--i18n-serif), Georgia, serif;--cl-font: "Inter", var(--i18n-sans), system-ui, -apple-system, "Segoe UI", sans-serif;--cl-ease: cubic-bezier(.2, .8, .2, 1);--cl-spring: cubic-bezier(.34, 1.56, .64, 1);--cl-out: cubic-bezier(.16, 1, .3, 1);--cl-metal: linear-gradient(160deg, #fbe3a4 0%, #c8aa6e 24%, #785a28 50%, #d8b876 74%, #463714 100%);--cl-metal-h: linear-gradient(90deg, #463714, #c8aa6e 18%, #f0d898 50%, #c8aa6e 82%, #463714);--cl-goldtext: linear-gradient(180deg, #fff7df 6%, #f0d898 44%, #c8aa6e 70%, #8a6428);--cl-shadow: 0 18px 50px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .4)}:root:lang(zh){--i18n-sans: "Noto Sans SC";--i18n-serif: "Noto Serif SC", "Noto Sans SC"}:root:lang(ja){--i18n-sans: "Noto Sans JP";--i18n-serif: "Noto Serif JP", "Noto Sans JP"}:root:lang(ko){--i18n-sans: "Noto Sans KR";--i18n-serif: "Noto Serif KR", "Noto Sans KR"}html.cl-on #load{display:none!important}.cl-root{position:fixed;inset:0;z-index:60;overflow:hidden;background:var(--cl-bg);color:var(--cl-ink);font-family:var(--cl-font);font-size:13px;line-height:1.4;font-feature-settings:"tnum" 1,"cv11" 1;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;pointer-events:auto;cursor:url(../media/cursor-rpg.svg) 2 2,default;transition:opacity .45s var(--cl-ease),visibility .45s}.cl-root.away{opacity:0;visibility:hidden;pointer-events:none}.cl-root.away *,.cl-root.away *:before,.cl-root.away *:after{animation-play-state:paused!important}.cl-root *,.cl-root *:before,.cl-root *:after{box-sizing:border-box}:where(.cl-root button){font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:where(.cl-root button:disabled){cursor:default}:where(.cl-root a){color:inherit;text-decoration:none}:where(.cl-root input,.cl-root textarea,.cl-root select){font:inherit;color:inherit;user-select:text;-webkit-user-select:text}.cl-root ::selection{background:#c8aa6e59}.cl-g{width:18px;height:18px;flex:none;display:inline-block;vertical-align:middle}.cl-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 28% 18%,rgba(120,82,36,.22),transparent 70%),radial-gradient(ellipse 60% 70% at 85% 90%,rgba(40,90,96,.14),transparent 70%),radial-gradient(ellipse 120% 90% at 50% 40%,#16110d,#0b0a0c 55%,#050507)}.cl-bg:before{content:"";position:absolute;inset:-10%;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='84' height='96' viewBox='0 0 84 96'><path d='M42 2 82 25v46L42 94 2 71V25z' fill='none' stroke='%23c8aa6e' stroke-width='1'/></svg>");background-size:84px 96px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000,transparent 75%)}.cl-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 110% 100% at 50% 50%,transparent 55%,rgba(0,0,0,.7) 100%)}.cl-frame{position:absolute;left:50%;top:50%;width:calc(var(--fw) * 1px);height:calc(var(--fh) * 1px);transform:translate(-50%,-50%) scale(var(--cs));transform-origin:50% 50%;contain:layout style;--top: 84px;--rail: clamp(260px, calc(var(--fw) * .135px), 300px);--gut: 24px;--mw: calc(var(--fw) * 1px - var(--rail));--mh: calc(var(--fh) * 1px - var(--top));--pw: calc(var(--mw) - 2 * var(--gut));--ph: calc(var(--mh) - 2 * var(--gut))}.cl-frame:before{content:"";position:absolute;inset:0;border:1px solid rgba(200,170,110,.08);pointer-events:none;z-index:30;display:none}html.cl-fbox .cl-frame:before{display:block}.cl-eye{font:700 11px/1 var(--cl-font);letter-spacing:.24em;text-transform:uppercase;color:var(--cl-gold)}.cl-h1{margin:0;font:700 44px/1 var(--cl-display);letter-spacing:.04em;color:var(--cl-gold3)}.cl-h2{margin:0;font:700 22px/1.1 var(--cl-display);letter-spacing:.06em;color:var(--cl-ink)}.cl-h3{margin:0;font:700 12px/1 var(--cl-font);letter-spacing:.18em;text-transform:uppercase;color:var(--cl-ink2)}.cl-gt{background:var(--cl-goldtext);-webkit-background-clip:text;background-clip:text;color:transparent}.cl-dim{color:var(--cl-ink3)}.cl-good{color:var(--cl-green)}.cl-bad{color:var(--cl-red2)}.cl-hi{color:var(--cl-gold2)}.cl-num{font-variant-numeric:tabular-nums}.cl-ell{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cl-rule{height:1px;background:linear-gradient(90deg,transparent,var(--cl-line2) 20%,var(--cl-line2) 80%,transparent)}.cl-scroll{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(200,170,110,.3) transparent}.cl-scroll::-webkit-scrollbar{width:6px}.cl-scroll::-webkit-scrollbar-thumb{background:#c8aa6e47;border-radius:3px}.cl-scroll::-webkit-scrollbar-track{background:transparent}.cl-panel{position:relative;background:linear-gradient(180deg,#181411eb,#0b0a0bf0);border:1px solid var(--cl-line);border-radius:4px;box-shadow:0 14px 40px #00000073,inset 0 1px #fff0d20a}.cl-panel:before{content:"";position:absolute;left:12px;right:12px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--cl-gold) 50%,transparent);opacity:.45;pointer-events:none}.cl-card{position:relative;border-radius:4px;overflow:hidden;background:var(--cl-panel2);border:1px solid var(--cl-line);transition:border-color .2s,transform .25s var(--cl-ease),box-shadow .25s,filter .2s}.cl-corner{position:absolute;width:14px;height:14px;pointer-events:none;border-color:var(--cl-gold);border-style:solid;opacity:.7;z-index:3}.cl-corner.tl{left:-1px;top:-1px;border-width:2px 0 0 2px}.cl-corner.tr{right:-1px;top:-1px;border-width:2px 2px 0 0}.cl-corner.bl{left:-1px;bottom:-1px;border-width:0 0 2px 2px}.cl-corner.br{right:-1px;bottom:-1px;border-width:0 2px 2px 0}.cl-sec-h{display:flex;align-items:center;gap:10px;height:22px;margin-bottom:12px}.cl-sec-h .cl-h3{flex:none}.cl-sec-h:after{content:"";flex:1;height:5px;background:radial-gradient(circle at 2.5px 50%,var(--cl-gold, #c8aa6e) 0 1.6px,transparent 2.2px),linear-gradient(90deg,var(--cl-line2, rgba(200, 170, 110, .32)),transparent) 9px 2px / calc(100% - 9px) 1px no-repeat}.cl-sec-h .cl-link{order:3;margin-left:10px}.cl-link{position:relative;font:600 11px/1 var(--cl-font);letter-spacing:.08em;text-transform:uppercase;color:var(--cl-gold);padding:4px 0;transition:color .15s}.cl-link:after{content:"";position:absolute;inset:-4px -6px}.cl-link:hover{color:var(--cl-gold3)}.cl-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 22px;min-width:96px;border-radius:2px;font:700 12px/1 var(--cl-font)!important;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--cl-gold2)!important;background:linear-gradient(180deg,#1e1a16,#121012)!important;border:1px solid var(--cl-goldD)!important;box-shadow:inset 0 0 0 1px #0009,inset 0 1px #fff0d20f;transition:color .15s,border-color .15s,background .15s,box-shadow .2s,transform .08s,filter .15s}.cl-btn .cl-g{width:16px;height:16px}.cl-btn:hover:not(:disabled){color:var(--cl-gold3)!important;border-color:var(--cl-gold)!important;background:linear-gradient(180deg,#2a231b,#16130f)!important;box-shadow:inset 0 0 0 1px #0009,0 0 18px #c8aa6e38,inset 0 0 14px #c8aa6e14}.cl-btn:active:not(:disabled){transform:translateY(1px);filter:brightness(.9)}.cl-btn:disabled{color:var(--cl-ink4)!important;border-color:#2e2a24!important;background:#121012!important;box-shadow:none}.cl-btn:focus-visible{outline:1px solid var(--cl-gold2);outline-offset:2px}:where(.cl-root) :where(button,[role=button],a[href],[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid var(--cl-gold2);outline-offset:-2px}:where(.cl-root) :where(input,select,textarea):focus-visible{outline:1px solid var(--cl-gold2);outline-offset:-1px}.cl-scroll .cl-btn:focus-visible,.pl-opt .cl-btn:focus-visible{outline-offset:-3px}:where(.cl-root) :where(button,[role=button]):where(:active):where(:not(:disabled)){filter:brightness(.93)}.cl-play:focus-visible{outline:none;filter:brightness(1.12)}.cl-play:focus-visible .cl-play-t{text-decoration:underline;text-underline-offset:4px}.cl-btn.sm{height:30px;padding:0 14px;min-width:0;font-size:11px!important;letter-spacing:.1em}.cl-btn.lg{height:52px;padding:0 34px;font-size:14px!important;letter-spacing:.16em}.cl-btn.primary{color:#1a1206!important;border-color:#f0d898!important;background:linear-gradient(180deg,#f6e2a8,#d6b46c 45%,#a8803e)!important;box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #5a3c1466,0 4px 16px #c8964640;text-shadow:0 1px 0 rgba(255,240,200,.4)}.cl-btn.primary:hover:not(:disabled){color:#120c04!important;border-color:#fff2cc!important;background:linear-gradient(180deg,#fff0c4,#e6c67e 45%,#b88e46)!important;box-shadow:inset 0 1px #ffffffb3,0 0 26px #f0c86e73,0 4px 16px #c896464d}.cl-btn.primary:disabled:not(.done){color:#281e108c!important;border-color:#5a4a2c!important;background:linear-gradient(180deg,#6a5a3a,#4a3e28)!important;box-shadow:none;text-shadow:none}.cl-btn.arc{color:var(--cl-arc2)!important;border-color:#1f8a80!important;background:linear-gradient(180deg,#0f2a28,#0a1616)!important}.cl-btn.arc:hover:not(:disabled){color:#eafffb!important;border-color:var(--cl-arc)!important;background:linear-gradient(180deg,#133632,#0c1c1b)!important;box-shadow:0 0 22px #4fd6c859,inset 0 0 14px #4fd6c81f}.cl-btn.danger{color:var(--cl-red2)!important;border-color:#6a2620!important;background:linear-gradient(180deg,#221210,#140b0a)!important}.cl-btn.danger:hover:not(:disabled){color:#ffd6cc!important;border-color:var(--cl-red)!important;background:linear-gradient(180deg,#2c1714,#1a0e0c)!important;box-shadow:0 0 18px #e2493e4d}.cl-btn.ghost{background:transparent!important;border-color:transparent!important;box-shadow:none;color:var(--cl-ink2)!important;min-width:0;padding:0 12px}.cl-btn.ghost:hover:not(:disabled){color:var(--cl-gold2)!important;background:#c8aa6e0f!important;border-color:transparent!important;box-shadow:none}.cl-btn.busy{color:transparent!important;pointer-events:none}.cl-btn.busy:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:2px solid rgba(200,170,110,.3);border-top-color:var(--cl-gold2);animation:cl-spin .8s linear infinite}.cl-btn.primary.busy:after{border-color:#281e0a40;border-top-color:#2a1c08}.cl-ibtn{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--cl-ink2);border:1px solid transparent;transition:color .15s,background .15s,border-color .15s,transform .08s}.cl-ibtn:hover{color:var(--cl-gold2);background:#c8aa6e14;border-color:var(--cl-line)}.cl-ibtn:active{transform:scale(.94)}.cl-ibtn.on{color:var(--cl-gold3);border-color:var(--cl-line2);background:#c8aa6e1a}.cl-ibtn .cl-g{width:19px;height:19px}.cl-spin{display:inline-block;width:22px;height:22px;border-radius:50%;border:2px solid rgba(200,170,110,.2);border-top-color:var(--cl-gold2);animation:cl-spin .8s linear infinite}@keyframes cl-spin{to{transform:rotate(360deg)}}.cl-input{display:block;width:100%;height:40px;padding:0 14px;border-radius:2px;background:#040406b3;border:1px solid #3a3226;color:var(--cl-ink);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:inset 0 1px 3px #0009}.cl-input::placeholder{color:var(--cl-ink4)}.cl-input:hover{border-color:#5a4a30}.cl-input:focus{border-color:var(--cl-gold);box-shadow:inset 0 1px 3px #0009,0 0 0 3px #c8aa6e1f;background:#080708e6}.cl-input.bad{border-color:var(--cl-red);box-shadow:0 0 0 3px #e2493e1f}.cl-input:disabled{opacity:.5}.cl-search{position:relative}.cl-search .cl-g{position:absolute;left:11px;top:50%;margin-top:-8px;width:16px;height:16px;color:var(--cl-ink3);pointer-events:none}.cl-search .cl-input{padding-left:34px;height:34px;font-size:13px}.cl-field{display:block;margin-bottom:14px}.cl-field>small{display:block;margin-bottom:7px;font:700 10.5px/1 var(--cl-font);letter-spacing:.16em;text-transform:uppercase;color:var(--cl-ink3)}.cl-field .cl-err{display:block;min-height:16px;margin-top:5px;padding:0;text-align:left;font-size:12px;color:var(--cl-red2)}.cl-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:13px;font:600 11px/1 var(--cl-font);letter-spacing:.06em;color:var(--cl-ink2);border:1px solid var(--cl-line);background:#0a090a99;transition:color .15s,border-color .15s,background .15s;white-space:nowrap}.cl-chip .cl-g{width:13px;height:13px}button.cl-chip:hover{color:var(--cl-gold2);border-color:var(--cl-line2)}.cl-chip.on{color:#1a1206;background:linear-gradient(180deg,#f0d898,#c8aa6e);border-color:#f0d898}.cl-chip.arc{color:var(--cl-arc2);border-color:#4fd6c859}.cl-chip.red{color:var(--cl-red2);border-color:#e2493e66}.cl-chip.gold{color:var(--cl-gold2);border-color:var(--cl-line2)}.cl-seg{display:inline-flex;padding:3px;gap:3px;border-radius:3px;background:#040406b3;border:1px solid #2e281f}.cl-seg>button{height:30px;padding:0 14px;border-radius:2px;font:700 11px/1 var(--cl-font);letter-spacing:.1em;text-transform:uppercase;color:var(--cl-ink3);transition:color .15s,background .15s,box-shadow .15s;min-width:64px}.cl-seg>button:hover:not(.on):not(:disabled){color:var(--cl-ink);background:#c8aa6e0f}.cl-seg>button.on{color:#1a1206;background:linear-gradient(180deg,#f0d898,#c09a58);box-shadow:inset 0 1px #ffffff80}.cl-seg>button:disabled{opacity:.35;cursor:default}.cl-toggle{position:relative;width:44px;height:24px;border-radius:12px;background:#1a1714;border:1px solid #3a3226;transition:background .2s,border-color .2s;flex:none}.cl-toggle:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#6a6154;transition:transform .22s var(--cl-spring),background .2s;box-shadow:0 1px 3px #0009}.cl-toggle.on{background:linear-gradient(180deg,#6a5226,#3a2c12);border-color:var(--cl-gold)}.cl-toggle.on:after{transform:translate(20px);background:var(--cl-gold3)}.cl-toggle:hover{border-color:var(--cl-gold)}.cl-slider{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;cursor:pointer}.cl-slider::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--cl-gold) var(--p, 50%),#2a251e var(--p, 50%))}.cl-slider::-moz-range-track{height:4px;border-radius:2px;background:#2a251e}.cl-slider::-moz-range-progress{height:4px;border-radius:2px;background:var(--cl-gold)}.cl-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff6d8,#c8aa6e 60%,#6a4a1a);border:1px solid #1a1206;box-shadow:0 0 0 3px #c8aa6e26}.cl-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff6d8,#c8aa6e 60%,#6a4a1a);border:1px solid #1a1206}.cl-tabs{display:flex;gap:26px;height:40px;border-bottom:1px solid var(--cl-line)}.cl-tabs>button{position:relative;height:40px;font:700 12px/1 var(--cl-font);letter-spacing:.14em;text-transform:uppercase;color:var(--cl-ink3);transition:color .15s}.cl-tabs>button:hover{color:var(--cl-ink)}.cl-tabs>button.on{color:var(--cl-gold2)}.cl-tabs>button.on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--cl-metal-h);box-shadow:0 0 10px #f0c86e80}.cl-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:120px;padding:20px 24px;text-align:center;color:var(--cl-ink3);font-size:13px}.cl-state .cl-state-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--cl-gold);border:1px solid var(--cl-line2);background:radial-gradient(circle at 50% 30%,#c8aa6e1f,#c8aa6e05 70%);box-shadow:inset 0 1px #fff0d20d,0 6px 16px #00000059}.cl-state .cl-state-ic .cl-g{width:20px;height:20px}.cl-state.error{color:var(--cl-red2)}.cl-state.error .cl-state-ic{color:var(--cl-red2);border-color:#e2493e66;background:radial-gradient(circle at 50% 30%,#e2493e24,#e2493e05 70%)}.cl-err{padding:60px;text-align:center;color:var(--cl-red2)}.cl-skel{position:relative;overflow:hidden;background:#c8aa6e0d;border-radius:3px}.cl-skel:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,240,210,.06),transparent);animation:cl-shimmer 1.4s infinite}@keyframes cl-shimmer{to{transform:translate(100%)}}.cl-art{display:inline-block;position:relative;flex:none;line-height:0}.cl-art>img,.cl-art>svg{width:100%;height:100%;display:block;object-fit:cover}.cl-art-emblem>img,.cl-art-emblem>svg{object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.55))}.cl-art-icon{border-radius:50%;overflow:hidden}.cl-art-crest{overflow:hidden}.cl-sum{display:block;border-radius:3px;box-shadow:0 0 0 1px #0a0806,0 0 0 2px #c8aa6e59}.cl-tiplayer{position:fixed;inset:0;pointer-events:none;z-index:90}.cl-tip{position:fixed;left:0;top:0;width:300px;padding:12px 14px;transform-origin:0 0;opacity:0;visibility:hidden;transition:opacity .12s,visibility .12s;pointer-events:none;background:linear-gradient(180deg,#14110ffa,#090809fa);border:1px solid var(--cl-line2);border-radius:3px;box-shadow:0 16px 40px #0009;color:var(--cl-ink2);font:13px/1.45 var(--cl-font)}.cl-tip:before{content:"";position:absolute;left:14px;right:14px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--cl-gold),transparent)}.cl-tip.on{opacity:1;visibility:visible}.cl-tip b{color:var(--cl-ink)}.cl-tip p{margin:8px 0 0}.cl-tip small{color:var(--cl-ink3)}.cl-tip-h{display:flex;align-items:center;gap:10px}.cl-tip-h img{width:40px;height:40px;border-radius:3px;box-shadow:0 0 0 1px var(--cl-goldD)}.cl-tip-h b{display:block;font:700 15px/1.2 var(--cl-display);letter-spacing:.04em;color:var(--cl-gold3);overflow-wrap:anywhere}.cl-tip-h small{display:block;margin-top:2px;font-size:11px}.cl-tip-h>div{min-width:0}.cl-tip.rx{width:340px;padding:12px 14px}.cl-tip.full{width:max-content;max-width:300px;padding:7px 11px}.cl-tip .cl-tip-full{margin:0;font-weight:600;color:var(--cl-ink);overflow-wrap:anywhere}.cl-top{position:absolute;left:0;top:0;right:0;height:84px;z-index:10;display:flex;align-items:center;background:linear-gradient(180deg,#0a090af7,#0e0c0cf0);border-bottom:1px solid rgba(200,170,110,.22);box-shadow:0 8px 30px #00000080}.cl-top:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 2%,rgba(240,216,152,.45) 22%,rgba(240,216,152,.12) 60%,transparent 98%)}.cl-brand{position:absolute;left:18px;top:16px;width:52px;height:52px;display:grid;place-items:center}.cl-brand img,.cl-brand svg{width:52px;height:52px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.7))}.cl-playslot{position:absolute;left:82px;top:12px;width:236px;height:62px}.cl-play{position:absolute;left:0;top:0;width:236px;height:46px;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);border-radius:2px 0 0 2px;background:linear-gradient(180deg,#1c1813,#0f0d0c);border:1px solid var(--cl-gold);box-shadow:inset 0 0 0 1px #0009,inset 0 0 22px #4fd6c81a;transition:box-shadow .25s,background .25s,border-color .2s}.cl-play:before{content:"";position:absolute;inset:2px;clip-path:polygon(0 0,100% 0,calc(100% - 13px) 100%,0 100%);border:1px solid rgba(200,170,110,.25);pointer-events:none}.cl-play:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,240,200,.16),transparent);transform:skew(-20deg);transition:left .7s var(--cl-ease);pointer-events:none}.cl-play:hover:after{left:130%}.cl-play-t{position:relative;font:700 22px/1 var(--cl-display);letter-spacing:.22em;padding-left:.22em;color:var(--cl-gold3);text-shadow:0 0 18px rgba(79,214,200,.35),0 2px 0 rgba(0,0,0,.8)}.cl-play-s{position:relative;display:none;font:600 11px/1 var(--cl-font);letter-spacing:.08em;color:var(--cl-ink2)}.cl-play-x{position:absolute;right:22px;top:50%;width:26px;height:26px;margin-top:-13px;display:none;place-items:center;border-radius:50%;color:var(--cl-ink2);border:1px solid var(--cl-line2);background:#0006;transition:color .15s,border-color .15s,background .15s}.cl-play-x:hover{color:#fff;border-color:var(--cl-red);background:#e2493e40}.cl-play-x .cl-g{width:13px;height:13px}.cl-play:hover{border-color:var(--cl-gold2);box-shadow:inset 0 0 0 1px #0009,inset 0 0 30px #4fd6c838,0 0 24px #4fd6c840;background:linear-gradient(180deg,#1f2220,#0f1212)}.cl-play:active{filter:brightness(.9)}.cl-playslot:has(.cl-play:hover){filter:drop-shadow(0 0 12px rgba(79,214,200,.35))}.cl-playslot:has(.cl-play.state-queue){filter:drop-shadow(0 0 10px rgba(79,214,200,.25))}.cl-play.state-queue,.cl-play.state-ready,.cl-play.state-select,.cl-play.state-loading,.cl-play.state-game{justify-content:flex-start;padding-left:18px}.cl-play.state-queue .cl-play-t,.cl-play.state-select .cl-play-t,.cl-play.state-loading .cl-play-t,.cl-play.state-game .cl-play-t,.cl-play.state-ready .cl-play-t{font-size:15px;letter-spacing:.14em;padding-left:0}.cl-play.state-queue .cl-play-s,.cl-play.state-game .cl-play-s,.cl-play.state-select .cl-play-s{display:block;min-width:40px}.cl-play.state-queue .cl-play-x{display:grid}.cl-play.state-queue{border-color:var(--cl-arc);box-shadow:inset 0 0 26px #4fd6c82e}.cl-play-glow{position:absolute;inset:0;opacity:0;pointer-events:none}.cl-play.state-queue>.cl-play-glow{box-shadow:inset 0 0 36px #4fd6c833;animation:cl-glowo 2.4s ease-in-out infinite}.cl-play.state-reconnect>.cl-play-glow{box-shadow:inset 0 0 36px #f0a83033;animation:cl-glowo 1.8s ease-in-out infinite}@keyframes cl-glowo{50%{opacity:1}}.cl-play.state-select,.cl-play.state-loading{cursor:default;border-color:var(--cl-goldD)}.cl-play.state-select{cursor:pointer}.cl-play.state-game{border-color:var(--cl-green)}.cl-play.state-reconnect{border-color:var(--cl-amber);box-shadow:inset 0 0 0 1px #0009,inset 0 0 26px #f0a83033}.cl-play.state-reconnect .cl-play-t{font-size:18px;letter-spacing:.18em;padding-left:.18em;color:#ffe8b8;text-shadow:0 0 16px rgba(240,168,48,.45),0 2px 0 rgba(0,0,0,.8)}.cl-engine{position:absolute;left:0;top:50px;width:222px;height:12px;display:flex;align-items:center;gap:8px;font:600 10px/1 var(--cl-font);letter-spacing:.12em;text-transform:uppercase;color:var(--cl-ink3);transition:opacity .6s}.cl-engine .bar{position:relative;flex:1;height:2px;background:#c8aa6e1f;overflow:hidden;border-radius:1px}.cl-engine .bar i{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--cl-goldD),var(--cl-gold2));box-shadow:0 0 8px #f0d89899;transition:transform .35s var(--cl-ease)}.cl-engine b{width:118px;flex:none;font-weight:700;color:var(--cl-ink2);white-space:nowrap}.cl-engine.done b{color:var(--cl-green)}.cl-engine.done .bar i{background:linear-gradient(90deg,#2a6a30,var(--cl-green))}.cl-engine.gone{opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s}.cl-engine.failed b{color:var(--cl-red2)}.cl-engine.failed .bar{visibility:hidden}.cl-nav{position:absolute;left:350px;top:0;height:84px;display:flex;align-items:stretch;gap:4px}.cl-nav>button{position:relative;height:84px;padding:0 15px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 13px/1 var(--cl-font);letter-spacing:.16em;text-transform:uppercase;color:var(--cl-ink3);transition:color .18s}.cl-nav>button:after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:2px;background:var(--cl-metal-h);transform:scaleX(0);transition:transform .3s var(--cl-out);box-shadow:0 0 10px #f0c86e99}.cl-nav>button:hover:not(:disabled){color:var(--cl-ink)}.cl-nav>button.on{color:var(--cl-gold3)}.cl-nav>button.on:after{transform:scaleX(1)}.cl-nav>button:disabled{color:var(--cl-ink4);cursor:default}html.cl-fw1 .cl-nav>button{padding:0 16px;letter-spacing:.14em}html.cl-fw1 .cl-nav>button:after{left:16px;right:16px}.cl-nav>button .dot{position:absolute;right:8px;top:26px;width:6px;height:6px;border-radius:50%;background:var(--cl-red);box-shadow:0 0 6px var(--cl-red);display:none}.cl-nav>button.alert .dot{display:block}.cl-topr{position:absolute;right:16px;top:0;height:84px;display:flex;align-items:center;gap:10px}.cl-director{display:none;height:34px;padding:0 14px 0 11px;gap:8px;align-items:center;border-radius:2px;font:700 11px/1 var(--cl-font);letter-spacing:.16em;color:#1a1206;background:linear-gradient(180deg,#f6e2a8,#c8a05a 55%,#9a7434);border:1px solid #fff0c8;box-shadow:0 0 16px #f0c86e4d,inset 0 1px #ffffff8c;transition:filter .15s,box-shadow .2s}.cl-director.on{display:inline-flex}.cl-director:hover{filter:brightness(1.08);box-shadow:0 0 26px #f0c86e80,inset 0 1px #fff9}.cl-director .cl-g{width:16px;height:16px}.cl-director.wait{filter:saturate(.4) brightness(.8)}.cl-bal{display:flex;align-items:center;gap:9px;height:40px;width:160px;padding:0 12px 0 8px;border-radius:20px;background:#060608b3;border:1px solid var(--cl-line);transition:border-color .15s,box-shadow .15s}.cl-bal:hover{border-color:var(--cl-line3);box-shadow:0 0 16px #c8aa6e26}.cl-bal .coin{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center;color:#3a2606;background:radial-gradient(circle at 35% 30%,#fff4c4,#f0c860 45%,#a8742a);box-shadow:0 0 10px #f0c86059,inset 0 -2px 3px #5a320a80;font:800 10px/1 var(--cl-font)}.cl-bal .amt{flex:1;min-width:0;text-align:right;font:700 15px/1 var(--cl-font);color:var(--cl-gold3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-bal .sym{font:700 10px/1 var(--cl-font);letter-spacing:.1em;color:var(--cl-gold)}.cl-me{position:relative;display:flex;align-items:center;gap:11px;height:64px;width:236px;padding:0 10px 0 4px;border-radius:3px;transition:background .15s;text-align:left}.cl-me:hover{background:#c8aa6e0f}.cl-me .pic{position:relative;width:56px;height:56px;flex:none}.cl-me .pic .cl-art-icon{width:50px;height:50px;position:absolute;left:3px;top:3px;box-shadow:0 0 0 2px #0a0806,0 0 0 3px var(--cl-goldD)}.cl-me .pic .lvl{position:absolute;left:50%;bottom:-5px;transform:translate(-50%);min-width:30px;height:17px;padding:0 5px;border-radius:9px;display:grid;place-items:center;font:800 10px/1 var(--cl-font);color:var(--cl-gold3);background:#0c0a08;border:1px solid var(--cl-goldD)}.cl-me .who{flex:1;min-width:0}.cl-me .who b{display:block;font:700 14px/1.2 var(--cl-font);color:var(--cl-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-me .who small{display:flex;align-items:center;gap:5px;margin-top:4px;font:600 11px/1 var(--cl-font);color:var(--cl-ink3);white-space:nowrap}.cl-me .who small .cl-art-emblem{width:22px;height:22px}.cl-me .guest{display:inline-block;margin-top:4px;font:700 10px/1 var(--cl-font);letter-spacing:.1em;text-transform:uppercase;color:var(--cl-arc)}.cl-topbtns{display:flex;align-items:center;gap:2px}.cl-main{position:absolute;left:0;top:var(--top);width:var(--mw);height:var(--mh);overflow:hidden}.cl-page{position:absolute;inset:0;overflow:hidden}.cl-page>*{animation:cl-pagein .35s var(--cl-out) both}@keyframes cl-pagein{0%{opacity:0;transform:translateY(6px)}}html.rx-calm .cl-page>*,.cl-calm .cl-page>*{animation:none}.cl-pad{position:absolute;inset:var(--gut)}.cl-page>.cl-state{position:absolute;inset:0}.cl-soon{position:absolute;inset:0;display:grid;place-items:center}.cl-soon .box{width:520px;padding:40px;text-align:center}.cl-soon .box .cl-g{width:40px;height:40px;color:var(--cl-gold);margin-bottom:14px}.cl-soon p{color:var(--cl-ink3);margin:10px 0 22px}.cl-root.full .cl-top,.cl-root.full .cl-rail{opacity:0;visibility:hidden;pointer-events:none}.cl-root.full .cl-main{left:0;top:0;width:calc(var(--fw) * 1px);height:calc(var(--fh) * 1px)}.cl-top,.cl-rail{transition:opacity .4s var(--cl-ease),visibility .4s}.cl-root.locked .cl-nav>button:not(.on),.cl-root.locked .cl-me,.cl-root.locked .cl-bal{pointer-events:none;opacity:.45}.cl-rail{position:absolute;right:0;top:var(--top);width:var(--rail);height:var(--mh);z-index:5;display:flex;flex-direction:column;background:linear-gradient(180deg,#0c0b0cf5,#08080af7);border-left:1px solid rgba(200,170,110,.18);box-shadow:-10px 0 30px #00000059}.cl-soc-me{flex:none;height:64px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--cl-line)}.cl-soc-me .cl-art-icon{width:38px;height:38px;box-shadow:0 0 0 1px var(--cl-goldD)}.cl-soc-me .t{flex:1;min-width:0}.cl-soc-me b{display:block;font-size:13px;color:var(--cl-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-soc-me small{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--cl-ink3);margin-top:3px;white-space:nowrap}.cl-dot{width:8px;height:8px;border-radius:50%;flex:none;background:#555;box-shadow:0 0 0 2px #0009}.cl-dot.online{background:var(--cl-green);box-shadow:0 0 6px #5fd068b3,0 0 0 2px #0009}.cl-dot.queue,.cl-dot.select{background:var(--cl-arc);box-shadow:0 0 6px #4fd6c8b3,0 0 0 2px #0009}.cl-dot.game{background:var(--cl-blue);box-shadow:0 0 6px #6aa8ffb3,0 0 0 2px #0009}.cl-dot.away{background:var(--cl-amber)}.cl-dot.offline{background:#3a3632}.cl-soc-tools{flex:none;height:44px;display:flex;align-items:center;gap:4px;padding:0 8px 0 14px;border-bottom:1px solid var(--cl-line)}.cl-soc-tools .cl-h3{flex:1;font-size:11px}.cl-soc-tools .cl-ibtn{width:30px;height:30px}.cl-soc-tools .cl-ibtn .cl-g{width:16px;height:16px}.cl-soc-add{flex:none;height:0;overflow:hidden;transition:height .25s var(--cl-ease);border-bottom:1px solid transparent}.cl-soc-add.on{height:54px;border-bottom-color:var(--cl-line)}.cl-soc-add form{display:flex;gap:6px;padding:10px 12px}.cl-soc-add .cl-input{height:32px;font-size:13px}.cl-soc-add .cl-btn{height:32px;min-width:0;padding:0 12px;flex:none}.cl-soc-add .cl-input{min-width:0}.cl-soc-list{flex:1;min-height:0;padding:4px 0 10px}.cl-soc-grp{margin-top:6px}.cl-soc-grp>button{width:100%;height:28px;display:flex;align-items:center;gap:6px;padding:0 14px;font:700 10.5px/1 var(--cl-font);letter-spacing:.14em;text-transform:uppercase;color:var(--cl-ink3);transition:color .15s}.cl-soc-grp>button:hover{color:var(--cl-ink2)}.cl-soc-grp>button .cl-g{width:12px;height:12px;transition:transform .2s}.cl-soc-grp.shut>button .cl-g{transform:rotate(-90deg)}.cl-soc-grp>button em{font-style:normal;color:var(--cl-ink4);margin-left:auto}.cl-soc-grp.shut .cl-soc-rows{display:none}.cl-fr{position:relative;width:100%;height:50px;display:flex;align-items:center;gap:10px;padding:0 10px 0 14px;text-align:left;transition:background .12s}.cl-fr:hover{background:#c8aa6e0f}.cl-fr .pic{position:relative;width:34px;height:34px;flex:none}.cl-fr .pic .cl-art-icon{width:34px;height:34px}.cl-fr .pic .cl-dot{position:absolute;right:-1px;bottom:-1px}.cl-fr.offline .pic{filter:grayscale(.9) brightness(.6)}.cl-fr .t{flex:1;min-width:0}.cl-fr .t b{display:block;font:600 13px/1.2 var(--cl-font);color:var(--cl-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-fr.offline .t b{color:var(--cl-ink3)}.cl-fr .t small{display:block;margin-top:2px;font-size:11px;color:var(--cl-ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-fr .t small.game{color:var(--cl-blue)}.cl-fr .t small.queue,.cl-fr .t small.select{color:var(--cl-arc)}.cl-fr .t small.online{color:var(--cl-green)}.cl-fr .t small.away{color:var(--cl-amber)}.cl-fr .acts{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;gap:2px;padding-left:18px;background:linear-gradient(90deg,transparent,var(--cl-bg2) 16px);opacity:0;pointer-events:none;transition:opacity .12s}.cl-fr:hover .acts,.cl-fr:focus-within .acts{opacity:1;pointer-events:auto}.cl-fr.req .acts{position:static;transform:none;padding-left:0;background:none;opacity:1;pointer-events:auto;flex:none}.cl-fr .acts .cl-ibtn{width:28px;height:28px}.cl-fr .acts .cl-ibtn .cl-g{width:15px;height:15px}.cl-fr .unread{position:absolute;left:38px;top:8px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--cl-red);color:#fff;font:800 9px/16px var(--cl-font);text-align:center}.cl-soc-empty{padding:26px 20px;text-align:center;color:var(--cl-ink3);font-size:12px;line-height:1.5}.cl-soc-guest{margin:10px 12px;padding:14px;border-radius:3px;border:1px dashed var(--cl-line2);color:var(--cl-ink2);font-size:12px;line-height:1.5}.cl-soc-guest .cl-btn{margin-top:10px;width:100%}.cl-dm{flex:none;height:0;overflow:hidden;border-top:1px solid transparent;display:flex;flex-direction:column;transition:height .3s var(--cl-ease);background:#060608f5}.cl-dm.on{height:330px;border-top-color:var(--cl-line2)}.cl-dm-h{flex:none;height:42px;display:flex;align-items:center;gap:9px;padding:0 6px 0 12px;border-bottom:1px solid var(--cl-line)}.cl-dm-h b{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-dm-h .cl-ibtn{width:28px;height:28px}.cl-dm-log{flex:1;min-height:0;padding:8px 12px;display:flex;flex-direction:column;gap:6px}.cl-msg{max-width:86%;padding:7px 10px;border-radius:3px;font-size:12.5px;line-height:1.4;background:#c8aa6e12;border:1px solid var(--cl-line);color:var(--cl-ink);word-wrap:break-word;user-select:text;-webkit-user-select:text}.cl-msg.me{align-self:flex-end;background:#4fd6c814;border-color:#4fd6c838}.cl-msg.sys{align-self:center;max-width:100%;background:none;border:0;color:var(--cl-ink3);font-size:11px;font-style:italic}.cl-msg small{display:block;font-size:10px;color:var(--cl-ink3);margin-bottom:2px}.cl-dm form,.cl-chatf{flex:none;display:flex;gap:6px;padding:8px 10px;border-top:1px solid var(--cl-line)}.cl-dm .cl-input,.cl-chatf .cl-input{height:32px;font-size:13px}.cl-dm .cl-ibtn,.cl-chatf .cl-ibtn{width:32px;height:32px;border-radius:2px;border-color:var(--cl-line);flex:none}.cl-toasts{position:absolute;right:calc(var(--rail) + 16px);top:98px;z-index:70;width:340px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.cl-toast{pointer-events:none;display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px;border-radius:3px;cursor:default;background:linear-gradient(180deg,#161310f7,#0b0a0af7);border:1px solid var(--cl-line2);box-shadow:0 14px 36px #0000008c;transform:translate(24px);opacity:0;transition:transform .35s var(--cl-out),opacity .3s}.cl-toast.in{transform:none;opacity:1}.cl-toast:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:1px;background:var(--cl-gold)}.cl-toast{position:relative}.cl-toast.good:before{background:var(--cl-green)}.cl-toast.bad:before{background:var(--cl-red)}.cl-toast-ic{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--cl-gold2);background:#c8aa6e1a}.cl-toast.good .cl-toast-ic{color:var(--cl-green2);background:#5fd0681f}.cl-toast.bad .cl-toast-ic{color:var(--cl-red2);background:#e2493e24}.cl-toast-ic .cl-g{width:16px;height:16px}.cl-toast-tx{flex:1;min-width:0;font-size:12.5px;line-height:1.4;color:var(--cl-ink2);overflow-wrap:anywhere}.cl-toast-tx b{display:block;font-size:13px;color:var(--cl-ink);margin-bottom:1px}.cl-toast-act{flex:none;height:28px;padding:0 10px;border-radius:2px;border:1px solid var(--cl-goldD)!important;color:var(--cl-gold2)!important;font:700 10.5px/1 var(--cl-font)!important;letter-spacing:.1em;text-transform:uppercase}.cl-toast-act:hover{border-color:var(--cl-gold)!important;color:var(--cl-gold3)!important}.cl-toast-act{pointer-events:auto}.cl-toast-x{pointer-events:auto;flex:none;width:24px;height:24px;margin-right:-6px;display:grid;place-items:center;border-radius:50%;color:var(--cl-ink3);transition:color .15s,background .15s}.cl-toast-x:hover{color:var(--cl-ink);background:#c8aa6e1a}.cl-toast-x .cl-g{width:14px;height:14px}.cl-veil{position:absolute;inset:0;z-index:60;display:grid;place-items:center;background:#030305b8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .25s}.cl-veil.in{opacity:1}.cl-modal{position:relative;width:520px;max-height:calc(var(--fh) * 1px - 80px);padding:34px 36px 28px;background:linear-gradient(180deg,#16130f,#0b0a0b);border:1px solid var(--cl-line2);border-radius:3px;box-shadow:0 30px 90px #000000b3,0 0 0 1px #000c,inset 0 1px #fff0d20d;transform:translateY(14px) scale(.98);transition:transform .35s var(--cl-out)}.cl-veil.in .cl-modal{transform:none}.cl-modal:before{content:"";position:absolute;left:30px;right:30px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--cl-gold2),transparent)}.cl-modal-eye{font:700 11px/1 var(--cl-font);letter-spacing:.24em;text-transform:uppercase;color:var(--cl-gold);margin-bottom:10px}.cl-modal-h{margin:0 0 18px;font:700 30px/1.05 var(--cl-display);letter-spacing:.04em;color:var(--cl-gold3)}.cl-modal-b{color:var(--cl-ink2);font-size:14px;line-height:1.55}.cl-modal-b p{margin:0 0 12px}.cl-modal-f{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.cl-modal.cl-tabmodal{width:480px;padding:38px 40px 30px;text-align:center}.cl-tabmodal .cl-modal-h{font-size:28px;line-height:1.1}.cl-tabmsg p{margin:0}.cl-tabmodal .cl-modal-f{justify-content:center;margin-top:26px}.cl-tabmodal .cl-modal-f .cl-btn{min-width:200px}.cl-veil.in .cl-modal.cl-tabmodal.nudge{animation:cl-nudge .5s var(--cl-ease)}.cl-modal.cl-tabmodal.nudge:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 1px var(--cl-gold2),0 0 30px #f0d89873;animation:cl-nudge-flare 1.2s ease-out forwards}@keyframes cl-nudge{15%{transform:translate(-10px)}35%{transform:translate(9px)}55%{transform:translate(-6px)}75%{transform:translate(3px)}}@keyframes cl-nudge-flare{to{opacity:0}}.cl-x{position:absolute;right:12px;top:12px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:var(--cl-ink3);transition:color .15s,background .15s;z-index:4}.cl-x:hover{color:var(--cl-ink);background:#ffffff0f}.cl-lobbybar{position:absolute;left:calc(var(--mw) / 2);top:54px;z-index:20;width:440px;height:52px;margin-left:-220px;display:flex;align-items:center;gap:14px;padding:0 8px 0 16px;background:linear-gradient(180deg,#0e1616f7,#080c0cf7);border:1px solid rgba(79,214,200,.45);border-radius:2px;box-shadow:0 14px 40px #0000008c,0 0 26px #4fd6c81f;transform:translateY(-14px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .35s var(--cl-out),opacity .3s,visibility .3s}.cl-lobbybar.on{transform:none;opacity:1;visibility:visible;pointer-events:auto}.cl-lobbybar .ring{position:relative;width:30px;height:30px;flex:none}.cl-lobbybar .ring:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(79,214,200,.18);border-top-color:var(--cl-arc);animation:cl-spin 1.2s linear infinite}.cl-lobbybar .ring:after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--cl-arc);box-shadow:0 0 10px var(--cl-arc);animation:cl-beat 1.2s ease-in-out infinite}@keyframes cl-beat{50%{transform:scale(.6);opacity:.6}}.cl-lobbybar .t{flex:1;min-width:0}.cl-lobbybar .t b{display:block;font:700 12px/1 var(--cl-font);letter-spacing:.14em;text-transform:uppercase;color:var(--cl-arc2)}.cl-lobbybar .t small{display:block;margin-top:5px;font-size:11px;color:var(--cl-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-lobbybar .clock{width:64px;flex:none;text-align:right;font:600 22px/1 var(--cl-font);color:var(--cl-ink);font-variant-numeric:tabular-nums}.cl-lobbybar .est{width:74px;flex:none;font-size:11px;color:var(--cl-ink3);line-height:1.25}.cl-lobbybar .est b{display:block;font:600 13px/1 var(--cl-font);color:var(--cl-ink2);margin-top:2px}.cl-lobbybar .cl-ibtn{flex:none;width:34px;height:34px;border-radius:2px;border-color:var(--cl-line)}.cl-lobbybar .cl-ibtn:hover{color:#fff;border-color:var(--cl-red);background:#e2493e33}.cl-found{position:absolute;inset:0;z-index:65;display:grid;place-items:center;background:radial-gradient(ellipse 60% 60% at 50% 50%,#0a1e1e99,#020304e0);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.cl-found.on{opacity:1;visibility:visible}.cl-found-box{position:relative;width:520px;height:470px;display:flex;flex-direction:column;align-items:center;padding-top:34px;transform:scale(.92);transition:transform .45s var(--cl-spring)}.cl-found.on .cl-found-box{transform:none}.cl-found-ring{position:relative;width:250px;height:250px}.cl-found-ring svg{position:absolute;inset:0;width:250px;height:250px;transform:rotate(-90deg)}.cl-found-ring .trk{fill:none;stroke:#c8aa6e24;stroke-width:5}.cl-found-ring .arc{fill:none;stroke:url(#cl-fg);stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(79,214,200,.7))}.cl-found-ring .in{position:absolute;inset:22px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#16201f,#070909 70%);box-shadow:inset 0 0 0 1px #c8aa6e4d,inset 0 0 40px #4fd6c82e,0 0 60px #4fd6c826}.cl-found-ring .in .cl-eye{color:var(--cl-arc2);font-size:10px}.cl-found-ring .in h2{margin:10px 0 8px;font:700 34px/1 var(--cl-display);letter-spacing:.06em;color:var(--cl-gold3);text-align:center}.cl-found-ring .in small{font-size:12px;color:var(--cl-ink3)}.cl-found-pips{display:flex;gap:10px;height:18px;margin:22px 0 18px}.cl-found-pips i{width:34px;height:6px;border-radius:3px;background:#c8aa6e26;transition:background .25s,box-shadow .25s}.cl-found-pips i.on{background:var(--cl-arc);box-shadow:0 0 10px var(--cl-arc)}.cl-found-pips i.no{background:var(--cl-red)}.cl-found-acc{width:260px;height:56px;font-size:16px!important;letter-spacing:.24em}.cl-found-acc.done{color:var(--cl-arc2)!important;border-color:var(--cl-arc)!important;background:linear-gradient(180deg,#102a28,#0a1616)!important;box-shadow:0 0 24px #4fd6c84d;text-shadow:none}.cl-found-dec{margin-top:12px;height:30px;font:700 11px/1 var(--cl-font);letter-spacing:.16em;text-transform:uppercase;color:var(--cl-ink3);transition:color .15s}.cl-found-dec:hover:not(:disabled){color:var(--cl-red2)}.cl-found-dec:disabled{opacity:0}.cl-root .hm{position:absolute;inset:var(--gut);--rowh: 320px;--toph: calc(var(--ph) - 16px - var(--rowh));--sidew: calc(404px + (var(--pw) - 1292px) * .2);--herow: calc(var(--pw) - 16px - var(--sidew));--copyw: clamp(440px, calc(var(--herow) * .4), 560px)}html.cl-fh1 .cl-root .hm{--rowh: 384px}html.cl-fh2 .cl-root .hm{--rowh: 448px}html.cl-fw2 .cl-root .hm{--sidew: calc((var(--pw) - 48px) / 4.45)}.hm-hero{position:absolute;left:0;top:0;width:var(--herow);height:var(--toph);border-radius:4px;overflow:hidden;border:1px solid var(--cl-line2);background:radial-gradient(ellipse 60% 90% at 72% 60%,rgba(200,170,110,.22),transparent 70%),linear-gradient(110deg,#0d0b0a 30%,#17120e 62%,#0a0909);background:radial-gradient(ellipse 60% 90% at 72% 60%,color-mix(in srgb,var(--acc, #c8aa6e) 34%,transparent),transparent 70%),linear-gradient(110deg,#0d0b0a 30%,#17120e 62%,#0a0909);box-shadow:0 20px 60px #00000080,inset 0 0 120px #00000080}.hm-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,7,7,.92) 0%,rgba(8,7,7,.55) 42%,transparent 62%),linear-gradient(0deg,rgba(6,6,6,.7),transparent 38%)}.hm-hero:before{content:"";position:absolute;inset:8px;border:1px solid rgba(200,170,110,.12);border-radius:2px;pointer-events:none;z-index:3}.hm-stage:before{content:"";position:absolute;left:10%;right:10%;bottom:4%;height:24%;pointer-events:none;opacity:.9;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(200,170,110,.22),transparent 70%);background:radial-gradient(ellipse 50% 50% at 50% 50%,color-mix(in srgb,var(--acc, #c8aa6e) 34%,transparent),transparent 70%)}.hm-rays{position:absolute;right:calc(max(470px,46%)/2 - 210px);top:-40px;width:420px;height:calc(100% + 88px);pointer-events:none;opacity:.5;background:conic-gradient(from 200deg at 50% 0%,transparent 0deg,rgba(255,230,170,.1) 10deg,transparent 22deg,rgba(255,230,170,.07) 34deg,transparent 46deg);mix-blend-mode:screen;filter:blur(2px)}.hm-stage{position:absolute;right:0;top:0;width:max(470px,46%);height:100%;z-index:1}.hm-stage .cl-art-crest{position:absolute;left:50%;top:50%;width:240px;height:240px;margin:-130px 0 0 -120px;border-radius:50%;opacity:.5;transition:opacity .8s;filter:blur(.3px);box-shadow:0 0 80px color-mix(in srgb,var(--acc, #c8aa6e) 40%,transparent)}.hm-stage.live .cl-art-crest{opacity:0}html.cl-fw2 .hm-stage{right:6%}html.cl-fw2 .hm-rays{right:calc(6% + max(470px,46%)/2 - 210px)}.cl-stage-cv{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .8s}.cl-stage-cv.on{opacity:1}.hm-copy{position:absolute;left:clamp(44px,4%,64px);top:calc(50px + (var(--toph) - 432px) * .5);width:var(--copyw);z-index:2}.hm-copy .cl-eye{display:flex;align-items:center;gap:10px}.hm-copy .cl-eye:after{content:"";width:60px;height:1px;background:linear-gradient(90deg,var(--cl-gold),transparent)}.hm-name{margin:16px 0 4px;font:700 68px/65px var(--cl-display);letter-spacing:.03em;background:var(--cl-goldtext);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(0,0,0,.6));height:66px;white-space:nowrap}.hm-name.long{font-size:min(68px,calc(var(--copyw) / 7.1))}.hm-name.xlong{font-size:min(68px,calc(var(--copyw) / 9.45))}.hm-name.xxlong{font-size:min(68px,calc(var(--copyw) / 9.6))}.hm-title{font:500 italic 22px/1.2 Cormorant Garamond,Georgia,serif;color:var(--cl-ink2);height:28px}.hm-lore{margin:18px 0 0;height:66px;font-size:14px;line-height:1.6;color:var(--cl-ink2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hm-roles{display:flex;gap:8px;margin-top:18px;height:26px}.hm-acts{position:absolute;left:clamp(44px,4%,64px);top:calc(340px + (var(--toph) - 432px) * .5);display:flex;gap:12px;z-index:2}.hm-hero .hm-copy,.hm-hero .hm-acts{transition:opacity .32s var(--cl-ease),visibility 0s linear 0s}.hm-hero .hm-cupc,.hm-hero .hm-cupa,.hm-hero.cup .hm-copy:not(.hm-cupc),.hm-hero.cup .hm-acts:not(.hm-cupa){opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s var(--cl-ease),visibility 0s linear .32s}.hm-hero.cup .hm-cupc,.hm-hero.cup .hm-cupa{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .32s var(--cl-ease),visibility 0s linear 0s}.hm-cupc .hm-name.clock{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#f6e2b4;font-family:var(--cl-font);font-weight:800;letter-spacing:0;text-shadow:0 0 34px rgba(255,200,110,.35),0 3px 0 rgba(0,0,0,.6);filter:none}.hm-clock{display:inline-flex;align-items:baseline}.hm-clock i{display:inline-block;width:.62em;text-align:center;font-style:normal}.hm-clock b{display:inline-block;width:.3em;text-align:center;font-weight:inherit;color:var(--cl-gold);transform:translateY(-.06em)}.hm-cupc .hm-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hm-cupc .hm-roles .cl-chip{white-space:nowrap}.hm-livedot{flex:none;width:8px;height:8px;border-radius:50%;background:#ff5a4a;box-shadow:0 0 10px #ff5a4acc;animation:hm-livedot 1.4s ease-in-out infinite}@keyframes hm-livedot{50%{opacity:.3}}.hm-side{position:absolute;right:0;top:0;width:var(--sidew);height:var(--toph);display:flex;flex-direction:column;gap:16px}.hm-cta{position:relative;flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;text-align:left;border-radius:4px;overflow:hidden;padding:26px 26px 0;border:1px solid var(--cl-line2);background:radial-gradient(ellipse 80% 120% at 100% 0%,rgba(79,214,200,.16),transparent 60%),linear-gradient(160deg,#111a19,#0a0d0d 70%);box-shadow:0 14px 40px #00000073;transition:border-color .2s,transform .25s var(--cl-ease),box-shadow .25s}.hm-cta:hover{border-color:var(--cl-arc);box-shadow:0 20px 50px #0000008c,0 0 30px #4fd6c82e}.hm-cta:active{transform:translateY(0)}.hm-cta{isolation:isolate}.hm-cta .art{position:absolute;inset:0;z-index:-1;opacity:0;background:var(--art, none) 64% 38% / cover no-repeat;transition:transform .8s var(--cl-ease),opacity .5s var(--cl-ease)}.hm-cta.has-art .art{opacity:1}.hm-cta .art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090e0ef7,#090e0ee0 40%,#090e0e80 74%,#090e0e38),linear-gradient(0deg,#060909e6,#06090900 48%)}.hm-cta.brawl .art:after{background:linear-gradient(90deg,#100a08f7,#100a08e0 40%,#100a0880 74%,#100a0838),linear-gradient(0deg,#090605e6,#09060500 48%)}.hm-cta.has-art:hover .art{transform:scale(1.04)}.hm-cta.has-art h3,.hm-cta.has-art p{text-shadow:0 1px 2px rgba(0,0,0,.85)}.hm-cta .cl-eye{color:var(--cl-arc2)}.hm-cta h3{margin:12px 0 8px;font:700 34px/1 var(--cl-display);letter-spacing:.05em;color:var(--cl-ink)}.hm-cta p{margin:0;width:max(250px,calc(100% - 110px));font-size:13px;line-height:1.55;color:var(--cl-ink2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hm-cta .go{position:absolute;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#06201c;background:radial-gradient(circle at 40% 35%,#d8fff8,#4fd6c8 50%,#137a70);box-shadow:0 0 0 4px #4fd6c826,0 0 30px #4fd6c873;transition:transform .25s var(--cl-spring)}.hm-cta:hover .go{transform:scale(1.08)}.hm-cta .go .cl-g{width:24px;height:24px;margin-left:3px}.hm-cta .tags{position:absolute;left:26px;bottom:24px;display:flex;gap:6px}.hm-cta.brawl{background:radial-gradient(ellipse 80% 120% at 100% 0%,rgba(226,110,62,.2),transparent 60%),linear-gradient(160deg,#1c130f,#0d0a09 70%)}.hm-cta.brawl:hover{border-color:#e8804a;box-shadow:0 20px 50px #0000008c,0 0 30px #e8804a33}.hm-cta.brawl .cl-eye{color:#ffb088}.hm-cta.brawl .go{color:#2a0e04;background:radial-gradient(circle at 40% 35%,#ffe2c8,#f08a4a 50%,#8a3a14);box-shadow:0 0 0 4px #f08a4a26,0 0 30px #f08a4a66}.hm-cta.new:before{content:"";position:absolute;inset:0;border:1px solid rgba(79,214,200,.6);border-radius:4px;pointer-events:none}.hm-cta.new{isolation:isolate}.hm-cta.new:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:4px;box-shadow:inset 0 0 30px #4fd6c833;opacity:0;animation:cl-glowo 2.6s ease-in-out infinite;pointer-events:none}.hm-row{position:absolute;left:0;bottom:0;right:0;height:var(--rowh);display:flex;gap:16px}.hm-box{position:relative;padding:18px 18px 14px;height:var(--rowh);min-width:0}.hm-box .cl-state{height:calc(var(--rowh) - 68px)}.hm-box>.cl-state{height:calc(var(--rowh) - 34px)}.hm-live{flex:540 1 0}.hm-news{flex:380 1 0}.hm-rank{flex:340 1 0}.hm-miss{display:none;flex:1 1 0}html.cl-fw2 .hm-live{flex:1.45 1 0}html.cl-fw2 .hm-news,html.cl-fw2 .hm-rank{flex:1 1 0}html.cl-fw2 .hm-miss{display:block}.hm-lg:nth-child(n+5){display:none}html.cl-fh1 .hm-lg:nth-child(5),html.cl-fh2 .hm-lg:nth-child(5),html.cl-fh2 .hm-lg:nth-child(6){display:flex}.hm-lg{display:flex;align-items:center;gap:12px;height:60px;padding:0 10px 0 8px;border-radius:3px;border:1px solid transparent;transition:background .15s,border-color .15s}.hm-lg+.hm-lg{margin-top:4px}.hm-lg:hover{background:#c8aa6e0d;border-color:var(--cl-line)}.hm-lg .vs{display:flex;align-items:center;gap:6px;flex:none}.hm-lg .vs .cl-art-crest{width:40px;height:40px;border-radius:3px;box-shadow:0 0 0 1px #000,0 0 0 2px var(--cl-goldDD)}.hm-lg .vs em{font:700 10px/1 var(--cl-font);color:var(--cl-ink4);font-style:normal}.hm-lg .who{flex:1;min-width:0}.hm-lg .who b{display:block;font-size:13px;color:var(--cl-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hm-lg .who small{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:11px;color:var(--cl-ink3);white-space:nowrap}.hm-lg .who small>*{flex:none}.hm-lg .who small>.rk{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.hm-lg .meta{width:66px;flex:none;text-align:right;font-size:11px;color:var(--cl-ink3)}.hm-lg .meta b{display:block;font:600 14px/1 var(--cl-font);color:var(--cl-ink2);margin-bottom:4px}.hm-lg .cl-btn{flex:none;min-width:0;padding:0 12px}.cl-qtag{display:inline-block;padding:3px 6px;border-radius:2px;font:800 10px/1 var(--cl-font);letter-spacing:.12em;text-transform:uppercase;color:var(--cl-ink2);background:#ffffff0f}.cl-qtag.ranked{color:#1a1206;background:linear-gradient(180deg,#f0d898,#c8aa6e)}.cl-qtag.brawl{color:#2a0e04;background:#f09a6a}.cl-qtag.ai{color:#04201c;background:var(--cl-arc)}.hm-nw{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 12px 10px 10px;border-radius:3px;border:1px solid transparent;transition:background .15s,border-color .15s;height:84px;--nk: var(--cl-gold)}.hm-nw+.hm-nw{margin-top:4px}button.hm-nw:hover{background:#c8aa6e0d;border-color:var(--cl-line)}.hm-nw.k-patch{--nk: #f0d898}.hm-nw.k-event{--nk: #ffb088}.hm-nw.k-dev{--nk: #9ff2e6}.hm-nw.k-esports{--nk: #c4b4ff}.hm-nw.k-store{--nk: #a8f0a0}.hm-nw .pic{position:relative;flex:none;display:block;width:62px;height:62px;border-radius:3px;overflow:hidden;background:#0d0b0a;box-shadow:0 0 0 1px #000,0 0 0 2px var(--cl-goldDD);transition:box-shadow .2s}.hm-nw .pic .cl-art-crest{display:block;width:100%!important;height:100%!important;transition:transform .5s var(--cl-ease)}button.hm-nw:hover .pic{box-shadow:0 0 0 1px #000,0 0 0 2px var(--cl-goldD),0 0 16px #c8aa6e2e}button.hm-nw:hover .pic .cl-art-crest{transform:scale(1.06)}.hm-nw .pic .none{display:grid;place-items:center;width:100%;height:100%;color:var(--nk);background:radial-gradient(circle at 50% 35%,rgba(200,170,110,.16),transparent 72%)}.hm-nw .pic .none .cl-g{width:24px;height:24px}.hm-nw .tx{flex:1;min-width:0;display:block}.hm-nw .top{display:flex;align-items:center;gap:8px;height:12px;font:700 10px/12px var(--cl-font);letter-spacing:.14em;text-transform:uppercase}.hm-nw .top i{flex:0 1 auto;min-width:0;font-style:normal;color:var(--nk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hm-nw .top:before{content:"";flex:none;width:5px;height:5px;margin:0 1px 0 2px;transform:rotate(45deg);background:var(--nk);box-shadow:0 0 6px var(--nk)}.hm-nw .top em{flex:none;margin-left:auto;font-style:normal;color:var(--cl-ink4);letter-spacing:.04em;text-transform:none;font-weight:500;white-space:nowrap}.hm-nw b{display:block;margin-top:6px;height:19px;font:700 16px/19px var(--cl-display);letter-spacing:.03em;color:var(--cl-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}button.hm-nw:hover b{color:var(--cl-gold3)}.hm-nw p{margin:3px 0 0;height:17px;font-size:12px;line-height:17px;color:var(--cl-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html.cl-fh1 .hm-nw{height:100px}html.cl-fh1 .hm-nw .pic{width:78px;height:78px}html.cl-fh1 .hm-nw b{height:38px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}html.cl-fh2 .hm-nw{height:122px;gap:14px}html.cl-fh2 .hm-nw .pic{width:100px;height:100px}html.cl-fh2 .hm-nw p{height:34px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cl-modal.cl-newsmodal{width:640px;padding:228px 40px 28px;overflow:hidden;--nk: var(--cl-gold)}.cl-newsmodal.k-patch{--nk: #f0d898}.cl-newsmodal.k-event{--nk: #ffb088}.cl-newsmodal.k-dev{--nk: #9ff2e6}.cl-newsmodal.k-esports{--nk: #c4b4ff}.cl-newsmodal.k-store{--nk: #a8f0a0}.cl-newsmodal .nw-ban{position:absolute;left:0;right:0;top:0;height:204px;overflow:hidden;background:#0d0b0a}.cl-newsmodal .nw-ban .cl-art-crest{position:absolute;inset:0;width:auto!important;height:auto!important}.cl-newsmodal .nw-ban .cl-art-crest>img{object-position:50% 24%}.cl-newsmodal .nw-ban .none{position:absolute;inset:0;display:grid;place-items:center;color:var(--nk);background:radial-gradient(ellipse 50% 80% at 50% 40%,rgba(200,170,110,.16),transparent 72%)}.cl-newsmodal .nw-ban .none .cl-g{width:56px;height:56px}.cl-newsmodal .nw-ban .sh{position:absolute;inset:0;background:linear-gradient(180deg,#0d0b0b1f 34%,#120f0df0),linear-gradient(90deg,rgba(11,10,11,.45),transparent 34%,transparent 66%,rgba(11,10,11,.45))}.cl-newsmodal .cl-modal-eye{color:var(--nk)}.cl-newsmodal .cl-modal-h{margin-bottom:14px}.cl-newsmodal .nw-tx{max-height:calc(var(--fh) * 1px - 540px);min-height:60px;padding-right:12px}.cl-newsmodal .nw-tx p{margin:0 0 12px}.cl-newsmodal .nw-tx p:last-child{margin-bottom:0}.cl-newsmodal .nw-tx b{color:var(--cl-ink);font-weight:700}.hm-rank{display:flex;flex-direction:column}.hm-rank>.cl-sec-h,.hm-rank>.hm-earn{flex:none}.hm-rkbox{flex:1 1 auto;min-height:110px;display:flex;flex-direction:column;justify-content:center}.hm-rk{display:flex;align-items:center;gap:16px;height:110px}.hm-rk .cl-art-emblem{width:104px;height:104px}html.cl-fh2 .hm-rk{height:136px;gap:20px}html.cl-fh2 .hm-rk .cl-art-emblem,html.cl-fh2 .hm-rk>.cl-skel{width:132px!important;height:132px!important}.hm-rk .t{flex:1;min-width:0}.hm-rk .t b{display:block;font:700 24px/1.05 var(--cl-display);letter-spacing:.04em;color:var(--cl-gold3);white-space:nowrap}.hm-rk .t small{display:block;margin-top:6px;font-size:12px;color:var(--cl-ink3)}.cl-lpbar{position:relative;height:6px;margin-top:10px;border-radius:3px;background:#c8aa6e1a;overflow:hidden;box-shadow:inset 0 0 0 1px #0006}.cl-lpbar i{position:absolute;inset:0;transform-origin:0 50%;background:linear-gradient(90deg,var(--cl-goldD),var(--cl-gold2));box-shadow:0 0 10px #f0d89880;transition:transform .9s var(--cl-out)}.hm-earn{margin-top:14px;padding-top:14px;border-top:1px solid var(--cl-line)}.hm-earn .row{display:flex;align-items:baseline;justify-content:space-between;height:20px;font-size:12px;color:var(--cl-ink3)}.hm-earn .row b{font:700 14px/1 var(--cl-font);color:var(--cl-gold3)}.hm-earn .row em{font-style:normal;color:var(--cl-ink4)}.hm-earn .cl-lpbar i{background:linear-gradient(90deg,#6a4a14,#f0c860)}.hm-earn .why{margin-top:10px;height:34px;font-size:12px;line-height:1.4;color:var(--cl-ink3);display:flex;align-items:center;gap:8px}.hm-earn .why .cl-g{width:15px;height:15px;color:var(--cl-gold);flex:none}.pl-page{position:absolute;inset:var(--gut);--sw: clamp(338px, calc(338px + (var(--pw) - 1292px) * .18), 440px);--cw: calc(var(--pw) - var(--sw) - 18px)}.pl-cards{position:absolute;left:0;top:0;width:var(--cw);height:calc(var(--ph) - 102px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:18px 18px}.pl-card{position:relative;display:block;min-width:0;text-align:left;border-radius:4px;overflow:hidden;border:1px solid var(--cl-line);background:#0d0b0b;transition:border-color .2s,transform .3s var(--cl-ease),box-shadow .3s,filter .2s}.pl-card .art{position:absolute;inset:0;background:var(--bg);transition:transform .6s var(--cl-ease),filter .3s}.pl-card .art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(6,5,5,.7) 58%,rgba(6,5,5,.96) 100%)}.pl-card .sig{position:absolute;left:50%;top:13%;width:118px;height:118px;margin-left:-59px;display:grid;place-items:center;border-radius:50%;color:var(--sc, var(--cl-gold2));background:radial-gradient(circle at 50% 40%,#ffffff14,#0006 70%);box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 6px #00000040,0 0 50px var(--glow, rgba(200, 170, 110, .2));transition:transform .4s var(--cl-spring)}.pl-card .sig .cl-g{width:54px;height:54px;filter:drop-shadow(0 0 12px var(--glow, rgba(200, 170, 110, .4)))}html.cl-fh1 .pl-card .sig{width:136px;height:136px;margin-left:-68px}html.cl-fh1 .pl-card .sig .cl-g{width:62px;height:62px}.pl-card .tx{position:absolute;left:22px;right:22px;bottom:20px}.pl-card .tx .cl-eye{color:var(--sc, var(--cl-gold));font-size:10px}.pl-card .tx h3{margin:9px 0 7px;font:700 28px/1 var(--cl-display);letter-spacing:.04em;color:var(--cl-ink)}.pl-card .tx p{margin:0;height:38px;font-size:12.5px;line-height:1.5;color:var(--cl-ink3)}.pl-card .lock{position:absolute;right:12px;top:12px;display:none;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:13px;background:#000000b3;border:1px solid rgba(226,73,62,.4);font:600 11px/1 var(--cl-font);color:var(--cl-red2)}.pl-card .lock .cl-g{width:12px;height:12px}.pl-card .badge{position:absolute;left:12px;top:12px}.pl-card:hover{border-color:var(--cl-line3);box-shadow:0 22px 50px #0000008c,0 0 30px var(--glow, rgba(200, 170, 110, .15))}.pl-card:hover .art{transform:scale(1.04)}.pl-card:hover .sig{transform:scale(1.06)}.pl-card.on{border-color:var(--cl-gold2);box-shadow:0 0 0 1px var(--cl-gold2),0 22px 50px #0000008c,0 0 40px var(--glow, rgba(200, 170, 110, .25))}.pl-card.on:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--cl-metal-h);box-shadow:0 0 12px #f0d89899}.pl-card.locked .art{filter:grayscale(.8) brightness(.55)}.pl-card.locked .lock{display:inline-flex}.pl-card.locked .sig{color:var(--cl-ink3)}.pl-card .pl-artw{position:absolute;inset:0;display:block;overflow:hidden}.pl-card .pl-art{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:50% 15%;opacity:1;transition:opacity .35s var(--cl-ease)}.pl-card .pl-art.ld{opacity:0}.pl-card.has-art .art:after{background:linear-gradient(0deg,#060505f7 0,#060505f0 58px,#060505d6 94px,#060505bd,#06050566 138px,#06050500 166px)}.pl-card.has-art .sig,.pl-page.art-wait .pl-card .sig{visibility:hidden}.pl-card.has-art .tx{text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 14px rgba(0,0,0,.6)}.pl-card.has-art .tx p{color:var(--cl-ink2)}.pl-card.has-art.locked .art{filter:grayscale(.85) brightness(.5)}.pl-card.has-art .badge{background:#0a090acc}html.cl-fh2 .pl-side.has-banner,html.cl-fh2 .pl-page.art-wait .pl-side{padding-top:calc(var(--sw) / 2.2 + 18px)}html.cl-fh2 .pl-side.has-banner:after,html.cl-fh2 .pl-page.art-wait .pl-side:after{content:"";position:absolute;left:0;right:0;top:0;height:calc(var(--sw) / 2.2);border-radius:3px 3px 0 0;pointer-events:none;background:linear-gradient(180deg,#0d0b0b00 60%,#0d0b0be6),var(--plart, none) 50% 50% / cover no-repeat,var(--plartc, #141010)}.pl-side{position:absolute;right:0;top:0;width:var(--sw);height:var(--ph);display:flex;flex-direction:column;padding:24px 22px 20px}.pl-side h2{margin:12px 0 10px;font:700 34px/1 var(--cl-display);letter-spacing:.04em;color:var(--cl-gold3);height:34px;white-space:nowrap}.pl-side .desc{height:84px;font-size:13px;line-height:1.6;color:var(--cl-ink2)}.pl-facts{margin:12px 0 0;border-top:1px solid var(--cl-line)}.pl-facts>div{display:flex;align-items:center;justify-content:space-between;height:38px;border-bottom:1px solid var(--cl-line);font-size:12.5px;color:var(--cl-ink3)}.pl-facts b{font-weight:600;color:var(--cl-ink)}.pl-facts b.bad{color:var(--cl-red2)}.pl-facts b.good{color:var(--cl-green)}.pl-opt{margin-top:18px;min-height:60px;flex:0 1 auto;overflow-x:hidden;overflow-y:auto}.pl-opt .cl-h3{margin-bottom:10px;font-size:10.5px}.pl-opt .cl-seg+.cl-h3{margin-top:14px}.pl-opt .cl-seg{width:100%}.pl-opt .cl-seg>button{flex:1;min-width:0;padding:0 2px;font-size:10px;letter-spacing:.06em}.pl-diffnote{margin-top:8px;height:34px;font-size:12px;line-height:1.4;color:var(--cl-ink3)}.pl-req{margin-top:14px;padding:12px 14px;border-radius:3px;background:#e2493e12;border:1px solid rgba(226,73,62,.25);color:var(--cl-red2);font-size:12.5px;line-height:1.5;display:none}.pl-req.on{display:block}.pl-req .cl-btn{margin-top:10px}.pl-go{margin-top:auto}.pl-go .cl-btn{width:100%}.pl-go small{display:block;margin-top:10px;height:16px;text-align:center;font-size:11.5px;color:var(--cl-ink3)}.pl-status{position:absolute;left:0;bottom:0;width:var(--cw);height:84px;display:flex;align-items:center;gap:30px;padding:0 22px}.pl-status .st{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--cl-ink3)}.pl-status .st b{display:block;font:700 18px/1 var(--cl-font);color:var(--cl-ink)}.pl-status .st .cl-g{width:22px;height:22px;color:var(--cl-gold)}.pl-status .cl-btn{margin-left:auto}.pl-custom{margin-top:16px;flex:1;min-height:0;display:flex;flex-direction:column}.pl-mem{display:flex;align-items:center;gap:10px;height:46px;padding:0 8px;border-radius:3px;background:#00000040;border:1px solid var(--cl-line)}.pl-mem+.pl-mem{margin-top:6px}.pl-mem .cl-art-icon{width:30px;height:30px;flex:none}.pl-mem b{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-mem small{flex:none;font-size:11px;color:var(--cl-ink3)}.pl-mem.empty{border-style:dashed;color:var(--cl-ink4);justify-content:center;font-size:12px}.pl-inv{margin-top:12px;flex:1;min-height:0}.pl-inv .cl-h3{margin-bottom:6px;font-size:10px}.pl-inv .row{display:flex;align-items:center;gap:8px;height:36px;font-size:12.5px}.pl-inv .row .cl-dot{margin:0 2px}.pl-inv .row span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-inv .row .cl-btn,.pl-inv .row .cl-dot{flex:none}.pl-inv .row .cl-btn{height:26px;min-width:0;padding:0 10px;font-size:10px!important}.pl-admin{position:absolute;right:0;bottom:0}.cl-root .cs{position:absolute;inset:0;--pc: var(--cl-gold2);--sidew: clamp(250px, calc(250px + (var(--mw) - 1340px) * .12), 320px);--cx: calc(40px + var(--sidew));--cwid: calc(var(--mw) - 2 * var(--cx));--chei: calc(var(--mh) - 148px);--gridh: calc(var(--chei) - 248px);--cols: 4;--ptmax: min(170px, calc((var(--gridh) - 16px) / 3 - 30px));--pt: clamp(96px, calc((var(--cwid) - 328px) / var(--cols) - 12px), var(--ptmax));--gridw: calc(var(--cols) * (var(--pt) + 12px));--stageh: calc(var(--chei) - 202px)}html.cl-fw3 .cl-root .cs{--cols: 5}html.cl-fh2:not(.cl-fw2) .cl-root .cs{--cols: 3;--ptmax: min(170px, calc((var(--gridh) - 24px) / 4 - 30px))}.cs.ban{--pc: var(--cl-red2)}.cs-bgacc{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 50% 60% at 50% 45%,color-mix(in srgb,var(--acc, #c8aa6e) 16%,transparent),transparent 70%);transition:background .6s}.cs.ban .cs-bgacc{background:radial-gradient(ellipse 60% 60% at 50% 40%,rgba(160,30,24,.16),transparent 70%)}.cs-head{position:absolute;left:24px;right:24px;top:14px;height:96px}.cs-phase{position:absolute;left:50%;top:4px;width:640px;margin-left:-320px;text-align:center}.cs-phase .cl-eye{font-size:10.5px;color:var(--cl-ink3);height:12px}.cs-phase h1{margin:8px 0 0;height:36px;font:700 34px/1 var(--cl-display);letter-spacing:.1em;color:var(--pc);text-shadow:0 0 30px color-mix(in srgb,var(--pc) 35%,transparent),0 2px 0 rgba(0,0,0,.7);white-space:nowrap}.cs-phase h1.in{animation:cl-phasein .6s var(--cl-out)}@keyframes cl-phasein{0%{opacity:0;letter-spacing:.3em;filter:blur(4px)}}.cs-timer{position:absolute;left:50%;top:58px;width:80px;margin-left:-40px;text-align:center;font:600 26px/1 var(--cl-font);color:var(--cl-ink);font-variant-numeric:tabular-nums}.cs-timer.low{color:var(--cl-red2);animation:cl-tick 1s steps(1) infinite}@keyframes cl-tick{50%{opacity:.55}}.cs-tbar{position:absolute;left:0;right:0;top:94px;height:3px;background:#c8aa6e1a;overflow:hidden}.cs-tbar i{position:absolute;inset:0;transform-origin:50% 50%;background:linear-gradient(90deg,transparent,var(--pc) 20%,var(--cl-gold3) 50%,var(--pc) 80%,transparent);box-shadow:0 0 10px var(--pc)}.cs-bans{position:absolute;top:12px;display:flex;align-items:center;gap:10px;height:64px}.cs-bans.me{left:0}.cs-bans.foe{right:0;flex-direction:row-reverse;text-align:right}.cs-bans .lbl small{display:block;font:700 10px/1 var(--cl-font);letter-spacing:.16em;text-transform:uppercase;color:var(--cl-ink3)}.cs-bans .lbl b{display:block;margin-top:5px;font-size:12px;color:var(--cl-ink2);min-width:110px;white-space:nowrap}.cs-ban{position:relative;width:56px;height:56px;border-radius:3px;overflow:hidden;background:#120c0b;box-shadow:0 0 0 1px #000,0 0 0 2px #e2493e59;perspective:400px}.cs-ban .cl-art-crest{width:56px;height:56px;filter:grayscale(.6) brightness(.75)}.cs-ban:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 46%,rgba(226,73,62,.95) 47%,rgba(226,73,62,.95) 53%,transparent 54%);opacity:0;transition:opacity .3s}.cs-ban.set:after{opacity:1}.cs-ban.empty{box-shadow:0 0 0 1px #000,0 0 0 2px #c8aa6e26}.cs-ban .q{position:absolute;inset:0;display:grid;place-items:center;font:700 26px/1 var(--cl-display);color:#e2493e73}.cs-ban.hidden .q{animation:cl-qshim 1.6s ease-in-out infinite}@keyframes cl-qshim{50%{opacity:.5}}.cs-ban.flip{animation:cl-flip .7s var(--cl-out)}@keyframes cl-flip{0%{transform:rotateY(90deg);filter:brightness(3)}to{transform:none}}.cs-side{position:absolute;top:124px;width:var(--sidew);height:var(--chei);display:flex;flex-direction:column}.cs-side.me{left:24px}.cs-side.foe{right:24px}.cs-seat{position:relative;flex:none;height:calc(var(--chei) * .497);border-radius:4px;overflow:hidden;border:1px solid var(--cl-line);background:#0c0a0a;transition:border-color .3s,box-shadow .3s}.cs-seat.me{border-color:#4aa8ff80;border-color:color-mix(in srgb,var(--team-ally) 50%,transparent);box-shadow:0 0 0 1px #00000080,0 0 30px color-mix(in srgb,var(--team-ally) 12%,transparent)}.cs-seat.foe{border-color:#e5463d73;border-color:color-mix(in srgb,var(--team-enemy) 45%,transparent)}.cs-seat.lockedin{box-shadow:0 0 0 1px var(--cl-gold),0 0 34px #c8aa6e40}.cs-seat .pic{position:absolute;inset:0}.cs-seat .pic .cl-art-crest{position:absolute;inset:0;width:auto!important;height:auto!important;transition:filter .4s,transform .6s var(--cl-ease)}.cs-seat .pic.dim .cl-art-crest{filter:grayscale(.7) brightness(.45)}.cs-seat .shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(6,5,5,.85) 72%,rgba(6,5,5,.98))}.cs-seat .tag{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:11px;font:800 10px/1 var(--cl-font);letter-spacing:.14em;text-transform:uppercase;background:#000000a6}.cs-seat.me .tag{color:var(--team-ally);border:1px solid color-mix(in srgb,var(--team-ally) 50%,transparent)}.cs-seat.foe .tag{color:var(--team-enemy);border:1px solid color-mix(in srgb,var(--team-enemy) 50%,transparent)}.cs-seat .inf{position:absolute;left:16px;right:16px;bottom:16px}.cs-seat .inf .ch{height:30px;font:700 28px/1 var(--cl-display);letter-spacing:.04em;color:var(--cl-gold3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-seat .inf .st{height:18px;margin-top:4px;font-size:12px;color:var(--cl-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-seat .inf .st.pick{color:var(--cl-arc2)}.cs-seat .inf .st.lock{color:var(--cl-gold2)}.cs-seat .who{display:flex;align-items:center;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid var(--cl-line);height:50px}.cs-seat .who .cl-art-icon{width:34px;height:34px;flex:none}.cs-seat .who b{display:block;font-size:13px;color:var(--cl-ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-seat .who .nm{flex:1;min-width:0}.cs-seat .who small .cl-art-emblem{flex:none}.cs-seat .who small .rk{min-width:0;overflow:hidden;text-overflow:ellipsis}.cs-seat .who small{display:flex;align-items:center;gap:4px;margin-top:3px;font-size:11px;color:var(--cl-ink3);white-space:nowrap}.cs-seat .who small .cl-art-emblem{width:18px;height:18px}.cs-seat .sums{margin-left:auto;display:flex;gap:4px;flex:none}.cs-seat .sums .cl-sum{width:24px;height:24px}.cs-seat .sums i{width:24px;height:24px;border-radius:3px;background:#ffffff0d;display:block}.cs-picking{position:absolute;left:0;right:0;top:40%;text-align:center;font:700 12px/1 var(--cl-font);letter-spacing:.3em;text-transform:uppercase;color:var(--cl-ink3)}.cs-picking i{display:inline-block;width:5px;height:5px;margin:0 3px;border-radius:50%;background:var(--cl-arc);animation:cl-bounce 1.2s ease-in-out infinite}.cs-picking i:nth-child(2){animation-delay:.15s}.cs-picking i:nth-child(3){animation-delay:.3s}@keyframes cl-bounce{0%,80%,to{opacity:.25;transform:none}40%{opacity:1;transform:translateY(-4px)}}.cs-picking span{display:block;margin-top:14px}.cs-seat.reveal .pic .cl-art-crest{animation:cl-reveal .9s var(--cl-out)}@keyframes cl-reveal{0%{filter:brightness(4) blur(6px);transform:scale(1.15)}}.cs-chat{flex:1;min-height:0;margin-top:14px;display:flex;flex-direction:column;border:1px solid var(--cl-line);border-radius:4px;background:#060608b3}.cs-chat .log{flex:1;min-height:0;padding:10px 12px;display:flex;flex-direction:column;gap:5px}.cs-chat .ln{font-size:12.5px;line-height:1.4;color:var(--cl-ink2);user-select:text;-webkit-user-select:text;word-wrap:break-word}.cs-chat .ln b{color:var(--team-ally);font-weight:600}.cs-chat .ln.foe b{color:var(--team-enemy)}.cs-chat .ln.sys{color:var(--cl-ink3);font-style:italic;font-size:11.5px}.cs-foeinfo{flex:1;margin-top:14px;padding:16px;border:1px solid var(--cl-line);border-radius:4px;background:#06060880;font-size:12.5px;line-height:1.55;color:var(--cl-ink3)}.cs-foeinfo .cl-h3{margin-bottom:10px;font-size:10px}.cs-foeinfo p{margin:0 0 8px}.cs-team{display:none;flex:none;margin-top:12px}.cs.t3 .cs-team{display:block}.cs-team .cl-h3{height:12px;margin-bottom:2px;font-size:10px;line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-mate{display:flex;align-items:center;gap:10px;height:58px;margin-top:6px;padding:0 10px 0 7px;border-radius:4px;border:1px solid var(--cl-line);background:#080708c7;transition:border-color .3s,box-shadow .3s}.cs-mate.ally{border-color:#4aa8ff52;border-color:color-mix(in srgb,var(--team-ally) 32%,transparent)}.cs-mate.foe{border-color:#e5463d4d;border-color:color-mix(in srgb,var(--team-enemy) 30%,transparent)}.cs-mate.lockedin{box-shadow:0 0 0 1px var(--cl-gold),0 0 18px #c8aa6e29}.cs-mate .pic{position:relative;flex:none;width:44px;height:44px;border-radius:3px;overflow:hidden;background:#0c0a0a;box-shadow:0 0 0 1px #000}.cs-mate .pic .cl-art-crest{position:absolute;inset:0;width:44px!important;height:44px!important;transition:filter .4s}.cs-mate .pic.dim .cl-art-crest{filter:grayscale(.7) brightness(.5)}.cs-mate .pic i{position:absolute;inset:0;display:grid;place-items:center;font:700 20px/1 var(--cl-display);font-style:normal;color:var(--cl-ink4)}.cs-mate .pic i .cl-g{width:20px;height:20px}.cs-mate .tx{flex:1;min-width:0}.cs-mate .tx b{display:block;font-size:13px;line-height:16px;color:var(--cl-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-mate .tx small{display:block;margin-top:3px;font-size:11.5px;line-height:14px;color:var(--cl-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-mate.lockedin .tx small{color:var(--cl-gold2)}.cs-mate .sums{flex:none;display:flex;gap:3px;min-width:43px;justify-content:flex-end}.cs-mate .sums .cl-sum{width:20px;height:20px}.cs.t3 .cs-seat.me{height:calc(var(--chei) * .36)}.cs.t3 #cs-s1{display:none}.cs.t3 #cs-foes{margin-top:0}.cs-center{position:absolute;left:var(--cx);top:124px;width:var(--cwid);height:var(--chei)}.cs-tools{position:absolute;left:0;top:0;width:calc(var(--gridw) - 12px);height:34px;display:flex;gap:8px}.cs-tools .cl-search{width:150px;flex:none}.cs-roles{display:flex;gap:2px}.cs-roles button{width:34px;height:34px;display:grid;place-items:center;border-radius:2px;color:var(--cl-ink3);border:1px solid transparent;transition:color .15s,border-color .15s,background .15s}.cs-roles button:hover{color:var(--cl-ink);background:#c8aa6e0f}.cs-roles button.on{color:var(--cl-gold3);border-color:var(--cl-line2);background:#c8aa6e1a}.cs-roles .cl-g{width:17px;height:17px}.cs-grid{position:absolute;left:0;top:46px;width:var(--gridw);height:var(--gridh);display:grid;grid-template-columns:repeat(var(--cols),var(--pt));grid-auto-rows:calc(var(--pt) + 28px);gap:8px 12px;align-content:start;padding:2px 6px 0 2px}.cs-ch{position:relative;width:var(--pt);height:calc(var(--pt) + 28px);text-align:center}.cs-ch .pt{position:relative;display:block;width:var(--pt);height:var(--pt);border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px #000,0 0 0 2px #2e2618;transition:box-shadow .15s,transform .15s var(--cl-ease),filter .2s}.cs-ch .pt .cl-art-crest{width:var(--pt)!important;height:var(--pt)!important;transition:transform .3s var(--cl-ease)}.cs-ch .nm{display:block;margin-top:6px;height:14px;font:600 11.5px/14px var(--cl-font);color:var(--cl-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}.cs-ch:hover .pt{box-shadow:0 0 0 1px #000,0 0 0 2px var(--cl-gold),0 0 16px #c8aa6e4d}.cs-ch:hover .pt .cl-art-crest{transform:scale(1.06)}.cs-ch:hover .nm{color:var(--cl-ink)}.cs-ch:active .pt{transform:scale(.97)}.cs-ch.on .pt{box-shadow:0 0 0 1px #000,0 0 0 3px var(--pc),0 0 22px color-mix(in srgb,var(--pc) 45%,transparent)}.cs-ch.on .nm{color:var(--pc)}.cs-ch.off{cursor:default}.cs-ch.off .pt{filter:grayscale(1) brightness(.4);box-shadow:0 0 0 1px #000,0 0 0 2px #1a1612}.cs-ch.off .nm{color:var(--cl-ink4)}.cs-ch.off:hover .pt .cl-art-crest{transform:none}.cs-ch .flag{position:absolute;left:4px;top:4px;padding:2px 5px;border-radius:2px;font:800 10px/1.2 var(--cl-font);letter-spacing:.1em;text-transform:uppercase}.cs-ch .flag.free{color:#04201c;background:var(--cl-arc)}.cs-ch .flag.rec{color:#1a1206;background:linear-gradient(180deg,#f6e2a8,#c8aa6e)}.cs-ch .flag.ban{color:#fff;background:var(--cl-red)}.cs-ch .lk{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;display:none;place-items:center;border-radius:50%;background:#000000b3;color:var(--cl-ink2)}.cs-ch.off .lk{display:grid}.cs-ch .lk .cl-g{width:13px;height:13px}.cs-ch.banned .pt:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 47%,rgba(226,73,62,.95) 48%,rgba(226,73,62,.95) 52%,transparent 53%)}.cs-empty{grid-column:1 / -1}.cs-stage{position:absolute;right:0;top:0;width:calc(var(--cwid) - var(--gridw) - 12px);height:var(--stageh);border-radius:4px;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 50% 70%,rgba(200,170,110,.16),transparent 70%),linear-gradient(180deg,#14100d99,#080707d9);background:radial-gradient(ellipse 70% 60% at 50% 70%,color-mix(in srgb,var(--acc, #c8aa6e) 22%,transparent),transparent 70%),linear-gradient(180deg,#14100d99,#080707d9);border:1px solid var(--cl-line);transition:width .5s var(--cl-out),height .5s var(--cl-out)}.cs-stage .cl-art-crest{position:absolute;left:50%;top:40%;width:180px;height:180px;margin:-90px 0 0 -90px;border-radius:50%;opacity:.55;transition:opacity .8s}.cs-stage.live .cl-art-crest{opacity:0}.cs-stage .cap{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px;background:linear-gradient(180deg,transparent,rgba(6,5,5,.92) 50%);z-index:2;pointer-events:none}.cs-stage .cap b{display:block;height:30px;font:700 28px/1 var(--cl-display);letter-spacing:.04em;color:var(--cl-gold3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-stage .cap small{display:block;height:18px;margin-top:4px;font:500 italic 15px/1.2 Cormorant Garamond,Georgia,serif;color:var(--cl-ink2);white-space:nowrap}.cs-stage .cap .rl{display:flex;gap:6px;height:22px;margin-top:8px}.cs-stage .cap .rl .cl-chip{height:20px;font-size:10px;padding:0 8px}.cs-stage .diff{position:absolute;right:14px;top:14px;display:flex;gap:3px;z-index:2}.cs-stage .diff i{width:16px;height:4px;border-radius:2px;background:#ffffff1f}.cs-stage .diff i.on{background:var(--cl-gold2);box-shadow:0 0 6px #f0d89899}.cs-stage .emptyhint{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px;color:var(--cl-ink3);font-size:13px;line-height:1.5}.cs-abil{position:absolute;left:0;right:0;bottom:114px;height:76px;display:flex;align-items:center;gap:12px;padding:0 14px;border:1px solid var(--cl-line);border-radius:4px;background:#080708b3}.cs-abil .lbl{width:110px;flex:none;font:700 10.5px/1.4 var(--cl-font);letter-spacing:.16em;text-transform:uppercase;color:var(--cl-ink3)}.cs-abil .lbl b{display:block;font:700 15px/1.1 var(--cl-display);letter-spacing:.04em;text-transform:none;color:var(--cl-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-ab{position:relative;width:54px;height:54px;flex:none;border-radius:3px;box-shadow:0 0 0 1px #000,0 0 0 2px var(--cl-goldD);transition:box-shadow .15s,transform .15s;background:#0a0908}.cs-ab:hover{box-shadow:0 0 0 1px #000,0 0 0 2px var(--cl-gold2),0 0 14px #f0d89859}.cs-ab img{width:100%;height:100%;display:block;border-radius:3px}.cs-ab kbd{position:absolute;left:50%;bottom:-8px;transform:translate(-50%);min-width:20px;height:15px;padding:0 4px;border-radius:2px;background:#0a0806;border:1px solid var(--cl-goldD);font:800 9px/13px var(--cl-font);color:var(--cl-gold2);text-align:center}.cs-ab.p{box-shadow:0 0 0 1px #000,0 0 0 2px #6a5a3a;border-radius:50%}.cs-ab.p img{border-radius:50%}.cs-abil .sep{width:1px;height:40px;background:var(--cl-line);flex:none}.cs-abil .note{flex:1;min-width:0;font-size:12px;line-height:1.45;color:var(--cl-ink3);padding-left:6px}.cs-foot{position:absolute;left:0;right:0;bottom:0;height:102px;display:flex;align-items:center;gap:14px;padding:0 16px;border:1px solid var(--cl-line);border-radius:4px;background:linear-gradient(180deg,#120f0de6,#080708eb)}.cs-sumslot{position:relative;width:52px;height:52px;border-radius:3px;transition:transform .15s}.cs-sumslot .cl-sum{width:52px;height:52px}.cs-sumslot:focus-visible{outline:none;box-shadow:0 0 0 2px var(--cl-gold2)}.cs-sumslot kbd{position:absolute;left:50%;bottom:-8px;transform:translate(-50%);min-width:18px;height:15px;padding:0 4px;border-radius:2px;background:#0a0806;border:1px solid var(--cl-goldD);font:800 9px/13px var(--cl-font);color:var(--cl-gold2);text-align:center}.cs-sumslot:hover:not(:disabled){filter:brightness(1.1)}.cs-sumslot:hover:not(:disabled) .cl-sum{box-shadow:0 0 0 1px #000,0 0 0 2px var(--cl-gold2),0 0 14px #f0d89866}.cs-sumslot:disabled{opacity:.5}.cs-skinbtn{display:flex;align-items:center;gap:10px;height:52px;width:196px;padding:0 12px 0 6px;border-radius:3px;border:1px solid var(--cl-line);background:#00000040;text-align:left;transition:border-color .15s,background .15s}.cs-skinbtn:hover:not(:disabled){border-color:var(--cl-line3);background:#c8aa6e0d}.cs-skinbtn:disabled{opacity:.5}.cs-skinbtn .cl-art-crest{width:40px;height:40px;border-radius:2px;flex:none}.cs-skinbtn>span:not(.cl-art){flex:1;min-width:0}.cs-skinbtn small{display:block;font:700 10px/1 var(--cl-font);letter-spacing:.14em;text-transform:uppercase;color:var(--cl-ink3)}.cs-skinbtn b{display:block;margin-top:4px;font-size:12.5px;color:var(--cl-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-lock{margin-left:auto;width:230px;height:58px;font-size:16px!important;letter-spacing:.22em}.cs.ban .cs-lock:not(:disabled){color:#fff!important;border-color:#ff9a88!important;background:linear-gradient(180deg,#e2574a,#a02820 60%,#6a140e)!important;box-shadow:inset 0 1px #ffffff59,0 0 24px #e2493e59;text-shadow:0 1px 0 rgba(0,0,0,.4)}.cs-lock.pulse:not(:disabled):not(.busy):before{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 36px #f0c86e99;opacity:0;animation:cl-glowo 1.6s ease-in-out infinite;pointer-events:none}.cs.ban .cs-lock.pulse:not(:disabled):not(.busy):before{box-shadow:0 0 34px #e2493e8c}.cs-lock.done{color:var(--cl-gold2)!important;background:linear-gradient(180deg,#1e1a16,#121012)!important;border-color:var(--cl-gold)!important;box-shadow:inset 0 0 20px #c8aa6e1f;text-shadow:none}.cs-dodge{flex:none;align-self:flex-start;height:26px;margin-top:6px;padding:0 2px;font:700 10.5px/1 var(--cl-font);letter-spacing:.14em;text-transform:uppercase;color:var(--cl-ink4);transition:color .15s}.cs-dodge:hover{color:var(--cl-red2)}.cs-dodge.arm{color:var(--cl-red);animation:cl-tick 1s steps(1) infinite}.cs-waiting{margin-left:auto;width:230px;text-align:center;font:700 12px/1.4 var(--cl-font);letter-spacing:.12em;text-transform:uppercase;color:var(--cl-ink3)}.cs.final .cs-tools,.cs.final .cs-grid{opacity:0;visibility:hidden;pointer-events:none}.cs-tools,.cs-grid{transition:opacity .35s,visibility .35s}.cs.final .cs-stage{width:var(--cwid)}.cs-skins{position:absolute;left:0;right:0;bottom:114px;height:76px;display:none;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--cl-line);border-radius:4px;background:#080708b3}.cs.final .cs-skins{display:flex}.cs.final .cs-abil{display:none}.cs-skin{position:relative;flex:1 1 138px;min-width:138px;max-width:240px;height:56px;display:flex;align-items:center;gap:8px;padding:0 8px 0 4px;border-radius:3px;border:1px solid var(--cl-line);text-align:left;transition:border-color .15s,background .15s}.cs-skin .cl-art-crest{width:46px;height:46px;border-radius:2px;flex:none}.cs-skin b{flex:1;min-width:0;font-size:11.5px;line-height:1.25;color:var(--cl-ink2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.cs-skin:hover:not(:disabled){border-color:var(--cl-line3)}.cs-skin.on{border-color:var(--cl-gold2);background:#c8aa6e14;box-shadow:0 0 14px #f0d89833}.cs-skin.on b{color:var(--cl-gold3)}.cs-skin:disabled{opacity:.42;cursor:default}.cs-skin .tier{position:absolute;right:5px;top:5px;width:8px;height:8px;transform:rotate(45deg);background:var(--cl-ink4)}.cs-skin .tier.epic{background:#b27cff;box-shadow:0 0 6px #b27cff}.cs-skin .tier.legendary{background:#ff9a3a;box-shadow:0 0 6px #ff9a3a}.cs-sumpick{position:absolute;left:16px;bottom:112px;z-index:30;width:420px;padding:14px;display:none;border-radius:4px;background:linear-gradient(180deg,#17130f,#0b0a0b);border:1px solid var(--cl-line2);box-shadow:0 20px 50px #000000b3}.cs-sumpick.on{display:block;animation:cl-pop .22s var(--cl-out)}@keyframes cl-pop{0%{opacity:0;transform:translateY(8px)}}.cs-sumpick .cl-h3{margin-bottom:10px;font-size:10.5px}.cs-sumpick .row{display:flex;gap:8px;flex-wrap:wrap}.cs-sumpick .row button{position:relative;width:44px;height:44px;border-radius:3px;transition:transform .12s}.cs-sumpick .row button .cl-sum{width:44px;height:44px}.cs-sumpick .row button:hover{filter:brightness(1.15)}.cs-sumpick .row button.on .cl-sum{box-shadow:0 0 0 1px #000,0 0 0 2px var(--cl-gold2),0 0 12px #f0d89880}.cs-sumpick .row button.other:after{content:attr(data-k);position:absolute;right:-4px;top:-4px;width:14px;height:14px;border-radius:50%;background:var(--cl-gold);color:#1a1206;font:800 8px/14px var(--cl-font);text-align:center}.cs-sumpick p{margin:12px 0 0;height:36px;font-size:12px;line-height:1.5;color:var(--cl-ink3)}.cs.brawl .cs-tools,.cs.brawl .cs-grid{display:none}.cs.brawl .cs-stage{width:var(--cwid)}.cs-reel{position:absolute;left:50%;top:18px;width:420px;height:108px;margin-left:-210px;z-index:3;overflow:hidden;display:none;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}.cs.brawl .cs-reel{display:block}.cs-reel .strip{position:absolute;left:0;top:6px;display:flex;gap:12px;will-change:transform}.cs-reel .strip .cl-art-crest{width:96px;height:96px;border-radius:3px;box-shadow:0 0 0 1px #000,0 0 0 2px var(--cl-goldDD);flex:none}.cs-reel:after{content:"";position:absolute;left:50%;top:2px;width:104px;height:104px;margin-left:-52px;border:2px solid var(--cl-gold2);border-radius:4px;box-shadow:0 0 20px #f0d89873;pointer-events:none}.cs-reel.done{animation:cl-landed .6s var(--cl-out)}@keyframes cl-landed{30%{filter:brightness(1.8)}}.cs-reroll{display:none}.cs.brawl .cs-reroll{display:inline-flex}.cl-root .ld{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 50% 45%,#1a140e,#070607 75%);--lds: calc(.5 + var(--fh) / 1800)}.ld-in{position:absolute;left:50%;top:50%;width:1600px;height:900px;margin:-450px 0 0 -800px;transform:scale(var(--lds));transform-origin:50% 50%}.ld-art{position:absolute;inset:-3%;pointer-events:none;background:var(--ldart, none) 50% 42% / cover no-repeat;opacity:0;transition:opacity 1.2s var(--cl-ease)}.ld.has-art .ld-art{opacity:.3}.ld-art:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 62% 72% at 50% 46%,#0706074d,#070607f0 80%)}.cl-root .ld:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 40% 60% at 25% 50%,color-mix(in srgb,var(--team-ally) 10%,transparent),transparent 70%),radial-gradient(ellipse 40% 60% at 75% 50%,color-mix(in srgb,var(--team-enemy) 9%,transparent),transparent 70%)}.ld-head{position:absolute;left:0;right:0;top:44px;text-align:center}.ld-head .cl-eye{font-size:11px}.ld-head h1{margin:12px 0 0;font:700 40px/1 var(--cl-display);letter-spacing:.14em;color:var(--cl-gold3)}.ld-cards{position:absolute;left:50%;top:150px;width:820px;height:590px;margin-left:-410px;display:flex;align-items:center;justify-content:space-between}.ld-cards.many{--lw: min(1988px, calc(var(--fw) * 1px / var(--lds) - 96px));width:var(--lw);margin-left:calc(var(--lw) / -2);gap:16px}.ld-cards.many .ld-card .art,.ld-cards.many .ld-card .art .ld-port{left:50%;margin-left:-159px}.ld-cards.many .ld-card .inf{padding:0 12px}.ld-cards.many .ld-card .ch{font-size:20px;line-height:34px}.ld-vs{position:absolute;left:50%;top:50%;width:110px;height:110px;margin:-55px 0 0 -55px;display:grid;place-items:center;font:700 44px/1 var(--cl-display);letter-spacing:.06em;color:var(--cl-gold3);text-shadow:0 0 30px rgba(240,200,110,.5),0 3px 0 rgba(0,0,0,.8)}.ld-vs:before{content:"";position:absolute;inset:14px;border-radius:50%;border:1px solid var(--cl-line2);transform:rotate(45deg);box-shadow:0 0 40px #c8aa6e26}.ld-card{position:relative;width:318px;height:590px;border-radius:4px;overflow:hidden;background:#0b0909;box-shadow:0 30px 80px #0009;animation:cl-ldin .8s var(--cl-out) both}.ld-card.t1{animation-delay:.12s}@keyframes cl-ldin{0%{opacity:0;transform:translateY(24px) scale(.97)}}.ld-card.t0{border:1px solid color-mix(in srgb,var(--team-ally) 55%,transparent)}.ld-card.t1{border:1px solid color-mix(in srgb,var(--team-enemy) 55%,transparent)}.ld-card .art{position:absolute;left:0;top:0;width:318px;height:400px}.ld-card .art .cl-art-crest{width:318px;height:400px}.ld-card .art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#0b0909 98%)}.ld-card .inf{position:absolute;left:0;right:0;top:360px;padding:0 22px;text-align:center}.ld-card .ch{font:700 32px/1 var(--cl-display);letter-spacing:.05em;color:var(--cl-gold3);height:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ld-card .sk{height:18px;margin-top:6px;font:500 italic 15px/1.2 Cormorant Garamond,Georgia,serif;color:var(--cl-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ld-card .pl{display:flex;align-items:center;justify-content:center;gap:8px;height:34px;margin-top:14px}.ld-card .pl .cl-art-emblem{width:34px;height:34px}.ld-card .pl b{font-size:14px;color:var(--cl-ink);max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-card .rk{height:16px;margin-top:4px;font-size:11.5px;color:var(--cl-ink3)}.ld-card .row{display:flex;align-items:center;justify-content:center;gap:10px;height:38px;margin-top:12px}.ld-card .row .cl-sum{width:32px;height:32px}.ld-card .mast{display:flex;align-items:center;gap:5px;height:32px;padding:0 10px;border-radius:16px;border:1px solid var(--cl-line);font:700 11px/1 var(--cl-font);color:var(--cl-gold2)}.ld-card .mast .cl-g{width:14px;height:14px}.ld-card .pct{position:absolute;left:22px;right:22px;bottom:20px;height:22px}.ld-card .pct .cl-lpbar{margin:0;height:4px}.ld-card .pct small{display:block;margin-top:6px;text-align:center;font:700 11px/1 var(--cl-font);letter-spacing:.1em;color:var(--cl-ink3)}.ld-card .pct.done small{color:var(--cl-green)}.ld-card.t0 .pct .cl-lpbar i{background:linear-gradient(90deg,color-mix(in srgb,var(--team-ally) 40%,#000),var(--team-ally))}.ld-card.t1 .pct .cl-lpbar i{background:linear-gradient(90deg,color-mix(in srgb,var(--team-enemy) 40%,#000),var(--team-enemy))}.ld-tip{position:absolute;left:50%;bottom:60px;width:900px;margin-left:-450px;text-align:center;height:44px}.ld-tip small{display:block;font:700 10px/1 var(--cl-font);letter-spacing:.24em;text-transform:uppercase;color:var(--cl-gold)}.ld-tip p{margin:10px 0 0;font-size:14px;color:var(--cl-ink2)}.ld-status{position:absolute;left:50%;bottom:22px;width:600px;margin-left:-300px;height:16px;text-align:center;font:600 11px/1 var(--cl-font);letter-spacing:.12em;text-transform:uppercase;color:var(--cl-ink3)}.ld-status.err{color:var(--cl-red2)}.ld-status.err{bottom:18px;height:auto;line-height:16px}.ld.err .ld-tip{visibility:hidden}.cl-root .pg{position:absolute;inset:var(--gut);--lw: clamp(420px, calc(420px + (var(--pw) - 1292px) * .12), 480px)}.pg-head{position:absolute;left:0;right:0;top:0;height:128px;display:flex;align-items:center;gap:26px;padding:0 28px;overflow:hidden}.pg-head:before{content:"";position:absolute;inset:0;height:auto;background:radial-gradient(ellipse 50% 140% at 18% 50%,var(--rc, rgba(200, 170, 110, .25)),transparent 70%);pointer-events:none}.pg-res{position:relative;font:700 72px/1 var(--cl-display);letter-spacing:.12em;width:460px;white-space:nowrap}.pg-res.win{background:var(--cl-goldtext);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(240,200,110,.35))}.pg-res.loss{background:linear-gradient(180deg,#ffd0c8,#e2493e 50%,#7a1a14);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(226,73,62,.3))}.pg-res.in{animation:cl-resin 1s var(--cl-out)}@keyframes cl-resin{0%{opacity:0;letter-spacing:.4em;filter:blur(8px)}}.pg-meta{position:relative;flex:1;font-size:13px;color:var(--cl-ink3);line-height:1.6}.pg-meta b{color:var(--cl-ink);font-weight:600}.pg-acts{position:relative;display:flex;gap:10px}.pg-left{position:absolute;left:0;top:144px;width:var(--lw);height:calc(var(--ph) - 144px);padding:20px;display:flex;flex-direction:column;gap:14px}.pg-blk{position:relative;padding:14px 16px;border-radius:3px;border:1px solid var(--cl-line);background:#00000038}.pg-blk .cl-h3{font-size:10px;margin-bottom:10px;display:flex;justify-content:space-between}.pg-blk .cl-h3 em{font-style:normal;color:var(--cl-gold2);letter-spacing:.04em}.pg-lp{display:flex;align-items:center;gap:16px;height:118px}.pg-lp .emb{position:relative;width:112px;height:112px;flex:none}.pg-lp .emb .cl-art-emblem{width:112px;height:112px;transition:transform .6s var(--cl-spring),filter .6s}.pg-lp .t{flex:1;min-width:0}.pg-lp .t b{display:block;font:700 24px/1.05 var(--cl-display);letter-spacing:.04em;color:var(--cl-gold3);white-space:nowrap;height:26px}.pg-lp .t .d{display:block;margin-top:6px;height:22px;font:700 18px/1 var(--cl-font)}.pg-lp .t .d.up{color:var(--cl-green)}.pg-lp .t .d.down{color:var(--cl-red2)}.pg-lp .t small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px;font-size:11.5px;line-height:15px;color:var(--cl-ink3);height:30px}.pg-lp.promo .emb .cl-art-emblem{animation:cl-promo 2.2s var(--cl-out)}@keyframes cl-promo{0%{transform:scale(.4) rotate(-12deg);filter:brightness(4) blur(4px)}40%{transform:scale(1.18);filter:brightness(1.6)}to{transform:none}}.pg-lp.promo .emb:before{content:"";position:absolute;inset:-40px;background:conic-gradient(from 0deg,transparent,rgba(255,230,160,.35),transparent 20%,rgba(255,230,160,.25),transparent 45%,rgba(255,230,160,.3),transparent 70%);border-radius:50%;animation:cl-rays 6s linear infinite;mask-image:radial-gradient(circle,#000 30%,transparent 70%);-webkit-mask-image:radial-gradient(circle,#000 30%,transparent 70%)}@keyframes cl-rays{to{transform:rotate(360deg)}}.pg-lp.demo .emb .cl-art-emblem{animation:cl-demo 1.8s var(--cl-out)}@keyframes cl-demo{0%{filter:grayscale(0) brightness(1.4)}30%{transform:translateY(6px) scale(.92);filter:grayscale(.8) brightness(.6)}to{transform:none;filter:none}}.pg-banner{position:absolute;left:0;right:0;top:-2px;height:22px;text-align:center;font:800 11px/22px var(--cl-font);letter-spacing:.3em;text-transform:uppercase;opacity:0}.pg-banner.promo{color:#1a1206;background:linear-gradient(90deg,transparent,#f0d898 20%,#f0d898 80%,transparent);animation:cl-bannerin 3s var(--cl-out) forwards}.pg-banner.demo{color:#fff;background:linear-gradient(90deg,transparent,#a02820 20%,#a02820 80%,transparent);animation:cl-bannerin 3s var(--cl-out) forwards}@keyframes cl-bannerin{0%{opacity:0;transform:scaleX(.3)}20%{opacity:1;transform:none}to{opacity:1}}.pg-xp .row{display:flex;align-items:center;justify-content:space-between;height:22px;font-size:12.5px;color:var(--cl-ink3)}.pg-xp .row b{font:700 14px/1 var(--cl-font);color:var(--cl-ink)}.pg-xp .cl-lpbar i{background:linear-gradient(90deg,#1a5a8a,#6ac8ff);box-shadow:0 0 10px #6ac8ff80}.pg-mast{display:flex;align-items:center;gap:12px}.pg-mast .cl-art-crest{width:48px;height:48px;border-radius:3px;flex:none}.pg-mast .t{flex:1;min-width:0}.pg-mast .t b{display:block;font-size:13px;color:var(--cl-ink)}.pg-mast .t small{display:block;margin-top:3px;font-size:11.5px;color:var(--cl-ink3)}.pg-mast .cl-lpbar i{background:linear-gradient(90deg,#5a3a8a,#c89aff);box-shadow:0 0 10px #c89aff80}.pg-ggg{display:flex;align-items:center;gap:12px;min-height:42px}.pg-ggg .coin{width:36px;height:36px;border-radius:50%;flex:none;display:grid;place-items:center;color:#3a2606;font:800 11px/1 var(--cl-font);background:radial-gradient(circle at 35% 30%,#fff4c4,#f0c860 45%,#a8742a);box-shadow:0 0 14px #f0c86059}.pg-ggg.none .coin{filter:grayscale(1) brightness(.6);box-shadow:none}.pg-ggg b{display:block;font:700 20px/1 var(--cl-font);color:var(--cl-gold3)}.pg-ggg small{display:block;margin-top:4px;font-size:12px;color:var(--cl-ink3);line-height:1.4}.pg-right{position:absolute;right:0;top:144px;width:calc(var(--pw) - var(--lw) - 16px);height:calc(var(--ph) - 144px);padding:20px 22px;display:flex;flex-direction:column}.pg-right>.pg-sb{flex:none}.pg-sb{width:100%;border-collapse:collapse;font-size:12.5px}.pg-sb th{height:30px;font:700 10px/1 var(--cl-font);letter-spacing:.14em;text-transform:uppercase;color:var(--cl-ink3);text-align:right;padding:0 8px;border-bottom:1px solid var(--cl-line)}.pg-sb th:first-child{text-align:left;padding-left:4px}.pg-sb td{height:64px;padding:0 8px;text-align:right;color:var(--cl-ink2);border-bottom:1px solid rgba(200,170,110,.08);white-space:nowrap}.pg-sb td:first-child{text-align:left;padding-left:4px}.pg-sb tr.me td{background:linear-gradient(90deg,color-mix(in srgb,var(--team-ally) 10%,transparent),transparent 60%)}.pg-sb tr.t1 td:first-child{box-shadow:inset 3px 0 0 var(--team-enemy)}.pg-sb tr.t0 td:first-child{box-shadow:inset 3px 0 0 var(--team-ally)}.pg-sb .pc{display:flex;align-items:center;gap:10px}.pg-sb .pc .cl-art-crest{width:42px;height:42px;border-radius:3px}.pg-sb .pc b{display:block;font-size:13px;color:var(--cl-ink);max-width:150px;overflow:hidden;text-overflow:ellipsis}.pg-sb .pc small{display:block;font-size:11px;color:var(--cl-ink3);margin-top:2px}.pg-sb .pc .lv{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#0a0806;border:1px solid var(--cl-goldD);font:800 10px/1 var(--cl-font);color:var(--cl-gold2)}.pg-sb .kda{font:700 14px/1 var(--cl-font);color:var(--cl-ink)}.pg-sb .kda em{font-style:normal;color:var(--cl-ink4);margin:0 3px}.pg-sb.many td{height:48px}.pg-sb.many .pc .cl-art-crest{width:34px!important;height:34px!important}.pg-sb .items{display:inline-flex;gap:3px}.pg-sb .items i{width:26px;height:26px;border-radius:2px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #c8aa6e1f;display:block;overflow:hidden}.pg-sb .items img{width:100%;height:100%}.pg-graph{position:relative;margin-top:18px;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.pg-graph .cl-tabs{height:34px}.pg-graph .cl-tabs>button{height:34px;font-size:11px}.pg-cv{position:relative;flex:1 1 auto;min-height:160px;margin-top:12px}.pg-cv>.cl-state{position:absolute;inset:0}html.cl-fh2 .pg-left{gap:18px;padding:22px}html.cl-fh2 .pg-blk{padding:18px}html.cl-fh2 .pg-lp{height:146px;gap:20px}html.cl-fh2 .pg-lp .emb,html.cl-fh2 .pg-lp .emb .cl-art-emblem{width:140px!important;height:140px!important}.pg-cv svg{width:100%;height:100%;display:block;overflow:visible}.pg-cv .ax{stroke:#c8aa6e1f;stroke-width:1}.pg-cv .ax0{stroke:#c8aa6e59;stroke-width:1;stroke-dasharray:3 4}.pg-cv .lab{fill:var(--cl-ink3);font:600 10px var(--cl-font)}.pg-cv .ln0{fill:none;stroke:var(--team-ally);stroke-width:2.4;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--team-ally) 60%,transparent))}.pg-cv .ln1{fill:none;stroke:var(--team-enemy);stroke-width:2.4}.pg-cv .ar0{fill:color-mix(in srgb,var(--team-ally) 16%,transparent)}.pg-cv .ar1{fill:color-mix(in srgb,var(--team-enemy) 14%,transparent)}.pg-cv .bar0{fill:var(--team-ally)}.pg-cv .bar1{fill:var(--team-enemy)}.pg-cv .draw{stroke-dasharray:3000;stroke-dashoffset:3000;animation:cl-draw 1.6s var(--cl-out) forwards}@keyframes cl-draw{to{stroke-dashoffset:0}}.pg-leg{position:absolute;right:0;top:-2px;display:flex;gap:14px;font-size:11px;color:var(--cl-ink3)}.pg-leg i{display:inline-block;width:10px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}.pg-wait{display:flex;align-items:center;gap:10px;height:42px;font-size:12.5px;color:var(--cl-ink3)}.pg-wait .cl-spin{width:18px;height:18px}.st-page{position:absolute;inset:var(--gut);display:flex;gap:16px}.st-nav{width:240px;flex:none;padding:18px 10px}.st-nav h2{margin:4px 12px 18px;font:700 26px/1 var(--cl-display);letter-spacing:.06em;color:var(--cl-gold3)}.st-nav button{width:100%;height:44px;display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:2px;font:600 13px/1 var(--cl-font);color:var(--cl-ink3);text-align:left;transition:color .15s,background .15s;position:relative}.st-nav button:hover{color:var(--cl-ink);background:#c8aa6e0d}.st-nav button.on{color:var(--cl-gold3);background:linear-gradient(90deg,rgba(200,170,110,.12),transparent)}.st-nav button.on:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--cl-gold2);box-shadow:0 0 8px var(--cl-gold2)}.st-nav button .cl-g{width:18px;height:18px}.st-nav .reset{position:absolute;left:20px;right:20px;bottom:18px}.st-body{flex:1;min-width:0;padding:26px 32px}.st-body h3{margin:0 0 4px;font:700 22px/1.1 var(--cl-display);letter-spacing:.05em;color:var(--cl-ink)}.st-body>p{margin:0 0 18px;font-size:12.5px;color:var(--cl-ink3)}.st-grp{margin-top:22px}.st-grp .cl-h3{font-size:10.5px;margin-bottom:4px}.st-row{display:flex;align-items:center;gap:20px;min-height:58px;padding:8px 0;border-bottom:1px solid rgba(200,170,110,.08)}.st-row .lbl{flex:1;min-width:0}.st-row .lbl b{display:block;font:600 13.5px/1.3 var(--cl-font);color:var(--cl-ink)}.st-row .lbl small{display:block;margin-top:3px;font-size:12px;line-height:1.4;color:var(--cl-ink3)}.st-row .ctl{flex:none;width:360px;display:flex;justify-content:flex-end;align-items:center;gap:12px}.st-row .ctl .cl-seg>button{padding:0 11px;min-width:56px}.st-row .ctl .cl-slider{width:290px}.st-row .ctl .val{width:44px;text-align:right;font:600 13px/1 var(--cl-font);color:var(--cl-gold2)}.st-keys{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.st-key{display:flex;align-items:center;justify-content:space-between;height:40px;border-bottom:1px solid rgba(200,170,110,.08);font-size:13px;color:var(--cl-ink2)}.st-key kbd{min-width:30px;height:26px;padding:0 8px;border-radius:3px;display:inline-grid;place-items:center;font:700 11px/1 var(--cl-font);color:var(--cl-gold2);background:#0c0a08;border:1px solid var(--cl-goldD);box-shadow:0 2px #000}.st-key kbd+kbd{margin-left:4px}.st-langs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.st-lang{height:44px;padding:0 14px;border-radius:3px;border:1px solid var(--cl-line);text-align:left;font:600 13px/1 var(--cl-font);color:var(--cl-ink2);transition:border-color .15s,color .15s,background .15s;display:flex;align-items:center;justify-content:space-between}.st-lang:hover{border-color:var(--cl-line3);color:var(--cl-ink)}.st-lang.on{border-color:var(--cl-gold2);color:var(--cl-gold3);background:#c8aa6e14}.st-lang .cl-g{width:16px;height:16px;opacity:0}.st-lang.on .cl-g{opacity:1}.st-cb{display:flex;gap:10px;margin-top:8px}.st-cb i{width:46px;height:10px;border-radius:5px;display:block}.st-body>h3,.st-body>p,.st-grp,.st-keys,.st-langs{max-width:1040px}html.cl-fw2 .st-body>h3,html.cl-fw2 .st-body>p,html.cl-fw2 .st-grp,html.cl-fw2 .st-keys,html.cl-fw2 .st-langs{max-width:none}html.cl-fw2 .st-grp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px;align-items:stretch}html.cl-fw2 .st-grp>.cl-state{grid-column:1 / -1}html.cl-fw2 .st-keys{grid-template-columns:repeat(3,minmax(0,1fr))}html.cl-fw3 .st-keys{grid-template-columns:repeat(4,minmax(0,1fr))}html.cl-fw2 .st-langs{grid-template-columns:repeat(4,1fr)}html.cl-fw3 .st-langs{grid-template-columns:repeat(5,1fr)}.cl-modal.auth{width:560px;padding:0;overflow:hidden}.au-art{position:relative;height:120px;overflow:hidden;background:radial-gradient(ellipse 70% 120% at 50% 110%,rgba(200,150,70,.35),transparent 70%),linear-gradient(180deg,#1a1410,#0d0b0a);border-bottom:1px solid var(--cl-line2)}.au-art img{position:absolute;left:50%;top:18px;width:70px;height:70px;margin-left:-35px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.7))}.au-art .w{position:absolute;left:0;right:0;bottom:12px;text-align:center;font:700 12px/1 var(--cl-font);letter-spacing:.5em;padding-left:.5em;color:var(--cl-gold2)}.au-body{padding:24px 40px 30px}.au-body .cl-tabs{justify-content:center;margin-bottom:22px}.au-lead{margin:0 0 18px;font-size:13px;line-height:1.55;color:var(--cl-ink3);text-align:center;min-height:40px}.au-body form .cl-btn{width:100%;margin-top:6px}.au-foot{margin-top:16px;text-align:center;font-size:12px;color:var(--cl-ink3)}.au-foot button{color:var(--cl-gold);font-weight:600}.au-foot button:hover{color:var(--cl-gold3)}.au-perks{display:flex;justify-content:center;gap:18px;height:16px;margin:-6px 0 18px;font-size:11.5px;color:var(--cl-ink2)}.au-perks span{display:flex;align-items:center;gap:6px}.au-perks .cl-g{width:14px;height:14px;color:var(--cl-gold)}html.cl-cb{--team-ally: #3d8bff;--team-enemy: #ff9d2e}html.rx-calm .cl-root *,html.rx-calm .cl-root *:before,html.rx-calm .cl-root *:after,.cl-root.calm *,.cl-root.calm *:before,.cl-root.calm *:after{animation-duration:.01s!important;animation-iteration-count:1!important;transition-duration:.01s!important}.cl-tip .meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:9px;padding:7px 0;border-top:1px solid var(--cl-line);border-bottom:1px solid var(--cl-line);font-size:11.5px;color:var(--cl-ink3)}.cl-tip .meta b{color:var(--cl-ink);font-weight:600}.cl-tip .desc{margin:9px 0 0;font-size:12.5px;line-height:1.55;color:var(--cl-ink2)}.cl-tip .desc b{color:var(--cl-ink);font-weight:600}.cl-tip .desc b.rk{color:var(--cl-gold2)}.cl-tip .desc b.rk i{font-style:normal;color:var(--cl-ink4);margin:0 1px}.cl-tip .tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.cl-tip .tags span{padding:2px 6px;border-radius:2px;font:700 10px/1.2 var(--cl-font);letter-spacing:.1em;text-transform:uppercase;color:var(--cl-ink3);background:#ffffff0d}.cl-tip .ult{color:var(--cl-amber)}.cs.skinsopen .cs-skins{display:flex}.cs.skinsopen .cs-abil{display:none}.cs.aborted .cs-center,.cs.aborted .cs-side{opacity:.35;pointer-events:none;filter:grayscale(.6);transition:opacity .4s,filter .4s}.cs.aborted .cs-phase h1{color:var(--cl-red2)}.cs-ch .flag.soon{color:var(--cl-ink2);background:#000000b3;border:1px solid var(--cl-line2)}.cs-ab.ph{display:grid;place-items:center;color:var(--cl-ink4);font:700 18px/1 var(--cl-display)}.cs-reroll .cl-g{width:16px;height:16px}.cl-btn.gold{color:#1a1206!important;border-color:#fff0c8!important;background:linear-gradient(180deg,#f6e2a8,#c8a05a 55%,#9a7434)!important;box-shadow:0 0 16px #f0c86e4d,inset 0 1px #ffffff8c}.cl-btn.gold:hover:not(:disabled){filter:brightness(1.08);color:#120c04!important;border-color:#fff6dc!important;background:linear-gradient(180deg,#fff0c4,#d6b06a 55%,#a8803e)!important}.cs-seat .botic{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#6aa8ff1f;color:var(--cl-blue);box-shadow:0 0 0 1px #6aa8ff59;flex:none}.cs-seat .botic .cl-g{width:18px;height:18px}.cs-locked{position:absolute;left:0;right:0;top:38%;text-align:center;color:var(--cl-gold2);font:700 12px/1 var(--cl-font);letter-spacing:.3em;text-transform:uppercase}.cs-locked .cl-g{display:block;margin:0 auto 12px;width:26px;height:26px;filter:drop-shadow(0 0 10px rgba(240,216,152,.6))}.cs-practice{flex:1;padding:20px;border:1px solid var(--cl-line);border-radius:4px;background:linear-gradient(180deg,#0e160eb3,#060806cc);font-size:12.5px;line-height:1.6;color:var(--cl-ink3)}.cs-practice .cl-g{width:30px;height:30px;color:var(--cl-green);margin-bottom:10px}.cs-practice b{display:block;font:700 20px/1.1 var(--cl-display);color:var(--cl-ink);margin-bottom:8px;letter-spacing:.04em}.cs-practice ul{margin:10px 0 0;padding-left:16px}.cs-practice li{margin:3px 0}.cs-edge{margin-top:10px;padding:10px 12px;border-radius:3px;font-size:12.5px;line-height:1.5}.cs-edge.good{background:#5fd06814;border:1px solid rgba(95,208,104,.3);color:var(--cl-green2)}.cs-edge.bad{background:#e2493e14;border:1px solid rgba(226,73,62,.3);color:var(--cl-red2)}.ld-card .art{background:radial-gradient(ellipse 80% 70% at 50% 62%,rgba(200,170,110,.18),transparent 70%)}.ld-card .art .cl-art-crest{opacity:.55;transition:opacity .8s,filter .8s}.ld-card .art .ld-port{position:absolute;left:0;top:0;width:318px;height:400px;object-fit:contain;z-index:1;opacity:0;transform:scale(1.04);transition:opacity .9s var(--cl-ease),transform 1.4s var(--cl-out);filter:drop-shadow(0 12px 24px rgba(0,0,0,.6))}.ld-card .art .ld-port.in{opacity:1;transform:none}.ld-card .art:has(.ld-port.in) .cl-art-crest{opacity:.18;filter:blur(2px)}.ld-card .art:after{z-index:2}