:root{--display: "Arial Rounded MT Bold", "Arial Rounded MT", ui-rounded, "SF Pro Rounded", "Nunito", "Varela Round", "Segoe UI Semibold", "Trebuchet MS", system-ui, sans-serif;--body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-hero: clamp(30px, 7vw, 40px);--fs-h1: clamp(22px, 5.4vw, 28px);--fs-h2: 19px;--fs-h3: 13px;--fs-body: 14px;--fs-meta: 12px;--fs-micro: 10.5px;--ts-soft: 0 1px 0 rgba(0, 0, 0, .28);--ts-display: 0 2px 0 rgba(4, 8, 20, .35), 0 4px 16px rgba(4, 8, 20, .35);--ts-world: 0 1px 2px rgba(0, 0, 0, .6), 0 0 14px rgba(0, 0, 0, .45);--ink: #0f1626;--ink-2: #141c30;--s1: #1a2339;--s2: #222d49;--s3: #2b3858;--s4: #36456a;--edge: rgba(255, 255, 255, .075);--edge-2: rgba(255, 255, 255, .13);--edge-dark: rgba(3, 6, 14, .55);--glass: rgba(16, 23, 40, .72);--glass-2: rgba(24, 33, 56, .82);--glass-hud: rgba(14, 20, 36, .66);--row: rgba(6, 10, 22, .28);--row-hi: rgba(255, 255, 255, .05);--scrim: rgba(6, 9, 18, .66);--cream: #f4f1ea;--tx-2: #c4cbdd;--muted: #929dbb;--tx-dark: #2a1d0c;--gold: #f2c35a;--gold-2: #d7962e;--gold-3: #7d5216;--green: #5fbf62;--green-1: #79cc6f;--green-2: #34935a;--green-3: #1f5f3c;--blue: #5b9be6;--blue-1: #6aa6ea;--blue-2: #3567b9;--blue-3: #1f3d76;--purple: #9a7fe0;--purple-1: #a68ce4;--purple-2: #6a4dbc;--purple-3: #3d2b79;--amber-1: #f1c869;--amber-2: #cf8f33;--amber-3: #7a4c14;--red: #e0675a;--red-1: #e47a6b;--red-2: #b6433a;--red-3: #6c2420;--slate-1: #43527a;--slate-2: #2d3858;--slate-3: #161e34;--gem: #f09ad8;--ok: #7fd47a;--bad: #f08a7c;--warn: #f2c35a;--badge: #e2574a;--k-road: #d2a465;--k-tower: #6fa8dc;--k-upgrade: #e8b84e;--k-joker: #a184e6;--k-utility: #7fc9a6;--r-xs: 8px;--r-sm: 11px;--r-md: 14px;--r-lg: 18px;--r-xl: 22px;--sh-1: 0 2px 6px rgba(3, 6, 16, .28);--sh-2: 0 8px 22px rgba(3, 6, 16, .38);--sh-3: 0 16px 40px rgba(3, 6, 16, .5);--hl: inset 0 1px 0 rgba(255, 255, 255, .1);--dur-1: .12s;--dur-2: .22s;--dur-3: .38s;--ease-out: cubic-bezier(.2, .8, .25, 1);--ease-spring: cubic-bezier(.25, 1.25, .45, 1);--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--gut: 10px;--panel-1: var(--s3);--panel-2: var(--s2);--panel-edge: var(--edge-dark);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--ink);color:var(--cream);font-family:var(--body);font-weight:600}body{position:fixed;inset:0;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}input,textarea{-webkit-user-select:text;user-select:text;touch-action:manipulation;font-family:var(--body)}button{font-family:inherit;color:inherit;touch-action:manipulation}kbd{font-family:var(--body)}.scroll{overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.icon{flex:none;display:block}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.app{position:fixed;inset:0;height:100dvh;overflow:hidden}.screen{position:absolute;inset:0;overflow:hidden}.btn{--c1: var(--blue-1);--c2: var(--blue-2);--c3: var(--blue-3);--fs: 17px;--bt: #fff;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.55em 1.15em;border:0;border-radius:var(--r-md);cursor:pointer;color:var(--bt);font:400 var(--fs)/1.05 var(--display);letter-spacing:.03em;text-transform:uppercase;background:linear-gradient(180deg,var(--c1),var(--c2));box-shadow:inset 0 1px #ffffff4d,inset 0 -2px #0000001f,0 3px 0 var(--c3),0 7px 16px #0306104d;text-shadow:var(--ts-soft);transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),filter var(--dur-2) ease;outline:none;isolation:isolate}.btn:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(180deg,#ffffff1f,#fff0 55%)}.btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff4d,inset 0 -2px #0000001f,0 4px 0 var(--c3),0 10px 20px #03061057}.btn:active:not(:disabled){transform:translateY(2px);filter:brightness(.97);box-shadow:inset 0 1px #ffffff38,inset 0 -1px #0000001f,0 1px 0 var(--c3),0 3px 8px #03061047;transition-duration:.05s}.btn:focus-visible{box-shadow:0 0 0 2px var(--ink),0 0 0 4px var(--gold),0 3px 0 var(--c3)}.btn:disabled{filter:grayscale(.8) brightness(.72);cursor:not-allowed;opacity:.8}.btn-label{display:flex;flex-direction:column;align-items:center;gap:3px}.btn-label small{font:600 11px/1.15 var(--body);letter-spacing:.01em;text-transform:none;opacity:.88;text-shadow:none}.btn-sm{--fs: 13.5px;min-height:40px;padding:.4em .9em;border-radius:var(--r-sm)}.btn-md{--fs: 16px}.btn-lg{--fs: 19px;min-height:56px;border-radius:var(--r-lg)}.btn-xl{--fs: clamp(22px, 5.6vw, 28px);flex-direction:column;gap:6px;min-height:108px;padding:14px 10px 12px;border-radius:var(--r-xl)}.btn-xl .btn-label small{font-size:clamp(11px,2.8vw,13px)}.btn-wide{width:100%}.btn-green{--c1: var(--green-1);--c2: var(--green-2);--c3: var(--green-3)}.btn-blue{--c1: var(--blue-1);--c2: var(--blue-2);--c3: var(--blue-3)}.btn-red{--c1: var(--red-1);--c2: var(--red-2);--c3: var(--red-3)}.btn-gold{--c1: var(--amber-1);--c2: var(--amber-2);--c3: var(--amber-3);--bt: #2e1c06;text-shadow:0 1px 0 rgba(255,240,200,.35)}.btn-purple{--c1: var(--purple-1);--c2: var(--purple-2);--c3: var(--purple-3)}.btn-dark{--c1: var(--slate-1);--c2: var(--slate-2);--c3: var(--slate-3)}.btn-ghost{--c1: rgba(255,255,255,.1);--c2: rgba(255,255,255,.05);--c3: rgba(0,0,0,.25);box-shadow:inset 0 0 0 1px var(--edge-2),var(--sh-1)}.btn-ghost:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--edge-2),var(--sh-1)}.link-btn{border:0;background:none;color:var(--gold);font:700 14px var(--body);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer;padding:10px 6px;min-height:44px}.link-btn:hover{color:#ffd98a}.ibtn{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:var(--r-md);border:0;cursor:pointer;color:#e9edf7;background:linear-gradient(180deg,#3a486ceb,#222c48eb);box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px var(--edge),0 2px #060a1699,var(--sh-1);transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1),filter var(--dur-2)}.ibtn:hover{filter:brightness(1.12);transform:translateY(-1px)}.ibtn:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px var(--edge),0 0 #0000,0 1px 3px #0000004d}.ibtn.is-active{color:var(--gold);box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1.5px #f2c35a8c,0 2px #060a1699,var(--sh-1)}.ibtn-gold{color:#2e1c06;background:linear-gradient(180deg,var(--amber-1),var(--amber-2));box-shadow:inset 0 1px #ffffff59,0 2px 0 var(--amber-3),var(--sh-1)}.ibtn-gold .icon{filter:none}.ibtn-blue{color:#fff;background:linear-gradient(180deg,var(--blue-1),var(--blue-2));box-shadow:inset 0 1px #ffffff4d,0 2px 0 var(--blue-3),var(--sh-1)}.ibtn-badge{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;border-radius:10px;background:var(--badge);color:#fff;font:800 11px/19px var(--body);padding:0 5px;box-shadow:0 0 0 2px var(--ink)}.panel{position:relative;border-radius:var(--r-xl);color:var(--cream);background:linear-gradient(180deg,var(--s3),var(--s2));border:1px solid var(--edge-dark);box-shadow:var(--hl),inset 0 0 0 1px var(--edge),var(--sh-3)}.panel-head{--hc: var(--blue);position:relative;display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 60px 10px 14px;border-radius:calc(var(--r-xl) - 1px) calc(var(--r-xl) - 1px) 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--hc) 26%,var(--s3)),color-mix(in srgb,var(--hc) 10%,var(--s3)));box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #00000040}.panel-head:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--hc) 60%,transparent),transparent)}.panel-head h2{margin:0;font:400 var(--fs-h2)/1.1 var(--display);letter-spacing:.02em;color:#fff;text-shadow:var(--ts-soft)}.panel-head-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-sm);color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--hc) 85%,#fff 0%),color-mix(in srgb,var(--hc) 70%,#000));box-shadow:inset 0 1px #ffffff40,var(--sh-1)}.panel-close{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;color:var(--tx-2);background:#ffffff12;box-shadow:inset 0 0 0 1px var(--edge);transition:background var(--dur-1),color var(--dur-1),transform var(--dur-1)}.panel-close:hover{background:#ffffff24;color:#fff}.panel-close:active{transform:translateY(calc(-50% + 1px)) scale(.96)}.panel-close.sm{width:36px;height:36px;top:10px;right:10px;transform:none}.panel-close.sm:active{transform:scale(.95)}.panel-body{padding:16px 18px 18px;flex:1 1 auto;min-height:0}.panel-foot{padding:12px 18px 18px;border-top:1px solid var(--edge)}.accent-green .panel-head{--hc: var(--green)}.accent-purple .panel-head{--hc: var(--purple)}.accent-gold .panel-head{--hc: var(--gold)}.accent-red .panel-head{--hc: var(--red)}.accent-dark .panel-head{--hc: #7d8bb0}.modal-back{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:calc(12px + var(--sat)) calc(12px + var(--sar)) calc(12px + var(--sab)) calc(12px + var(--sal));background:radial-gradient(ellipse at center,#0a0e1c80,#050810c7);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);pointer-events:auto;animation:fade-in var(--dur-2) ease both}.modal{display:flex;flex-direction:column;width:min(520px,100%);max-height:calc(100dvh - 24px - var(--sat) - var(--sab));animation:pop-in var(--dur-3) var(--ease-spring) both}.modal.modal-sm{width:min(400px,100%)}.field-label{margin:18px 0 8px;font:700 var(--fs-h3) var(--body);text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.field-label:first-child{margin-top:2px}.hint{margin:10px 2px 0;color:var(--muted);font-size:var(--fs-body);font-weight:600;line-height:1.45}.hint.lead{margin:0 0 14px;font-size:15px;color:var(--tx-2)}.stack{display:flex;flex-direction:column;gap:12px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.divider{display:flex;align-items:center;gap:12px;margin:18px 0 4px;color:var(--muted);font:700 12px var(--body);letter-spacing:.08em;text-transform:uppercase}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--edge-2)}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:var(--r-md);background:var(--row);box-shadow:inset 0 1px 3px #0000004d,inset 0 0 0 1px var(--edge)}.seg-opt{--seg: var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;padding:6px 4px;border:0;border-radius:var(--r-sm);cursor:pointer;background:transparent;color:var(--tx-2);font:400 14.5px var(--display);transition:background var(--dur-2),color var(--dur-2),transform var(--dur-1)}.seg-opt small{font:600 10.5px var(--body);opacity:.8}.seg-opt:hover{background:#ffffff0f;color:#fff}.seg-opt:active{transform:scale(.97)}.seg-opt.is-on{color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--seg) 88%,#fff 12%),color-mix(in srgb,var(--seg) 80%,#000));box-shadow:inset 0 1px #ffffff40,0 2px 6px #00000040;text-shadow:var(--ts-soft)}.seg-sm .seg-opt{min-height:38px;font-size:13px}.is-readonly{pointer-events:none;opacity:.75}.toggle-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:8px 12px;margin-bottom:6px;border:0;border-radius:var(--r-md);background:var(--row);box-shadow:inset 0 0 0 1px var(--edge);cursor:pointer;font:600 15px var(--body);text-align:left;transition:background var(--dur-2)}.toggle-row:hover{background:#ffffff0d}.toggle{position:relative;flex:none;width:50px;height:28px;border-radius:14px;background:#141b2e;box-shadow:inset 0 1px 3px #00000080,inset 0 0 0 1px var(--edge);transition:background var(--dur-2)}.toggle-knob{position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#fff,#dfe3ec);box-shadow:0 1px 3px #00000059;transition:transform var(--dur-2) var(--ease-spring)}.toggle-row.is-on .toggle{background:linear-gradient(180deg,var(--green-1),var(--green-2))}.toggle-row.is-on .toggle-knob{transform:translate(22px)}.slider-row{display:block;margin-bottom:8px;padding:10px 12px;border-radius:var(--r-md);background:var(--row);box-shadow:inset 0 0 0 1px var(--edge)}.slider-row.is-disabled{opacity:.5}.slider-label{display:flex;justify-content:space-between;margin-bottom:6px;font-size:15px;font-weight:600}.slider-label b{color:var(--gold);font-family:var(--display);font-weight:400}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;touch-action:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:linear-gradient(90deg,var(--gold) var(--pct),#141b2e var(--pct));box-shadow:inset 0 1px 2px #0006}input[type=range]::-moz-range-track{height:8px;border-radius:4px;background:linear-gradient(90deg,var(--gold) var(--pct),#141b2e var(--pct))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-8px;border-radius:50%;background:linear-gradient(180deg,#fff,#e3e6ee);border:0;box-shadow:0 0 0 3px #f2c35a73,0 2px 5px #0006}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 3px #f2c35a73}.text-input,.code-input{width:100%;min-height:50px;padding:10px 14px;border-radius:var(--r-md);border:1px solid var(--edge-2);outline:none;background:#060a1673;color:var(--cream);font:600 17px var(--body);box-shadow:inset 0 1px 3px #0000004d;transition:border-color var(--dur-2),box-shadow var(--dur-2)}.text-input::placeholder{color:var(--muted)}.text-input:focus,.code-input:focus{border-color:var(--gold);box-shadow:inset 0 1px 3px #0000004d,0 0 0 3px #f2c35a38}.code-input{font:400 24px var(--display);letter-spacing:.25em;text-transform:uppercase;text-align:center}.code-input::placeholder{letter-spacing:.08em;font-size:16px;color:var(--muted)}.join-row{display:grid;grid-template-columns:1fr auto;gap:10px}.code-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px;border-radius:var(--r-lg);background:var(--row);box-shadow:inset 0 0 0 1px var(--edge)}.code-card small{color:var(--muted);font:700 11px var(--body);letter-spacing:.12em;text-transform:uppercase}.code-big{font:400 42px/1.05 var(--display);letter-spacing:.18em;color:var(--gold);text-shadow:var(--ts-display);padding-left:.18em}.copy-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 14px;border-radius:var(--r-sm);border:0;cursor:pointer;background:#ffffff14;box-shadow:inset 0 0 0 1px var(--edge);color:#fff;font:700 14px var(--body)}.copy-btn:hover{background:#ffffff24}.tag{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:6px;font:800 10px/18px var(--body);letter-spacing:.07em;text-transform:uppercase;color:#fff;flex:none}.tag-bot{background:#a0acc847;color:#dfe4ef}.tag-you{background:var(--gold);color:#2e1c06}.tag-ai{background:#f0a050d9}.tag-host{background:#9a7fe0e6}.tag-party{background:#5b9be6e6}.tag-off{background:#ffffff29;color:var(--tx-2)}.badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--badge);color:#fff;font:800 11.5px var(--body);box-shadow:0 0 0 2px #0a0e1a99}.backdrop{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.bd-sky{position:absolute;inset:0;background:linear-gradient(180deg,#18223f,#26345e 24%,#4a4d7e 42%,#8a6f8a 56%,#c99a7e,#e2bf93 80%)}.bd-sun{position:absolute;left:50%;top:58%;width:46vmax;height:46vmax;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ffecc4b3 0 7%,#f6c48c52 15%,#e6aa7800 46%)}.bd-clouds{position:absolute;inset:0 0 45%;opacity:.55}.cloud{position:absolute;width:240px;height:50px;border-radius:30px;background:linear-gradient(180deg,#e8e4f0 30%,#c9bfd8);animation:drift 90s linear infinite;opacity:.55}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:#e8e4f0}.cloud:before{width:90px;height:90px;left:38px;top:-48px}.cloud:after{width:66px;height:66px;left:118px;top:-30px}.cloud.c1{top:14%;left:-20%;animation-duration:120s}.cloud.c2{top:30%;left:40%;transform:scale(.7);animation-duration:150s;animation-delay:-40s;opacity:.4}.cloud.c3{top:8%;left:70%;transform:scale(.55);animation-duration:130s;animation-delay:-70s;opacity:.45}.cloud.c4{top:40%;left:10%;transform:scale(.45);animation-duration:170s;animation-delay:-20s;opacity:.3}@keyframes drift{0%{translate:-30vw 0}to{translate:130vw 0}}.bd-layer{position:absolute;left:0;width:100%;display:block}.bd-mountains{bottom:26%;height:38%;filter:saturate(.75)}.bd-hills{bottom:0;height:46%;filter:saturate(.72) brightness(.82)}.bd-castle{position:absolute;bottom:-2px;left:-1%;width:clamp(130px,26vw,440px);height:auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35)) saturate(.8) brightness(.9)}.bd-castle-r{left:auto;right:-1%}.bd-banner{transform-box:fill-box;transform-origin:left center;animation:wave 3s ease-in-out infinite}.bd-banner-2{animation-duration:2.6s;animation-delay:-.6s}@keyframes wave{0%,to{transform:skewY(0) scaleX(1)}50%{transform:skewY(-5deg) scaleX(.95)}}.bd-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 46%,#080c1a14 30%,#080c1a9e),linear-gradient(180deg,#0a0e2073,#0000 32% 70%,#080c1859)}.menu{display:flex;flex-direction:column}.menu-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:calc(10px + var(--sat)) calc(12px + var(--sar)) 0 calc(12px + var(--sal))}.profile-chip{display:flex;align-items:center;gap:8px;min-height:48px;min-width:0;flex:0 1 auto;padding:5px 14px 5px 5px;border:0;border-radius:26px;cursor:pointer;background:var(--glass);box-shadow:inset 0 0 0 2px #ffffff1f,0 6px 14px #0000004d;color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.profile-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;flex:none;background:linear-gradient(180deg,#62b8ff,#2266d6);box-shadow:inset 0 2px #fff6,0 0 0 2px #0c1430}.profile-name{min-width:0;font:400 16px var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.net-pill{flex:none;display:flex;align-items:center;gap:6px;min-height:36px;padding:6px 14px;border-radius:20px;font:700 14px var(--body);background:var(--glass);box-shadow:inset 0 0 0 2px #ffffff1a;white-space:nowrap;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.net-pill b{font:400 15px var(--display);color:#8ef07a}.net-dot{width:10px;height:10px;border-radius:50%;background:#8ef07a;box-shadow:0 0 0 3px #8ef07a40;animation:pulse-dot 1.6s ease-in-out infinite}.net-pill.is-off .net-dot{background:#ff6b5a;box-shadow:0 0 0 3px #ff6b5a40;animation:none}.net-pill.is-wait .net-dot{background:#ffd34d}@keyframes pulse-dot{50%{box-shadow:0 0 0 6px #8ef07a00}}.menu-main{position:relative;z-index:2;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:min(560px,calc(100% - 32px));margin:0 auto;padding:4px 0 calc(28px + var(--sab))}.menu-brand,.menu-buttons{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.menu-logo{width:min(520px,94%);animation:logo-in .7s cubic-bezier(.2,1.3,.4,1) both}.logo{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 10px 18px rgba(20,10,40,.45))}.logo-text{font-family:var(--display);font-size:120px;font-weight:900;stroke:#2a1408;stroke-width:16px;stroke-linejoin:round}.logo-extrude{fill:#8a3f06}.logo-sub{font-family:var(--display);font-size:54px;font-weight:900;fill:#fff;stroke:#10213f;stroke-width:10px;stroke-linejoin:round;letter-spacing:6px}.logo-flag{transform-box:fill-box;transform-origin:right center;animation:wave 2.2s ease-in-out infinite}.logo-flag-r{transform-origin:left center;animation-delay:-1.1s}@keyframes logo-in{0%{opacity:0;transform:translateY(-30px) scale(.85)}}.menu-tagline{margin:-8px 0 4px;font:400 clamp(14px,3.6vw,18px) var(--display);color:#fff;text-align:center;letter-spacing:.02em}.menu-play{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;animation:rise-in .5s .15s cubic-bezier(.2,1.2,.4,1) both}.menu-main>.btn-wide{animation:rise-in .5s .22s cubic-bezier(.2,1.2,.4,1) both}.menu-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;animation:rise-in .5s .29s cubic-bezier(.2,1.2,.4,1) both}.menu-row .btn{--fs: 15px;padding-inline:8px}@keyframes rise-in{0%{opacity:0;transform:translateY(26px)}}.menu-foot{position:absolute;z-index:2;right:calc(12px + var(--sar));bottom:calc(8px + var(--sab));font-size:11px;color:#ffffffa6;text-shadow:0 1px 2px #000}.offline-card{display:flex;align-items:center;gap:12px;width:100%;padding:10px 10px 10px 14px;border-radius:16px;color:#fff;background:linear-gradient(180deg,#781e1eeb,#501218eb);box-shadow:inset 0 0 0 2px #ff826e73,0 8px 18px #00000059;animation:rise-in .4s both}.offline-card>div{flex:1;display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.3}.offline-card b{font:400 16px var(--display)}.offline-card span{color:#ffd9d2}.mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mode-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;min-height:120px;border-radius:18px;border:3px solid transparent;cursor:pointer;text-align:center;color:#dfe7ff;background:#0000003d;transition:transform .12s,background .15s,border-color .15s}.mode-card b{font:400 15px var(--display);color:#fff}.mode-card small{font-size:11.5px;line-height:1.25;color:var(--muted)}.mode-card:hover{background:#ffffff14;transform:translateY(-2px)}.mode-card.is-on{border-color:#8bea5a;background:linear-gradient(180deg,#8bea5a40,#2fa83a2e);box-shadow:0 0 0 3px #8bea5a33,0 8px 18px #00000040}.mode-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(180deg,#62b8ff,#2266d6);box-shadow:inset 0 2px #fff6,0 3px #123f8c;color:#fff}.mode-card.is-on .mode-icon{background:linear-gradient(180deg,#8bea5a,#2fa83a);box-shadow:inset 0 2px #fff6,0 3px #1b6b20}.member-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.member-list li{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 12px 6px 6px;border-radius:14px;background:#00000038}.member-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(180deg,#ffd85a,#e08e0b)}.member-name{flex:1;font:400 16px var(--display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-empty{justify-content:center;color:var(--muted);font-style:italic;border:2px dashed rgba(255,255,255,.18);background:transparent!important}.keys-help ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px 12px;font-size:13px;color:var(--muted)}kbd{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;margin-right:4px;border-radius:7px;background:linear-gradient(180deg,#f4f0e6,#cfc8b8);color:#1b1f2e;font:800 12px var(--body);box-shadow:0 2px #6f6858}.queue-screen,.lobby-screen{display:grid;place-items:center;padding:calc(16px + var(--sat)) 16px calc(70px + var(--sab))}.queue-panel{z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;width:min(440px,100%);padding:22px 20px;animation:pop-in .4s cubic-bezier(.2,1.4,.4,1) both}.queue-mode{display:flex;gap:6px}.queue-mode .tag{height:24px;font-size:13px;padding:0 10px;border-radius:8px}.queue-title{margin:0;font:400 clamp(24px,7vw,32px) var(--display);text-align:center}.dots i{font-style:normal;animation:blink 1.2s infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.2}40%{opacity:1}}.queue-ring{position:relative;width:180px;height:180px}.queue-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:#00000047;stroke:#00000059;stroke-width:16}.ring-fg{fill:none;stroke:url(#none);stroke:#ffcf3f;stroke-width:14;stroke-linecap:round;transition:stroke-dashoffset .12s linear;filter:drop-shadow(0 0 6px rgba(255,207,63,.6))}.ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-center b{font:400 48px/1 var(--display);color:#fff}.ring-center small{color:var(--muted);font-weight:700}.ring-spinner{position:absolute;inset:22px;border-radius:50%;border:4px solid transparent;border-top-color:#ffffff8c;animation:spin 1.1s linear infinite}.ring-spinner.solo{position:relative;inset:auto;width:70px;height:70px;margin:10px;border-width:6px;border-top-color:var(--gold)}.ring-spinner.tiny{position:relative;inset:auto;display:inline-block;width:18px;height:18px;border-width:3px;border-top-color:var(--gold);vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.queue-seats{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.q-seat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:62px;height:66px;border-radius:16px;font:400 11px var(--display);text-transform:uppercase;transition:all .3s}.q-human{background:linear-gradient(180deg,#62b8ff,#2266d6);box-shadow:inset 0 2px #fff6,0 4px #123f8c;animation:pop-in .4s both}.q-bot{background:linear-gradient(180deg,#8f9bb8,#5c6886);box-shadow:inset 0 2px #fff6,0 4px #2e3650;animation:pop-in .4s both}.q-wait{border:3px dashed rgba(255,255,255,.3);color:var(--muted);animation:breathe 1.6s ease-in-out infinite}@keyframes breathe{50%{opacity:.5;transform:scale(.95)}}.queue-count{margin:0;font-size:17px}.queue-count b{font:400 22px var(--display);color:var(--gold)}.queue-fill{margin:-6px 0 6px;color:var(--muted);text-align:center}.queue-fill b{color:#fff}.tip-bar{position:absolute;z-index:2;left:50%;bottom:calc(14px + var(--sab));transform:translate(-50%);display:flex;align-items:center;gap:8px;width:min(560px,calc(100% - 32px));padding:12px 16px;border-radius:16px;background:var(--glass);box-shadow:inset 0 0 0 2px #ffffff1a;font-size:14px;animation:fade-up .5s both;color:#dfe7ff}.tip-bar b{color:var(--gold)}@keyframes fade-up{0%{opacity:0;transform:translate(-50%,10px)}}.lobby-panel{z-index:2;display:flex;flex-direction:column;width:min(620px,100%);max-height:calc(100dvh - 32px - var(--sat) - var(--sab));animation:pop-in .4s cubic-bezier(.2,1.4,.4,1) both}.lobby-panel .panel-head{--hc1: #c69bff;--hc2: #7846dc}.lobby-teams{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.lobby-team{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:18px;background:color-mix(in srgb,var(--team) 22%,rgba(0,0,0,.3));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--team) 60%,transparent)}.lobby-team h3{margin:2px 4px;font:400 16px var(--display);text-transform:uppercase;color:color-mix(in srgb,var(--team) 50%,#fff)}.lobby-seat{position:relative;display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:56px;padding:8px 10px;border-radius:14px;border:0;background:#0000004d;text-align:left;cursor:default;color:#fff}.lobby-seat:not(:disabled){cursor:pointer}.lobby-seat:not(:disabled):hover{background:#ffffff1a}.lobby-seat.is-empty{background:transparent;border:2px dashed rgba(255,255,255,.25);color:var(--muted)}.lobby-seat.is-me{box-shadow:inset 0 0 0 2px var(--gold)}.seat-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--team);flex:none}.is-empty .seat-avatar{background:#ffffff1a}.seat-name{flex:1;min-width:60px;font:400 15px var(--display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-move{width:100%;font-size:12px;color:var(--gold)}.waiting-host{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;color:var(--muted);font-weight:700}.game-canvas{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 50% 40%,#3d6a3a,#1b2a22 75%)}.game-view{position:absolute;inset:0}.game-view>canvas{display:block;width:100%;height:100%;touch-action:none}.view-fallback{position:absolute;inset:0;display:grid;place-items:center}.fallback-map{width:100%;height:100%;display:block}.fallback-note{position:absolute;left:50%;bottom:46%;transform:translate(-50%);padding:4px 10px;border-radius:8px;background:#0006;font-size:11px;color:#fff9;pointer-events:none;display:none}.view-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font:400 18px var(--display)}.view-loading .ring-spinner{position:relative;inset:auto;width:60px;height:60px;border-width:6px;border-top-color:var(--gold)}.hud{position:absolute;inset:0;z-index:10;pointer-events:none}.hud button,.hud canvas,.hud input,.hud .card-sheet,.hud .tower-panel,.hud .place-bar,.hud .xpbar,.hud .spectate,.hud .hand{pointer-events:auto}.hud-top-wrap{position:absolute;top:calc(var(--gut) + var(--sat));left:calc(var(--gut) + var(--sal));right:calc(var(--gut) + var(--sar));display:flex;flex-direction:column;gap:8px}.hud-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:10px}.team-group{display:flex;gap:8px;min-width:0;position:relative}.team-1{justify-content:flex-end}.team-group[data-label]:before{content:attr(data-label);position:absolute;top:-2px;font:400 10px var(--display);letter-spacing:.12em;text-transform:uppercase;color:#fff;opacity:0}.mode-2v2 .team-group{padding:4px;border-radius:20px;background:#3b82f647;box-shadow:inset 0 0 0 2px #3b82f673}.mode-2v2 .team-1{background:#ef444442;box-shadow:inset 0 0 0 2px #ef444473}.is-placing .xpbar{display:none}@media(max-height:760px){.is-placing .hand{display:none}}.hud-row2{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.hud-row2-right{margin-left:auto}.sys-btns{display:flex;gap:8px}.pchip{--pc: #3b82f6;position:relative;display:flex;align-items:center;gap:8px;width:228px;min-width:0;min-height:56px;padding:6px 10px 6px 6px;border:0;border-radius:18px;cursor:pointer;text-align:left;color:#fff;overflow:hidden;background:linear-gradient(180deg,#243054eb,#10162aeb);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--pc) 70%,transparent),inset 0 2px #ffffff26,0 6px 14px #00000059;transition:transform .1s,filter .2s}.pchip:after{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--pc)}.team-1 .pchip{flex-direction:row-reverse;text-align:right;padding:6px 6px 6px 10px}.team-1 .pchip:after{left:auto;right:0}.pchip:hover{filter:brightness(1.12)}.pchip:active{transform:scale(.97)}.pchip.is-you{box-shadow:inset 0 0 0 2px var(--gold),inset 0 2px #ffffff26,0 0 0 3px #ffcf3f40,0 6px 14px #00000059}.pchip-avatar{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 70%,#fff),var(--pc));box-shadow:inset 0 2px #ffffff73,0 3px color-mix(in srgb,var(--pc) 50%,#000)}.pchip-avatar .icon{filter:drop-shadow(0 1.5px 0 rgba(0,0,0,.35))}.pchip-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.pchip-name{display:flex;align-items:center;gap:5px;min-width:0;font:400 15px/1.1 var(--display)}.team-1 .pchip-name{flex-direction:row-reverse}.pchip-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;text-shadow:0 1.5px 0 rgba(0,0,0,.5)}.pchip-ai{font-size:10.5px;color:#ffb35a;font-weight:800;line-height:1}.hpbar{position:relative;display:block;height:16px;border-radius:8px;overflow:hidden;background:#0a0f1d;box-shadow:inset 0 2px 3px #0009,0 0 0 1.5px #0009}.hpbar-ghost,.hpbar-fill{position:absolute;top:0;bottom:0;left:0;border-radius:8px}.team-1 .hpbar-ghost,.team-1 .hpbar-fill{left:auto;right:0}.hpbar-ghost{background:#ffe7a3;transition:width .9s .35s ease}.hpbar-fill{background:linear-gradient(180deg,#a6f27a,#3fb43a 60%,#2a8f2a);box-shadow:inset 0 2px #ffffff59;transition:width .25s ease}.hp-mid .hpbar-fill{background:linear-gradient(180deg,#ffe27a,#f0a01a 60%,#c27a05)}.hp-lo .hpbar-fill{background:linear-gradient(180deg,#ff9a7a,#e3372d 60%,#a81d18);animation:hp-throb .9s ease-in-out infinite}@keyframes hp-throb{50%{filter:brightness(1.35)}}.hpbar-text{position:absolute;inset:0;display:grid;place-items:center;font:400 11.5px/16px var(--display);color:#fff;text-shadow:0 1px 0 #000,0 0 3px #000}.hpbar-flash{position:absolute;inset:0;background:#fff;animation:flash .45s ease-out both}.pchip-hit{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 3px #ff4b3e,inset 0 0 22px #ff3c28b3;animation:flash .6s ease-out both;pointer-events:none}.pchip.pchip-hit-anim{animation:shake .3s}@keyframes flash{0%{opacity:.95}to{opacity:0}}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.pchip.is-dead{filter:grayscale(1) brightness(.7)}.pchip.is-dead .pchip-avatar{background:linear-gradient(180deg,#6b6f7a,#3c3f48)}.pchip-fallen{font:400 12px var(--display);letter-spacing:.12em;color:#ff8a7a}.pchip-compact{width:168px;min-height:48px;gap:6px;border-radius:15px}.pchip-compact .pchip-avatar{width:34px;height:34px;border-radius:11px}.pchip-compact .pchip-name{font-size:13px}.pchip-compact .hpbar{height:14px}.pchip-compact .hpbar-text{line-height:14px;font-size:10.5px}.wave-panel{position:relative;display:flex;flex-direction:column;align-items:center;min-width:132px;padding:6px 14px 8px;border-radius:0 0 22px 22px;background:linear-gradient(180deg,#ffe27a,#f0a01a);color:#3a1d00;box-shadow:inset 0 2px #fff9,inset 0 -3px #00000026,0 5px #8a4b00,0 10px 18px #00000059;margin-top:calc(-1 * var(--gut) - var(--sat));padding-top:calc(var(--gut) + var(--sat) + 4px)}.wave-label{font:400 12px/1 var(--display);letter-spacing:.2em;color:#7a3d00}.wave-num{font:400 40px/1 var(--display);color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.25);animation:num-pop .5s cubic-bezier(.2,1.6,.4,1)}@keyframes num-pop{0%{transform:scale(1.6)}}.wave-sub{display:flex;gap:6px;margin-top:4px}.wave-next,.wave-time{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:11px;background:#3c1900d1;color:#fff;font:400 12px/22px var(--display);white-space:nowrap}.wave-next.is-soon{background:#d8382f;animation:hp-throb .5s ease-in-out infinite}.boss-next{background:linear-gradient(180deg,#ff8a6a,#c22a24);box-shadow:inset 0 2px #ffffff80,0 5px #6b1010,0 10px 18px #00000059}.boss-next .wave-label{color:#ffe0d8}.minimap{position:relative}.minimap-panel{width:216px;height:184px;padding:5px;border-radius:18px;background:linear-gradient(180deg,#4a5a86,#1d2643);box-shadow:inset 0 2px #ffffff40,0 0 0 2px #0c1430,0 8px 16px #00000059;animation:pop-in .25s cubic-bezier(.2,1.4,.4,1) both}.wave-phone{display:none}.wave-desk{display:contents}.minimap-canvas{display:block;width:100%;height:100%;border-radius:13px;background:#1a2a1c;cursor:crosshair;touch-action:none}.minimap-toggle{display:grid;place-items:center;border:0;cursor:pointer;color:#fff}.is-open .minimap-toggle{position:absolute;top:-8px;right:-8px;width:30px;height:30px;border-radius:10px;background:linear-gradient(180deg,#5a6a92,#343f63);box-shadow:0 2px #111a33,0 0 0 2px #0c1430}.is-closed .minimap-toggle{width:48px;height:48px;border-radius:15px;background:linear-gradient(180deg,#4a5a86,#26304f);box-shadow:inset 0 2px #ffffff47,inset 0 -3px #00000040,0 4px #111a33,0 8px 14px #00000059}.hud-right{position:absolute;right:calc(var(--gut) + var(--sar));top:50%;transform:translateY(-50%)}.cam-rail{display:flex;flex-direction:column;gap:8px;padding:6px;border-radius:20px;background:#0a102059}.cam-sep{height:2px;margin:2px 8px;border-radius:2px;background:#ffffff26}.hud-left{position:absolute;left:calc(var(--gut) + var(--sal));top:50%;transform:translateY(-38%)}.tower-panel{--tc: #e8a33d;--oc: #3b82f6;position:relative;width:272px;padding:12px;border-radius:22px;color:#fff;background:linear-gradient(180deg,#34477af5,#1c2644f5);box-shadow:inset 0 2px #fff3,0 0 0 3px #0c1430,inset 0 0 0 2px color-mix(in srgb,var(--tc) 50%,transparent),0 14px 28px #00000073;animation:slide-in-l .3s cubic-bezier(.2,1.3,.4,1) both}@keyframes slide-in-l{0%{opacity:0;transform:translate(-30px)}}.tp-head{display:flex;gap:10px;align-items:center;padding-right:36px}.tp-art{flex:none;width:70px;height:70px;border-radius:16px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--tc) 45%,#223),#141a2e);box-shadow:inset 0 0 0 2px #ffffff1f}.tp-art .art{width:100%;height:100%}.tp-name{display:block;font:400 18px/1.1 var(--display)}.tp-owner{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);margin-top:2px}.tp-owner i{width:10px;height:10px;border-radius:3px;background:var(--oc)}.tp-level{display:block;margin-top:3px;font:400 13px var(--display);color:var(--gold)}.tp-level span{color:#ffffff40}.tp-level span.on{color:var(--gold);text-shadow:0 1px 0 #7a4b00}.tp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.tp-stats span{display:flex;flex-direction:column;align-items:center;padding:5px 2px;border-radius:10px;background:#00000040}.tp-stats small{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.tp-stats b{font:400 15px var(--display)}.tp-stats em{font-style:normal;font-size:10px;color:#8ef07a}.tp-bonus{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;border-radius:10px;background:#ffcf3f26;color:var(--gold);font-size:13px;font-weight:800}.tp-target{margin-top:10px}.tp-target>small{display:block;margin-bottom:4px;font:400 11px var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.tp-target .seg{padding:4px;gap:4px}.hud-bottom{position:absolute;left:calc(var(--gut) + var(--sal));right:calc(var(--gut) + var(--sar));bottom:calc(var(--gut) + var(--sab));display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.hud-bottom-row{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.xpbar{position:relative;display:flex;align-items:center;width:min(460px,100%);height:30px;padding-left:22px}.xp-level{position:absolute;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(180deg,#c69bff,#6a36d0);box-shadow:inset 0 2px #ffffff73,0 0 0 3px #1a0f3a,0 4px 8px #0006;font:400 20px/.9 var(--display);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35);animation:num-pop .5s cubic-bezier(.2,1.6,.4,1)}.xp-level small{font-size:9px;letter-spacing:.1em;opacity:.9}.xp-track{position:relative;flex:1;height:22px;margin-left:10px;border-radius:11px;overflow:hidden;background:#0d0a24;box-shadow:inset 0 2px 4px #0009,0 0 0 2.5px #1a0f3a,0 4px 10px #0000004d}.xp-fill{position:absolute;inset:0 auto 0 0;border-radius:11px;background:linear-gradient(180deg,#8af4ff,#3fa7ff 55%,#7a4dff);box-shadow:inset 0 2px #ffffff73;transition:width .35s ease;overflow:hidden}.xp-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);animation:shimmer 2.6s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.xp-text{position:absolute;inset:0;display:grid;place-items:center;font:400 12px/22px var(--display);color:#fff;text-shadow:0 1px 0 #000,0 0 3px #000}.xp-pop{position:absolute;left:50%;top:-30px;transform:translate(-50%);font:400 22px var(--display);color:#ffe27a;white-space:nowrap;pointer-events:none;animation:float-up 1.4s ease-out both}@keyframes float-up{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}20%{opacity:1;transform:translate(-50%) scale(1.15)}to{opacity:0;transform:translate(-50%,-26px) scale(1)}}.hand{position:relative;display:flex;gap:8px;align-items:flex-end;justify-content:center;max-width:100%;padding:6px 8px 8px;border-radius:22px;background:#0a10206b}.hand-item{--ac: #e8a33d;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;width:82px;height:98px;padding:5px 4px 6px;border:0;border-radius:16px;cursor:pointer;color:#fff;background:linear-gradient(180deg,#44558a,#232e52);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ac) 55%,transparent),inset 0 2px #ffffff40,0 5px #0e1630,0 10px 16px #00000059;transition:transform .14s cubic-bezier(.2,1.5,.4,1),box-shadow .14s,filter .14s;animation:hand-in .35s cubic-bezier(.2,1.4,.4,1) both}@keyframes hand-in{0%{opacity:0;transform:translateY(30px) scale(.8)}}.hand-item:hover{transform:translateY(-6px);filter:brightness(1.1)}.hand-item:active{transform:translateY(2px) scale(.97)}.hand-item.is-active{transform:translateY(-12px);background:linear-gradient(180deg,#5a6eb0,#2b3a6a);box-shadow:inset 0 0 0 3px var(--gold),0 0 0 3px #ffcf3f4d,0 0 22px #ffcf3f8c,0 14px 20px #0006}.hand-art{width:62px;height:62px}.hand-art .art{width:100%;height:100%}.hand-label{font:400 12px/1 var(--display);text-shadow:0 1.5px 0 rgba(0,0,0,.5);white-space:nowrap}.hand-kind{position:absolute;top:4px;right:4px;padding:1px 5px;border-radius:6px;background:var(--ac);font:400 9px/14px var(--display);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.35);display:none}.hand-count{position:absolute;right:-6px;top:-8px;padding:0 7px;height:20px;border-radius:10px;background:#1a2340;box-shadow:0 0 0 2px #0c1430;font:400 11px/20px var(--display);color:var(--muted)}.hand-empty{padding:14px 16px;color:var(--muted);font-size:13px}.place-bar{display:flex;align-items:center;gap:12px;width:min(660px,100%);padding:10px 10px 10px 16px;border-radius:22px;color:#fff;background:linear-gradient(180deg,#34477af5,#1c2644f5);box-shadow:inset 0 2px #fff3,0 0 0 3px #0c1430,0 12px 24px #0006;animation:rise-in .28s cubic-bezier(.2,1.3,.4,1) both}.place-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.place-info b{font:400 18px/1.1 var(--display)}.place-hint{font-size:13px;color:var(--muted);line-height:1.25}.place-status{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;max-width:100%;padding:3px 9px;border-radius:9px;background:#00000040;font-size:12.5px;font-weight:800;color:#dfe7ff}.place-status.is-ok{background:#50c85a38;color:#a6f27a}.place-status.is-bad{background:#e63c3240;color:#ffb0a4}.place-actions{display:flex;gap:8px;flex:none}.pbtn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:64px;height:64px;padding:4px 10px;border:0;border-radius:16px;cursor:pointer;color:#fff;font:400 13px var(--display);text-shadow:0 1.5px 0 rgba(0,0,0,.35);background:linear-gradient(180deg,#5a6a92,#343f63);box-shadow:inset 0 2px #ffffff59,0 4px #182038,0 8px 12px #0000004d;transition:transform .08s,filter .15s}.pbtn:hover:not(:disabled){filter:brightness(1.1)}.pbtn:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px #ffffff4d,0 1px #182038}.pbtn:disabled{filter:grayscale(.9) brightness(.65);cursor:not-allowed}.pbtn kbd{position:absolute;top:-7px;right:-5px;min-width:20px;height:18px;font-size:10px;border-radius:6px;padding:0 4px}.pbtn-build{min-width:92px;background:linear-gradient(180deg,#8bea5a,#2fa83a);box-shadow:inset 0 2px #ffffff73,0 4px #1b6b20,0 8px 12px #0000004d;font-size:16px}.pbtn-build:not(:disabled){animation:glow-pulse 1.4s ease-in-out infinite}@keyframes glow-pulse{50%{box-shadow:inset 0 2px #ffffff73,0 4px #1b6b20,0 0 0 5px #8bea5a59,0 8px 18px #0000004d}}.pbtn-rotate{background:linear-gradient(180deg,#62b8ff,#2266d6);box-shadow:inset 0 2px #ffffff73,0 4px #123f8c,0 8px 12px #0000004d}.pbtn-cancel{min-width:56px;background:linear-gradient(180deg,#ff8a6a,#d8382f);box-shadow:inset 0 2px #ffffff73,0 4px #85181a,0 8px 12px #0000004d}.pbtn-discard{min-width:48px;padding:4px 6px}.pbtn-discard.is-armed{min-width:64px;background:linear-gradient(180deg,#ff8a6a,#b31f1a);box-shadow:inset 0 2px #ffffff73,0 4px #6b1010,0 0 0 3px #ff5a4e66;animation:shake .3s}.art-stack{position:relative}.art-stack .art-over{position:absolute;inset:0}.banner{position:absolute;left:50%;top:27%;z-index:20;display:flex;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:calc(100% - 24px);transform:translate(-50%);pointer-events:none;animation:banner-life 2.1s ease both}.banner-boss,.banner-elimYou{animation-duration:2.8s}.banner-big{animation:banner-big 3.2s ease both;top:32%}@keyframes banner-life{0%{opacity:0;transform:translate(-50%) scale(1.8)}12%{opacity:1;transform:translate(-50%) scale(.95)}18%{transform:translate(-50%) scale(1)}82%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-30px) scale(.95)}}@keyframes banner-big{0%{opacity:0;transform:translate(-50%) scale(2.4)}14%{opacity:1;transform:translate(-50%) scale(.92)}20%{transform:translate(-50%) scale(1)}90%{opacity:1}to{opacity:0;transform:translate(-50%) scale(1.05)}}.banner-ribbon{position:relative;display:flex;align-items:center;gap:12px;padding:10px 44px;color:#fff;background:linear-gradient(180deg,#62b8ff,#2266d6);clip-path:polygon(0 0,100% 0,calc(100% - 22px) 50%,100% 100%,0 100%,22px 50%);filter:drop-shadow(0 6px 0 rgba(0,0,0,.3))}.banner-ribbon .icon{filter:drop-shadow(0 2px 0 rgba(0,0,0,.4))}.banner-title{font:400 clamp(30px,8vw,54px)/1 var(--display);letter-spacing:.03em;white-space:nowrap}.banner-sub{padding:5px 16px;border-radius:14px;background:#0a0e1ebf;font:700 15px var(--body);color:#fff;text-align:center}.banner-boss .banner-ribbon,.banner-elimYou .banner-ribbon,.banner-lose .banner-ribbon{background:linear-gradient(180deg,#ff7a62,#b31f1a)}.banner-elim .banner-ribbon{background:linear-gradient(180deg,#8f9bb8,#4c5674)}.banner-win .banner-ribbon{background:linear-gradient(180deg,#ffe27a,#f0a01a)}.banner-draw .banner-ribbon{background:linear-gradient(180deg,#c69bff,#7846dc)}.banner-big .banner-title{font-size:clamp(44px,13vw,96px)}.spectate{position:absolute;left:50%;top:4px;transform:translate(-50%);display:flex;white-space:nowrap;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-radius:18px;background:#0a0e1ed1;box-shadow:inset 0 0 0 2px #ffcf3f80;font-size:14px;animation:rise-in .3s both}.spectate .icon{color:var(--gold)}.spectate b{color:var(--gold);font-family:var(--display);font-weight:400}.toasts{position:absolute;z-index:60;left:50%;top:calc(110px + var(--sat));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;width:min(460px,calc(100% - 24px));pointer-events:none}.screen-menu .toasts,.screen-queue .toasts,.screen-lobby .toasts{top:calc(70px + var(--sat))}.toast{display:flex;align-items:center;gap:10px;max-width:100%;padding:9px 16px 9px 9px;border-radius:16px;background:#0e1426eb;box-shadow:inset 0 0 0 2px #ffffff1f,0 8px 18px #0006;font:700 14px/1.3 var(--body);animation:toast-in .3s cubic-bezier(.2,1.4,.4,1) both}.toast-icon{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:9px;background:#46a6ff}.toast-error .toast-icon{background:#e3372d}.toast-warn .toast-icon{background:#f0a01a}.toast-good .toast-icon{background:#2fa83a}.toast-error{box-shadow:inset 0 0 0 2px #ff5a4e8c,0 8px 18px #0006}@keyframes toast-in{0%{opacity:0;transform:translateY(-14px) scale(.9)}}.results{z-index:30;display:flex;justify-content:center}.results-dim{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#1e143c8c,#050812e0);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fade-in .4s both}.res-lose .results-dim{background:radial-gradient(ellipse at 50% 30%,#3c0a1099,#05040ae6)}.results-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:16px;width:min(860px,100%);height:100%;padding:calc(18px + var(--sat)) calc(14px + var(--sar)) calc(18px + var(--sab)) calc(14px + var(--sal))}.res-head{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:10px}.res-rays{position:absolute;left:50%;top:50px;width:620px;height:620px;margin:-310px 0 0 -310px;border-radius:50%;background:repeating-conic-gradient(#ffd65a38 0 9deg,#ffd65a00 9deg 22deg);mask:radial-gradient(circle,#000 15%,transparent 65%);-webkit-mask:radial-gradient(circle,#000 15%,transparent 65%);animation:spin 26s linear infinite;pointer-events:none}.res-lose .res-rays{background:repeating-conic-gradient(rgba(255,90,78,.12) 0 9deg,transparent 9deg 22deg)}.res-draw .res-rays,.res-solo .res-rays{background:repeating-conic-gradient(rgba(150,130,255,.16) 0 9deg,transparent 9deg 22deg)}.res-emblem{position:relative;display:grid;place-items:center;width:92px;height:92px;border-radius:28px;color:#fff;background:linear-gradient(180deg,#ffe27a,#f0a01a);box-shadow:inset 0 3px #fff9,0 0 0 4px #3a1d00,0 6px #3a1d00,0 0 40px #ffcf3f99;transform:rotate(45deg);animation:emblem-in .7s cubic-bezier(.2,1.6,.4,1) both}.res-emblem .icon{transform:rotate(-45deg);filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}.res-lose .res-emblem{background:linear-gradient(180deg,#8f9bb8,#4c5674);box-shadow:inset 0 3px #fff6,0 0 0 4px #141a2c,0 6px #141a2c}.res-draw .res-emblem,.res-solo .res-emblem{background:linear-gradient(180deg,#c69bff,#7846dc);box-shadow:inset 0 3px #ffffff80,0 0 0 4px #1f0f4a,0 6px #1f0f4a,0 0 30px #aa82ff80}@keyframes emblem-in{0%{opacity:0;transform:rotate(45deg) scale(.2)}}.res-title{position:relative;margin:6px 0 0;font:400 clamp(54px,15vw,104px)/1 var(--display);letter-spacing:.04em;color:#ffe27a;text-shadow:0 7px 0 #2a1200,0 0 40px rgba(255,190,60,.55);animation:title-in .7s .1s cubic-bezier(.2,1.6,.4,1) both}.res-lose .res-title{color:#e4e8f2;text-shadow:0 7px 0 #140508,0 0 30px rgba(255,60,50,.35)}.res-draw .res-title,.res-solo .res-title{color:#e8dcff;text-shadow:0 7px 0 #120830}@keyframes title-in{0%{opacity:0;transform:scale(2.2)}}.res-sub{position:relative;margin:0;font:700 17px var(--body);color:#fff;text-align:center;text-shadow:0 2px 4px #000}.res-pills{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.res-pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:16px;background:#0a0e1eb3;box-shadow:inset 0 0 0 2px #ffffff1f;font:400 14px var(--display)}.res-pill.gold{color:#3a1d00;background:linear-gradient(180deg,#ffe27a,#f0a01a);box-shadow:none}.res-table-panel{width:100%;padding:10px;animation:rise-in .5s .3s both}.res-table{display:flex;flex-direction:column;gap:6px}.res-row{display:grid;grid-template-columns:minmax(150px,2.2fr) repeat(6,minmax(52px,1fr));align-items:center;gap:6px;min-height:52px;padding:6px 12px;border-radius:14px;background:#00000040;font:400 16px var(--display);text-align:center}.res-hrow{min-height:30px;background:none;font:800 11px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.res-row>:first-child{text-align:left}.res-row.is-you{background:#ffcf3f24;box-shadow:inset 0 0 0 2px #ffcf3f8c}.res-row.is-dead{color:#b7bfd4}.res-name{display:flex;align-items:center;gap:7px;min-width:0}.res-name b{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.res-dot{flex:none;width:14px;height:14px;border-radius:5px;background:var(--pc);box-shadow:0 0 0 2px #00000080}.res-crown{color:var(--gold)}.res-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;width:min(480px,100%);margin-top:4px;animation:rise-in .5s .45s both}.res-actions .btn{white-space:nowrap}.confetti{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-20px;border-radius:2px;animation:confetti-fall linear infinite}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:.9}}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.85) translateY(20px)}}@media(max-width:1100px){.pchip{width:196px}.pchip-compact{width:150px}}@media(max-height:760px)and (min-width:641px){.hand-item{width:74px;height:88px}.hand-art{width:54px;height:54px}.cam-rail .ibtn,.sys-btns .ibtn{width:44px;height:44px}.minimap-panel{width:190px;height:160px}.menu-main{gap:10px}.menu-logo{width:min(440px,90%)}.btn-xl{min-height:104px}}@media(max-width:640px){:root{--gut: 8px}.hud-top{grid-template-columns:1fr 1fr;gap:6px 6px}.team-group{gap:5px}.mode-2v2 .team-group{padding:3px;gap:3px;border-radius:16px}.team-0{grid-area:1 / 1}.team-1{grid-area:1 / 2}.wave-desk{display:none}.wave-phone{display:flex;flex:1;justify-content:center;min-width:0}.wave-label{display:none}.pchip,.pchip-compact{width:auto;flex:1 1 0;min-height:44px;padding:4px 7px 4px 4px;gap:5px;border-radius:14px}.team-1 .pchip{padding:4px 4px 4px 7px}.pchip-avatar,.pchip-compact .pchip-avatar{width:30px;height:30px;border-radius:10px}.pchip-avatar .icon{width:16px;height:16px}.pchip-name,.pchip-compact .pchip-name{font-size:12px;gap:3px}.pchip .tag{height:15px;padding:0 4px;font-size:8.5px;line-height:15px}.hpbar,.pchip-compact .hpbar{height:12px}.hpbar-text,.pchip-compact .hpbar-text{font-size:9.5px;line-height:12px}.pchip-ai,.mode-2v2 .pchip-avatar{display:none}.wave-panel{flex-direction:row;align-items:center;gap:6px;min-width:0;height:44px;margin-top:0;padding:3px 5px 3px 10px;border-radius:15px}.wave-label{font-size:10px;letter-spacing:.12em}.wave-num{font-size:26px}.wave-sub{margin-top:0;gap:2px;flex-direction:column}.wave-next,.wave-time{height:17px;padding:0 7px;font-size:11px;line-height:17px;border-radius:8px}.wave-next .icon,.wave-time .icon{width:11px;height:11px}.hud-top-wrap{gap:6px}.hud-row2{gap:8px}.sys-btns{gap:6px}.sys-btns .ibtn,.cam-rail .ibtn,.is-closed .minimap-toggle{width:44px;height:44px;border-radius:13px}.minimap{width:44px;height:44px;flex:none}.minimap-panel{position:absolute;left:0;top:52px;width:156px;height:134px;padding:4px;border-radius:15px}.minimap .minimap-toggle,.is-open .minimap-toggle{position:static;width:44px;height:44px;border-radius:13px;background:linear-gradient(180deg,#4a5a86,#26304f);box-shadow:inset 0 2px #ffffff47,inset 0 -3px #00000040,0 4px #111a33,0 8px 14px #00000059}.spectate{top:56px;transform:translate(-50%);width:max-content;max-width:calc(100% - 16px);white-space:normal;font-size:12px}.hud-right{top:calc(var(--sat) + 118px);transform:none;transition:opacity .2s}.is-choosing .hud-right{opacity:0;pointer-events:none}.is-choosing .hud-right *{pointer-events:none!important}.cam-rail{gap:6px;padding:4px;border-radius:17px}.cam-sep{margin:1px 6px}.hud-left{left:var(--gut);right:var(--gut);top:auto;bottom:calc(var(--gut) + var(--sab) + 150px);transform:none;display:flex;justify-content:center}.tower-panel{width:min(100%,420px);padding:8px 10px 10px;border-radius:18px;animation-name:rise-in}.tp-head{gap:8px}.tp-art{width:44px;height:44px;border-radius:12px}.tp-name{font-size:15px}.tp-owner,.tp-level{font-size:11px;margin-top:1px}.panel-close.sm{width:34px;height:34px;top:8px;right:8px}.tp-stats{grid-template-columns:repeat(6,1fr);gap:3px;margin-top:7px}.tp-stats span{padding:3px 1px;border-radius:8px}.tp-stats small{font-size:8px;letter-spacing:.02em}.tp-stats b{font-size:12.5px}.tp-stats em{font-size:9px}.tp-bonus{margin-top:6px;padding:4px 8px;font-size:11.5px}.tp-target{margin-top:7px;display:flex;align-items:center;gap:8px}.tp-target>small{margin:0;font-size:9.5px}.tp-target .seg{flex:1}.tp-target .seg-opt{min-height:34px;font-size:12px}.is-choosing .hud-left,.is-placing .hud-left{display:none}.hud-bottom{gap:8px}.xpbar{height:26px;padding-left:18px;width:min(100%,420px)}.xp-level{width:40px;height:40px;font-size:17px}.xp-track{height:18px}.xp-text{line-height:18px;font-size:11px}.hand{gap:5px;padding:5px;border-radius:18px;width:100%;justify-content:space-between}.hand-item{flex:1 1 0;width:auto;max-width:74px;height:80px;border-radius:14px;padding:4px 2px 5px}.hand-art{width:100%;max-width:50px;height:50px}.hand-label{font-size:10.5px}.is-placing .hand{display:none}.place-bar{flex-direction:column;align-items:stretch;gap:8px;padding:10px;border-radius:20px}.place-info b{font-size:16px}.place-hint{font-size:12px}.place-actions{justify-content:stretch}.pbtn{flex:1;height:56px;min-width:0}.pbtn-build{flex:1.6}.pbtn kbd{display:none}.banner{top:30%}.banner-ribbon{padding:8px 30px;clip-path:polygon(0 0,100% 0,calc(100% - 16px) 50%,100% 100%,0 100%,16px 50%)}.banner-sub{font-size:13px}.toasts{top:calc(240px + var(--sat));width:calc(100% - 132px)}.toast{font-size:12.5px;padding:7px 12px 7px 7px}.menu-main{gap:12px}.menu-play{gap:10px}.btn-xl{min-height:108px}.btn-lg{--fs: 20px;min-height:54px}.menu-row{gap:8px}.menu-row .btn{--fs: 13px;min-height:48px;padding:6px 4px;gap:5px;flex-direction:column}.menu-row .btn .icon{width:18px;height:18px}.panel-body{padding:14px 14px 16px}.panel-foot{padding:10px 14px 14px}.mode-cards{gap:7px}.mode-card{min-height:112px;padding:10px 4px}.mode-card b{font-size:13px}.mode-card small{font-size:10.5px}.seg-opt{font-size:13px}.seg-opt small{font-size:10px}.lobby-teams{grid-template-columns:1fr}.code-big{font-size:36px}.res-row{grid-template-columns:repeat(3,1fr);gap:4px 6px;padding:8px 10px;text-align:left;font-size:14px}.res-row>:first-child{grid-column:1 / -1}.res-row>[data-k]:before{content:attr(data-k) " ";font:800 9.5px var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:4px}.res-hrow{display:none}.res-actions{grid-template-columns:1fr 1.4fr;gap:10px}.res-actions .btn{--fs: 18px;padding-inline:10px}.res-rays{width:460px;height:460px;margin:-230px 0 0 -230px}.res-emblem{width:70px;height:70px;border-radius:22px}.res-emblem .icon{width:34px;height:34px}}@media(max-width:640px)and (max-height:800px)and (pointer:coarse),(max-height:520px)and (pointer:coarse){.cam-zoom{display:none}}@media(max-width:420px){.lvl-txt{display:none}}@media(max-width:380px){.hide-txt{display:none}.hand-label{font-size:9.5px}.wave-label{display:none}}@media(max-height:520px)and (min-width:641px){:root{--gut: 8px}.menu-main{flex-direction:row;align-items:center;gap:24px;width:min(940px,calc(100% - 32px));padding-bottom:calc(8px + var(--sab))}.menu-brand{flex:1 1 0;gap:8px}.menu-buttons{flex:1 1 0;gap:10px}.menu-logo{width:100%}.menu-tagline{margin:0;font-size:14px}.btn-xl{min-height:84px;gap:3px;padding:8px;--fs: 22px}.btn-xl .icon{width:24px;height:24px}.btn-lg{--fs: 19px;min-height:50px}.menu-row .btn{min-height:44px;--fs: 13px}.menu-play{gap:10px}.offline-card{padding:6px 8px 6px 10px;font-size:12px}.bd-castle{width:clamp(120px,20vw,220px)}.modal{max-height:calc(100dvh - 16px)}.modal-back{padding:8px}.panel-head{min-height:48px;padding-block:6px}.panel-head h2{font-size:20px}.queue-panel{gap:6px;padding:12px 16px}.queue-ring{width:120px;height:120px}.ring-center b{font-size:34px}.tip-bar{display:none}.queue-screen,.lobby-screen{padding-bottom:12px}.pchip{width:190px;min-height:46px;padding-block:4px}.pchip-compact{width:140px;min-height:42px}.pchip-avatar{width:34px;height:34px}.pchip-ai{display:none}.wave-panel{min-width:110px;padding-bottom:5px}.wave-num{font-size:28px}.wave-label{font-size:10px}.wave-next,.wave-time{height:19px;line-height:19px;font-size:11px}.sys-btns .ibtn,.cam-rail .ibtn,.is-closed .minimap-toggle{width:42px;height:42px;border-radius:13px}.cam-rail{gap:5px;padding:4px}.hud-right{top:calc(var(--sat) + 140px);transform:none;transition:opacity .2s}.is-choosing .hud-right{opacity:0;pointer-events:none}.is-choosing .hud-right *{pointer-events:none!important}.minimap-panel{width:168px;height:140px}.hud-left{top:calc(var(--sat) + 140px);transform:none}.tower-panel{width:280px;padding:8px 10px 10px;border-radius:18px}.tp-owner,.tp-level{font-size:11px;margin-top:1px}.tp-target{display:flex;align-items:center;gap:8px}.tp-target>small{margin:0;font-size:9.5px}.tp-target .seg{flex:1}.tp-target .seg-opt{font-size:11.5px}.panel-close.sm{width:32px;height:32px;top:8px;right:8px}.tp-art{width:44px;height:44px}.tp-name{font-size:15px}.tp-stats{grid-template-columns:repeat(6,1fr);gap:3px;margin-top:6px}.tp-stats small{font-size:8px}.tp-stats b{font-size:12.5px}.tp-target{margin-top:6px}.tp-target .seg-opt{min-height:32px}.hud-bottom,.hud-bottom-row{gap:6px}.xpbar{height:24px;width:min(380px,100%)}.xp-level{width:36px;height:36px;font-size:16px}.xp-track{height:16px}.xp-text{line-height:16px;font-size:10.5px}.hand{padding:4px 6px 5px;gap:6px}.hand-item{width:62px;height:70px;border-radius:13px;padding:3px 2px 4px}.hand-art{width:44px;height:44px}.hand-label{font-size:10px}.is-placing .hand,.is-choosing .hand{display:none}.place-bar{padding:6px 8px 6px 12px}.pbtn{height:52px;min-width:52px}.banner{top:30%}.banner-title{font-size:36px}.toasts{top:calc(140px + var(--sat));left:auto;right:calc(70px + var(--sar));transform:none;width:min(360px,calc(100% - 400px));align-items:flex-end}.screen-menu .toasts,.screen-queue .toasts,.screen-lobby .toasts{top:calc(64px + var(--sat));right:50%;transform:translate(50%)}.toast{font-size:12.5px}.results-inner{gap:8px}.res-title{font-size:54px}.res-emblem{width:56px;height:56px;border-radius:18px}.res-row{min-height:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hud,.menu-top,.menu-main,.modal,.sub-inner,.results-inner,.queue-panel,.lobby-panel,.toasts{zoom:var(--ui, 1)}.is-reduced-motion *,.is-reduced-motion *:before,.is-reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.is-reduced-motion .card-timer-fill{animation-duration:22s!important}.pchip-shape{position:absolute;left:-4px;bottom:-4px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#fff;color:#111;font:900 10px/1 var(--body);box-shadow:0 0 0 2px #0c1430}.is-colorblind .hpbar-fill{background:linear-gradient(180deg,#8fd0ff,#0072b2)}.is-colorblind .hp-mid .hpbar-fill{background:repeating-linear-gradient(45deg,#f0e442 0 6px,#c9b800 6px 12px)}.is-colorblind .hp-lo .hpbar-fill{background:repeating-linear-gradient(-45deg,#d55e00 0 4px,#8a3c00 4px 8px)}.is-colorblind .place-status.is-ok{color:#8fd0ff;background:#0072b24d}.is-colorblind .place-status.is-bad{color:#ffd0a8;background:#d55e0059}.pchip-avatar{position:relative}.pchip-draft{position:absolute;right:-5px;top:-5px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;color:#fff;box-shadow:0 0 0 2px #0c1430}.pchip-draft.draft-choosing{background:#f0a01a;animation:breathe 1.2s ease-in-out infinite}.pchip-draft.draft-done{background:#2fa83a}.pchip-meta{display:flex;align-items:center;gap:5px;min-width:0;line-height:1}.team-1 .pchip-meta{flex-direction:row-reverse}.pchip-energy{display:inline-flex;align-items:center;gap:2px;font:400 11.5px var(--display);color:#7fe6ff}.fx-badges{display:inline-flex;gap:3px}.fx-badge{display:grid;place-items:center;width:16px;height:16px;border-radius:5px;background:var(--fc);color:#fff;box-shadow:0 0 0 1.5px #00000080;animation:hp-throb 1.2s ease-in-out infinite}.pchip{min-height:62px}.pchip-compact{min-height:54px}.wave-panel .wave-label{white-space:nowrap}.wave-panel.ph-draft{background:linear-gradient(180deg,#c69bff,#7846dc);color:#fff;box-shadow:inset 0 2px #ffffff80,0 5px #3b1d86,0 10px 18px #00000059}.wave-panel.ph-draft .wave-label{color:#f1e6ff}.wave-panel.ph-draft.is-urgent .wave-num{color:#ffd34d;animation:hp-throb .5s ease-in-out infinite}.wave-panel.ph-resolve{background:linear-gradient(180deg,#8bea5a,#2fa83a);box-shadow:inset 0 2px #ffffff80,0 5px #1b6b20,0 10px 18px #00000059}.wave-panel.ph-resolve .wave-label{color:#e8ffe0}.wave-sub{flex-wrap:wrap;justify-content:center}.wave-boss{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:11px;background:#b31f1a;color:#fff;font:400 12px/22px var(--display);animation:hp-throb .8s ease-in-out infinite}.wave-panel .wave-next{max-width:230px;overflow:hidden;text-overflow:ellipsis}.my-fx{display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.my-fx-item{display:flex;align-items:center;gap:8px;max-width:min(560px,100%);padding:6px 12px 6px 6px;border-radius:14px;background:#0e1222e6;box-shadow:inset 0 0 0 2px var(--fc),0 6px 14px #00000059;font-size:13px;animation:rise-in .3s both}.my-fx-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:9px;background:var(--fc)}.my-fx-text b{font-family:var(--display);font-weight:400;color:#fff}.countdown{position:absolute;left:50%;top:40%;z-index:19;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.countdown small{font:400 22px var(--display);color:#fff;letter-spacing:.05em}.countdown b{font:400 140px/1 var(--display);color:#ffe27a;text-shadow:0 8px 0 #2a1200;animation:count-pop .9s cubic-bezier(.2,1.4,.4,1) both}.countdown.is-boss b{color:#ff8a6a}@keyframes count-pop{0%{opacity:0;transform:scale(2.2)}25%{opacity:1;transform:scale(.95)}40%{transform:scale(1)}to{opacity:.2;transform:scale(.8)}}.art-tier{font:400 15px var(--display);fill:#ffcf3f}.art-big{font:900 15px var(--display);text-anchor:middle}.place-bar{flex-direction:column;align-items:stretch;gap:10px;width:min(720px,100%);padding:10px}.place-top{display:flex;align-items:center;gap:12px;min-width:0}.place-art{flex:none;width:58px;height:58px;border-radius:14px;background:#00000047;padding:3px}.place-art .art{width:100%;height:100%}.place-cost{display:inline-flex;align-items:center;gap:4px;font:800 12px var(--body);color:var(--gold)}.place-actions{display:flex;gap:8px}.place-actions .pbtn{flex:1;min-width:0;height:64px;font-size:14px}.place-actions .pbtn-build{flex:1.8;font-size:16px}.place-actions .pbtn-cancel{flex:1.3}.pbtn-flip{background:linear-gradient(180deg,#c69bff,#7846dc);box-shadow:inset 0 2px #ffffff73,0 4px #44228f,0 8px 12px #0000004d}.pbtn-flip.is-on{box-shadow:inset 0 2px #ffffff73,0 4px #44228f,0 0 0 3px #fff}.pbtn span{white-space:nowrap}.joker-targets{display:flex;flex-wrap:wrap;gap:8px}.joker-target{--pc: #ef4444;flex:1 1 140px;display:flex;align-items:center;gap:8px;min-height:52px;padding:6px 10px 6px 6px;border:0;border-radius:14px;cursor:pointer;color:#fff;background:#0000004d;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--pc) 60%,transparent);transition:transform .1s}.joker-target:hover:not(:disabled){transform:translateY(-2px)}.joker-target.is-on{background:color-mix(in srgb,var(--pc) 35%,rgba(0,0,0,.3));box-shadow:inset 0 0 0 3px #fff,0 0 0 3px var(--pc)}.joker-target:disabled{opacity:.45;cursor:not-allowed}.jt-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--pc);flex:none}.jt-name{flex:1;min-width:0;font:400 15px var(--display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.jt-hp{font-size:12px;color:var(--muted)}.joker-none{padding:8px;color:var(--muted);font-size:13px}.build-bar{position:relative;display:flex;align-items:flex-end;gap:8px;max-width:100%;padding:6px 8px 8px;border-radius:22px;background:#0a10208c;pointer-events:auto}.energy{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:70px;height:92px;padding:4px 8px;border-radius:16px;background:linear-gradient(180deg,#1d5f86,#0f2c48);box-shadow:inset 0 0 0 2px #7fe6ff8c,inset 0 2px #fff3,0 5px #0a1a2c}.energy-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle,#fff35a,#f0a01a);color:#6b3300;box-shadow:0 0 14px #ffdc5099}.energy-num{font:400 24px/1.1 var(--display);color:#fff;animation:num-pop .35s cubic-bezier(.2,1.6,.4,1)}.energy-gain{position:absolute;top:-8px;left:50%;transform:translate(-50%);font:400 18px var(--display);color:#8bf57a;white-space:nowrap;pointer-events:none;animation:float-up 1.3s ease-out both}.build-towers{display:flex;gap:6px}.build-btn,.shop-slot{--ac: #e8a33d;position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;width:78px;height:92px;padding:4px 3px 5px;border:0;border-radius:16px;cursor:pointer;color:#fff;background:linear-gradient(180deg,#44558a,#232e52);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ac) 55%,transparent),inset 0 2px #ffffff40,0 5px #0e1630,0 10px 16px #00000059;transition:transform .14s cubic-bezier(.2,1.5,.4,1),filter .14s}.build-btn:hover,.shop-slot:hover{transform:translateY(-5px);filter:brightness(1.1)}.build-btn:active,.shop-slot:active{transform:translateY(2px) scale(.97)}.build-btn.cant,.shop-slot.cant{filter:grayscale(.75) brightness(.7)}.build-btn.cant .build-cost,.shop-slot.cant .build-cost{color:#ff9a8a}.build-btn.is-active,.shop-slot.is-active{transform:translateY(-10px);box-shadow:inset 0 0 0 3px var(--gold),0 0 0 3px #ffcf3f4d,0 0 22px #ffcf3f8c,0 14px 20px #0006;filter:none}.build-art{width:50px;height:50px}.build-art .art{width:100%;height:100%}.build-name{font:400 11px/1 var(--display);text-shadow:0 1.5px 0 rgba(0,0,0,.5);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.build-cost{display:inline-flex;align-items:center;gap:2px;margin-top:2px;padding:1px 6px;border-radius:7px;background:#0006;font:400 12px var(--display);color:#7fe6ff}.build-tier{position:absolute;top:-7px;right:-5px;z-index:1;min-width:26px;height:20px;padding:0 5px;border-radius:8px;background:linear-gradient(180deg,#ffe27a,#f0a01a);color:#3a1d00;font:400 12px/20px var(--display);box-shadow:0 2px #8a4b00}.shop-slot{--ac: #ffcf3f;width:92px;background:linear-gradient(180deg,#6a4a1e,#3a250c)}.shop-tag{position:absolute;top:-8px;left:50%;transform:translate(-50%);padding:1px 8px;border-radius:7px;background:linear-gradient(180deg,#ffe27a,#f0a01a);color:#3a1d00;font:400 10px/16px var(--display);letter-spacing:.06em;white-space:nowrap;box-shadow:0 2px #8a4b00}.shop-slot.is-emergency .shop-tag{background:linear-gradient(180deg,#ff8a6a,#d8382f);color:#fff;animation:hp-throb .8s ease-in-out infinite}.shop-refresh{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-size:9.5px;color:var(--muted);white-space:nowrap;text-shadow:0 1px 2px #000}.hud-bottom{gap:12px}.tier-pips{display:inline-flex;gap:3px;margin-right:6px;vertical-align:middle}.tier-pips span{width:9px;height:9px;border-radius:3px;background:#ffffff2e;transform:rotate(45deg)}.tier-pips span.on{background:var(--gold);box-shadow:0 0 4px #ffcf3fb3}.tp-evo{display:inline-flex;align-items:center;gap:4px;margin-top:3px;padding:1px 7px;border-radius:7px;background:#ff6bd633;color:#ffb8ec;font-size:11px;font-weight:800}.tp-warn{background:#a46bff33;color:#d9c2ff}.hud-right{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.team-btns{position:relative;display:flex;flex-direction:column;gap:8px;padding:6px;border-radius:20px;background:#0a102059}.ping-menu{position:absolute;right:calc(100% + 8px);bottom:0;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:16px;background:#0e1426f2;box-shadow:inset 0 0 0 2px #ffffff1f,0 10px 22px #00000073;animation:pop-in .2s both}.ping-opt{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px 6px 10px;border:0;border-radius:12px;cursor:pointer;color:#fff;font:400 14px var(--display);white-space:nowrap;background:#ffffff14}.ping-opt:hover{background:#ffffff29}.ping-help .icon{color:#ff8a6a}.ping-attack .icon{color:#ffd34d}.ping-look .icon{color:#7fe6ff}.ping-defend .icon{color:#8bea5a}.tutorial{position:absolute;z-index:25;left:50%;top:calc(var(--sat) + 150px);transform:translate(-50%);width:min(440px,calc(100% - 20px));padding:12px 14px;border-radius:20px;pointer-events:auto;background:linear-gradient(180deg,#3e8c3cf7,#1a4822f7);box-shadow:inset 0 2px #ffffff4d,0 0 0 3px #0c2a10,0 14px 30px #00000080;animation:pop-in .3s cubic-bezier(.2,1.4,.4,1) both}.tut-head{display:flex;align-items:center;gap:10px}.tut-head>div{flex:1;min-width:0;display:flex;flex-direction:column}.tut-head small{font:800 10px var(--body);letter-spacing:.1em;text-transform:uppercase;color:#c8f5b8}.tut-head b{font:400 18px/1.15 var(--display);color:#fff}.tut-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:linear-gradient(180deg,#ffe27a,#f0a01a);color:#3a1d00}.tut-skip{border:0;background:#00000040;color:#e4ffe0;font:700 12px var(--body);padding:8px 10px;border-radius:10px;cursor:pointer;min-height:36px}.tutorial p{margin:8px 0 0;font-size:14px;line-height:1.4;color:#f2fff0}.tut-note{font-size:12.5px!important;color:#c8f5b8!important}.tut-progress{display:flex;gap:4px;margin-top:10px}.tut-progress i{flex:1;height:5px;border-radius:3px;background:#fff3}.tut-progress i.done{background:#ffd34d}.tut-progress i.cur{background:#fff;animation:breathe 1.2s infinite}.tut-next{margin-top:10px;width:100%}.is-choosing .tutorial{top:calc(var(--sat) + 120px)}.menu-top-right{display:flex;align-items:center;gap:8px}.gold-pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px 0 8px;border-radius:18px;background:var(--glass);box-shadow:inset 0 0 0 2px #ffcf3f73;font:400 15px var(--display);color:var(--gold);white-space:nowrap}.profile-level{display:grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:13px;background:linear-gradient(180deg,#c69bff,#6a36d0);font:400 13px var(--display);flex:none}.menu-row-6{grid-template-columns:repeat(3,1fr)}.mode-cards-4{grid-template-columns:repeat(4,1fr)}.link-btn.center{display:block;margin:0 auto}.hint.small{font-size:12px;margin-top:4px}.center{text-align:center}.seg-scale .seg-opt{font-size:15px}.sub-screen{display:flex;justify-content:center}.sub-inner{position:relative;z-index:2;width:min(980px,100%);height:100%;padding:calc(12px + var(--sat)) calc(14px + var(--sar)) calc(20px + var(--sab)) calc(14px + var(--sal));display:flex;flex-direction:column;gap:14px}.sub-head{display:flex;align-items:center;gap:12px}.sub-head h1{flex:1;display:flex;align-items:center;gap:10px;margin:0;font:400 clamp(26px,6vw,38px) var(--display);color:#fff}.sub-head h1 .icon{color:var(--gold);filter:drop-shadow(0 2px 0 rgba(0,0,0,.4))}.sub-offline{animation:none}.sub-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px;font-weight:700;color:#fff;text-shadow:0 1px 3px #000}.sub-tabs{max-width:320px;align-self:center;width:100%}.ws-info{padding:12px 16px}.ws-info p{margin:4px 0;font-size:14px;line-height:1.4;display:flex;gap:8px;align-items:flex-start}.ws-info p .icon{flex:none;margin-top:2px;color:var(--gold)}.ws-lead{font-weight:800;color:#fff}.ws-eq b{color:#8bea5a}.ws-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ws-card{--tc: #e8a33d;display:flex;flex-direction:column;align-items:stretch;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#34477a,#212d50);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--tc) 60%,#0c1430),0 12px 26px #00000073;animation:rise-in .4s both}.ws-art{height:140px;padding:10px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--tc) 40%,#223),#141a2e 80%)}.ws-art .art{width:100%;height:100%}.ws-body{display:flex;flex-direction:column;gap:7px;padding:10px 12px 14px}.ws-name{font:400 17px var(--display)}.ws-level{font:400 26px/1 var(--display);color:var(--gold)}.ws-level small{font-size:15px;color:var(--muted)}.ws-miles{display:flex;gap:5px}.ws-miles span{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:7px;background:#0000004d;font:400 11px var(--display);color:#8f9bb8}.ws-miles span.on{background:#ff6bd640;color:#ffb8ec}.ws-xp{position:relative;height:18px;border-radius:9px;overflow:hidden;background:#0d0a24;box-shadow:inset 0 2px 3px #0009}.ws-xp-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#8af4ff,#3fa7ff 55%,#7a4dff)}.ws-xp-text{position:absolute;inset:0;display:grid;place-items:center;font:400 11px/18px var(--display);text-shadow:0 1px 0 #000,0 0 3px #000}.ws-bonus{font-size:11.5px;color:var(--muted)}.ws-cost{display:inline-flex;align-items:center;gap:3px}.ws-need{font-size:11.5px;color:#ffb0a4;text-align:center}.rank-panel,.hist-panel{padding:10px;display:flex;flex-direction:column;gap:6px}.rank-row{display:grid;grid-template-columns:56px 1fr 90px 70px 80px;align-items:center;gap:8px;min-height:46px;padding:6px 12px;border-radius:12px;background:#00000040;font:400 15px var(--display)}.rank-hrow{min-height:26px;background:none;font:800 11px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.rank-row.is-you{background:#ffcf3f26;box-shadow:inset 0 0 0 2px #ffcf3f8c}.rank-pos{display:inline-flex;align-items:center;gap:4px;color:var(--muted)}.top-1 .rank-pos{color:#ffd34d}.top-2 .rank-pos{color:#d8e0ee}.top-3 .rank-pos{color:#e8a36a}.rank-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rank-row b{font-weight:400;color:var(--gold)}.prof-card{display:flex;align-items:center;gap:14px;padding:14px 16px}.prof-avatar{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(180deg,#62b8ff,#2266d6);box-shadow:inset 0 2px #fff6,0 4px #123f8c}.prof-id{display:flex;flex-direction:column;gap:3px}.prof-id b{font:400 24px var(--display)}.prof-id span{color:var(--muted);font-size:14px}.prof-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.prof-stats div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:16px;background:linear-gradient(180deg,#34477af2,#1c2644f2);box-shadow:inset 0 0 0 2px #82a5ff26}.prof-stats small{font:800 10px var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center}.prof-stats b{font:400 22px var(--display)}.hist-row{display:grid;grid-template-columns:70px 1.2fr 1fr 1fr 1fr 1fr;align-items:center;gap:6px;min-height:46px;padding:6px 12px;border-radius:12px;background:#00000040;font-size:14px}.hist-res{font:400 14px var(--display);text-align:center;padding:3px 0;border-radius:8px;background:#555}.res-win .hist-res{background:#2fa83a}.res-loss .hist-res{background:#b31f1a}.res-draw .hist-res{background:#7846dc}.res-solo .hist-res{background:#2266d6}.hist-mode{display:flex;align-items:center;gap:6px;font-family:var(--display)}.hist-bots,.hist-date{color:var(--muted);font-size:12px}.res-actions{display:flex;flex-direction:column;gap:12px;width:min(460px,100%);grid-template-columns:none}.res-actions .btn-xl{min-height:86px;--fs: clamp(26px, 6vw, 34px)}.res-actions-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.res-rewards{width:100%;padding:12px 16px;animation:rise-in .5s .35s both}.res-rewards h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font:400 16px var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--gold)}.rw-main{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}.rw-gold,.rw-xp,.rw-rating,.rw-casual{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:14px;background:#00000047;font:400 18px var(--display)}.rw-gold{color:var(--gold)}.rw-xp{color:#c9a0ff}.rw-rating.up{color:#8bea5a}.rw-rating.down{color:#ff8a7a}.rw-casual{font:700 13px var(--body);color:var(--muted)}.rw-towers{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}.rw-towers small{font:800 11px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:4px}.rw-tower{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:10px;background:#00000047;font-size:13px}.rw-tower i{width:10px;height:10px;border-radius:3px;background:var(--tc)}.rw-tower b{font:400 14px var(--display);color:#fff}.res-warn{display:flex;align-items:center;gap:6px;color:#ffb0a4}.res-tiers{display:flex;gap:3px;justify-content:center}.res-tiers i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--tc);color:#1b1208;font:400 12px/22px var(--display);font-style:normal;box-shadow:inset 0 -2px #00000040}@media(max-width:640px){.pchip,.pchip-compact{min-height:52px}.pchip-meta{gap:3px}.pchip-energy{font-size:10px}.mode-2v2 .pchip-energy .icon{display:none}.fx-badge{width:13px;height:13px}.pchip-draft{width:15px;height:15px;right:-4px;top:-4px}.mode-2v2 .pchip-draft{position:static;display:none}.wave-panel .wave-next{max-width:120px;font-size:10px}.wave-boss{height:17px;font-size:10px;line-height:17px;padding:0 6px}.wave-panel.ph-draft .wave-next,.wave-panel.ph-active .wave-next{display:none}.countdown b{font-size:110px}.my-fx-item{font-size:11.5px;padding:4px 10px 4px 4px}.my-fx-icon{width:24px;height:24px}.build-bar{width:100%;gap:5px;padding:5px;border-radius:18px;justify-content:space-between}.energy{min-width:52px;height:78px;padding:3px 4px;border-radius:14px}.energy-icon{width:26px;height:26px}.energy-num{font-size:18px}.build-towers{gap:4px;flex:1}.build-btn{flex:1 1 0;width:auto;height:78px;border-radius:13px;padding:3px 2px 4px}.shop-slot{width:66px;height:78px;border-radius:13px}.build-art{width:38px;height:38px}.build-name{font-size:9.5px}.build-cost{font-size:10.5px;padding:0 4px}.build-tier{min-width:22px;height:17px;font-size:10px;line-height:17px;top:-6px;right:-3px}.shop-refresh,.is-choosing .build-bar,.is-placing .build-bar{display:none}.place-bar{padding:8px;gap:8px}.place-art{width:46px;height:46px}.place-actions{gap:6px;flex-wrap:wrap}.place-actions .pbtn{height:58px;font-size:11.5px;flex:1 1 22%}.place-actions .pbtn-build{flex:1 1 100%;order:-1;font-size:15px}.joker-target{flex:1 1 100%;min-height:48px}.tutorial{top:calc(var(--sat) + 112px);padding:10px 12px}.tutorial p{font-size:13px}.is-choosing .tutorial{top:calc(var(--sat) + 104px)}.ws-grid{grid-template-columns:1fr 1fr;gap:10px}.ws-art{height:100px}.ws-level{font-size:22px}.ws-body .btn{--fs: 14px}.prof-stats{grid-template-columns:repeat(3,1fr)}.rank-row{grid-template-columns:40px 1fr 64px 44px 0;font-size:13.5px;padding:6px 8px}.rank-row>:last-child{display:none}.hist-row{grid-template-columns:54px 1fr 1fr 1fr;font-size:12.5px;padding:6px 8px}.hist-bots,.hist-date{display:none}.mode-cards-4{grid-template-columns:repeat(2,1fr)}.menu-row-6 .btn{--fs: 12px}.gold-pill{height:32px;font-size:13px;padding:0 10px 0 6px}.menu-top .net-pill{font-size:12px;padding:4px 10px}.res-tiers i{width:18px;height:18px;font-size:10px;line-height:18px}.res-row{grid-template-columns:repeat(3,1fr)}.res-actions .btn-xl{min-height:72px}.rw-gold,.rw-xp,.rw-rating{font-size:15px;padding:4px 9px}.team-btns{padding:4px;gap:6px}.team-btns .ibtn{width:44px;height:44px}}@media(max-width:380px){.menu-top .net-pill b+*{display:none}.gold-pill{display:none}}@media(max-height:520px)and (min-width:641px){.pchip{min-height:50px}.build-bar{padding:4px 6px 6px}.energy{height:70px;min-width:58px}.energy-icon{width:26px;height:26px}.energy-num{font-size:18px}.build-btn{width:62px;height:70px}.shop-slot{width:70px;height:70px}.build-art{width:38px;height:38px}.shop-refresh,.is-choosing .build-bar,.is-placing .build-bar{display:none}.place-actions .pbtn{height:52px}.countdown b{font-size:90px}.tutorial{top:calc(var(--sat) + 70px);width:min(360px,50%);left:auto;right:70px;transform:none}}@media(max-height:760px)and (min-width:641px){.ws-art{height:110px}}.mode-2v2 .team-0{justify-self:start}.mode-2v2 .team-1{justify-self:end}@media(max-width:640px){.mode-2v2 .team-0,.mode-2v2 .team-1{justify-self:stretch}}.tier-bar{display:flex;align-items:center;gap:6px;max-width:100%;padding:5px 8px;border-radius:18px;background:#0a10209e;box-shadow:inset 0 0 0 2px #ffffff14;pointer-events:auto;animation:rise-in .3s both}.tier-bar-label{font:400 11px var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:0 2px}.tier-chip{--ac: #e8a33d;display:inline-flex;align-items:center;gap:3px;height:36px;padding:0 8px 0 2px;border-radius:12px;background:linear-gradient(180deg,#3a4a78,#222c4c);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ac) 55%,transparent)}.tier-chip.is-none{opacity:.55}.tier-chip-art{width:32px;height:32px}.tier-chip-art .art{width:100%;height:100%}.tier-chip b{font:400 14px var(--display);color:var(--gold)}.tier-chip small{font:700 11px var(--body);color:var(--muted)}.tier-bar-hint{display:inline-flex;align-items:center;gap:5px;margin-left:4px;padding:0 6px;font-size:12.5px;font-weight:700;color:#dfe7ff;white-space:nowrap}.tier-bar-hint .icon{color:#c69bff}.is-choosing .tier-bar,.is-placing .tier-bar{display:none}.pchip-dstate{font:800 9.5px var(--body);letter-spacing:.06em;text-transform:uppercase;padding:1px 5px;border-radius:5px}.dstate-choosing{background:#f0a01a40;color:#ffcf6b}.dstate-done{background:#2fa83a4d;color:#a6f27a}@media(max-width:640px){.tier-bar{gap:4px;padding:4px 6px;flex-wrap:wrap;justify-content:center}.tier-bar-label{display:none}.tier-chip{height:30px;padding:0 6px 0 1px}.tier-chip-art{width:26px;height:26px}.tier-chip b{font-size:12px}.tier-bar-hint{flex-basis:100%;justify-content:center;font-size:11px;margin:0}.mode-2v2 .pchip-dstate{display:none}}@media(max-width:640px){.my-fx{align-items:flex-start}.my-fx-item{max-width:calc(100% - 62px)}}.tower-panel{width:300px}.tp-level,.tp-evo{white-space:nowrap}.tb-next{display:none}@media(min-width:641px){.hud-top-wrap{position:absolute}.my-fx{position:absolute;left:50%;top:calc(100% - 60px);transform:translate(-50%);width:max-content;max-width:min(620px,calc(100vw - 520px))}.hud-top-wrap .my-fx{top:112px}}@media(max-width:640px){.tb-next{display:inline}.tower-panel{width:min(100%,420px)}}.tile-info{--ti: #8f9bb8;display:flex;align-items:flex-start;gap:10px;width:min(380px,100%);padding:10px;border-radius:18px;pointer-events:auto;background:linear-gradient(180deg,#34477af7,#18203af7);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ti) 70%,transparent),0 0 0 3px #0c1430,0 12px 24px #00000073;animation:pop-in .25s cubic-bezier(.2,1.4,.4,1) both}.ti-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--ti) 25%,rgba(0,0,0,.3));color:var(--ti)}.is-rune .ti-icon{background:radial-gradient(circle,color-mix(in srgb,var(--ti) 45%,transparent),transparent 70%);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--ti) 70%,transparent))}.ti-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.ti-body b{font:400 16px/1.15 var(--display);color:#fff}.is-rune .ti-body b{color:var(--ti)}.ti-body span{font-size:12.5px;line-height:1.35;color:#dfe7ff}.ti-tip{display:flex;align-items:flex-start;gap:5px;margin-top:3px;padding:5px 7px;border-radius:9px;background:#ffcf3f24;color:#ffe7a3!important}.ti-close{flex:none;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:11px;cursor:pointer;color:#fff;background:#ffffff1a}.ti-close:hover{background:#fff3}.is-choosing .tile-info{display:none}.place-status .rune-icon{flex:none}@media(min-width:641px){.tile-info{position:absolute;left:0;bottom:0}}.panel-title{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:400 16px var(--display);text-transform:uppercase;letter-spacing:.05em;color:var(--gold)}.pbar{--pb: #46a6ff;position:relative;display:block;height:18px;border-radius:9px;overflow:hidden;background:#0d0a24;box-shadow:inset 0 2px 3px #0009;min-width:60px}.pbar-fill{position:absolute;inset:0 auto 0 0;border-radius:9px;background:linear-gradient(180deg,color-mix(in srgb,var(--pb) 60%,#fff),var(--pb));transition:width .5s ease}.pbar-text{position:absolute;inset:0;display:grid;place-items:center;font:400 11px/18px var(--display);color:#fff;text-shadow:0 1px 0 #000,0 0 3px #000;white-space:nowrap}.cur-pills{display:inline-flex;gap:6px;border:0;padding:0;background:none;cursor:pointer}.gem-pill{color:#ff9af0;box-shadow:inset 0 0 0 2px #ff78dc73;position:relative}.cur-plus{display:grid;place-items:center;width:16px;height:16px;margin-left:2px;border-radius:50%;background:#2fa83a;color:#fff;font:400 13px/16px var(--display);font-style:normal}.rw-chip{--tc: #ffcf3f;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:10px;background:#0000004d;font:700 12.5px var(--body);color:#fff;white-space:nowrap}.rw-chip .icon{color:var(--gold)}.rw-gems .icon,.rw-chip.rw-gems .icon{color:#ff9af0}.rw-chip.rw-blueprints .icon,.rw-chip.rw-masteryXp .icon{color:var(--tc)}.rw-chip.rw-chest .icon{color:#c69bff}.rw-chip.is-big{padding:10px 16px;border-radius:16px;font:400 18px var(--display);background:linear-gradient(180deg,#34477af2,#1c2644f2);box-shadow:inset 0 0 0 2px #ffffff26,0 8px 18px #00000059}.btn-badge{position:absolute;top:-8px;right:-6px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#ff4b3e;color:#fff;font:400 12px/22px var(--display);box-shadow:0 2px #7a1410;text-shadow:none;animation:pill-bounce 1.6s ease-in-out infinite}.div-badge{flex:none;filter:drop-shadow(0 3px 0 rgba(0,0,0,.3))}.navbar{display:none}@media(max-width:640px){.navbar{position:absolute;z-index:40;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 6px calc(6px + var(--sab));background:linear-gradient(180deg,#1c2644f7,#0e1426fc);box-shadow:0 -2px #ffffff14,0 -10px 24px #00000059}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:52px;border:0;background:none;color:#9fb0d8;font:400 11px var(--display);cursor:pointer;border-radius:14px}.nav-tab.is-on{color:#fff;background:#ffffff14}.nav-tab.is-on .nav-icon{color:var(--gold);transform:translateY(-2px)}.nav-icon{position:relative;transition:transform .15s}.nav-badge{position:absolute;top:-6px;right:-10px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ff4b3e;color:#fff;font:400 10px/18px var(--display);font-style:normal}.sub-inner{padding-bottom:calc(84px + var(--sab))}.menu .menu-main{padding-bottom:calc(80px + var(--sab))}.menu-foot{display:none}}.menu-v3{display:grid;grid-template-columns:1fr minmax(0,580px) 1fr;grid-template-rows:auto auto;align-content:center;column-gap:28px;row-gap:10px;width:100%;max-width:none;padding:4px 24px calc(20px + var(--sab))}.menu-v3 .menu-brand,.menu-v3 .menu-buttons{grid-column:2}.menu-side{grid-column:3;grid-row:1 / 3;align-self:center;justify-self:start;display:flex;flex-direction:column;gap:12px;width:min(320px,100%);animation:rise-in .5s .35s both}.menu-v3 .menu-logo{width:min(440px,88%)}.btn-playnow{--fs: clamp(30px, 7vw, 42px);min-height:112px}.btn-playnow .btn-label small{font-size:13px}.btn-playnow:not(:disabled){animation:glow-pulse-green 2.2s ease-in-out infinite}@keyframes glow-pulse-green{50%{box-shadow:inset 0 2px #ffffff80,inset 0 -4px #0000002e,0 5px 0 var(--c3),0 0 0 6px #8bea5a40,0 10px 26px #00000059}}.menu-play-3{grid-template-columns:repeat(3,1fr);gap:10px}.menu-play-3 .btn{--fs: 19px;min-height:76px;flex-direction:column;gap:4px;padding:8px 6px}.league-btn{position:relative}.league-btn-badge{display:grid;place-items:center;height:30px}.league-btn-badge .div-badge{margin-top:-12px}.menu-copy{margin:0;font-size:12.5px;color:#fff;text-align:center;text-shadow:0 1px 3px #000;line-height:1.4}.menu-copy b{color:var(--gold);font-family:var(--display);font-weight:400}.menu-row-sec{grid-template-columns:repeat(6,1fr);gap:8px}.menu-row-sec .btn{--fs: 12px;min-height:52px;flex-direction:column;gap:3px;padding:6px 4px}.menu-row-sec .btn .icon{width:18px;height:18px}.goals-panel.is-compact,.weekly-card{padding:12px 14px}@media(max-width:1180px){.menu-side{display:none}.menu-v3{grid-template-columns:1fr minmax(0,580px) 1fr}}@media(max-width:640px){.menu-v3{display:flex;padding:0 0 calc(80px + var(--sab));width:min(560px,calc(100% - 28px))}.menu-v3 .menu-logo{width:min(320px,82%)}.btn-playnow{min-height:96px}.menu-play-3 .btn{--fs: 15px;min-height:76px}.menu-row-sec{grid-template-columns:repeat(2,1fr)}.menu-row-sec .btn{flex-direction:row;min-height:46px;--fs: 13px}.menu-row-sec .sec-chests,.menu-row-sec .sec-profile{display:none}.menu-copy{font-size:11px}.menu-top .cur-pills .gem-pill{display:none}}@media(max-height:520px)and (min-width:641px){.menu-v3{display:flex}.menu-side{display:none}.btn-playnow{min-height:70px;--fs: 26px}.menu-play-3 .btn{min-height:56px}.menu-copy{display:none}}.goal-row{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:6px;border-radius:14px;background:#0000003d}.goal-row.is-done:not(.is-claimed){box-shadow:inset 0 0 0 2px #8bea5a99;background:#2fa83a26}.goal-row.is-claimed{opacity:.55}.goal-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.goal-main b{font:400 14px var(--display)}.goal-rewards{display:flex;flex-wrap:wrap;gap:4px}.goal-claimed{display:inline-flex;align-items:center;gap:4px;color:#8bea5a;font-weight:800;font-size:12px}.goal-sec{display:flex;justify-content:space-between;align-items:baseline;margin:10px 2px 6px;font:400 13px var(--display);text-transform:uppercase;letter-spacing:.06em;color:#aac0f0}.goal-sec small{font:700 11px var(--body);text-transform:none;letter-spacing:0;color:var(--muted)}.weekly-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0 10px}.weekly-stats span{display:flex;flex-direction:column;align-items:center;padding:6px 4px;border-radius:10px;background:#00000040}.weekly-stats small{font:800 9.5px var(--body);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.weekly-stats b{font:400 15px var(--display)}.chest-top{display:grid;grid-template-columns:1.1fr 1fr;gap:12px}.daily-card{display:flex;gap:14px;align-items:center;padding:14px}.daily-card.is-ready{box-shadow:inset 0 0 0 3px #8bea5ab3,0 0 30px #8bea5a40,0 16px 44px #0000008c}.daily-art{flex:none;width:120px}.daily-card.is-ready .daily-art{animation:chest-bob 1.8s ease-in-out infinite}@keyframes chest-bob{50%{transform:translateY(-6px) rotate(-2deg)}}.daily-body{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.daily-body b{font:400 20px var(--display)}.chest-progress{padding:14px}.odds{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}.odds small{font:800 10px var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.odd{padding:2px 8px;border-radius:8px;font:400 12px var(--display);background:#0000004d}.odd.rar-common{color:#e8c08a}.odd.rar-rare{color:#8fd0ff}.odd.rar-epic{color:#e3b4ff}.chest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.chest-slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:170px;padding:10px;border:0;border-radius:20px;cursor:pointer;color:#fff;background:linear-gradient(180deg,#34477a,#212d50);box-shadow:inset 0 0 0 3px #ffffff1f,0 10px 22px #0006;transition:transform .14s cubic-bezier(.2,1.5,.4,1)}.chest-slot:hover{transform:translateY(-5px)}.chest-slot.rar-rare{box-shadow:inset 0 0 0 3px #5fa0ffb3,0 10px 22px #0006}.chest-slot.rar-epic{box-shadow:inset 0 0 0 3px #c878ffcc,0 0 24px #c878ff59,0 10px 22px #0006}.chest-slot-art{width:110px}.chest-slot b{font:400 14px var(--display)}.chest-open-tag{padding:3px 12px;border-radius:10px;background:linear-gradient(180deg,#8bea5a,#2fa83a);font:400 12px var(--display);box-shadow:0 3px #1b6b20}.chest-slot.is-empty{cursor:default;justify-content:center;color:#6c7a9c;background:#0000002e;box-shadow:inset 0 0 0 2px dashed #ffffff1a;border:2px dashed rgba(255,255,255,.14)}.chest-slot.is-empty:hover{transform:none}.chest-art{width:100%;height:auto;overflow:visible}.chest-art .chest-glow{opacity:0;transition:opacity .4s}.chest-art .chest-lid{transform-box:fill-box;transform-origin:50% 100%;transition:transform .5s cubic-bezier(.2,1.6,.4,1)}.chest-art.is-open .chest-lid{transform:translateY(-18px) rotate(-18deg)}.chest-art.is-open .chest-glow{opacity:1}.chest-star{transform-box:fill-box;transform-origin:center;animation:spin 6s linear infinite}.reveal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:radial-gradient(ellipse at center,#1e143ccc,#04060ef0);animation:fade-in .25s both}.reveal-rays{position:absolute;left:50%;top:45%;width:900px;height:900px;margin:-450px 0 0 -450px;background:repeating-conic-gradient(rgba(255,214,90,.16) 0 8deg,transparent 8deg 20deg);mask:radial-gradient(circle,#000 10%,transparent 60%);-webkit-mask:radial-gradient(circle,#000 10%,transparent 60%);animation:spin 30s linear infinite;opacity:0;transition:opacity .6s}.reveal-opening .reveal-rays,.reveal-rewards .reveal-rays{opacity:1}.rar-rare .reveal-rays{background:repeating-conic-gradient(rgba(120,190,255,.2) 0 8deg,transparent 8deg 20deg)}.rar-epic .reveal-rays{background:repeating-conic-gradient(rgba(220,140,255,.24) 0 8deg,transparent 8deg 20deg)}.reveal-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;width:min(640px,calc(100% - 24px))}.reveal-title{margin:0;font:400 clamp(30px,8vw,46px) var(--display);color:#ffe27a;text-shadow:0 5px 0 #1a0d00;animation:title-in .5s cubic-bezier(.2,1.6,.4,1) both}.reveal-chest{width:min(320px,70vw);height:min(280px,36vh)}.reveal-closed .reveal-chest{animation:chest-shake .5s ease-in-out infinite}.reveal-opening .reveal-chest{animation:chest-burst .9s cubic-bezier(.2,1.6,.4,1) both}.reveal-rewards .reveal-chest{transform:scale(.7);transition:transform .4s;height:min(180px,24vh)}@keyframes chest-shake{25%{transform:rotate(-4deg) scale(1.02)}75%{transform:rotate(4deg) scale(1.02)}}@keyframes chest-burst{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.reveal-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.reveal-card{animation:card-in .5s cubic-bezier(.2,1.25,.4,1) both}.reveal-actions{min-height:60px;display:grid;place-items:center}.reveal-x{position:absolute;top:calc(14px + var(--sat));right:calc(14px + var(--sar));transform:none}.preview3d{position:relative;width:100%;height:100%}.preview3d-canvas{position:absolute;inset:0}.preview3d-canvas canvas{display:block;width:100%!important;height:100%!important;touch-action:none;cursor:grab}.preview3d-fallback{position:absolute;inset:0;display:grid;place-items:center}.preview3d-fallback .art,.preview3d-fallback svg{width:100%;height:100%}.ws-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ws-tab{--tc: #e8a33d;position:relative;display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;min-height:60px;border:0;border-radius:16px;cursor:pointer;color:#fff;text-align:left;background:linear-gradient(180deg,#34477a,#212d50);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--tc) 40%,transparent),0 6px 14px #00000059;transition:transform .12s}.ws-tab:hover{transform:translateY(-2px)}.ws-tab.is-on{box-shadow:inset 0 0 0 3px var(--tc),0 0 0 3px color-mix(in srgb,var(--tc) 30%,transparent),0 8px 18px #0006;background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 30%,#34477a),#212d50)}.ws-tab-art{width:46px;height:46px;flex:none}.ws-tab-name{flex:1;font:400 14px var(--display)}.ws-tab-lvl{font:400 14px var(--display);color:var(--gold)}.ws-ready{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;background:#2fa83a;box-shadow:0 0 0 3px #0c1430;animation:pulse-dot 1.4s infinite}.ws-detail{--tc: #e8a33d;display:grid;grid-template-columns:minmax(220px,1fr) 1.4fr;gap:16px;padding:14px}.ws-stage{position:relative;min-height:300px;border-radius:18px;background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--tc) 35%,#223),#121828 75%);box-shadow:inset 0 0 0 2px #ffffff14;overflow:hidden}.ws-drag{position:absolute;left:50%;bottom:8px;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:9px;background:#0006;font-size:11px;color:var(--muted);pointer-events:none}.ws-info-col{display:flex;flex-direction:column;gap:12px;min-width:0}.ws-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.ws-title b{font:400 24px var(--display)}.ws-track{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.ws-ms{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:12px;background:#00000040;color:#7f8bab}.ws-ms i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ffffff14;font:400 12px/28px var(--display);font-style:normal}.ws-ms small{font:800 9.5px var(--body);text-align:center;line-height:1.1}.ws-ms.on{color:#ffd9f6}.ws-ms.on i{background:linear-gradient(180deg,#ff9af0,#a33fd6);color:#fff}.ws-ms.next{box-shadow:inset 0 0 0 2px var(--gold)}.ws-cost-row{display:grid;grid-template-columns:1.4fr 1fr;gap:8px}.ws-need-item{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:12px;background:#00000040;font:700 13px var(--body)}.ws-need-item .pbar{flex:1}.ws-need-item.bad{box-shadow:inset 0 0 0 2px #ff5a4e80}.ws-need-item.ok{box-shadow:inset 0 0 0 2px #8bea5a73}.ws-need-item b{font:400 16px var(--display);color:var(--gold)}.ws-max{display:flex;align-items:center;gap:8px;padding:10px;border-radius:12px;background:#ffcf3f26;color:var(--gold);font-weight:800}.ws-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ws-benefits div{display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:12px;background:#00000038;min-width:0}.ws-benefits small{font:800 9.5px var(--body);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.ws-benefits b{font:400 14px var(--display)}.ws-benefits em{font-style:normal;font-size:11px;color:var(--muted)}.ws-mastery{display:flex;flex-direction:column;gap:5px}.ws-mastery>span{display:inline-flex;align-items:center;gap:6px;font:400 15px var(--display);color:var(--gold)}.castle-hero{display:grid;grid-template-columns:minmax(200px,1fr) 1.2fr;gap:16px;align-items:center;padding:14px}.castle-3d{height:230px;border-radius:18px;background:radial-gradient(circle at 50% 60%,#3d6a3a,#16241c 75%);overflow:hidden}.castle-art{width:100%;height:100%}.castle-id{display:flex;flex-direction:column;gap:8px}.castle-id>b{font:400 26px var(--display)}.castle-prestige{display:inline-flex;align-items:center;gap:6px;font:400 17px var(--display);color:var(--gold)}.castle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.castle-card{padding:14px}.kv{display:flex;align-items:baseline;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:14px}.kv span{flex:1;color:#c9d4f2}.kv b{font:400 16px var(--display)}.kv em{font-style:normal;font-size:11.5px;color:#c69bff}.strength-num{font:400 46px/1 var(--display);color:#fff;margin-bottom:6px}.league-hero{display:flex;align-items:center;gap:20px;padding:16px 20px;background:linear-gradient(180deg,#5a3ca0f2,#201646f5)}.league-id{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.league-id small{font:800 11px var(--body);text-transform:uppercase;letter-spacing:.1em;color:#d9c4ff}.league-div{font:400 34px/1 var(--display);color:#fff}.league-trophies{display:inline-flex;align-items:center;gap:8px;font:400 26px var(--display);color:var(--gold)}.league-prov{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#d9c4ff}.league-play{margin:2px 0}.div-row{display:grid;grid-template-columns:repeat(9,1fr);gap:4px}.div-step{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:12px;opacity:.45}.div-step.reached{opacity:.85}.div-step.is-cur{opacity:1;background:#ffcf3f26;box-shadow:inset 0 0 0 2px var(--gold)}.div-step small{font:400 10px var(--display)}.div-step em{font-style:normal;font-size:9.5px;color:var(--muted)}.league-guest{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.guest-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:16px;background:linear-gradient(180deg,#f0a01a40,#7846004d);box-shadow:inset 0 0 0 2px #ffcf3f8c;color:#ffe7a3;font-weight:700}.acct-panel{padding:16px;display:flex;flex-direction:column;gap:12px;width:min(520px,100%);align-self:center}.acct-form{display:flex;flex-direction:column;gap:10px}.acct-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#c9d4f2;font-weight:700}.acct-err{display:flex;align-items:center;gap:6px;margin:0;padding:8px 10px;border-radius:10px;background:#e63c3238;color:#ffb0a4;font-weight:700;font-size:13px}.acct-signed{display:flex;align-items:center;gap:10px;font-size:16px}.acct-signed .icon{color:#8bea5a}.acct-codes{padding:16px;width:min(560px,100%);align-self:center;display:flex;flex-direction:column;gap:12px}.codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.codes-grid code{padding:10px;border-radius:10px;background:#f4f0e6;color:#1b1f2e;font:800 16px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center;letter-spacing:.08em;user-select:text;-webkit-user-select:text}.acct-ack{display:flex;align-items:center;gap:8px;font-weight:700}.acct-ack input{width:20px;height:20px}.save-prompt{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:100%;padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,#2fa83a40,#14461a59);box-shadow:inset 0 0 0 2px #8bea5a8c;font-size:13.5px;animation:rise-in .4s .6s both}.save-prompt span{flex:1 1 220px}.save-prompt b{font-family:var(--display);font-weight:400;color:#a6f27a}.board-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;touch-action:pan-x}.chip-btn{flex:none;min-height:38px;padding:6px 14px;border:0;border-radius:19px;cursor:pointer;background:#0a102099;color:#c9d4f2;font:400 13px var(--display);box-shadow:inset 0 0 0 2px #ffffff1a}.chip-btn.is-on{background:linear-gradient(180deg,#ffe27a,#f0a01a);color:#3a1d00;box-shadow:0 3px #8a4b00}.rank-gap{text-align:center;color:var(--muted)}.sub-tabs.wide{max-width:560px}.prof-card{flex-wrap:wrap}.prof-id{flex:1;min-width:180px}.prof-id b{display:flex;align-items:center;gap:8px}.prof-actions{display:flex;gap:8px;flex-wrap:wrap}.prof-leagues{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.prof-league{display:flex;align-items:center;gap:10px;padding:10px 12px}.prof-league small{display:block;font:800 10px var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.prof-league b{font:400 16px var(--display)}.prof-legacy{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#ffcf3f2e;color:var(--gold)}.prof-stats.records{grid-template-columns:repeat(4,1fr)}.ach-grid,.cos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.ach{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:16px;background:#0e1426bf;box-shadow:inset 0 0 0 2px #ffffff14;opacity:.75}.ach.is-on{opacity:1;background:linear-gradient(180deg,#5a3c14d9,#281a08e6);box-shadow:inset 0 0 0 2px #ffcf3f99}.ach-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#ffffff14;color:var(--muted)}.ach.is-on .ach-icon{background:linear-gradient(180deg,#ffe27a,#f0a01a);color:#3a1d00}.ach b{font:400 14px var(--display)}.ach small{font-size:12px;color:var(--muted)}.cos{display:flex;flex-direction:column;gap:4px;padding:12px;border:0;border-radius:16px;cursor:pointer;color:#fff;text-align:left;background:#0e1426bf;box-shadow:inset 0 0 0 2px #ffffff1a}.cos.is-on{box-shadow:inset 0 0 0 3px #8bea5a}.cos-slot{font:800 10px var(--body);text-transform:uppercase;letter-spacing:.08em;color:#c69bff}.cos b{font:400 14px var(--display)}.cos-state{font-size:12px;color:var(--muted)}.cos.is-on .cos-state{color:#8bea5a}.hist-row{grid-template-columns:64px .9fr 1.3fr 1.2fr .8fr .8fr}.hist-opp{color:#dfe7ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-tro{display:inline-flex;align-items:center;gap:3px;font-family:var(--display)}.hist-tro.up{color:#8bea5a}.hist-tro.down{color:#ff8a7a}.friends-top{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;padding:14px;align-items:center}.friends-add .field-label{margin-top:0}.friend-list{padding:8px;display:flex;flex-direction:column;gap:6px}.friend-row{display:flex;align-items:center;gap:10px;min-height:54px;padding:6px 10px;border-radius:14px;background:#0000003d}.friend-dot{width:10px;height:10px;border-radius:50%;background:#5c6886;flex:none}.friend-row.is-online .friend-dot{background:#8ef07a;box-shadow:0 0 0 3px #8ef07a40}.friend-name{flex:1;min-width:0;display:flex;flex-direction:column}.friend-name b{font:400 15px var(--display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-name small{font-size:12px;color:var(--muted)}.invites{position:fixed;z-index:65;right:calc(12px + var(--sar));bottom:calc(90px + var(--sab));display:flex;flex-direction:column;gap:8px;width:min(380px,calc(100% - 24px))}.invite-card{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 14px;border-radius:16px;background:linear-gradient(180deg,#34477afa,#18203afa);box-shadow:inset 0 0 0 2px #62b8ff99,0 12px 24px #00000073;font-size:13.5px;animation:toast-in .3s both}.invite-card>span{flex:1}.invite-card b{font-family:var(--display);font-weight:400;color:#8fd0ff}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.shop-card{display:flex;flex-direction:column;gap:8px;padding:14px}.shop-head{display:flex;align-items:center;gap:8px}.shop-head b{font:400 17px var(--display)}.shop-head .icon{color:#ff9af0}.shop-contents{display:flex;flex-wrap:wrap;gap:5px;flex:1;align-content:flex-start}.shop-card.is-later{opacity:.7}.queue-screen.is-league .ring-fg{stroke:#c69bff;filter:drop-shadow(0 0 6px rgba(198,155,255,.6))}.queue-offer{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:16px;background:#2fa83a26;box-shadow:inset 0 0 0 2px #8bea5a80;text-align:center;animation:pop-in .3s both}.queue-offer p{margin:0;font-size:13.5px}.trophy-panel{display:flex;align-items:center;gap:16px;width:100%;padding:14px 18px;animation:rise-in .5s .3s both}.trophy-panel.up{background:linear-gradient(180deg,#3c6e32f2,#183016f5)}.trophy-panel.down{background:linear-gradient(180deg,#6e2828f2,#301012f5)}.trophy-panel.div-up .div-badge{animation:div-up 1.2s 1.2s cubic-bezier(.2,1.6,.4,1) both}.trophy-panel.div-down .div-badge{animation:shake .4s 1.2s 2}@keyframes div-up{0%{transform:scale(1)}40%{transform:scale(1.35) rotate(-8deg);filter:drop-shadow(0 0 20px #ffd34d)}to{transform:scale(1)}}.trophy-info{display:flex;flex-direction:column;gap:3px}.trophy-info small{font:800 11px var(--body);text-transform:uppercase;letter-spacing:.1em;color:#ffffffbf}.trophy-delta{display:inline-flex;align-items:center;gap:8px;font:400 36px/1 var(--display);color:var(--gold)}.div-change{display:inline-block;align-self:flex-start;padding:3px 10px;border-radius:9px;font:400 14px var(--display);animation:pop-in .4s 1.4s both}.div-change.up{background:linear-gradient(180deg,#ffe27a,#f0a01a);color:#3a1d00}.div-change.down{background:#00000059;color:#ffb0a4}.rw-gems{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:14px;background:#00000047;font:400 18px var(--display);color:#ff9af0}.rw-chest{margin-top:10px;display:flex;flex-direction:column;gap:5px}.rw-chest small{font:800 11px var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.rw-chest-earned{display:flex;align-items:center;gap:10px;padding:8px;border-radius:14px;background:#c69bff26;box-shadow:inset 0 0 0 2px #c69bff80}.rw-chest-earned b{flex:1;font:400 16px var(--display)}.rw-chest-art{width:64px;flex:none}.rw-lines{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.rw-line{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:10px;background:#00000047;font-size:13px;font-weight:700}.rw-line .icon{color:#8bea5a}.rw-line.rec .icon{color:var(--gold)}.rw-next{display:flex;align-items:center;gap:6px;margin:12px 0 0;padding:8px 12px;border-radius:12px;background:#62b8ff26;color:#cfe8ff;font-weight:700;font-size:14px}@media(max-width:640px){.chest-top{grid-template-columns:1fr}.daily-art{width:90px}.chest-grid{grid-template-columns:repeat(2,1fr)}.ws-tabs{grid-template-columns:repeat(4,1fr);gap:6px}.ws-tab{flex-direction:column;gap:2px;padding:6px 4px;text-align:center}.ws-tab-name{font-size:11px}.ws-tab-lvl{font-size:12px}.ws-detail{grid-template-columns:1fr;padding:10px}.ws-stage{min-height:220px}.ws-title b{font-size:20px}.ws-cost-row{grid-template-columns:1fr}.ws-benefits{grid-template-columns:1fr 1fr}.castle-hero{grid-template-columns:1fr}.castle-3d{height:190px}.castle-grid{grid-template-columns:1fr}.league-hero{flex-direction:column;text-align:center}.league-hero .div-badge{width:96px;height:96px}.league-id{align-items:center;width:100%}.league-id .pbar{width:100%}.div-row{grid-template-columns:repeat(5,1fr);row-gap:8px}.prof-leagues{grid-template-columns:1fr}.prof-stats.records,.ach-grid,.cos-grid{grid-template-columns:repeat(2,1fr)}.hist-row{grid-template-columns:54px 1fr 1fr .8fr}.hist-opp{display:none}.friends-top{grid-template-columns:1fr}.friend-row .btn{--fs: 11px;padding:4px 8px;min-height:36px}.codes-grid code{font-size:14px}.trophy-delta{font-size:30px}.trophy-panel .div-badge{width:60px;height:60px}.invites{bottom:calc(80px + var(--sab))}.sub-head .cur-pills .gem-pill{display:none}}.prof-leagues{grid-template-columns:repeat(2,1fr)}@media(max-width:640px){.prof-leagues{grid-template-columns:1fr}}.rank-panel .rank-row{grid-template-columns:56px 1fr 110px}.copy-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}@media(max-width:640px){.menu-row-sec{grid-template-columns:repeat(3,1fr)}.menu-row-sec .btn{flex-direction:column;min-height:54px;--fs: 11.5px;gap:3px;padding:6px 4px}}.reveal{background:radial-gradient(ellipse at center,#221642f5,#04060efa);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}@supports selector(:has(*)){@media(max-width:640px){.hud:has(.card-sheet) .hud-right,.hud:has(.card-sheet) .tier-bar{display:none}}}.prof-leagues{grid-template-columns:repeat(3,1fr)}@media(max-width:640px){.prof-leagues{grid-template-columns:1fr}.menu-row-sec{grid-template-columns:repeat(2,1fr)}.menu-row-sec .btn{flex-direction:row}}.cos-preview{position:relative;height:240px;padding:0;overflow:hidden;background:radial-gradient(circle at 50% 60%,#3d6a3a,#16241c 75%)}@media(max-width:640px){.cos-preview{height:200px}}.chest-slot.is-empty{background:#0a102099;box-shadow:none}.hint-bubble{position:relative;display:flex;align-items:center;gap:8px;max-width:min(460px,100%);padding:9px 10px 9px 14px;border-radius:16px;pointer-events:auto;background:linear-gradient(180deg,#ffe27a,#f0a01a);color:#3a1d00;font:800 13.5px/1.3 var(--body);box-shadow:inset 0 2px #fff9,0 4px #8a4b00,0 10px 18px #00000059;animation:hint-bob 1.6s ease-in-out infinite}.hint-bubble:after{content:"";position:absolute;left:50%;bottom:-8px;width:16px;height:16px;margin-left:-8px;background:#f0a01a;transform:rotate(45deg);box-shadow:3px 3px #8a4b00;z-index:-1}.hint-bubble .icon{flex:none}.hint-x{flex:none;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:9px;background:#00000026;color:#3a1d00;cursor:pointer}@keyframes hint-bob{50%{transform:translateY(-4px)}}.place-reason{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);display:flex;align-items:center;gap:6px;max-width:calc(100% - 12px);padding:7px 14px;border-radius:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(180deg,#ff8a6a,#c22a24);color:#fff;font:800 14px var(--body);box-shadow:0 4px #6b1010,0 10px 18px #00000059;animation:shake .35s,pop-in .2s both;pointer-events:none}.place-bar{position:relative}.place-bar.is-invalid{box-shadow:inset 0 2px #fff3,0 0 0 3px #b31f1a,0 12px 24px #0006}.tier-chip{cursor:help}.emote-menu{display:grid;grid-template-columns:repeat(2,1fr);width:230px}.emote-opt{justify-content:center;font-size:15px}.pchip{overflow:visible}.pchip-emote{position:absolute;z-index:3;left:50%;top:calc(100% + 6px);transform:translate(-50%);padding:4px 10px;border-radius:12px;background:#fff;color:#1b1208;font:400 14px var(--display);white-space:nowrap;box-shadow:0 4px #00000040;animation:emote-life 4s ease both;pointer-events:none}.pchip-emote:before{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;margin-left:-5px;background:#fff;transform:rotate(45deg)}@keyframes emote-life{0%{opacity:0;transform:translate(-50%,-6px) scale(.6)}10%{opacity:1;transform:translate(-50%) scale(1.08)}15%{transform:translate(-50%) scale(1)}85%{opacity:1}to{opacity:0}}.spec-btn{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:11px;cursor:pointer;color:#fff;background:#ffffff1f;pointer-events:auto}.spec-btn.flip .icon{transform:scaleX(-1)}.spectate{pointer-events:auto}.strength-pill{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 11px 0 8px;border-radius:16px;background:linear-gradient(180deg,#402878f2,#221446f2);box-shadow:inset 0 0 0 2px #c69bff8c;color:#fff;font:400 15px var(--display);white-space:nowrap}.strength-pill .icon{color:#ffd34d}.strength-pill small{font:800 10px var(--body);text-transform:uppercase;letter-spacing:.06em;color:#d9c4ff}.strength-pill.is-big{height:40px;font-size:20px;padding:0 14px 0 10px;border-radius:20px}.strength-btn{border:0;padding:0;background:none;cursor:pointer;margin-right:auto;margin-left:8px}.strength-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.castle-max{font-size:16px;color:var(--muted)}.castle-hp-line{display:flex;align-items:center;gap:6px;font:400 18px var(--display);color:#a6f27a}.castle-stage{display:flex;flex-direction:column;gap:4px}.castle-stage small{font:800 11px var(--body);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.castle-id .btn{align-self:stretch}.castle-id .btn .icon{display:inline-block;vertical-align:middle}.league-id .strength-pill{align-self:flex-start}.rank-panel .rank-row{grid-template-columns:52px 1fr 90px 64px 100px}.rank-col{color:#d9c4ff;font-size:14px}.rank-name-txt{display:flex;flex-direction:column;min-width:0}.rank-sub{display:none;align-items:center;gap:3px;font:700 11px var(--body);color:var(--muted)}@media(max-width:640px){.rank-panel .rank-row{grid-template-columns:40px 1fr 74px}.rank-col{display:none}.rank-sub{display:inline-flex}.strength-btn{margin-left:4px}.menu-top .strength-pill small{display:none}}.res-timeline{width:100%;padding:12px 14px;animation:rise-in .5s .45s both}.res-timeline h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font:400 16px var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--gold)}.tl-strip{display:flex;gap:0;overflow-x:auto;padding:4px 2px 6px;touch-action:pan-x;scrollbar-width:thin}.tl-item{--pc: #8f9bb8;position:relative;flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;width:92px;padding:0 4px;text-align:center}.tl-item:before{content:"";position:absolute;top:31px;left:0;right:0;height:3px;background:#ffffff1f}.tl-time{font:700 10.5px var(--body);color:var(--muted)}.tl-dot{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--pc);color:#fff;box-shadow:0 0 0 3px #1d2643}.tl-boss .tl-dot,.tl-eliminated .tl-dot{background:#c22a24}.tl-tier .tl-dot{box-shadow:0 0 0 3px #1d2643,0 0 10px #ffcf3fb3}.tl-item b{font:400 11.5px var(--display);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pc)}.tl-item small{font-size:10.5px;line-height:1.2;color:#dfe7ff}.chest-drop{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;overflow:hidden;background:#c69bff24;box-shadow:inset 0 0 0 2px #c69bff99}.chest-drop.rar-rare{background:#5fa0ff29;box-shadow:inset 0 0 0 2px #78beffb3,0 0 22px #5fa0ff4d}.chest-drop.rar-epic{background:#c878ff33;box-shadow:inset 0 0 0 2px #dc8cffcc,0 0 30px #c878ff73}.chest-drop-rays{position:absolute;left:50px;top:50%;width:240px;height:240px;margin:-120px 0 0 -120px;background:repeating-conic-gradient(rgba(255,214,90,.25) 0 10deg,transparent 10deg 24deg);mask:radial-gradient(circle,#000 10%,transparent 60%);-webkit-mask:radial-gradient(circle,#000 10%,transparent 60%);animation:spin 14s linear infinite;pointer-events:none}.chest-drop-art{position:relative;flex:none;width:82px;animation:chest-fly 1.1s .6s cubic-bezier(.2,1.4,.4,1) both}@keyframes chest-fly{0%{opacity:0;transform:translate(160px,-140px) scale(.3) rotate(-30deg)}60%{opacity:1;transform:translateY(6px) scale(1.15) rotate(6deg)}80%{transform:translateY(-4px) scale(.96)}to{transform:none}}.chest-drop-info{position:relative;flex:1;display:flex;flex-direction:column;gap:2px}.chest-drop-info b{font:400 18px var(--display);color:#fff;animation:pop-in .4s 1.3s both}.chest-drop .btn{position:relative}.rematch-pips{display:flex;align-items:center;justify-content:center;gap:6px}.rematch-pips i{width:14px;height:14px;border-radius:50%;background:#ffffff2e;box-shadow:inset 0 0 0 2px #fff3}.rematch-pips i.on{background:#8bea5a;box-shadow:0 0 8px #8bea5ab3}.rematch-pips small{margin-left:6px;font-weight:700;font-size:12.5px;color:#dfe7ff;text-shadow:0 1px 2px #000}.btn.is-wanted{animation:glow-pulse-green 1.1s ease-in-out infinite}.hs-panel{padding:12px 14px}.hs-head{display:flex;align-items:center;justify-content:space-between}.hs-head .panel-title{margin:0}.hs-all{padding:6px;min-height:36px}.hs-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.hs-tabs .chip-btn{min-height:30px;padding:3px 10px;font-size:12px}.hs-table{display:flex;flex-direction:column;gap:3px}.hs-row{display:grid;grid-template-columns:34px 1fr 38px 52px 58px 52px;align-items:center;gap:4px;min-height:32px;padding:3px 8px;border-radius:9px;background:#0000003d;font:400 13px var(--display)}.hs-hrow{min-height:20px;background:none;font:800 9.5px var(--body);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.hs-row.is-you{background:#ffcf3f29;box-shadow:inset 0 0 0 2px #ffcf3f99}.hs-rank{display:inline-flex;align-items:center;gap:2px;color:var(--muted)}.top-1 .hs-rank{color:#ffd34d}.top-2 .hs-rank{color:#d8e0ee}.top-3 .hs-rank{color:#e8a36a}.hs-name{display:flex;align-items:center;gap:5px;min-width:0}.hs-name b{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hs-c{text-align:right;color:#c9d4f2;font-size:12.5px}.hs-c.is-key{color:var(--gold);font-size:14px}.hs-hrow .hs-c{color:var(--muted);font-size:9.5px}.menu-side{max-height:calc(100dvh - 90px);overflow-y:auto;padding-right:4px}.hs-inline{display:none;width:100%}@media(max-width:1180px){.hs-inline{display:block}}@media(max-width:640px){.hs-row{grid-template-columns:30px 1fr 34px 48px 54px}.hs-hi{display:none}}@media(max-height:520px)and (min-width:641px){.hs-inline{display:none}}.menu-v3.scroll{overflow-y:auto}@media(max-width:640px){.menu-v3{justify-content:flex-start;padding-top:6px}}.menu-side{width:min(380px,100%)}.hs-side .hs-row{grid-template-columns:30px minmax(70px,1fr) 30px 42px 50px}.hs-side .hs-hi,.hs-side .hs-name .div-badge{display:none}.hs-hrow .hs-c{display:flex;justify-content:flex-end}@media(max-width:640px){.spectate{left:0;right:auto;transform:none;max-width:calc(100% - 66px);padding:4px 6px 4px 10px;gap:5px;font-size:11.5px}.spectate .spec-btn{width:32px;height:32px}}@keyframes card-in{0%{opacity:0;transform:translateY(22px) scale(.94)}to{opacity:1;transform:none}}@keyframes sheet-up{0%{opacity:0;transform:translateY(28px)}}@keyframes pill-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes timer{0%{width:100%;background:var(--green-1)}70%{background:var(--gold)}to{width:0%;background:var(--red-1)}}@keyframes soft-pulse{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--pulse, #79cc6f) 22%,transparent),var(--sh-2)}}@keyframes pop-in{0%{opacity:0;transform:scale(.94) translateY(10px)}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}}@keyframes title-in{0%{opacity:0;transform:scale(1.35)}}@keyframes logo-in{0%{opacity:0;transform:translateY(-14px) scale(.96)}}@keyframes num-pop{0%{transform:scale(1.25)}}@keyframes hp-throb{50%{filter:brightness(1.22)}}.logo{filter:none}.logo-text{font-family:var(--display);font-size:104px;font-weight:900;letter-spacing:2px}.logo-flag{transform-box:fill-box;transform-origin:right center;animation:wave 3s ease-in-out infinite}.logo-flag-r{transform-origin:left center;animation-delay:-1.5s}.menu-logo,.menu-v3 .menu-logo{width:min(420px,80%);animation:logo-in .6s var(--ease-out) both}.menu-top{gap:8px}.profile-chip{min-height:44px;padding:4px 12px 4px 4px;gap:8px;border-radius:24px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--edge-2),var(--sh-1)}.profile-chip:hover{background:var(--glass-2)}.profile-avatar{width:36px;height:36px;background:linear-gradient(180deg,var(--blue-1),var(--blue-2));box-shadow:inset 0 1px #ffffff4d,0 0 0 2px #060a1680}.profile-name{font-size:15px}.profile-level{min-width:24px;height:22px;border-radius:11px;background:#9a7fe052;box-shadow:inset 0 0 0 1px #a68ce48c;color:#e6dcff;font-size:12.5px}.gold-pill{height:34px;padding:0 12px 0 7px;gap:6px;border-radius:17px;background:var(--glass);box-shadow:inset 0 0 0 1px #f2c35a59;color:var(--gold);font-size:14.5px}.gem-pill{color:var(--gem);box-shadow:inset 0 0 0 1px #f09ad859}.cur-plus{width:15px;height:15px;background:var(--green-2);font-size:12px;line-height:15px}.net-pill{min-height:34px;padding:4px 12px;border-radius:17px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--edge);font-size:13px;color:var(--tx-2)}.net-pill b{color:var(--ok);font-size:14px}.net-dot{width:8px;height:8px;background:var(--ok);box-shadow:0 0 0 3px #7fd47a33;animation-duration:2.4s}.net-pill.is-off .net-dot{background:var(--bad);box-shadow:0 0 0 3px #f08a7c38}.net-pill.is-wait .net-dot{background:var(--gold)}.menu-v3{row-gap:14px}.menu-buttons{gap:12px}.btn-playnow{--fs: clamp(28px, 6.6vw, 38px);min-height:104px;letter-spacing:.05em;--pulse: var(--green-1)}.btn-playnow .icon{width:26px;height:26px}.btn-playnow .btn-label small{font-size:13px;letter-spacing:.02em;opacity:.9}.btn-playnow:not(:disabled){animation:playnow-glow 3.2s ease-in-out infinite}@keyframes playnow-glow{50%{box-shadow:inset 0 1px #ffffff4d,inset 0 -2px #0000001f,0 3px 0 var(--c3),0 0 0 5px #79cc6f29,0 10px 26px #0306105c}}.menu-play-3{gap:10px;animation:rise-in .45s .1s var(--ease-out) both}.menu-play-3 .btn{--fs: 17px;min-height:74px;gap:4px;padding:8px 6px;border-radius:var(--r-lg)}.menu-play-3 .btn .icon{width:22px;height:22px}.menu-play-3 .btn-label small{font-size:10.5px}.league-btn-badge{height:24px}.league-btn-badge .div-badge{margin-top:-8px}.menu-utils{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;animation:rise-in .45s .18s var(--ease-out) both}.util-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;padding:6px 4px;border:0;border-radius:var(--r-md);cursor:pointer;background:var(--glass);color:var(--tx-2);font:700 12px/1.15 var(--body);text-align:center;box-shadow:inset 0 0 0 1px var(--edge),var(--sh-1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background var(--dur-2),color var(--dur-2),transform var(--dur-1)}.util-btn .icon{color:var(--gold);opacity:.9}.util-btn:hover{background:var(--glass-2);color:#fff}.util-btn:active{transform:translateY(1px) scale(.98)}.menu-copy,.menu-row-sec,.hs-inline,.strength-btn{display:none!important}.menu-side{width:min(340px,100%);max-height:none;overflow:visible;padding:0}.menu-foot{color:#ffffff73;text-shadow:none}.offline-card{border-radius:var(--r-lg);background:linear-gradient(180deg,#782c28e0,#4e1a1ee6);box-shadow:inset 0 0 0 1px #f08a7c66,var(--sh-2)}.update-pill{position:fixed;z-index:66;left:50%;top:calc(62px + var(--sat));transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;border-radius:22px;background:var(--glass-2);box-shadow:inset 0 0 0 1px #f2c35a73,var(--sh-2);font:700 13.5px var(--body);color:var(--cream);white-space:nowrap;animation:toast-in var(--dur-3) var(--ease-out) both;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.update-pill .icon{color:var(--gold)}.screen-match .update-pill{display:none}@media(max-width:1180px){.menu-side{display:none}}.navbar{position:absolute;z-index:40;display:grid;grid-template-columns:repeat(5,1fr)}.nav-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border:0;background:none;color:var(--muted);font:700 11px var(--body);letter-spacing:.02em;cursor:pointer;border-radius:var(--r-md);transition:color var(--dur-2),background var(--dur-2)}.nav-tab:hover{color:#fff}.nav-tab.is-on{color:#fff;background:#ffffff12}.nav-tab.is-on:after{content:"";position:absolute;top:4px;width:18px;height:2px;border-radius:1px;background:var(--gold)}.nav-tab.is-on .nav-icon{color:var(--gold);transform:none}.nav-icon{position:relative;transition:transform var(--dur-2)}.nav-badge{position:absolute;top:-5px;right:-9px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--badge);color:#fff;font:800 10px/17px var(--body);font-style:normal;box-shadow:0 0 0 2px var(--ink-2)}@media(min-width:641px){.navbar{left:50%;bottom:calc(10px + var(--sab));transform:translate(-50%);width:min(460px,calc(100% - 24px));padding:5px;border-radius:20px;background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--edge-2),var(--sh-2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-tab{min-height:46px;flex-direction:row;gap:6px;font-size:12.5px}.nav-tab.is-on:after{top:auto;bottom:3px}.menu .menu-main{padding-bottom:calc(80px + var(--sab))}.sub-inner{padding-bottom:calc(84px + var(--sab))}.menu-foot{bottom:calc(22px + var(--sab))}}@media(min-width:641px)and (max-width:1100px){.menu-foot{display:none}}@media(max-width:640px){.navbar{left:0;right:0;bottom:0;padding:4px 6px calc(4px + var(--sab));background:linear-gradient(180deg,#161e32f5,#0d1322fa);box-shadow:inset 0 1px 0 var(--edge-2),0 -8px 22px #0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.menu-top .net-pill.is-on{padding:0 10px}.menu-top .net-pill.is-on .net-txt{display:none}.menu-v3 .menu-logo{width:min(300px,78%)}.btn-playnow{min-height:92px}.menu-play-3 .btn{--fs: 15px;min-height:72px}.menu-utils{gap:6px}.util-btn{min-height:56px;font-size:11px}}@media(max-height:520px)and (min-width:641px){.menu-utils{grid-template-columns:repeat(4,1fr)}.util-btn{min-height:44px;flex-direction:row;gap:6px}.navbar{display:none}}.sub-head h1{font-size:var(--fs-h1);letter-spacing:.01em;text-shadow:var(--ts-display)}.sub-head h1 .icon{filter:none}.sub-back{width:44px;height:44px;border-radius:50%}.panel-title{font:700 var(--fs-h3) var(--body);letter-spacing:.1em;color:var(--muted);margin-bottom:10px}.panel-title .icon{color:var(--gold)}.rank-row,.hist-row,.goal-row,.friend-row,.member-list li,.hs-row,.kv{--rowc: var(--row)}.rank-row,.hist-row,.goal-row,.friend-row,.member-list li,.lobby-seat:not(.is-empty),.hs-row:not(.hs-hrow),.weekly-stats span,.ws-need-item,.ws-benefits div,.ws-ms,.tp-stats span,.res-row:not(.res-hrow),.rw-line,.rw-tower,.rw-gold,.rw-xp,.rw-rating,.rw-casual,.rw-gems,.rw-chip{background:var(--row);box-shadow:inset 0 0 0 1px var(--edge)}.rank-hrow,.res-hrow{box-shadow:none!important;background:none!important}.rank-row.is-you,.res-row.is-you,.hs-row.is-you{background:#f2c35a1a;box-shadow:inset 0 0 0 1.5px #f2c35a80}.rank-row b,.hs-c.is-key{color:var(--gold)}.chip-btn{min-height:36px;background:var(--glass);color:var(--tx-2);box-shadow:inset 0 0 0 1px var(--edge-2);font:700 12.5px var(--body)}.chip-btn.is-on{background:linear-gradient(180deg,var(--amber-1),var(--amber-2));color:#2e1c06;box-shadow:0 2px 0 var(--amber-3)}.prof-avatar{background:linear-gradient(180deg,var(--blue-1),var(--blue-2));box-shadow:inset 0 1px #ffffff4d,var(--sh-1)}.prof-stats div{background:linear-gradient(180deg,var(--s3),var(--s2));box-shadow:inset 0 0 0 1px var(--edge),var(--sh-1)}.ach{background:var(--row);box-shadow:inset 0 0 0 1px var(--edge)}.ach.is-on{background:linear-gradient(180deg,#785a2880,#3c2c1499);box-shadow:inset 0 0 0 1px #f2c35a73}.ach.is-on .ach-icon{background:linear-gradient(180deg,var(--amber-1),var(--amber-2));color:#2e1c06}.cos{background:var(--row);box-shadow:inset 0 0 0 1px var(--edge)}.cos.is-on{box-shadow:inset 0 0 0 2px var(--green-1)}.strength-pill{height:30px;background:#6a4dbc52;box-shadow:inset 0 0 0 1px #a68ce480}.strength-pill .icon{color:var(--gold)}.strength-num,.league-div,.ws-level,.trophy-delta{text-shadow:var(--ts-display)}.ws-card,.ws-tab,.chest-slot{background:linear-gradient(180deg,var(--s3),var(--s2))}.ws-tab{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 35%,transparent),var(--sh-1);border-radius:var(--r-md)}.ws-tab.is-on{background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 22%,var(--s3)),var(--s2));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tc) 75%,transparent),var(--sh-2)}.ws-stage,.castle-3d,.cos-preview{box-shadow:inset 0 0 0 1px var(--edge)}.ws-ms.on i{background:linear-gradient(180deg,var(--purple-1),var(--purple-2))}.ws-ms.next{box-shadow:inset 0 0 0 1.5px var(--gold)}.ws-xp,.pbar{background:#0e1424;box-shadow:inset 0 1px 2px #00000080,inset 0 0 0 1px var(--edge)}.ws-xp-fill{background:linear-gradient(180deg,#8bc6f0,#5a86e0)}.pbar-fill{background:linear-gradient(180deg,color-mix(in srgb,var(--pb) 75%,#fff),var(--pb))}.league-hero{background:linear-gradient(180deg,#6a4dbc80,#281e5099),linear-gradient(180deg,var(--s3),var(--s2))}.daily-card.is-ready{box-shadow:inset 0 0 0 1.5px #79cc6f99,0 0 26px #79cc6f24,var(--sh-3)}.chest-slot{box-shadow:inset 0 0 0 1px var(--edge),var(--sh-2);border-radius:var(--r-lg)}.chest-slot.rar-rare{box-shadow:inset 0 0 0 1.5px #6aa6eaa6,var(--sh-2)}.chest-slot.rar-epic{box-shadow:inset 0 0 0 1.5px #a68ce4bf,0 0 20px #a68ce433,var(--sh-2)}.chest-slot.is-empty{background:#0a0f1c80;border:1.5px dashed rgba(255,255,255,.12);box-shadow:none}.chest-open-tag{background:linear-gradient(180deg,var(--green-1),var(--green-2));box-shadow:0 2px 0 var(--green-3);font:400 12px var(--display);letter-spacing:.04em}.odd{background:var(--row)}.chest-pity{display:flex;flex-direction:column;gap:8px}.chest-pity-big{display:flex;align-items:baseline;gap:8px;font:400 18px var(--display);color:#fff}.chest-pity-big .icon{color:var(--purple-1);align-self:center}.pity-pips{display:grid;grid-template-columns:repeat(var(--n, 3),1fr);gap:5px}.pity-pips i{height:8px;border-radius:4px;background:#0e1424;box-shadow:inset 0 0 0 1px var(--edge)}.pity-pips i.on{background:linear-gradient(180deg,var(--purple-1),var(--purple-2));box-shadow:none}.guest-banner{background:linear-gradient(180deg,#d7962e33,#784a143d);box-shadow:inset 0 0 0 1px #f2c35a73}.save-prompt{background:linear-gradient(180deg,#34935a38,#1440284d);box-shadow:inset 0 0 0 1px #79cc6f73}.codes-grid code{background:#060a1673;color:var(--cream);box-shadow:inset 0 0 0 1px var(--edge-2)}.invite-card{background:var(--glass-2);box-shadow:inset 0 0 0 1px #6aa6ea80,var(--sh-2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mode-card{border:1.5px solid transparent;background:var(--row);box-shadow:inset 0 0 0 1px var(--edge);border-radius:var(--r-lg)}.mode-card.is-on{border-color:var(--green-1);background:linear-gradient(180deg,#79cc6f29,#34935a1a);box-shadow:0 0 0 3px #79cc6f24}.mode-icon{background:linear-gradient(180deg,var(--blue-1),var(--blue-2));box-shadow:inset 0 1px #ffffff4d,0 2px 0 var(--blue-3);border-radius:var(--r-md)}.mode-card.is-on .mode-icon{background:linear-gradient(180deg,var(--green-1),var(--green-2));box-shadow:inset 0 1px #ffffff4d,0 2px 0 var(--green-3)}.member-avatar{background:linear-gradient(180deg,var(--amber-1),var(--amber-2));color:#2e1c06}.lobby-team{background:color-mix(in srgb,var(--team) 12%,rgba(6,10,22,.3));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--team) 45%,transparent)}.lobby-seat.is-me{box-shadow:inset 0 0 0 1.5px var(--gold)}.queue-title{text-shadow:var(--ts-display);font-size:clamp(22px,6vw,28px)}.ring-bg{fill:#060a164d;stroke:#ffffff0f;stroke-width:14}.ring-fg{stroke:var(--gold);stroke-width:10;filter:none}.ring-center b{text-shadow:var(--ts-display);font-size:42px}.q-human{background:linear-gradient(180deg,var(--blue-1),var(--blue-2));box-shadow:inset 0 1px #ffffff4d,0 2px 0 var(--blue-3)}.q-bot{background:linear-gradient(180deg,var(--slate-1),var(--slate-2));box-shadow:inset 0 1px #fff3,0 2px 0 var(--slate-3)}.q-wait{border:1.5px dashed rgba(255,255,255,.25)}.tip-bar{background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--edge),var(--sh-1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.queue-offer{background:#34935a24;box-shadow:inset 0 0 0 1px #79cc6f73}kbd{background:linear-gradient(180deg,#e9e6df,#c9c4b8);color:#1b1f2e;box-shadow:0 1px #6f6858}.reveal{background:radial-gradient(ellipse at center,#1c1838f0,#04060ef7)}.reveal-title{color:var(--gold);text-shadow:var(--ts-display)}.reveal-rays,.res-rays,.chest-drop-rays{opacity:.55}.rw-chip.is-big{background:linear-gradient(180deg,var(--s3),var(--s2));box-shadow:inset 0 0 0 1px var(--edge-2),var(--sh-2)}.btn-badge{min-width:20px;height:20px;top:-7px;right:-6px;background:var(--badge);font:800 11px/20px var(--body);box-shadow:0 0 0 2px var(--ink);animation:none}.tl-dot{box-shadow:0 0 0 3px var(--s2)}.results-dim{background:radial-gradient(ellipse at 50% 30%,#18163499,#050812e6)}.res-title{font-size:clamp(46px,12vw,84px);letter-spacing:.05em;color:var(--gold);text-shadow:0 3px 0 rgba(60,32,4,.6),0 10px 30px rgba(0,0,0,.45),0 0 40px rgba(242,195,90,.25);animation:title-in .55s .08s var(--ease-spring) both}.res-lose .res-title{color:#dfe3ec;text-shadow:0 3px 0 rgba(30,10,16,.6),0 10px 30px rgba(0,0,0,.5)}.res-draw .res-title,.res-solo .res-title{color:#ddd2ff;text-shadow:0 3px 0 rgba(30,16,70,.6),0 10px 30px rgba(0,0,0,.5)}.res-emblem{width:80px;height:80px;border-radius:24px;background:linear-gradient(180deg,var(--amber-1),var(--amber-2));box-shadow:inset 0 1px #fff6,0 0 0 3px #3c2004b3,0 10px 26px #0006,0 0 34px #f2c35a4d;animation:emblem-in .55s var(--ease-spring) both}.res-lose .res-emblem{background:linear-gradient(180deg,var(--slate-1),var(--slate-2));box-shadow:inset 0 1px #ffffff40,0 0 0 3px #0a0e1acc,0 10px 26px #0006}.res-draw .res-emblem,.res-solo .res-emblem{background:linear-gradient(180deg,var(--purple-1),var(--purple-2));box-shadow:inset 0 1px #ffffff59,0 0 0 3px #1e1046cc,0 10px 26px #0006}.res-pill{background:var(--glass);box-shadow:inset 0 0 0 1px var(--edge-2);font-size:13.5px}.res-pill.gold{background:linear-gradient(180deg,var(--amber-1),var(--amber-2));color:#2e1c06}.res-sub{text-shadow:0 1px 3px rgba(0,0,0,.6);font-size:16px}.trophy-panel.up{background:linear-gradient(180deg,#34935a66,#1432228c),linear-gradient(180deg,var(--s3),var(--s2))}.trophy-panel.down{background:linear-gradient(180deg,#b6433a59,#3c14168c),linear-gradient(180deg,var(--s3),var(--s2))}.div-change.up{background:linear-gradient(180deg,var(--amber-1),var(--amber-2));color:#2e1c06}.res-rewards h3,.res-timeline h3{font:700 var(--fs-h3) var(--body);letter-spacing:.1em;color:var(--muted)}.res-rewards h3 .icon,.res-timeline h3 .icon{color:var(--gold)}.chest-drop{background:#9a7fe01f;box-shadow:inset 0 0 0 1px #a68ce480}.rw-chest-earned{background:#9a7fe01f;box-shadow:inset 0 0 0 1px #a68ce473}.rw-next{background:#5b9be61f;box-shadow:inset 0 0 0 1px #6aa6ea4d}.rematch-pips i.on{background:var(--green-1);box-shadow:0 0 6px #79cc6f99}.btn.is-wanted{animation:playnow-glow 1.6s ease-in-out infinite}.pchip{background:var(--glass-hud);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc) 45%,rgba(255,255,255,.08)),var(--sh-1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:var(--r-lg)}.pchip:after{width:3px;top:10px;bottom:10px;border-radius:0 3px 3px 0}.team-1 .pchip:after{border-radius:3px 0 0 3px}.pchip:hover{filter:brightness(1.08)}.pchip.is-you{box-shadow:inset 0 0 0 1.5px #f2c35abf,var(--sh-1)}.pchip-avatar{width:38px;height:38px;border-radius:var(--r-sm);background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 82%,#fff 0%),color-mix(in srgb,var(--pc) 72%,#000));box-shadow:inset 0 1px #ffffff47}.pchip-avatar .icon{filter:none}.pchip-name{font-size:14px}.pchip-name-text{text-shadow:var(--ts-soft)}.pchip-draft{display:none}.hpbar{height:14px;border-radius:7px;background:#040710bf;box-shadow:inset 0 1px 2px #0009,inset 0 0 0 1px #ffffff0d}.hpbar-ghost,.hpbar-fill{border-radius:7px}.hpbar-ghost{background:#ffe8b4bf}.hpbar-fill{background:linear-gradient(180deg,#92d881,#4fa553);box-shadow:inset 0 1px #ffffff40}.hp-mid .hpbar-fill{background:linear-gradient(180deg,#f3cf6e,#d29a35)}.hp-lo .hpbar-fill{background:linear-gradient(180deg,#f08f7f,#c24c40)}.hpbar-text{font:700 10.5px/14px var(--body);letter-spacing:.02em;text-shadow:0 1px 1px rgba(0,0,0,.8)}.pchip-dstate{font-size:9px;letter-spacing:.08em;padding:1px 5px;border-radius:5px}.dstate-choosing{background:#f2c35a2e;color:#f5d68a}.dstate-done{background:#79cc6f33;color:#a9e3a3}.fx-badge{border-radius:5px;box-shadow:none;animation:none}.tag-bot{height:16px;line-height:16px;font-size:9px}.wave-panel{--ph: var(--gold);min-width:124px;padding:6px 14px 8px;border-radius:0 0 var(--r-lg) var(--r-lg);color:var(--cream);background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--edge),inset 0 -2px color-mix(in srgb,var(--ph) 85%,transparent),var(--sh-2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.wave-panel.ph-draft{--ph: var(--purple-1);background:var(--glass-2);color:var(--cream);box-shadow:inset 0 0 0 1px var(--edge),inset 0 -2px 0 var(--ph),var(--sh-2)}.wave-panel.ph-resolve{--ph: var(--green-1);background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--edge),inset 0 -2px 0 var(--ph),var(--sh-2)}.wave-panel.boss-next{--ph: var(--red-1);background:linear-gradient(180deg,#782828bf,#3c141ad1);box-shadow:inset 0 0 0 1px #f08a7c59,inset 0 -2px 0 var(--ph),var(--sh-2)}.wave-label,.wave-panel.ph-draft .wave-label,.wave-panel.ph-resolve .wave-label,.boss-next .wave-label{font:800 10px/1 var(--body);letter-spacing:.16em;color:color-mix(in srgb,var(--ph) 70%,#fff)}.wave-num{font-size:34px;color:#fff;text-shadow:var(--ts-display);animation:num-pop .35s var(--ease-out)}.wave-panel.ph-draft.is-urgent .wave-num{color:var(--gold);animation:hp-throb .6s ease-in-out infinite}.wave-next,.wave-time{height:20px;padding:0 8px;border-radius:10px;background:#04071080;color:var(--tx-2);font:700 11px/20px var(--body)}.wave-next.is-soon{background:var(--red-2);color:#fff}.wave-boss{height:20px;border-radius:10px;background:var(--red-2);font:800 11px/20px var(--body);animation:none}.minimap-panel{width:200px;height:172px;padding:4px;border-radius:var(--r-lg);background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--edge-2),var(--sh-2)}.minimap-canvas{border-radius:calc(var(--r-lg) - 4px)}.is-open .minimap-toggle{width:28px;height:28px;border-radius:50%;top:-6px;right:-6px;background:var(--s3);box-shadow:inset 0 0 0 1px var(--edge-2),var(--sh-1)}.is-closed .minimap-toggle,.minimap .minimap-toggle{background:linear-gradient(180deg,#3a486ceb,#222c48eb);box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px var(--edge),0 2px #060a1699,var(--sh-1)}.hud-right{gap:8px}.team-btns{padding:0;gap:8px;background:none}.ibtn-castle{color:var(--gold)}.ping-menu{background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--edge-2),var(--sh-2);border-radius:var(--r-lg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ping-opt{background:var(--row-hi);font:700 13.5px var(--body);border-radius:var(--r-sm)}.ping-opt:hover{background:#ffffff1f}.emote-opt{font:400 14px var(--display)}.pchip-emote{background:#f6f3ec;color:#1b2233;font:700 13px var(--body);box-shadow:var(--sh-1)}.pchip-emote:before{background:#f6f3ec}.pause-toggles{margin:0 0 12px}.pause-toggles .toggle-label{display:inline-flex;align-items:center;gap:8px}.pause-toggles .toggle-label .icon{color:var(--tx-2)}.tower-panel{padding:12px;border-radius:var(--r-xl);background:linear-gradient(180deg,#2b3858f2,#1a2339f5);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 40%,rgba(255,255,255,.08)),var(--sh-3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:slide-in-l var(--dur-3) var(--ease-out) both}.tp-art{border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--edge)}.tp-bonus{background:#f2c35a1f;border-radius:var(--r-sm);font-weight:700}.tp-warn{background:#9a7fe029}.tier-pips span.on{background:var(--gold);box-shadow:none}.place-bar{border-radius:var(--r-xl);background:linear-gradient(180deg,#2b3858f2,#1a2339f5);box-shadow:inset 0 0 0 1px var(--edge-2),var(--sh-3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:rise-in var(--dur-3) var(--ease-out) both}.place-bar.is-invalid{box-shadow:inset 0 0 0 1.5px #f08a7cb3,var(--sh-3)}.place-art{border-radius:var(--r-md);background:var(--row);box-shadow:inset 0 0 0 1px var(--edge)}.place-info b{font-size:17px}.place-status{border-radius:var(--r-xs);background:var(--row);font-weight:700}.place-status.is-ok{background:#79cc6f29;color:#a9e3a3}.place-status.is-bad{background:#e0675a2e;color:#f5b3a9}.place-cost{font-weight:700;color:var(--gold);opacity:.85}.pbtn{--c1: var(--slate-1);--c2: var(--slate-2);--c3: var(--slate-3);border-radius:var(--r-md);font:400 13.5px var(--display);letter-spacing:.03em;text-shadow:var(--ts-soft);background:linear-gradient(180deg,var(--c1),var(--c2));box-shadow:inset 0 1px #ffffff38,0 3px 0 var(--c3),0 6px 12px #03061047;transition:transform var(--dur-1) var(--ease-out),filter var(--dur-2)}.pbtn:hover:not(:disabled){filter:brightness(1.07)}.pbtn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #ffffff2e,0 1px 0 var(--c3),0 2px 5px #03061040}.pbtn:disabled{filter:grayscale(.8) brightness(.68)}.pbtn-build{--c1: var(--green-1);--c2: var(--green-2);--c3: var(--green-3);background:linear-gradient(180deg,var(--c1),var(--c2));box-shadow:inset 0 1px #ffffff4d,0 3px 0 var(--c3),0 6px 12px #03061047}.pbtn-build:not(:disabled){animation:build-ready 2.2s ease-in-out infinite}@keyframes build-ready{50%{box-shadow:inset 0 1px #ffffff4d,0 3px 0 var(--green-3),0 0 0 4px #79cc6f38,0 6px 14px #0306104d}}.pbtn-rotate{--c1: var(--blue-1);--c2: var(--blue-2);--c3: var(--blue-3);background:linear-gradient(180deg,var(--c1),var(--c2));box-shadow:inset 0 1px #ffffff4d,0 3px 0 var(--c3),0 6px 12px #03061047}.pbtn-cancel{--c1: var(--slate-1);--c2: var(--slate-2);--c3: var(--slate-3);background:linear-gradient(180deg,var(--c1),var(--c2));box-shadow:inset 0 1px #ffffff38,0 3px 0 var(--c3),0 6px 12px #03061047}.pbtn kbd{top:-6px;right:-4px;opacity:.9}.joker-target{background:var(--row);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc) 50%,transparent);border-radius:var(--r-md)}.joker-target.is-on{background:color-mix(in srgb,var(--pc) 24%,rgba(6,10,22,.3));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--pc) 85%,#fff)}.place-reason{border-radius:var(--r-md);background:linear-gradient(180deg,var(--red-1),var(--red-2));box-shadow:0 2px 0 var(--red-3),var(--sh-2);font-weight:700;animation:shake .3s,pop-in var(--dur-2) both}.tier-bar{gap:5px;padding:4px 6px;border-radius:var(--r-lg);background:var(--glass-hud);box-shadow:inset 0 0 0 1px var(--edge);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.tier-bar-label{font:800 10px var(--body);letter-spacing:.12em}.tier-chip{height:32px;padding:0 7px 0 1px;border-radius:var(--r-sm);background:var(--row);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ac) 40%,transparent)}.tier-chip-art{width:28px;height:28px}.tier-chip b{font-size:13px;color:var(--gold)}.tier-bar-hint{color:var(--tx-2);font-size:12px}.tier-bar-hint .icon{color:var(--purple-1)}.banner-ribbon{padding:9px 38px;background:linear-gradient(180deg,var(--blue-1),var(--blue-2));filter:drop-shadow(0 6px 14px rgba(3,6,16,.4))}.banner-ribbon .icon{filter:none}.banner-title{font-size:clamp(26px,6.4vw,44px);text-shadow:0 2px 0 rgba(4,8,20,.35)}.banner-big .banner-title{font-size:clamp(38px,10vw,72px)}.banner-sub{border-radius:var(--r-md);background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--edge);font:700 14px var(--body);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.banner-boss .banner-ribbon,.banner-elimYou .banner-ribbon,.banner-lose .banner-ribbon{background:linear-gradient(180deg,var(--red-1),var(--red-2))}.banner-elim .banner-ribbon{background:linear-gradient(180deg,var(--slate-1),var(--slate-2))}.banner-win .banner-ribbon,.banner-tier .banner-ribbon{background:linear-gradient(180deg,var(--amber-1),var(--amber-2));color:#2e1c06}.banner-win .banner-title,.banner-tier .banner-title{text-shadow:0 1px 0 rgba(255,240,200,.4)}.banner-draw .banner-ribbon,.banner-jokerOut .banner-ribbon{background:linear-gradient(180deg,var(--purple-1),var(--purple-2))}.banner-clear .banner-ribbon,.banner-util .banner-ribbon{background:linear-gradient(180deg,var(--green-1),var(--green-2))}.countdown small{font:800 15px var(--body);letter-spacing:.14em;text-transform:uppercase;text-shadow:var(--ts-world)}.countdown b{font-size:120px;color:var(--cream);text-shadow:0 4px 0 rgba(4,8,20,.35),0 10px 40px rgba(0,0,0,.45);animation:count-pop .9s var(--ease-out) both}.countdown.is-boss b{color:#f5a89c}.toast{border-radius:var(--r-md);background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--edge-2),var(--sh-2);font:600 13.5px/1.35 var(--body);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:toast-in var(--dur-2) var(--ease-out) both}.toast-icon{width:24px;height:24px;border-radius:8px;background:var(--blue-2)}.toast-error .toast-icon{background:var(--red-2)}.toast-warn .toast-icon{background:var(--amber-2);color:#2e1c06}.toast-good .toast-icon{background:var(--green-2)}.toast-error{box-shadow:inset 0 0 0 1px #f08a7c80,var(--sh-2)}.hint-bubble{padding:7px 8px 7px 12px;border-radius:var(--r-md);background:var(--glass-2);color:var(--cream);font:700 13px/1.3 var(--body);box-shadow:inset 0 0 0 1px #f2c35a73,var(--sh-2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:rise-in var(--dur-3) var(--ease-out) both}.hint-bubble:after{width:12px;height:12px;bottom:-6px;margin-left:-6px;background:#1c263ef2;box-shadow:1px 1px #f2c35a73;z-index:0}.hint-bubble>.icon{color:var(--gold)}.hint-x{width:30px;height:30px;border-radius:50%;background:#ffffff14;color:var(--tx-2)}.my-fx-item{border-radius:var(--r-md);background:var(--glass-2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fc) 55%,transparent),var(--sh-1);font-size:12.5px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.my-fx-icon{border-radius:8px}.spectate{background:var(--glass-2);box-shadow:inset 0 0 0 1px #f2c35a66,var(--sh-1)}.draft-wait{background:var(--glass-2);box-shadow:inset 0 0 0 1px #79cc6f73,var(--sh-1);border-radius:var(--r-lg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.draft-wait{display:flex;align-items:center;gap:8px;padding:9px 14px;font:700 13.5px var(--body);pointer-events:auto;animation:rise-in var(--dur-3) both}.draft-wait .icon{color:var(--green-1)}.tutorial{border-radius:var(--r-xl);background:linear-gradient(180deg,#2b3858f7,#1a2339f7);box-shadow:inset 0 0 0 1px var(--edge-2),inset 0 2px 0 var(--green-1),var(--sh-3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:pop-in var(--dur-3) var(--ease-out) both}.tut-head small{color:var(--green-1);font-weight:800}.tut-icon{background:linear-gradient(180deg,var(--green-1),var(--green-2));color:#fff;border-radius:var(--r-sm)}.tut-skip{background:#ffffff12;color:var(--tx-2);box-shadow:inset 0 0 0 1px var(--edge);min-height:36px}.tutorial p{color:var(--tx-2)}.tut-note{color:var(--muted)!important}.tut-progress i{height:4px;background:#ffffff1f}.tut-progress i.done{background:var(--green-1)}.tut-progress i.cur{background:#fff}.tile-info{border-radius:var(--r-lg);background:linear-gradient(180deg,#2b3858f5,#1a2339f7);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ti) 50%,rgba(255,255,255,.08)),var(--sh-2)}.ti-tip{background:#f2c35a1a}.card-sheet{width:min(500px,100%);padding:8px 10px 10px;border-radius:var(--r-xl);pointer-events:auto;background:linear-gradient(180deg,#242f4ce6,#141b2ef0);box-shadow:inset 0 0 0 1px var(--edge-2),var(--sh-3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:sheet-up var(--dur-3) var(--ease-out) both}.card-sheet-head{display:flex;align-items:center;gap:8px;min-height:34px;margin:0 0 6px;padding:0 2px}.card-sheet-title{display:inline-flex;align-items:center;gap:7px;min-width:0;font:400 16px var(--display);color:#fff;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-sheet-title .badge{flex:none}.card-sheet-spacer{flex:1}.draft-clock{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:12px;flex:none;background:#04071073;color:var(--tx-2);font:700 12.5px/24px var(--body);font-variant-numeric:tabular-nums}.draft-clock.is-urgent{background:var(--red-2);color:#fff;animation:hp-throb .6s ease-in-out infinite}.draft-clock.is-wave{background:#b6433a52;color:#f5c2ba}.sheet-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:40px;min-height:36px;padding:0 11px;border:0;border-radius:var(--r-sm);cursor:pointer;background:#ffffff12;box-shadow:inset 0 0 0 1px var(--edge);color:var(--tx-2);font:700 12.5px var(--body);transition:background var(--dur-1),color var(--dur-1)}.sheet-btn:hover:not(:disabled){background:#ffffff21;color:#fff}.sheet-btn:active:not(:disabled){transform:translateY(1px)}.sheet-reroll .icon{color:var(--blue-1)}.sheet-reroll.is-used,.sheet-reroll:disabled{opacity:.45;cursor:not-allowed}.reroll-n{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;border-radius:9px;background:var(--gold);color:#2e1c06;font:800 10px/17px var(--body);font-style:normal;box-shadow:0 0 0 2px #141b2ef2}.card-timer{display:block;height:3px;margin:0 2px 8px;border-radius:2px;overflow:hidden;background:#ffffff14}.card-timer-fill{display:block;height:100%;border-radius:2px;background:var(--green-1);animation:timer linear both}.draft-tip{display:flex;align-items:center;gap:7px;margin:0 0 8px;padding:6px 9px;border-radius:var(--r-sm);background:#9a7fe024;box-shadow:inset 0 0 0 1px #a68ce466;font-size:12px;color:#e4dcff}.card-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ccard-wrap{--cc: #e8a33d;position:relative;min-width:0;animation:card-in var(--dur-3) var(--ease-spring) both}.ccard{position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;min-width:0;padding:5px 5px 7px;border:0;border-radius:var(--r-lg);cursor:pointer;color:var(--cream);text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--cc) 14%,var(--s3)),var(--s2));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--cc) 60%,transparent),inset 0 1px #ffffff1a,0 3px #060a168c,var(--sh-2);transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2),opacity var(--dur-2),filter var(--dur-2)}.ccard:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--cc) 85%,#fff 0%),0 0 0 3px color-mix(in srgb,var(--cc) 25%,transparent),0 3px #060a168c,var(--sh-3)}.ccard:active{transform:translateY(1px) scale(.98)}.ccard:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.ccard-wrap.is-picked .ccard{transform:translateY(-6px) scale(1.04);box-shadow:inset 0 0 0 2px var(--gold),0 0 0 4px #f2c35a59,0 0 24px #f2c35a73,var(--sh-3)}.ccard-wrap.is-dropped{opacity:.3;transform:translateY(8px) scale(.96);filter:grayscale(.6);pointer-events:none;transition:all var(--dur-2)}.ccard-art{position:relative;display:block;height:66px;padding:4px 8px;border-radius:calc(var(--r-lg) - 5px) calc(var(--r-lg) - 5px) var(--r-xs) var(--r-xs);background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--cc) 34%,#273150),#121a2c 78%);box-shadow:inset 0 0 0 1px #0000004d,inset 0 -8px 16px #00000038}.ccard-art .art{width:100%;height:100%}.ccard-kind{position:absolute;left:5px;bottom:5px;padding:1px 6px;border-radius:5px;background:color-mix(in srgb,var(--cc) 80%,#000);color:#fff;font:800 9px/14px var(--body);letter-spacing:.1em;text-transform:uppercase;box-shadow:0 1px 3px #00000059}.ccard-level{position:absolute;right:5px;bottom:5px;padding:1px 6px;border-radius:5px;background:linear-gradient(180deg,var(--amber-1),var(--amber-2));color:#2e1c06;font:800 10px/14px var(--body);box-shadow:0 1px 3px #00000059}.ccard-key{position:absolute;z-index:2;top:9px;left:9px;display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:#04071099;color:var(--tx-2);font:800 10.5px/18px var(--body)}.ccard-title{display:block;margin:6px 2px 0;font:400 14px/1.15 var(--display);color:#fff;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:var(--ts-soft)}.ccard-line{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:3px 3px 0;min-height:2.5em;font:600 11.5px/1.25 var(--body);color:var(--tx-2)}.ccard-action{display:inline-flex;align-self:center;align-items:center;justify-content:center;gap:4px;margin-top:6px;padding:2px 8px;border-radius:6px;background:#04071073;color:var(--tx-2);font:800 9.5px/16px var(--body);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.ccard-action.act-instant{background:#79cc6f2e;color:#b6e8b0}.ccard-action.act-target{background:#e0675a33;color:#f5bdb4}.ccard-action.act-place{background:#5b9be62e;color:#bcd6f6}.ccard-info{position:absolute;z-index:3;top:6px;right:6px;display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:50%;cursor:pointer;padding:0;background:#04071099;color:var(--tx-2);box-shadow:inset 0 0 0 1px var(--edge-2)}.ccard-info:before{content:"";position:absolute;inset:-9px;border-radius:50%}.ccard-wrap.is-detail .ccard-info{background:var(--gold);color:#2e1c06}.ccard-detail{position:absolute;z-index:5;left:50%;bottom:calc(100% + 8px);width:240px;padding:10px 12px 11px;border-radius:var(--r-md);text-align:left;background:#141b2ef7;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cc) 55%,rgba(255,255,255,.1)),var(--sh-3);color:var(--cream);opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out),visibility 0s linear var(--dur-2);pointer-events:none}.ccard-pos-0 .ccard-detail{left:0;transform:translateY(6px)}.ccard-pos-2 .ccard-detail{left:auto;right:0;transform:translateY(6px)}.ccard-detail b{display:block;font:400 14px/1.2 var(--display);color:#fff}.ccard-detail p{margin:5px 0 0;font:600 12.5px/1.4 var(--body);color:var(--tx-2)}.ccard-headline{display:inline-block;margin-top:4px;padding:1px 6px;border-radius:5px;background:#f2c35a29;color:var(--gold);font:800 10px/15px var(--body);letter-spacing:.08em;text-transform:uppercase}.ccard-stats{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.ccard-stats span{display:inline-flex;align-items:baseline;gap:4px;padding:2px 7px;border-radius:6px;background:var(--row);box-shadow:inset 0 0 0 1px var(--edge)}.ccard-stats small{font:800 9px var(--body);letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.ccard-stats b{display:inline;font:400 12px var(--display);color:#fff}.ccard-wrap.is-detail .ccard-detail{opacity:1;visibility:visible;transition-delay:0s;transform:translate(-50%)}.ccard-wrap.ccard-pos-0.is-detail .ccard-detail,.ccard-wrap.ccard-pos-2.is-detail .ccard-detail{transform:none}@media(hover:hover)and (pointer:fine){.ccard-info{display:none}.ccard-wrap:hover .ccard-detail{opacity:1;visibility:visible;transform:translate(-50%);transition:opacity var(--dur-2) var(--ease-out) .3s,transform var(--dur-2) var(--ease-out) .3s,visibility 0s linear .3s}.ccard-wrap.ccard-pos-0:hover .ccard-detail,.ccard-wrap.ccard-pos-2:hover .ccard-detail{transform:none}}@media(hover:none),(pointer:coarse){.ccard-key{display:none}}.cards-pill{display:flex;align-items:center;gap:9px;min-height:48px;padding:5px 14px 5px 8px;border:0;border-radius:24px;cursor:pointer;pointer-events:auto;color:var(--cream);background:var(--glass-2);box-shadow:inset 0 0 0 1px #f2c35a8c,var(--sh-2);font:400 15px var(--display);letter-spacing:.02em;--pulse: var(--gold);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:soft-pulse 2.4s ease-in-out infinite}.cards-pill:hover{background:#242f4ceb}.cards-pill.is-urgent{box-shadow:inset 0 0 0 1.5px var(--red-1),var(--sh-2);--pulse: var(--red-1)}.cards-pill>.icon{color:var(--gold)}.cards-pill .badge-time{background:#04071080;box-shadow:none;color:var(--tx-2);font-variant-numeric:tabular-nums}.cards-pill-fan{position:relative;width:30px;height:30px}.cards-pill-fan i{position:absolute;left:9px;top:3px;width:14px;height:21px;border-radius:4px;box-shadow:0 0 0 1.5px #0a0e1acc;transform-origin:50% 100%}.cards-pill-fan i:nth-child(1){transform:rotate(-20deg);background:var(--k-tower)}.cards-pill-fan i:nth-child(2){transform:rotate(0);background:var(--k-road)}.cards-pill-fan i:nth-child(3){transform:rotate(20deg);background:var(--k-joker)}@media(max-width:640px){.card-sheet{padding:6px 7px 8px;border-radius:var(--r-lg)}.card-sheet-head{min-height:32px;margin-bottom:5px;gap:6px}.card-sheet-title{font-size:14.5px}.card-sheet-head .hide-txt{display:none}.sheet-btn{min-width:40px;padding:0 8px}.card-timer{margin-bottom:6px}.card-row{gap:6px}.ccard{padding:4px 4px 6px;border-radius:var(--r-md)}.ccard-art{height:54px;padding:3px 6px;border-radius:calc(var(--r-md) - 4px) calc(var(--r-md) - 4px) 6px 6px}.ccard-kind,.ccard-level{font-size:8px;line-height:13px;padding:0 5px;left:4px;bottom:4px}.ccard-level{left:auto;right:4px}.ccard-title{margin-top:5px;font-size:12.5px}.ccard-line{font-size:10.5px;margin-inline:1px}.ccard-action{margin-top:5px;padding:1px 6px;font-size:8.5px;letter-spacing:.04em}.ccard-action .icon{display:none}.ccard-info{top:4px;right:4px;width:24px;height:24px}.ccard-detail{width:min(250px,calc(100vw - 24px))}.cards-pill{min-height:46px;font-size:14px}}@media(max-width:370px){.ccard-title{font-size:11.5px}.ccard-line{font-size:10px}}@media(max-height:520px)and (min-width:641px){.card-sheet{width:min(460px,calc(100% - 260px));min-width:400px;padding:6px 8px 8px}.ccard-art{height:48px}.ccard-line{-webkit-line-clamp:1;min-height:1.25em}}@media(max-width:640px){.pchip,.pchip-compact{border-radius:var(--r-md)}.pchip-avatar,.pchip-compact .pchip-avatar{width:28px;height:28px;border-radius:9px}.hpbar,.pchip-compact .hpbar{height:12px}.hpbar-text,.pchip-compact .hpbar-text{font-size:9.5px;line-height:12px}.wave-panel{padding:3px 6px 3px 10px;border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--edge),inset 0 -2px 0 var(--ph),var(--sh-1)}.wave-panel.ph-draft,.wave-panel.ph-resolve,.wave-panel.boss-next{border-radius:var(--r-md)}.wave-num{font-size:24px}.wave-panel .wave-time{display:none}.wave-next,.wave-time,.wave-boss{height:17px;line-height:17px;font-size:10px}.minimap-panel{width:156px;height:134px}.hud-right{top:calc(var(--sat) + 112px)}.tower-panel{border-radius:var(--r-lg)}.place-actions .pbtn{height:54px;font-size:12px}.place-actions .pbtn-build{font-size:14.5px}.hint-bubble{font-size:12px}.countdown b{font-size:96px}.update-pill{top:calc(58px + var(--sat));font-size:12.5px}}.is-reduced-motion .btn-playnow,.is-reduced-motion .cards-pill,.is-reduced-motion .pbtn-build{animation:none!important}@media(prefers-reduced-motion:reduce){.btn-playnow,.cards-pill,.pbtn-build{animation:none!important}}.hs-side .hs-tabs,.hs-side .hs-hrow .hs-hi{display:none}.hs-side{padding:14px 14px 12px}.hud-top.mode-2v2 .team-group{background:#5b9be61f;box-shadow:inset 0 0 0 1px #5b9be64d}.hud-top.mode-2v2 .team-1{background:#e0675a1f;box-shadow:inset 0 0 0 1px #e0675a4d}@media(min-width:641px){.nav-tab{gap:9px}.nav-badge{top:-7px;right:-7px}}@media(max-width:640px){.menu-v3{justify-content:safe center}.wave-phone .wave-label{display:block;font-size:8.5px;letter-spacing:.12em;max-width:64px;white-space:normal;line-height:1.1;text-align:right}}.btn-cost-line{display:inline-flex;align-items:center;gap:10px}.btn-cost{display:inline-flex;align-items:center;gap:4px;padding:2px 9px 2px 6px;border-radius:10px;background:#040a0838;font-size:.85em}.hud-bottom:has(.place-reason) .hint-bubble,.hud-bottom:has(.place-bar) .hint-bubble{display:none}.place-cost{display:none!important}.card-sheet{position:relative;z-index:2}.choice-list{gap:10px}.choice-btn{justify-content:flex-start;gap:14px;padding-left:12px;--fs: 17px}.choice-btn .btn-label{align-items:flex-start;text-align:left}.choice-btn>.icon{box-sizing:content-box;padding:8px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--chc, var(--blue)) 26%,transparent);color:var(--chc, var(--blue-1));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--chc, var(--blue)) 45%,transparent)}.ch-purple{--chc: var(--purple-1)}.ch-amber{--chc: var(--amber-1)}.ch-green{--chc: var(--green-1)}.ch-blue{--chc: var(--blue-1)}.ccard-line{margin-bottom:6px}.ccard-action{margin-top:auto}.tutorial.is-compact{padding:8px 10px}.tutorial.is-compact p,.tutorial.is-compact .tut-progress,.tutorial.is-compact .tut-head small{display:none}.tutorial.is-compact .tut-head b{font-size:14.5px}.tutorial.is-compact .tut-icon{width:30px;height:30px}.place-reason{white-space:normal;text-overflow:clip;text-align:center;line-height:1.25;width:max-content;max-width:calc(100% - 16px)}@media(max-width:640px){.tutorial{top:calc(var(--sat) + 104px);width:calc(100% - 16px);padding:9px 11px}.tutorial.is-compact{top:calc(var(--sat) + 104px)}.tutorial p{font-size:12.5px;margin-top:6px}.tut-next{margin-top:8px}.place-bar{gap:6px;padding:7px}.place-top{gap:8px}.place-art{width:38px;height:38px}.place-info{gap:2px}.place-info b{font-size:14.5px}.place-hint{font-size:11.5px}.place-status{font-size:11px;padding:2px 7px}.place-actions{flex-wrap:nowrap;gap:6px}.place-actions .pbtn{flex:1 1 0;height:48px;font-size:11px;order:0;gap:1px}.place-actions .pbtn .icon{width:18px;height:18px}.place-actions .pbtn-build{flex:1.7 1 0;order:0;font-size:13px}.joker-target{min-height:44px}}@supports selector(:has(*)){.app:has(input:focus,textarea:focus) .navbar{display:none}}.sr-submit{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;opacity:0}@media(hover:none),(pointer:coarse){kbd,.pbtn kbd,.ccard-key,.keys-help{display:none!important}}@media(max-width:640px){.hud-top.mode-2v2 .tag-bot{display:none}.hud-top.mode-2v2 .pchip-name{font-size:11.5px}.spectate{max-width:calc(100% - 70px);flex-wrap:wrap;row-gap:2px}.spectate .link-btn{min-height:36px;padding:4px 8px}}.sheet-btn{min-height:44px;min-width:44px}.btn-sm,.seg-opt,.seg-sm .seg-opt,.tp-target .seg-opt,.chip-btn,.tut-skip,.copy-btn,.tier-chip,.cur-pills{min-height:44px}.cur-pills{align-items:center}.tier-chip{height:auto;min-height:36px}.panel-close.sm:after,.hint-x:after,.ti-close:after,.spec-btn:after,.minimap-toggle:after,.tier-chip:after,.reroll-n:after{content:"";position:absolute;inset:-6px}.is-open .minimap-toggle:after{inset:-8px}.panel-close.sm,.hint-x,.ti-close,.spec-btn,.tier-chip{position:relative}@media(max-width:640px){.tier-chip{min-height:32px}.tier-bar{padding:6px}}.loading-screen{position:absolute;inset:0;z-index:45;display:grid;place-items:center;padding:calc(16px + var(--sat)) calc(16px + var(--sar)) calc(16px + var(--sab)) calc(16px + var(--sal));background:radial-gradient(ellipse at 50% 38%,#34406af5,#0f1626fb 70%);pointer-events:auto;animation:fade-in var(--dur-2) ease both;transition:opacity .45s var(--ease-out)}.loading-screen.is-leaving{opacity:0;pointer-events:none}.ld-inner{display:flex;flex-direction:column;align-items:center;gap:22px;width:min(560px,100%);zoom:var(--ui, 1)}.ld-logo{width:min(360px,78%);animation:logo-in .6s var(--ease-out) both}.ld-versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;animation:rise-in .45s .1s var(--ease-out) both}.ld-team{display:flex;flex-direction:column;gap:8px;min-width:0}.ld-vs{font:400 22px var(--display);color:var(--gold);letter-spacing:.06em;text-shadow:var(--ts-display)}.ld-player{--pc: var(--blue);display:flex;align-items:center;gap:9px;min-width:0;min-height:52px;padding:6px 12px 6px 6px;border-radius:var(--r-lg);background:var(--glass-2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc) 50%,rgba(255,255,255,.08)),var(--sh-2)}.ld-player.is-you{box-shadow:inset 0 0 0 1.5px #f2c35ab3,var(--sh-2)}.ld-team-r .ld-player{flex-direction:row-reverse;text-align:right;padding:6px 6px 6px 12px}.ld-avatar{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-md);color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 85%,#fff 0%),color-mix(in srgb,var(--pc) 70%,#000));box-shadow:inset 0 1px #ffffff47}.ld-name{flex:1;min-width:0;font:400 16px var(--display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-progress{width:100%;display:flex;flex-direction:column;gap:8px}.ld-bar{position:relative;height:10px;border-radius:5px;overflow:hidden;background:#04071099;box-shadow:inset 0 1px 2px #00000080,inset 0 0 0 1px var(--edge)}.ld-fill{position:absolute;inset:0 auto 0 0;border-radius:5px;background:linear-gradient(90deg,var(--green-2),var(--green-1));transition:width .35s var(--ease-out)}.ld-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);animation:shimmer 1.8s ease-in-out infinite}.ld-label{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:22px;font:700 13.5px var(--body);color:var(--tx-2)}.ld-label b{font:400 16px var(--display);color:#fff;font-variant-numeric:tabular-nums}.ld-label .ring-spinner{margin-right:4px}.ld-label:has(.ring-spinner){justify-content:center}.ld-tip{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 14px;border-radius:var(--r-md);background:var(--row);box-shadow:inset 0 0 0 1px var(--edge);font:600 13px/1.45 var(--body);color:var(--tx-2);animation:fade-in .5s ease both}.ld-tip .icon{color:var(--gold);margin-top:2px}.ld-tip b{color:var(--gold)}@media(max-width:640px){.ld-inner{gap:18px}.ld-versus{gap:8px}.ld-vs{font-size:18px}.ld-player{min-height:46px;gap:7px;padding-right:9px}.ld-team-r .ld-player{padding-left:9px}.ld-avatar{width:34px;height:34px}.ld-name{font-size:14px}}.is-reduced-motion .ld-fill:after{animation:none}@media(max-width:640px){.ld-player .tag-bot{display:none}}:root{--up-ok: #8fd68a;--up-short: #f2a493;--line: rgba(255, 255, 255, .07)}.btn{letter-spacing:.035em}.btn:before{background:linear-gradient(180deg,#ffffff17,#fff0 50%)}.btn-xl{letter-spacing:.05em}.btn:disabled{filter:grayscale(.85) brightness(.7);opacity:.75;box-shadow:inset 0 1px #ffffff1f,0 2px 0 var(--c3)}.panel{box-shadow:var(--hl),inset 0 0 0 1px var(--edge),0 14px 34px #0306106b}.sub-head h1{letter-spacing:.015em}.hint{color:#9aa5c2}.strength-strip{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--r-lg);background:linear-gradient(180deg,#6a4dbc33,#30246038);box-shadow:inset 0 0 0 1px #a68ce447}.strength-strip .strength-pill{flex:none}.strength-strip-txt{display:flex;flex-direction:column;gap:3px;min-width:0}.strength-strip-txt b{font:600 12.5px/1.35 var(--body);color:var(--tx-2)}.strength-strip-txt small{font:700 11.5px var(--body);color:#c7b8f0;letter-spacing:.01em}.ws-screen .ws-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.ws-tab{flex-direction:column;justify-content:center;gap:3px;padding:8px 4px 7px;min-height:92px;text-align:center}.ws-tab-art{width:50px;height:50px}.ws-tab-art .castle-art{width:100%;height:100%}.ws-tab-name{flex:none;font:400 13px/1.1 var(--display);color:var(--cream)}.ws-tab-lvl{font:700 11.5px var(--body);color:var(--gold);letter-spacing:.02em}.ws-tab:not(.is-on) .ws-tab-art{opacity:.85}.ws-ready{top:6px;right:6px;width:11px;height:11px;background:var(--green-1);box-shadow:0 0 0 2px var(--s3),0 0 10px #79cc6f99}.ws-title{align-items:center;flex-wrap:nowrap}.ws-title-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.ws-title-txt b{font:400 22px/1.1 var(--display);color:#fff}.ws-title-txt small{font:700 11px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ws-level{display:inline-flex;align-items:baseline;gap:2px;padding:6px 12px;border-radius:var(--r-md);background:#f2c35a1a;box-shadow:inset 0 0 0 1px #f2c35a4d;font:400 24px/1 var(--display);color:var(--gold);white-space:nowrap}.ws-level small{font:700 11px var(--body);color:#c9ad74}.ws-level small:first-child{margin-right:3px;text-transform:uppercase;letter-spacing:.06em}.ws-ms{background:var(--row)}.ws-ms small{font-size:10px}.up-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:12px;border-radius:var(--r-lg);background:#060a1652;box-shadow:inset 0 0 0 1px var(--edge-2);overflow:hidden}.up-card-head{display:flex;align-items:center;gap:8px;font:400 17px var(--display);color:#fff}.up-card-head .icon{color:var(--green-1)}.up-h{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 6px;font:800 10.5px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.up-h span{letter-spacing:.08em}.up-gains,.up-costs{display:flex;flex-direction:column}.up-gain{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line)}.up-gain:first-of-type{border-top:0}.up-gain-ico{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#ffffff0d;color:var(--tx-2)}.up-gain.is-up .up-gain-ico{background:#79cc6f24;color:var(--up-ok)}.up-gain-main{display:flex;flex-direction:column;gap:2px;min-width:0}.up-gain-label{font:700 13.5px/1.2 var(--body);color:var(--cream)}.up-gain-main small{font:600 11.5px/1.3 var(--body);color:var(--muted)}.up-gain-val{display:inline-flex;align-items:center;gap:6px;justify-content:flex-end;font:400 15px var(--display);white-space:nowrap}.up-gain-val s{text-decoration:none;color:var(--muted)}.up-gain-val .up-arrow{transform:rotate(90deg);color:var(--up-ok)}.up-gain.is-up .up-gain-val b{color:var(--up-ok)}.up-gain.is-same .up-gain-val b{color:var(--tx-2)}.up-gain-val em{font:700 10.5px var(--body);font-style:normal;color:var(--muted);padding:2px 6px;border-radius:6px;background:#ffffff0d}.up-gain.is-info .up-gain-val b{font:700 12.5px var(--body);color:var(--tx-2);white-space:normal;text-align:right;max-width:150px}.up-cost{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line)}.up-cost:first-of-type{border-top:0}.up-cost-ico{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:color-mix(in srgb,var(--tc, var(--gold)) 16%,transparent);color:var(--tc, var(--gold))}.up-cost-label{display:flex;flex-direction:column;gap:1px;font:700 12px var(--body);color:var(--muted);min-width:0}.up-cost-label b{font:400 17px var(--display);color:#fff}.up-cost-have{display:grid;grid-template-columns:64px auto auto;align-items:center;gap:7px;justify-items:end}.up-cost-have>b{font:400 15px var(--display);color:var(--tx-2)}.up-cost.is-ok .up-cost-have>b{color:var(--up-ok)}.up-cost.is-short .up-cost-have>b{color:var(--up-short)}.up-cost-have em{font:800 11px var(--body);font-style:normal;color:var(--up-short);white-space:nowrap}.up-ok{color:var(--up-ok)}.up-meter{width:64px;height:6px;border-radius:3px;background:#00000059;box-shadow:inset 0 0 0 1px var(--edge);overflow:hidden}.up-meter i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,color-mix(in srgb,var(--tc, var(--gold)) 70%,#fff),var(--tc, var(--gold)));transition:width .5s var(--ease-out)}.up-cost.is-ok .up-meter i{background:linear-gradient(90deg,#a8e0a2,var(--green-1))}.up-action{display:flex;flex-direction:column;gap:8px}.up-btn{justify-content:space-between;padding-left:16px;padding-right:10px;gap:10px}.up-btn .btn-label{flex:1;align-items:flex-start}.up-btn-text{font-size:17px}.up-btn-cost{display:inline-flex;gap:6px}.up-btn-cost>span{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 9px;border-radius:10px;background:#04140a47;box-shadow:inset 0 0 0 1px #ffffff24;font:400 14px var(--display);letter-spacing:0;text-transform:none}.up-btn-cost .icon{opacity:.9}.up-btn.is-pending{filter:none;opacity:1}.up-btn .ring-spinner.tiny{width:22px;height:22px}.up-reason{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0;padding:9px 11px;border-radius:var(--r-md);background:#e0675a1a;box-shadow:inset 0 0 0 1px #f08a7c52;font:700 13px/1.3 var(--body);color:#f6c1b7}.up-reason .icon{color:var(--up-short)}.up-reason small{flex-basis:100%;font:600 11.5px/1.35 var(--body);color:var(--muted)}.up-cap-note{display:flex;gap:7px;align-items:flex-start;margin:-4px 0 0;padding:8px 10px;border-radius:var(--r-sm);background:#9a7fe01f;box-shadow:inset 0 0 0 1px #a68ce44d;font:600 12px/1.35 var(--body);color:#d6caf5}.up-cap-note .icon{flex:none;margin-top:1px;color:var(--purple-1)}.up-success{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center;cursor:pointer;background:radial-gradient(ellipse at 50% 40%,#34935a80,#0e1626f5 70%);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:up-in .38s var(--ease-spring) both}.up-success b{font:400 22px/1.15 var(--display);color:#fff;text-shadow:var(--ts-display)}.up-success-ico{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;color:#fff;background:linear-gradient(180deg,var(--green-1),var(--green-2));box-shadow:inset 0 1px #ffffff59,0 3px 0 var(--green-3),0 0 0 6px #79cc6f29,0 0 34px #79cc6f73;animation:up-pop .5s var(--ease-spring) .05s both}.up-success-lines{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.up-success-lines span{padding:4px 10px;border-radius:10px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff1a;font:700 12.5px var(--body);color:#dff3dc}.up-success small{font:600 11px var(--body);color:var(--muted)}.up-success-burst{position:absolute;left:50%;top:40%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 #8fd68a8c;animation:up-burst .9s ease-out both;pointer-events:none}@keyframes up-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes up-pop{0%{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}@keyframes up-burst{to{box-shadow:0 0 0 160px #8fd68a00}}.is-reduced-motion .up-success,.is-reduced-motion .up-success-ico,.is-reduced-motion .up-success-burst{animation:none!important}@media(prefers-reduced-motion:reduce){.up-success,.up-success-ico,.up-success-burst{animation:none!important}}.ws-mastery>span{flex-wrap:wrap;font-size:14px}.ws-mastery-note{flex-basis:100%;font:600 11.5px var(--body);color:var(--muted)}.ws-info p{font-size:13px;color:var(--tx-2)}.ws-info p .icon{color:var(--muted)}.castle-hero.ws-detail{align-items:start}.castle-stage-3d .castle-3d{position:absolute;inset:0;height:auto;border-radius:inherit;background:radial-gradient(circle at 50% 60%,#35583a,#142019 78%)}.castle-details{padding:0 14px}.castle-details>summary{display:flex;align-items:center;gap:8px;min-height:52px;cursor:pointer;list-style:none;font:700 14px var(--body);color:var(--tx-2)}.castle-details>summary::-webkit-details-marker{display:none}.castle-details>summary .icon{color:var(--muted)}.castle-details>summary .sum-chev{margin-left:auto;transition:transform var(--dur-2)}.castle-details[open]>summary .sum-chev{transform:rotate(180deg)}.castle-details[open]{padding-bottom:14px}.castle-details .kv{display:grid;grid-template-columns:minmax(0,1fr) 70px 70px;gap:8px;text-align:right}.castle-details .kv span{text-align:left}.castle-details .kv-head b{font:800 10.5px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.castle-details .up-h{margin-top:14px}@media(max-width:640px){.ws-detail{grid-template-columns:1fr;gap:12px;padding:12px}.ws-stage{min-height:190px;height:190px}.ws-screen .ws-tabs{gap:5px}.ws-tab{min-height:84px;padding:7px 2px 6px;border-radius:var(--r-sm)}.ws-tab-art{width:42px;height:42px}.ws-tab-name{font-size:11.5px}.ws-tab-lvl{font-size:10.5px}.ws-title-txt b{font-size:19px}.ws-level{font-size:21px;padding:5px 10px}.up-card{padding:11px 10px}.up-gain{gap:8px}.up-gain-val{font-size:14px}.up-cost-have{grid-template-columns:44px auto auto;gap:6px}.up-meter{width:44px}.strength-strip{padding:9px 11px;gap:10px}.strength-strip-txt b{font-size:11.5px}.castle-details .kv{grid-template-columns:minmax(0,1fr) 58px 58px}}@media(max-width:370px){.ws-tab-name{font-size:10.5px}.ws-tab-art{width:36px;height:36px}.up-gain-label{font-size:12.5px}.up-gain-val{font-size:13px;gap:4px}.up-gain-main small{font-size:11px}.up-btn-text{font-size:15px}.up-btn-cost>span{height:28px;padding:0 7px;font-size:13px}.strength-strip-txt b{font-size:11px}}@font-face{font-family:RR Display;font-weight:100 900;src:local("Avenir Next Demi Bold"),local("AvenirNext-DemiBold"),local("Segoe UI Semibold"),local("SegoeUI-Semibold"),local("Roboto Medium"),local("Roboto-Medium")}:root{--display: "RR Display", ui-rounded, "SF Pro Rounded", "Nunito", "Segoe UI Semibold", system-ui, sans-serif}.logo-text{font-family:Arial Rounded MT Bold,Arial Rounded MT,ui-rounded,SF Pro Rounded,Nunito,system-ui,sans-serif}.nav-icon{position:relative}.nav-dot{position:absolute;top:-3px;right:-6px;width:10px;height:10px;border-radius:50%;background:var(--green-1);box-shadow:0 0 0 2px var(--ink-2),0 0 8px #79cc6fb3}.btn.has-ready:after{content:"";position:absolute;top:8px;right:8px;width:11px;height:11px;border-radius:50%;background:var(--green-1);box-shadow:0 0 0 2px #2e1c068c,0 0 10px #79cc6fcc}.sheet-reroll{gap:5px;padding:0 10px}.sheet-reroll .reroll-txt{font:700 12px var(--body);letter-spacing:.02em}.card-sheet-head .reroll-txt{display:inline}.sheet-reroll.is-used .reroll-txt{opacity:.6}.tier-bar-label{display:inline-block;font:800 9.5px/1.1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);max-width:46px;text-align:center}.emote-menu{top:0;bottom:auto;width:214px;gap:5px;padding:6px;animation:pop-in var(--dur-2) var(--ease-out) both}.emote-opt{min-height:44px;font-size:13.5px}@media(max-width:640px){.tier-bar-label{display:inline-block;max-width:40px;font-size:9px}.emote-menu{width:196px}}@media(max-width:640px){.strength-strip{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;row-gap:6px}.strength-strip-txt{display:contents}.strength-strip-txt small{grid-column:2;grid-row:1;font-size:11px;line-height:1.3}.strength-strip-txt b{grid-column:1 / -1;grid-row:2;font-size:11.5px}.strength-strip .strength-pill.is-big{height:34px;font-size:17px}.up-btn-cost{display:none}.up-btn{justify-content:center}.up-btn .btn-label{flex:0 1 auto;align-items:center}}.home-v6 .home-play{gap:12px;width:100%}.home-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;animation:rise-in .45s .05s var(--ease-out) both}.home-seg{--seg: var(--slate-1);padding:4px;border-radius:var(--r-lg);background:var(--glass);box-shadow:inset 0 0 0 1px var(--edge-2),var(--sh-1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.home-seg .seg-opt{min-height:46px;border-radius:var(--r-md);font:400 15px var(--display);letter-spacing:.02em;color:var(--tx-2)}.home-seg .seg-label{display:inline-flex;align-items:center;justify-content:center;gap:7px}.home-seg .seg-opt.is-on{--seg: #4a5d8e;color:#fff}.home-seg-kind .seg-opt.is-on:last-child{--seg: #7a5fd0}.home-seg .div-badge{flex:none}.home-v6 .btn-playnow{min-height:96px;--fs: clamp(28px, 7vw, 34px);letter-spacing:.12em}.home-v6 .btn-playnow.is-locked{--fs: clamp(19px, 5vw, 23px);letter-spacing:.05em;animation:none}.home-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 8px;margin:-2px 6px 2px;min-height:36px;text-align:center;font:600 13px/1.4 var(--body);color:var(--tx-2);text-shadow:0 1px 2px rgba(0,0,0,.5)}.home-line.is-league{color:#d8ccfa}.home-line.is-locked{color:#e3d8ff}.home-trophies{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:9px;background:#f2c35a24;color:var(--gold);font:400 13px var(--display)}.home-friends{--fs: 16px;min-height:58px}.home-friends .btn-label{flex-direction:column;align-items:center}.home-friends .btn-label small{text-transform:none;letter-spacing:0;color:var(--tx-2)}@media(max-width:640px){.home-choices{gap:8px}.home-seg .seg-opt{min-height:44px;font-size:14px;gap:5px}.home-v6 .btn-playnow{min-height:88px}.home-line{font-size:12.5px}}@media(max-width:370px){.home-seg .seg-opt{font-size:13px}.home-seg .seg-label{gap:4px}}.ws-wallet{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;border-radius:var(--r-lg);background:var(--glass);box-shadow:inset 0 0 0 1px var(--edge-2)}.ws-wallet-label{font:800 10px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:2px}.ws-coin,.ws-bp{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 10px 0 8px;border-radius:10px;background:var(--row);box-shadow:inset 0 0 0 1px var(--edge)}.ws-coin .icon{color:var(--gold)}.ws-bp .icon{color:var(--tc)}.ws-coin b,.ws-bp b{font:400 15px var(--display);color:#fff}.ws-coin small,.ws-bp small{font:700 11px var(--body);color:var(--muted)}@media(max-width:640px){.ws-wallet{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:7px}.ws-wallet-label{display:none}.ws-coin,.ws-bp{flex-direction:column;justify-content:center;gap:0;height:46px;padding:2px}.ws-coin .icon,.ws-bp .icon{display:none}.ws-coin b,.ws-bp b{font-size:14px}.ws-coin small,.ws-bp small{font-size:10px}.ws-coin small{color:#c9ad74}.ws-bp small{color:color-mix(in srgb,var(--tc) 60%,#fff)}}.league-rank-link{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;cursor:pointer;text-align:left;font:inherit;color:var(--cream)}.league-rank-link:hover{filter:brightness(1.06)}.lrl-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-md);background:#f2c35a24;color:var(--gold);flex:none}.lrl-txt{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.lrl-txt b{font:400 17px var(--display)}.lrl-txt small{font:600 12px var(--body);color:var(--muted)}.lrl-chev{transform:rotate(180deg);color:var(--muted)}.prof-gear{width:46px;height:46px;border-radius:50%}@media(max-width:640px){.ws-wallet-label{display:block;grid-column:1 / -1;margin:0 0 1px 2px}}.sub-inner{padding-bottom:calc(96px + var(--sab))}:where(.sub-inner .panel:not(.modal)){padding:16px 18px}.goals-panel{padding:16px 18px 14px}.panel-title{display:flex;align-items:center;gap:8px;margin:0 0 12px;line-height:1.2}.panel-title .icon{flex:none;width:18px;height:18px}.goal-sec{margin:14px 0 8px;padding:0 2px;align-items:center}.goal-sec:first-of-type{margin-top:4px}.goals-panel>.hint.small{margin:10px 2px 0}.goal-row{gap:12px;padding:10px 12px;margin-bottom:8px;border-radius:var(--r-md)}.goal-row:last-of-type{margin-bottom:0}.goal-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}.goal-top b{font:400 14.5px/1.25 var(--display)}.goal-main{gap:8px}.goal-main .pbar{height:14px}.goal-main .pbar-text{font:700 10.5px/14px var(--body)}.goal-rewards{gap:5px}.goal-row.is-claimed{opacity:.6}.goal-claimed{flex:none;padding:6px 10px;border-radius:10px;background:#79cc6f1f}.chest-top{gap:14px}.chest-grid{gap:12px}.chest-slot.is-empty{gap:6px;border:0;background:linear-gradient(180deg,#080c186b,#080c1847);box-shadow:inset 0 2px 8px #00000059,inset 0 0 0 1px var(--edge);color:var(--muted)}.chest-empty-ico{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#ffffff0a;box-shadow:inset 0 0 0 1px var(--edge);color:#6f7b9c}.chest-slot.is-empty b{font:700 12.5px var(--body);color:var(--tx-2)}.chest-slot.is-empty small{font:600 11px var(--body);color:var(--muted)}@media(max-width:640px){:where(.sub-inner .panel:not(.modal)){padding:14px}.goals-panel{padding:14px 14px 12px}.goal-row{padding:10px}.chest-slot.is-empty{min-height:130px}}.goal-rewards .rw-chip{display:inline-flex;flex-direction:row;align-items:center;gap:5px;height:28px;padding:0 9px;border-radius:9px;font:700 12px/1 var(--body);white-space:nowrap}.goal-rewards .rw-chip .icon{width:14px;height:14px}@media(max-width:380px){.gold-pill{display:inline-flex}.cur-pills .gem-pill{display:none}.menu-top .profile-chip{min-width:0;flex:1 1 auto}.menu-top .profile-name{max-width:104px}.menu-top .gold-pill{padding:0 9px 0 6px}}