.lf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.modal.lf-wizard{width:min(740px,100%)}.modal.lf-wizard .panel-body{padding-top:12px}.lf-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 10px;padding:0;list-style:none}.lf-steps li{position:relative}.lf-steps button{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:6px 10px;border:0;border-radius:12px;cursor:pointer;background:#0a1c3a61;box-shadow:inset 0 0 0 1px var(--edge);color:#dbe6f4;font:700 13px var(--body);text-align:left}.lf-steps button:hover{background:#ffffff1a}.lf-steps i{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font:400 13px var(--display);font-style:normal;background:#ffffff29;color:#fff}.lf-steps span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lf-steps li.is-on button{background:linear-gradient(180deg,#9a6ae8,#6a3fc0);box-shadow:inset 0 0 0 2px #ffe68cd9,0 3px #3e2380;color:#fff}.lf-steps li.is-on i{background:#ffd34d;color:#3a2104}.lf-steps li.is-done i{background:#34a33d}.lf-steps button:focus-visible{outline:3px solid #fff;outline-offset:2px}.lf-step-title{display:flex;flex-direction:column;gap:2px;margin:4px 0 12px;color:#fff;font:400 22px/1.15 var(--display);letter-spacing:.01em;text-shadow:0 2px 0 rgba(10,30,66,.45);outline:none}.lf-step-title small{font:800 11px var(--body);letter-spacing:.12em;text-transform:uppercase;color:#ffd870;text-shadow:none}.lf-step-title:focus-visible{outline:3px solid #fff;outline-offset:4px;border-radius:6px}.lf-choice{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:12px 40px 12px 12px;border:0;border-radius:18px;cursor:pointer;text-align:left;color:#f2f7fd;background:linear-gradient(180deg,#3f6ba6,#2d548c);box-shadow:inset 0 0 0 1.5px #bedcff47,0 4px #0c1e408c,0 8px 18px #06122838;transition:transform var(--dur-1) ease,box-shadow var(--dur-2) ease,background var(--dur-2) ease}.lf-choice:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px #dcecff80,0 6px #0c1e408c,0 12px 22px #06122842}.lf-choice:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 0 0 1.5px #dcecff80,0 2px #0c1e408c}.lf-choice:focus-visible{outline:3px solid #fff;outline-offset:3px}.lf-choice.is-on{background:linear-gradient(180deg,#9a6ae8,#6a3fc0);box-shadow:inset 0 0 0 2.5px #ffd870,0 4px #3e2380,0 10px 22px #3e238059}.lf-choice.is-disabled{cursor:not-allowed;opacity:.62;filter:saturate(.6)}.lf-choice-art{flex:none;display:grid;place-items:center}.lf-choice-text{display:flex;flex-direction:column;gap:3px;min-width:0}.lf-choice-text b{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font:400 19px/1.1 var(--display);color:#fff;text-shadow:0 2px 0 rgba(10,30,66,.4)}.lf-choice-sub{font:800 11.5px var(--body);letter-spacing:.06em;text-transform:uppercase;color:#ffe39a}.lf-choice-desc{font:600 13.5px/1.35 var(--body);color:#e8f0fa}.lf-choice-why{display:inline-flex;align-items:center;gap:4px;font:700 12.5px/1.3 var(--body);color:#ffd6c8}.lf-choice-check{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff73}.lf-choice.is-on .lf-choice-check{background:#ffd34d;color:#3a2104;box-shadow:0 2px #9a5a0c}.lf-tag{display:inline-block;padding:2px 7px;border-radius:999px;background:#ffd34d;color:#3a2104;font:800 10.5px var(--body);letter-spacing:.04em;text-transform:uppercase;text-shadow:none}.lf-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lf-game{flex-direction:column;align-items:stretch;gap:10px;padding:10px 10px 14px;min-height:0}.lf-game .lf-choice-art{width:100%}.lf-game .lf-art{width:100%;height:auto;aspect-ratio:120 / 72;border-radius:12px;box-shadow:0 2px #00000026}.lf-game .lf-choice-text{padding:0 4px}.lf-game .lf-choice-check{top:16px;right:16px;background:#0a1c3a73}.lf-art{display:block}.lf-join{margin-top:16px;padding:12px;border-radius:16px;background:#0a1c3a52;box-shadow:inset 0 0 0 1px var(--edge)}.lf-join label{display:block;margin:0 2px 8px;font:700 13px var(--body);color:#e3ebf5}.lf-join .code-input{min-height:48px;font-size:20px}.lf-formats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lf-formats-clash{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.lf-formats .lf-choice-art{min-width:64px}.lf-dots{display:inline-grid;grid-template-columns:repeat(4,12px);gap:5px;justify-content:center}.lf-dots.is-vs,.lf-dots-side{display:inline-flex;flex-direction:column;align-items:center;gap:1px}.lf-dots-row{display:inline-flex;gap:5px;padding:2px}.lf-dots i{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 2px #ffffffd9,0 1px 0 2px #0003}.lf-dots em{margin:0;font:800 10px var(--body);font-style:normal;color:#ffe39a;text-transform:uppercase}.lf-coop-ico{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;color:#fff;background:linear-gradient(180deg,#46a6ff,#2f76d6);box-shadow:inset 0 0 0 1.5px #ffffff4d,0 3px #1a4790}.lf-coop-ico.is-raid{background:linear-gradient(180deg,#a77cf0,#5b3aa6);box-shadow:inset 0 0 0 1.5px #ffffff4d,0 3px #3e2380}.lf-field{margin-top:6px}.lf-field .field-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:14px 0 8px}.lf-field .field-label small{font:600 12px var(--body);text-transform:none;letter-spacing:0;color:#d5e2f2}.lf-seg{--seg: #7a4fd0}.lf-seg .seg-label{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.lf-stepper{display:flex;align-items:center;gap:10px;margin-top:12px;padding:8px 12px;border-radius:16px;background:#0a1c3a52;box-shadow:inset 0 0 0 1px var(--edge)}.lf-stepper span{flex:1;font:700 14px var(--body)}.lf-stepper b{min-width:34px;text-align:center;font:400 24px var(--display);color:#ffd870}.lf-stepper .ibtn{width:44px;height:44px;border:0;border-radius:14px;cursor:pointer;display:grid;place-items:center}.lf-stepper .ibtn:disabled{opacity:.45;cursor:not-allowed}.lf-bots-note{display:flex;align-items:flex-start;gap:8px;margin-top:14px}.lf-bots-note svg{flex:none;margin-top:2px;color:#ffd870}.lf-switch{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;margin-top:10px;padding:10px 12px;border:0;border-radius:16px;cursor:pointer;text-align:left;color:#eef4fb;background:#0a1c3a5c;box-shadow:inset 0 0 0 1px var(--edge);transition:background var(--dur-2)}.lf-switch:hover{background:#ffffff14}.lf-switch:focus-visible{outline:3px solid #fff;outline-offset:2px}.lf-switch-ico{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#ffffff1f;color:#ffd870}.lf-switch-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.lf-switch-text b{font:800 15px var(--body);color:#fff}.lf-switch-text small{font:600 12.5px/1.35 var(--body);color:#d9e5f3}.lf-switch.is-on{background:#7a4fd06b;box-shadow:inset 0 0 0 2px #ffd870cc}.lf-switch.is-on .toggle{background:linear-gradient(180deg,var(--green-1, #8fdc5a),var(--green-2, #34a33d))}.lf-switch.is-on .toggle-knob{transform:translate(22px)}.lf-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}.lf-summary{display:flex;align-items:center;gap:14px;padding:12px;border-radius:18px;background:linear-gradient(140deg,#3d6aa4,#284d82 70%);box-shadow:inset 0 0 0 1.5px #aad2ff66,0 4px #0a1c3c80}.lf-summary-art{flex:none;width:132px;height:auto;border-radius:12px}.lf-summary dl{flex:1;margin:0;display:grid;gap:4px;min-width:0}.lf-summary dl>div{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:8px}.lf-summary dt{font:800 11px var(--body);letter-spacing:.1em;text-transform:uppercase;color:#cfdcef}.lf-summary dd{margin:0;font:400 17px/1.2 var(--display);color:#fff;min-width:0}.lf-summary .link-btn{padding:8px 6px}.lf-more{display:flex;align-items:center;gap:10px;width:100%;min-height:54px;margin-top:14px;padding:10px 14px;border:0;border-radius:16px;cursor:pointer;color:#fff;text-align:left;background:#0a1c3a5c;box-shadow:inset 0 0 0 1px var(--edge-2)}.lf-more:hover{background:#ffffff14}.lf-more:focus-visible{outline:3px solid #fff;outline-offset:2px}.lf-more b{flex:1;font:800 15px var(--body)}.lf-more-count{padding:3px 9px;border-radius:999px;background:#ffd34d;color:#3a2104;font:800 12px var(--body)}.lf-more.is-open{border-radius:16px 16px 0 0}.lf-more-body{padding:4px 14px 14px;border-radius:0 0 16px 16px;background:#0a1c3a42;box-shadow:inset 0 0 0 1px var(--edge-2);animation:lf-open var(--dur-2) ease both}.lf-more-body>.hint{margin:8px 0 0}.lf-rewards{margin-top:14px}@keyframes lf-open{0%{opacity:0;transform:translateY(-4px)}}.lf-foot{display:flex;flex-direction:column;gap:8px}.lf-foot-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.lf-foot-row .lf-next{min-width:min(240px,60%)}.lf-foot-row .lf-next.is-fwd{flex-direction:row-reverse}.lf-formats .lf-choice-sub{text-transform:none;letter-spacing:0;font-size:12.5px}.lf-foot-note{display:flex;align-items:flex-start;gap:8px;margin:0;padding:8px 10px;border-radius:12px;background:#ffd34d24;box-shadow:inset 0 0 0 1px #ffd34d66;font:700 13px/1.35 var(--body);color:#fff2c9}.lf-foot-note svg{flex:none;margin-top:1px;color:#ffd34d}.screen.lobby-screen .lobby-panel.lf-room{width:min(1000px,100%)}.lf-room .panel-head h2{display:flex;flex-direction:column;gap:1px;min-width:0}.lf-room .panel-head h2 small{font:800 11px var(--body);letter-spacing:.12em;text-transform:uppercase;color:#ffe39a;text-shadow:none}.lf-room.is-race .panel-head{--hc1: #7cc2ff;--hc2: #2f76d6}.lf-room.is-clash .panel-head{background:linear-gradient(110deg,#f0962c,#b85614)}.lf-room.is-coop .panel-head{--hc1: #c69bff;--hc2: #7846dc}.lf-room-body{display:flex;flex-direction:column;gap:12px}.lf-room-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.lf-col{display:flex;flex-direction:column;gap:12px;min-width:0}@media(min-width:900px)and (min-height:640px){.lf-room-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:start}}.lf-welcome{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;border-radius:16px;background:linear-gradient(180deg,#46b25a,#2d8a3e);box-shadow:inset 0 0 0 1.5px #ffffff4d,0 3px #1b6a26;color:#fff;animation:lf-open var(--dur-3) ease both}.lf-welcome>svg{flex:none;color:#fff7c2}.lf-welcome span{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.lf-welcome b{font:400 17px var(--display);text-shadow:0 2px 0 rgba(20,70,30,.5)}.lf-welcome small{font:600 13px/1.35 var(--body);color:#effbe9}.lf-welcome .ti-close{width:44px;height:44px;border-radius:13px}.lf-steps .lf-short{display:none}.lf-match{display:flex;gap:12px;padding:12px;border-radius:18px;background:linear-gradient(140deg,#3d6aa4,#284d82 70%);box-shadow:inset 0 0 0 1.5px #aad2ff66,0 4px #0a1c3c80}.lf-match-art{flex:none;width:118px;height:auto;align-self:flex-start;border-radius:12px}.lf-match-text{display:flex;flex-direction:column;gap:8px;min-width:0}.lf-match-desc{margin:0;font:700 14px/1.35 var(--body);color:#fff}.lf-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.lf-chips li{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:#0a1c3a73;box-shadow:inset 0 0 0 1px #bedcff4d;font:700 12.5px var(--body);color:#f2f7fd}.lf-chips li:first-child{background:#ffd34d;color:#3a2104;box-shadow:none}.lf-chips li svg{flex:none}.lf-byhost{display:inline-flex;align-items:center;gap:5px;margin:0;font:700 12px var(--body);color:#ffe39a}.lf-host{display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px;border-radius:16px;background:#3c1e7852;box-shadow:inset 0 0 0 1.5px #c69bff8c}.lf-host h3{display:flex;align-items:center;gap:6px;margin:0;font:800 11.5px var(--body);letter-spacing:.1em;text-transform:uppercase;color:#e7d8ff}.lf-host h3 svg{color:#ffd34d}.lf-invite{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 14px;align-items:center;padding:12px;border-radius:18px;background:#0a1c3a57;box-shadow:inset 0 0 0 1px var(--edge-2)}.lf-code{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:14px;background:#06122866;box-shadow:inset 0 0 0 1px var(--edge)}.lf-code small{font:800 10.5px var(--body);letter-spacing:.14em;text-transform:uppercase;color:#cfdcef}.lf-code b{font:400 30px/1 var(--display);letter-spacing:.14em;color:#ffd870;text-shadow:0 2px 0 rgba(90,50,0,.45);user-select:all;-webkit-user-select:all}.lf-copy-code{min-height:40px;padding:4px 10px;font-size:13px}.lf-invite-main{display:flex;flex-direction:column;gap:8px;min-width:0}.btn.lf-share{--fs: 17px;min-height:60px;padding-left:12px;padding-right:12px}.lf-share .btn-label{white-space:nowrap}.lf-share.is-done{--c1: #a6ec74;--c2: #34a33d;--c3: #1b6a26;--bt: #fff}.lf-invite-how{margin:0;font:600 12.5px/1.35 var(--body);color:#dbe6f4}.lf-friends{grid-column:1 / -1}.lf-friends .field-label{margin:2px 0 6px}.lf-friends ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.lf-friends li{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 10px;border-radius:12px;background:var(--row)}.lf-friends li b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 14px var(--body)}.lf-friends .friend-dot{background:#8ef07a;box-shadow:0 0 0 3px #8ef07a40}.lf-sec-title{display:flex;align-items:center;gap:6px;margin:0 2px 8px;font:800 12px var(--body);letter-spacing:.1em;text-transform:uppercase;color:#e3ebf5}.lf-sec-title small{margin-left:auto;padding:2px 8px;border-radius:999px;background:#ffffff24;font:800 12px var(--body);letter-spacing:0;color:#fff}.lf-teams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lf-teams.n1{grid-template-columns:minmax(0,1fr)}.lf-team{min-width:0;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:16px;background:color-mix(in srgb,var(--team) 20%,rgba(8,20,44,.45));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--team) 65%,transparent)}.lf-team h4{display:flex;align-items:center;gap:6px;margin:2px 4px;font:400 15px var(--display);text-transform:uppercase;letter-spacing:.03em;color:#fff}.lf-team h4:before{content:"";width:12px;height:12px;border-radius:4px;background:var(--team);box-shadow:0 0 0 2px #fffc}.lf-team ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.lf-teams.is-coop .lf-team ul,.lf-teams.is-ffa .lf-team ul{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.lf-teams.is-ffa .lf-team{background:#08142c66;box-shadow:inset 0 0 0 1px var(--edge-2)}.lf-teams.is-ffa .lf-team h4:before{background:conic-gradient(#3b82f6 0 25%,#ef4444 0 50%,#22c7d6 0 75%,#f59e0b 0)}.lf-seat{min-width:0;position:relative;display:flex;align-items:center;gap:8px;min-height:56px;padding:7px 8px 7px 10px;border-radius:13px;background:#08142c80;box-shadow:inset 4px 0 0 var(--seat),inset 0 0 0 1px #ffffff1a}.lf-seat-avatar{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--seat) 75%,#fff),var(--seat));box-shadow:inset 0 0 0 1.5px #ffffff59}.lf-seat-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.lf-seat-text b{display:flex;align-items:baseline;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 14.5px var(--body);color:#fff}.lf-seat-text b em{font:700 11px var(--body);font-style:normal;color:#cfdcef}.lf-seat-state{display:inline-flex;align-items:center;gap:5px;font:700 12px var(--body);color:#b9f5a8}.lf-dot{width:8px;height:8px;border-radius:50%;background:#8ef07a;box-shadow:0 0 0 3px #8ef07a38}.lf-seat.is-away .lf-seat-state{color:#ffd38a}.lf-seat.is-open{background:#08142c38;box-shadow:inset 0 0 0 2px #ffffff38;outline:2px dashed rgba(255,255,255,.28);outline-offset:-2px}.lf-seat.is-open .lf-seat-avatar{background:#ffffff1f;color:#cfdcef;box-shadow:none}.lf-seat.is-open .lf-seat-text b{color:#e3ebf5;font-weight:700}.lf-seat.is-open .lf-seat-state{color:#cfdcef}.lf-seat.is-me{box-shadow:inset 4px 0 0 var(--seat),inset 0 0 0 2px #ffd870}.lf-seat-tags{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.lf-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;font:800 10.5px var(--body);letter-spacing:.05em;text-transform:uppercase}.lf-pill.is-host{background:#ffd34d;color:#3a2104}.lf-pill.is-you{background:#fff;color:#1a4790}.lf-seat-move{flex:none;min-height:40px;padding:4px 9px;white-space:nowrap;border:0;border-radius:11px;cursor:pointer;font:800 12.5px var(--body);color:#fff;background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff4d}.lf-seat-move:hover{background:#ffffff42}.lf-seat-move:focus-visible{outline:3px solid #fff;outline-offset:2px}.lf-army .loadout-summary{margin:0}.lf-seat{flex-wrap:wrap}.lf-seat-text{flex:1 1 96px}.lf-seat>.lf-seat-move,.lf-seat>.lf-seat-more{margin-left:auto}.lf-seat.is-bot{background:#08142c5c}.lf-seat.is-bot .lf-seat-avatar{background:linear-gradient(180deg,#8a9bb3,#5d6f8a)}.lf-seat.is-bot .lf-seat-state{color:#cfdcef}.lf-seat.is-unready .lf-seat-state{color:#ffd38a}.lf-seat.is-swapping{box-shadow:inset 4px 0 0 var(--seat),inset 0 0 0 2px #ffd34d,0 0 0 3px #ffd34d4d}.lf-seat-more{flex:none;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:11px;cursor:pointer;color:#fff;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff47}.lf-seat-more:hover,.lf-seat.has-menu .lf-seat-more{background:#ffffff47}.lf-seat-more:focus-visible{outline:3px solid #fff;outline-offset:2px}.lf-seat-move.is-swap{background:#ffd34d;color:#3a2104;box-shadow:none}.lf-seat-menu{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.14)}.lf-seat-menu button{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:6px 10px;border:0;border-radius:10px;cursor:pointer;font:800 13px var(--body);color:#fff;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff42}.lf-seat-menu button:hover{background:#ffffff3d}.lf-seat-menu button:focus-visible{outline:3px solid #fff;outline-offset:2px}.lf-seat-menu button.is-danger{background:#e048484d;box-shadow:inset 0 0 0 1px #ff8c8c8c}.lf-seat-menu button.is-danger.is-sure{background:#d64545}.lf-swap-banner{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:8px 10px;border-radius:12px;font:800 13.5px var(--body);color:#3a2104;background:#ffd34d}.lf-swap-banner span{flex:1;min-width:0}.lf-swap-banner .link-btn{color:#3a2104;padding:6px 8px}.lf-host-hint{margin:8px 0 0}.lf-ready-count{display:block;margin-top:2px;font:800 12px var(--body);color:#cfdcef}.lf-ready-btn{min-width:190px}.lf-ready-btn.is-ready{animation:none}.lf-wait-text{display:inline-flex;align-items:center;gap:8px;font:700 14px var(--body)}.lf-foot-note.is-warn{background:#e0484833;box-shadow:inset 0 0 0 1px #ff8c8c80}.lf-confirm p{margin:0 0 8px;font:600 15px/1.4 var(--body)}@media(max-width:420px){.lf-ready-btn{flex:1 1 100%}.lf-wait-text{font-size:13px}}.lf-room-foot{display:flex;flex-direction:column;gap:8px}.lf-status{margin:0;text-align:center;font:700 13.5px/1.35 var(--body);color:#e3ebf5}.lf-status.is-full{color:#b9f5a8}.lf-wait{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px;min-height:52px;font:700 15px var(--body);color:#fff;text-align:center}.lf-wait .link-btn{padding:8px 10px}.lf-landing{z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;width:min(440px,100%);padding:22px 20px 20px;text-align:center;background:linear-gradient(180deg,#4473ad,#2c5288);animation:pop-in .4s cubic-bezier(.2,1.4,.4,1) both}.lf-landing h2{margin:0;font:400 24px/1.15 var(--display);color:#fff;text-shadow:0 2px 0 rgba(10,30,66,.5)}.lf-landing p{margin:0;font:600 14.5px/1.4 var(--body);color:#e8f0fa}.lf-landing-art{width:min(220px,70%);height:auto;border-radius:16px;box-shadow:0 4px #0a1c3c73}.lf-landing-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;color:#fff;background:linear-gradient(180deg,#a77cf0,#6a3fc0);box-shadow:inset 0 0 0 1.5px #ffffff4d,0 4px #3e2380}.lf-landing .ring-spinner.solo{position:relative;inset:auto;width:40px;height:40px;border-width:5px;border-top-color:#ffd870}@media(max-width:899px),(max-height:639px)and (min-width:900px){.lf-room-grid{display:flex;flex-direction:column}.lf-col{display:contents}.lf-match{order:1}.lf-invite{order:2}.lf-seats{order:3}.lf-host{order:4}.lf-army{order:5}}@media(max-width:700px){.lf-games{grid-template-columns:minmax(0,1fr);gap:10px}.lf-game{flex-direction:row;align-items:center;padding:10px 40px 10px 10px}.lf-game .lf-choice-art{width:112px}.lf-game .lf-choice-check{top:10px;right:10px}.lf-rules{grid-template-columns:minmax(0,1fr)}.lf-summary-art{width:96px}.lf-summary dl>div{grid-template-columns:62px 1fr auto}.lf-invite{grid-template-columns:minmax(0,1fr)}.lf-code{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:4px 12px}.lf-code b{font-size:26px}.lf-match-art{width:92px}}@media(max-width:420px){.lf-foot-row .btn.lf-next{--fs: 18px;flex:1;min-width:0}.lf-foot-row .lf-next .btn-label{white-space:nowrap}.lf-foot-row .btn.lf-back{min-width:52px;padding-left:12px;padding-right:12px}.lf-foot-row .lf-back .btn-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lf-steps .lf-long{display:none}.lf-steps .lf-short{display:inline}.lf-formats{grid-template-columns:minmax(0,1fr)}.lf-steps span{font-size:12px}.lf-steps button{gap:6px;padding:6px 7px}.lf-game .lf-choice-art{width:96px}.lf-choice-text b{font-size:17px}.lf-choice-desc{font-size:13px}.lf-teams{grid-template-columns:minmax(0,1fr);gap:8px}.lf-team{padding:6px}.lf-seat{min-height:52px}.lf-summary-art,.lf-match-art{display:none}.lf-teams.is-coop .lf-team ul,.lf-teams.is-ffa .lf-team ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-height:500px)and (orientation:landscape){.modal.lf-wizard{width:min(820px,100%)}.lf-step-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.lf-steps{margin-bottom:6px}.lf-steps button{min-height:40px}.lf-games{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lf-game{flex-direction:column;align-items:stretch;gap:6px;padding:8px 8px 10px}.lf-game .lf-choice-art{width:100%}.lf-game .lf-art{width:auto;height:52px;margin:0 auto}.lf-game .lf-choice-text b{font-size:17px}.lf-game .lf-choice-desc{font-size:12px}.lf-game .lf-choice-check{top:12px;right:12px}.lf-room-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}.lf-col{display:flex}.lf-seat .lf-seat-avatar{width:28px;height:28px}.lf-seat.is-open .lf-seat-state{display:none}.lf-seat-move{margin-left:auto;padding:4px 7px;font-size:12px}.lf-seat.is-open:has(.lf-seat-move) .lf-seat-text{display:none}.lf-invite{grid-template-columns:minmax(0,1fr)}.lf-match-art{display:none}.lf-share{min-height:52px}.lf-room-foot{flex-direction:row;align-items:center}.lf-room-foot .lf-status{flex:1;text-align:left}.lf-room-foot .btn-wide{width:auto;min-width:260px}}@media(prefers-reduced-motion:reduce){.lf-choice,.lf-switch,.lf-more-body,.lf-welcome,.lf-landing,.lf-steps button{transition:none!important;animation:none!important}.lf-choice:hover:not(:disabled),.lf-choice:active:not(:disabled){transform:none}.lf-switch .toggle-knob{transition:none}}.chest-wallet{display:flex;align-items:center;gap:6px;color:#dec3ff;white-space:nowrap}.chest-wallet small{font-size:11px}.chest-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:8px 0 10px}.chest-section-head h2{margin:0;font-size:20px}.chest-section-head h2 small{color:var(--tx-2);font-size:14px}.chest-section-head>span{font-size:11px;color:var(--tx-2);text-align:right}.chests-screen .chest-grid{margin:0 0 12px}.chests-screen .chest-slot{min-height:128px;padding:8px;gap:4px}.chests-screen .chest-slot-art{width:76px;height:68px}.chests-screen .chest-slot b{font-size:14px}.chests-screen .chest-open-tag{font-size:11px}.chests-screen .chest-daily-compact{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;margin:12px 0}.chest-daily-compact .daily-art{width:44px;height:44px;flex:0 0 44px}.chest-daily-compact .daily-body{flex:1;min-width:0;gap:3px}.chest-daily-compact .daily-body>b{font-size:15px}.chest-daily-compact .daily-body small{font-size:11px}.gem-chest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gem-chest-card{display:flex;flex-direction:column;align-items:center;padding:10px;gap:5px;text-align:center;min-width:0}.gem-chest-card>.chest-art{width:72px;height:62px}.gem-chest-card h3{margin:0;font-size:16px}.gem-chest-card p{margin:0 0 4px;font-size:12px;line-height:1.6;color:var(--tx-2)}.gem-chest-card .btn{min-width:0;width:100%;padding:8px 6px;min-height:44px}.gem-chest-card .btn-label{display:flex;align-items:center;justify-content:center;gap:5px;font-size:15px}.chest-drop-details{padding:12px 16px;margin-top:12px}.chest-drop-details>summary{min-height:24px;cursor:pointer;font-size:13px}.chest-drop-details[open]>summary{margin-bottom:12px}.gem-chest-confirm{max-width:460px}.gem-chest-rewards{display:flex;flex-wrap:wrap;gap:8px}@media(min-width:900px){.chests-screen .sub-inner{max-width:860px}.gem-chest-card{display:grid;grid-template-columns:64px 1fr;gap:4px 8px}.gem-chest-card>.chest-art{grid-row:1/3}.gem-chest-card .btn{grid-column:1/-1}}@media(max-width:380px){.chest-wallet{gap:4px;font-size:13px}.chest-wallet small{display:none}.chest-section-head h2{font-size:17px}.chest-section-head>span{max-width:125px}.gem-chest-grid{gap:6px}.gem-chest-card{padding:8px 5px}.gem-chest-card h3{font-size:14px}.gem-chest-card p{font-size:11px}}.chest-daily-compact>.btn{flex:0 0 auto;min-width:68px;padding:8px 12px}.chest-daily-note{flex:0 0 100%;font-size:11px;margin-top:2px}@media(min-width:900px){.gem-chest-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gem-chest-card{display:flex}}.chest-store>.hint{color:#eef3f8;background:#30455d;border:1px solid #7288a2;border-radius:12px;padding:12px 14px;line-height:1.6}.rar-legendary{--rar:#ffce6c}.hud.is-ending>:not(.eom):not(.eom-out){opacity:0!important;pointer-events:none!important;transition:opacity .35s ease}.eom{position:absolute;inset:0;z-index:40;pointer-events:none;overflow:hidden}.eom-bar{position:absolute;left:0;right:0;height:clamp(26px,8vh,72px);background:#05070d;animation:eom-bar-in .45s cubic-bezier(.2,.8,.2,1) both}.eom-bar.top{top:0;transform-origin:top}.eom-bar.bottom{bottom:0;transform-origin:bottom}@keyframes eom-bar-in{0%{transform:scaleY(0)}}.eom-flash{position:absolute;inset:0;background:radial-gradient(ellipse at center,#ffecc86b,#ffaa5a1f 45%,#0000 70%);animation:eom-flash .9s ease-out both}.eom-lose .eom-flash,.eom-over .eom-flash{background:radial-gradient(ellipse at center,#ff785a4d,#7814141a 45%,#0000 70%)}@keyframes eom-flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}.eom-banner{pointer-events:auto;cursor:pointer;display:grid;place-items:start center;padding:calc(max(10vh,40px) + var(--sat, 0px)) 16px calc(16px + var(--sab, 0px));-webkit-tap-highlight-color:transparent}.eom-scrim{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 46%,#0609124d,#060912b8);animation:eom-fade .4s ease both}.eom-banner .eom-bar{display:none}@keyframes eom-fade{0%{opacity:0}}.eom-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;width:min(760px,100%);text-align:center}.eom-rays{position:absolute;left:50%;top:40px;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 0deg,#ffd66e29 0deg 9deg,#ffd66e00 9deg 22deg);-webkit-mask:radial-gradient(circle,#000 18%,transparent 66%);mask:radial-gradient(circle,#000 18%,transparent 66%);animation:eom-spin 18s linear infinite,eom-fade .6s ease both}.eom-lose .eom-rays,.eom-over .eom-rays{background:repeating-conic-gradient(from 0deg,#bec8e614 0deg 9deg,#0000 9deg 22deg)}.eom-draw .eom-rays{background:repeating-conic-gradient(from 0deg,#c8aaff1f 0deg 9deg,#0000 9deg 22deg)}@keyframes eom-spin{to{transform:rotate(360deg)}}.eom-emblem{position:relative;display:grid;place-items:center;width:74px;height:74px;border-radius:50%;color:#2a1a04;background:radial-gradient(circle at 35% 30%,#fff3c4,#f2c35a 55%,#c9871f);box-shadow:0 0 0 4px #ffffff2e,0 10px 26px #00000073,0 0 40px #ffc85a73;animation:eom-pop .55s .05s cubic-bezier(.2,1.6,.4,1) both}.eom-lose .eom-emblem,.eom-over .eom-emblem{color:#fff;background:radial-gradient(circle at 35% 30%,#ff9a86,#d2392d 55%,#7d1414);box-shadow:0 0 0 4px #ffffff24,0 10px 26px #00000080,0 0 34px #ff503c59}.eom-over .eom-emblem{background:radial-gradient(circle at 35% 30%,#c9d5f2,#6d7fa8 55%,#334064);box-shadow:0 0 0 4px #ffffff24,0 10px 26px #00000080}.eom-draw .eom-emblem{color:#fff;background:radial-gradient(circle at 35% 30%,#e1ccff,#8b5ce6 55%,#4a2a9a)}@keyframes eom-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.eom-title{position:relative;margin:0;font:400 clamp(52px,14vw,116px)/.95 var(--display);letter-spacing:.04em;color:#ffe27a;text-shadow:0 5px 0 #3a1a00,0 10px 30px rgba(0,0,0,.5),0 0 46px rgba(255,190,60,.5);white-space:nowrap;animation:eom-title .7s .08s cubic-bezier(.2,1.5,.4,1) both}.eom-title.is-long{font-size:clamp(34px,9.4vw,84px);white-space:normal}.eom-lose .eom-title,.eom-over .eom-title{color:#eef1f8;text-shadow:0 5px 0 #1a0608,0 10px 30px rgba(0,0,0,.55),0 0 36px rgba(255,70,50,.32)}.eom-over .eom-title{text-shadow:0 5px 0 #0c1226,0 10px 30px rgba(0,0,0,.55)}.eom-draw .eom-title{color:#e6dbff;text-shadow:0 5px 0 #160a38,0 10px 30px rgba(0,0,0,.55)}@keyframes eom-title{0%{opacity:0;transform:scale(2.1);filter:blur(4px)}60%{opacity:1;transform:scale(.96);filter:none}to{transform:scale(1)}}.eom-reason{position:relative;margin:4px 0 0;max-width:100%;padding:9px 20px;border-radius:999px;background:#080c1ac7;box-shadow:inset 0 0 0 1px #ffffff24,0 8px 22px #00000059;font:800 clamp(15px,2.4vw,20px)/1.3 var(--body);color:#fff;animation:eom-rise .45s .35s ease both}.eom-detail{position:relative;margin:0;font:600 14px/1.35 var(--body);color:#d5dcef;text-shadow:0 1px 3px rgba(0,0,0,.7);animation:eom-rise .45s .5s ease both}@keyframes eom-rise{0%{opacity:0;transform:translateY(10px)}}.eom-continue{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:7px;margin-top:14px;font:700 12.5px var(--body);letter-spacing:.06em;text-transform:uppercase;color:#ffffffb8;animation:eom-fade .4s .9s ease both}.eom-timer{display:block;width:120px;height:3px;border-radius:3px;background:#ffffff2e;overflow:hidden;position:relative}.eom-timer:after{content:"";position:absolute;inset:0;background:#ffe27ae6;transform-origin:left;animation:eom-timer 3.2s linear both}@keyframes eom-timer{0%{transform:scaleX(0)}}.eom-out{position:absolute;left:50%;top:50%;z-index:36;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;width:min(420px,calc(100% - 32px));padding:22px 22px 18px;border-radius:22px;text-align:center;pointer-events:auto;background:linear-gradient(180deg,#222d49f5,#12192cf5);box-shadow:inset 0 0 0 1px #ffffff1f,0 18px 48px #0000008c;animation:eom-card-in .4s cubic-bezier(.2,1.3,.4,1) both}@keyframes eom-card-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.94)}}.eom-out h2{margin:2px 0 0;font:400 clamp(28px,7vw,38px)/1 var(--display);letter-spacing:.03em;color:#eef1f8}.eom-out-emblem{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 30%,#ff9a86,#d2392d 55%,#7d1414);box-shadow:0 6px 18px #0006}.eom-out-reason{margin:0;font:800 16px/1.35 var(--body);color:#fff}.eom-out-note{margin:0;font:600 13px/1.35 var(--body);color:var(--muted, #929dbb)}.eom-out-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:8px}.eom-conn.is-lost .eom-out-emblem{background:radial-gradient(circle at 35% 30%,#ffe29a,#f0a01a 55%,#9a5a06)}.eom-conn.is-ended .eom-out-emblem{background:radial-gradient(circle at 35% 30%,#c9d5f2,#6d7fa8 55%,#334064)}.eom-spinner{width:24px;height:24px;border-radius:50%;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;animation:eom-spin .9s linear infinite}@media(max-width:560px),(max-height:460px){.eom-emblem{width:58px;height:58px}.eom-emblem .icon{width:32px;height:32px}.eom-rays{width:380px;height:380px;margin:-190px 0 0 -190px}.eom-out{top:auto;bottom:calc(14px + var(--sab, 0px));transform:translate(-50%)}@keyframes eom-card-in{0%{opacity:0;transform:translate(-50%,12px)}}}@media(max-height:460px){.eom-card{gap:6px}.eom-title{font-size:clamp(40px,11vh,72px)}.eom-title.is-long{font-size:clamp(30px,9vh,56px)}.eom-continue{margin-top:6px}}@media(prefers-reduced-motion:reduce){.eom-rays,.eom-spinner{animation:none}.eom-title,.eom-emblem,.eom-reason,.eom-detail,.eom-out{animation:eom-fade .3s ease both}}.is-reduced-motion .eom-rays{animation:none}.is-reduced-motion .eom-title,.is-reduced-motion .eom-emblem,.is-reduced-motion .eom-reason,.is-reduced-motion .eom-detail,.is-reduced-motion .eom-out{animation:eom-fade .3s ease both}.res-reason{position:relative;margin:2px 0 0;max-width:min(640px,100%);padding:7px 18px;border-radius:999px;background:#080c1a9e;box-shadow:inset 0 0 0 1px #ffffff1f;font:800 clamp(15px,2.2vw,18px)/1.3 var(--body);color:#fff;text-align:center}.res-title.is-long{font-size:clamp(34px,9vw,72px)}.res-left{display:flex;align-items:center;justify-content:center;gap:6px;margin:2px 0 0;font:700 13px/1.35 var(--body);color:#f2c35a;text-align:center}: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}.wave-overrun{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:11px;background:#8f1f1a;color:#fff;font:400 12px/22px var(--display);white-space:nowrap;box-shadow:inset 0 0 0 1px #ffa0788c}.wave-overrun.is-soon{background:#d8382f;animation:hp-throb 1s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.wave-overrun.is-soon{animation:none}}.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));right:calc(var(--gut) + var(--sar));bottom:calc(var(--gut) + var(--sab));display:flex;justify-content:center;align-items:flex-end}.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){.menu-main{gap:10px}.menu-logo{width:min(440px,90%)}.btn-xl{min-height:104px}}@media(max-height:760px)and (min-width:641px),(max-height:500px)and (orientation:landscape){.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}}@media(max-width:640px){:root{--gut: 8px}.panel-close.sm{width:34px;height:34px;top:8px;right:8px}.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 (orientation:portrait),(max-width:640px)and (min-height:501px){.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,.wave-overrun .icon{width:11px;height:11px}.wave-overrun{height:17px;padding:0 7px;font-size:11px;line-height:17px;border-radius:8px}.has-overrun .wave-next,.has-overrun .wave-boss{display:none}.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}.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}.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}}@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}.panel-close.sm{width:32px;height:32px;top:8px;right:8px}.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(max-height:520px)and (min-width:641px),(max-height:500px)and (orientation:landscape){.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}.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}.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}}@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-art .hero-portrait{display:block;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){.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}}@media(max-width:640px)and (orientation:portrait),(max-width:640px)and (min-height:501px){.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)}.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),(max-height:500px)and (orientation:landscape){.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)and (orientation:portrait),(max-width:640px)and (min-height:501px){.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)and (orientation:portrait),(max-width:640px)and (min-height:501px){.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)and (orientation:portrait),(max-width:640px)and (min-height:501px){.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),(max-height:500px)and (orientation:landscape){.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)and (orientation:portrait),(max-width:640px)and (min-height:501px){.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),(max-height:500px)and (orientation:landscape){.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-heroShards .icon{color:#c5adff}.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}.reveal-pending-text{display:inline-flex;align-items:center;gap:8px;margin:0;font:700 15px var(--body);color:#f2e9ff}.reveal-pending .reveal-chest{display:grid;place-items:center}.reveal-pending .reveal-chest .chest-art{width:min(220px,56vw);height:auto}.reveal-pending-icon{color:#ffe27a}.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)}.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)and (orientation:portrait),(max-width:640px)and (min-height:501px){.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)and (orientation:portrait),(max-width:640px)and (min-height:501px){.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.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)and (orientation:portrait),(max-width:640px)and (min-height:501px){.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),(max-height:500px)and (orientation:landscape){.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){.update-pill{top:calc(58px + var(--sat));font-size:12.5px}}@media(max-width:640px)and (orientation:portrait),(max-width:640px)and (min-height:501px){.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}}.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}}@media(max-width:640px)and (orientation:portrait),(max-width:640px)and (min-height:501px){.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)and (orientation:portrait),(max-width:640px)and (min-height:501px){.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)and (orientation:portrait),(max-width:640px)and (min-height:501px){.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)and (orientation:portrait),(max-width:640px)and (min-height:501px){.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}.ws-multi{display:grid;gap:6px;margin-top:8px}.ws-multi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.ws-multi-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;height:auto;padding:6px 10px;text-align:left}.ws-multi-label{display:grid;gap:2px;font:400 14px var(--display)}.ws-multi-label small{font:700 11px var(--body);letter-spacing:0;text-transform:none;opacity:.85}.ws-multi-btn .up-btn-cost>span{height:24px;padding:0 6px;font-size:12px}.ws-multi-status{display:flex;align-items:center;gap:6px;margin:0;font:700 13px/1.3 var(--body);color:var(--tx-2)}.ws-multi-status.is-done{color:#a6f08f}.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)and (orientation:portrait),(max-width:640px)and (min-height:501px){.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}}.campaign-home{width:100%;max-width:540px;display:grid;gap:10px;margin:0 auto 16px;grid-column:1/-1}.campaign-continue,.campaign-challenges{display:flex;align-items:center;gap:16px;text-align:left;color:var(--cream);border:1px solid #66886c;border-radius:15px;background:linear-gradient(125deg,#294b40,#24334c);padding:18px;cursor:pointer;box-shadow:0 3px #111d27}.campaign-continue>span,.campaign-challenges>span{flex:1;display:grid;gap:5px}.campaign-continue b{font:22px var(--display)}.campaign-continue small{font:700 10px var(--body);letter-spacing:.09em;color:#b4ceb4}.campaign-continue em{font:12px var(--body);color:#d0dcd9}.campaign-challenges{padding:12px 18px;background:var(--s2);border-color:var(--edge-2)}.campaign-challenges small{font-size:11px;color:var(--tx-2)}.campaign-wallet{font-size:12px;color:var(--gold);display:flex;align-items:center;gap:6px;white-space:nowrap}.campaign-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:22px;align-items:start}.campaign-atlas{background:radial-gradient(ellipse at top,color-mix(in srgb,var(--chapter) 25%,#17283c),#152034 65%);border:1px solid var(--edge-2);border-radius:20px;padding:24px;overflow:hidden}.chapter-head>span,.mission-brief>small{font:800 11px var(--body);letter-spacing:.1em;color:var(--chapter)}.chapter-head h2{font:32px var(--display);margin:8px 0}.chapter-head p{color:var(--tx-2);font-size:13px}.chapter-switch{display:flex;justify-content:space-between;gap:10px;margin:16px 0}.mission-trail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 12px;padding:22px 0 28px;position:relative}.mission-trail:before{content:"";position:absolute;top:38%;left:6%;right:6%;height:38%;border:8px solid #66777755;border-radius:35px;pointer-events:none}.mission-stop{z-index:1;display:grid;justify-items:center;gap:5px;background:none;border:0;color:var(--tx-2);cursor:pointer;min-width:0;padding:0}.mission-stop>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#273b50;border:2px solid #7a8e9c;box-shadow:0 4px #0c1524;font:22px var(--display)}.mission-stop b{font-size:11px}.mission-stop small{color:#f2c35a;font:10px var(--body);height:12px}.mission-stop.is-cleared>span{background:#365e4b;border-color:#84be89}.mission-stop.is-selected>span{outline:3px solid var(--gold);outline-offset:4px}.mission-stop.is-locked{opacity:.55}.mission-brief{border-top:1px solid var(--edge-2);padding-top:20px}.mission-brief h3{font:24px var(--display);margin:8px 0}.mission-brief p{font-size:13px;color:var(--tx-2)}.mission-loot{display:flex;gap:12px;align-items:center;color:var(--gold);padding:18px 0;font-size:13px}.mission-loot span{display:grid;gap:6px}.mission-loot small{color:var(--tx-2);font-size:11px}.campaign-camp{display:grid;gap:16px}.campaign-camp .panel{padding:18px}.campaign-camp h3{display:flex;align-items:center;gap:8px;margin:0}.campaign-upgrade{display:flex;gap:9px;align-items:center;padding:13px 0;border-bottom:1px solid var(--edge)}.campaign-upgrade>span{display:grid;gap:4px;flex:1;font-size:13px}.campaign-upgrade small{color:var(--tx-2);font-size:11px}.campaign-art{width:42px;height:42px}.campaign-chests{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.campaign-chest-reveal{display:grid;justify-items:center;gap:10px;text-align:center;background:#473c2866;border:1px solid #987441;padding:18px;border-radius:12px;margin-top:16px;font-size:12px;color:var(--gold)}.challenges-screen .panel{padding:22px;margin-bottom:18px}.challenges-screen h2{font:24px var(--display);margin:0}.challenges-screen .btn{margin-top:16px}.campaign-result{padding:18px;text-align:center;background:#243e35;border:1px solid #62845b;border-radius:14px;margin:12px 0}.campaign-result p{font-size:13px}.mission-hud{pointer-events:auto;position:absolute;top:130px;left:50%;transform:translate(-50%);padding:7px 14px;border-radius:9px;background:var(--glass);color:var(--cream);font-size:12px;white-space:nowrap}.rally-hud{position:absolute;bottom:140px;left:50%;transform:translate(-50%);background:var(--s2);padding:14px;border:2px solid #859be0;border-radius:14px;pointer-events:auto;text-align:center}@media(max-width:760px){.campaign-layout{grid-template-columns:1fr}.campaign-atlas{padding:18px}.campaign-screen .sub-head{gap:8px;flex-wrap:wrap}.campaign-wallet{font-size:11px}.mission-stop>span{width:42px;height:42px}.mission-trail{gap:24px 8px}.campaign-continue b{font-size:20px}.mission-hud{top:148px;font-size:10px;max-width:90vw;white-space:normal;text-align:center}.navbar .nav-tab{min-width:0}}@media(min-width:761px){.navbar{width:min(620px,calc(100% - 24px))}}@media(max-width:760px){.navbar .nav-tab{font-size:10px;padding-left:2px;padding-right:2px}.campaign-home{max-width:100%}}.ws-screen .ws-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}@media(max-width:600px){.ws-screen .ws-tabs,.ws-wallet{grid-template-columns:repeat(3,minmax(0,1fr))}}.campaign-highscores{display:flex;align-items:center;gap:14px;width:100%;padding:15px 20px;border:1px solid #bc9951;border-radius:16px;background:linear-gradient(115deg,#4d422b,#262e44);color:#ffe2a0;text-align:left;cursor:pointer;box-shadow:0 3px #151e30}.campaign-highscores span{display:grid;gap:4px;flex:1}.campaign-highscores b{font-family:var(--display);font-size:19px}.campaign-highscores small{font-size:12px;color:#e1dac6}.highscores-screen .sub-inner{max-width:960px}.score-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 22px}.score-intro h2{font-family:var(--display);font-size:clamp(24px,4vw,34px);margin:6px 0}.score-intro p{color:var(--muted);margin:0}.score-eyebrow{font-size:11px;letter-spacing:.13em;color:#e8c477;font-weight:800}.score-primary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.score-primary button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:86px;padding:12px 8px;border:1px solid var(--edge);border-radius:14px;background:var(--s2);color:#c5cedf;cursor:pointer;font:700 13px var(--body)}.score-primary button.is-on{background:#53472f;border-color:#e8bf65;color:#ffe2a0;box-shadow:inset 0 -3px #d7ae5b}.score-more{margin:12px 0;color:#bec9dd}.score-more summary{cursor:pointer;padding:10px 0}.score-more .board-chips{display:flex;flex-wrap:wrap;gap:8px}.score-rules{padding:16px 0;border-top:1px solid var(--edge)}.score-rules h3{margin:0 0 6px;font:700 21px var(--display)}.score-rules p{margin:0 0 8px;color:#c5cedf;line-height:1.5}.score-rules>span{color:#e8c477;font-size:13px}.score-crown{display:flex;align-items:center;gap:22px;padding:24px;margin:18px 0;border:1px solid #b9924a;border-left:7px solid #efd088;border-radius:14px;background:linear-gradient(115deg,#4b412e,#222d49);color:#f4d38c}.score-crown h2{margin:5px 0;font:800 clamp(24px,4vw,34px) var(--display);color:#fff7e6;overflow-wrap:anywhere}.score-crown p{margin:5px 0;font-weight:700}.score-crown small{font-size:11px;letter-spacing:.06em}.score-chase{display:flex;align-items:center;gap:24px;background:#253d40;border:1px solid #598677;border-radius:14px;padding:20px;margin:18px 0}.score-chase>div{flex:1;min-width:0}.score-chase small{display:block;font-size:10px;letter-spacing:.1em;color:#a1d7bd}.score-chase b{display:block;font:700 24px var(--display);margin:5px 0}.score-chase p{font-size:13px;line-height:1.5;color:#d0e2df;margin:8px 0}.score-table{padding:10px 16px}.score-table-head{display:flex;justify-content:space-between;align-items:center;padding:12px 0;color:#b8c6dc;font-size:12px;gap:12px}.score-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 8px;border-top:1px solid var(--edge)}.score-place{display:flex;align-items:center;gap:4px;font:700 18px var(--display);color:#bac5da}.score-row.is-leader .score-place{color:#f4d38c}.score-player{min-width:0}.score-player>b{display:block;overflow-wrap:anywhere}.score-player small{display:block;color:#b2bfd3;font-size:11px;margin-top:5px;line-height:1.5}.score-row>strong{font:700 17px var(--display);white-space:nowrap;text-align:right}.score-row.is-you{background:#29433e;border-radius:8px;box-shadow:inset 3px 0 #8ec9a0}.campaign-ranking-status>strong{display:block;font:700 17px var(--display);line-height:1.5}.campaign-ranking-status .btn{margin:5px 8px 5px 0}.campaign-ranking-status p{font-size:13px;line-height:1.5}.result-record-link{display:flex;align-items:center;gap:16px;margin:16px 0;padding:18px;background:#303c54;border:1px solid #9c854e;border-radius:14px}.result-record-link>div{flex:1}.result-record-link .hint{margin:5px 0}.home-score-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid var(--edge);font-size:12px}.home-score-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-score-row>strong{color:#f4d38c;font-size:11px}.home-score-row.is-you{background:#29433e}.hs-tabs{flex-wrap:wrap}@media(max-width:600px){.score-intro{align-items:flex-start;flex-direction:column}.score-primary{grid-template-columns:repeat(3,minmax(0,1fr))}.score-primary button{min-height:78px;font-size:12px}.score-chase{align-items:stretch;flex-direction:column;gap:12px}.score-row{grid-template-columns:40px minmax(0,1fr);gap:8px;padding:14px 6px}.score-row>strong{grid-column:2;text-align:left;font-size:17px}.score-place{font-size:15px}.score-table{padding:8px 12px}.score-crown{padding:18px;gap:14px}.result-record-link{flex-wrap:wrap}.result-record-link>.btn{width:100%}.campaign-highscores{padding:13px 16px}}.hs-side .hs-tabs{display:flex;flex-wrap:wrap;gap:6px}.hs-side .hs-tabs .chip-btn{font-size:10px;padding:6px 8px}.highscores-screen .sub-inner{gap:12px}.score-controls{display:flex;align-items:center;gap:12px;justify-content:space-between}.score-controls .seg{flex:1;max-width:320px}.score-rules{padding:4px 0;border:0}.score-rules summary{cursor:pointer;color:#bfcce0;font-size:13px;padding:8px 0}.score-rules p{margin:8px 0 12px}.score-rules .board-chips{display:flex;flex-wrap:wrap;gap:8px}.score-reset{font-size:12px;color:#e8c477}.score-crown{margin:0;padding:18px 22px}.score-crown h2{font-size:28px}.score-chase{margin:0;padding:18px}@media(max-width:600px){.score-primary button{min-height:62px;gap:5px;padding:8px 4px;font-size:11px}.score-primary .icon{width:20px;height:20px}.score-crown{padding:14px 16px}.score-crown h2{font-size:24px}.score-crown p{font-size:13px}.score-chase{padding:14px;gap:8px}.score-chase b{font-size:22px}.score-chase p{margin:5px 0}}.tp-details>.tp-details-toggle{display:none}.tp-details>.tp-details-content{display:block}.tp-squad{flex-wrap:wrap;justify-content:space-between}.tp-squad-help{margin:8px 0 0;font-size:12px;color:var(--muted)}.hud .hud-left{top:auto;bottom:calc(var(--gut) + var(--sab));left:calc(var(--gut) + var(--sal));right:calc(var(--gut) + var(--sar));transform:none;display:flex;justify-content:center;align-items:flex-end}.hud.has-tower .hud-bottom,.hud.is-placing .hud-left{display:none}.hud .tower-panel{width:min(100%,500px);padding:8px 10px;flex:none;max-height:min(42dvh,310px);overflow-y:auto;overscroll-behavior:contain;border-radius:var(--r-lg);animation-name:rise-in}.tower-panel .panel-close.sm{position:absolute;width:44px;height:44px;top:4px;right:4px}.tower-panel .panel-close.sm:after{display:none}.tower-panel .tp-head{padding-right:40px;gap:8px}.tower-panel .tp-art{width:40px;height:40px}.tower-panel .tp-name{font-size:15px}.tower-panel .tp-owner,.tower-panel .tp-level{font-size:11px}.tower-panel .tp-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:6px;gap:4px}.tower-panel .tp-stats small{font-size:10px;letter-spacing:0}.tower-panel .tp-stats b{font-size:14px}.tower-panel .tp-stats em{display:none}.tower-panel .tp-target{display:block;margin-top:6px}.tower-panel .tp-target>small{display:none}.tower-panel .tp-target .seg{padding:0;gap:3px}.tower-panel .tp-target .seg-opt{min-height:44px;padding:4px;font-size:12px}.tp-details>.tp-details-toggle{display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;border:0;background:none;cursor:pointer;color:var(--muted);font-size:12px}.tp-details>.tp-details-toggle:after{content:"+";margin-left:8px}.tp-details.is-expanded>.tp-details-toggle:after{content:"−"}.tp-details:not(.is-expanded)>.tp-details-content{display:none}.tower-panel .tp-squad{margin-top:6px;padding:0;background:none;font-size:11px;gap:4px}.tp-squad .btn{min-height:44px;padding:4px 10px}@media(max-height:600px)and (max-width:1000px)and (orientation:landscape){.hud .tower-panel{max-height:55dvh}}@media(max-height:600px)and (max-width:1000px)and (orientation:landscape){.hud .tower-panel{width:min(100%,660px);display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;padding-right:58px}.tower-panel .tp-head{grid-column:1;grid-row:1;padding-right:0}.tower-panel>.tp-stats{grid-column:2;grid-row:1;margin-top:0}.tower-panel .tp-squad,.tower-panel .tp-target{grid-column:1;grid-row:2;margin-top:0}.tower-panel .tp-squad{font-size:10px}.tower-panel .tp-squad .btn{font-size:11px;padding-inline:8px}.tower-panel .tp-details{grid-column:2;grid-row:2}}.tp-base-level{display:block;margin-top:3px;color:#a9d9ff;font-size:12px;font-weight:700}.tp-progression-note{margin:6px 0;color:var(--muted);font-size:12px;line-height:1.45}@media(max-width:640px),(max-height:600px)and (max-width:1000px){.tp-base-level{font-size:11px;margin-top:2px}}.trial-hall{margin:20px 0}.trial-heading,.trial-title{display:flex;align-items:center;gap:12px}.trial-heading{justify-content:space-between}.trial-heading small{color:var(--muted);letter-spacing:.08em;font-size:11px}.trial-heading h2,.trial-title h3{margin:6px 0}.trial-heading strong{display:flex;align-items:center;gap:6px;color:#f2c35a;white-space:nowrap}.trial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}.trial-card{padding:18px;border-top:3px solid var(--trial-color)}.trial-swarm{--trial-color:#de9875}.trial-armor{--trial-color:#aebbe2}.trial-rush{--trial-color:#87cbbf}.trial-title{color:var(--trial-color)}.trial-title h3{font-size:20px}.trial-card>p{min-height:56px;font-size:13px;line-height:1.5}.trial-card>p.hint{min-height:36px}.trial-tiers{display:grid;gap:10px}.trial-tier{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid rgba(255,255,255,.12);padding-top:10px}.trial-tier>div{min-width:0}.trial-tier small{display:block;color:var(--muted);font-size:11px;margin-top:4px;line-height:1.4}.trial-tier.is-cleared b{color:#f2c35a}@media(max-width:800px){.trial-grid{grid-template-columns:1fr}.trial-card>p,.trial-card>p.hint{min-height:0}.trial-heading h2{font-size:22px}.trial-heading{align-items:flex-start}.trial-heading strong{font-size:13px}}.weekly-targets{margin:12px 0}.weekly-targets>div{display:flex;flex-wrap:wrap;gap:6px}.weekly-targets span{padding:6px 8px;border-radius:8px;background:#ffffff0f;font-size:11px;color:var(--muted)}.weekly-targets span.is-cleared{color:#f2c35a;background:#f2c35a21}.trial-endless{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px}.trial-endless h3{display:flex;align-items:center;gap:8px;margin:0}.trial-endless .hint{margin-bottom:0}@media(max-width:600px){.trial-endless{align-items:stretch;flex-direction:column;gap:0}}.home-mode-title{font:700 15px var(--display);color:var(--tx-2);margin:0;text-align:center}.campaign-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 18px;flex-wrap:wrap}.campaign-tools p{font-size:13px;color:var(--tx-2);margin:0;flex:1;min-width:220px}.campaign-tools>div{display:flex;gap:8px;flex-wrap:wrap}.mission-intel{display:grid;gap:6px;border-left:3px solid var(--chapter);padding:8px 12px;margin:14px 0;background:#101c2b55;font-size:13px;line-height:1.5}.mission-intel>span{color:var(--tx-2);font-size:12px}.mission-intel p{margin:0!important}.mission-basics{font-size:13px;line-height:1.5;margin:12px 0}.mission-basics summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--gold)}.mission-basics summary:before{content:"＋";margin-right:8px}.mission-basics[open] summary:before{content:"−"}.campaign-chest-section,.campaign-training{scroll-margin-top:16px}.campaign-training:focus-visible,.campaign-chest-section:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.campaign-upgrade-notice{color:#bdeba8;font-size:13px;line-height:1.5}.progression-scope{display:flex;align-items:center;gap:16px;border:1px solid var(--edge-2);border-radius:12px;background:var(--s2);padding:14px 18px;margin-bottom:18px}.progression-scope>div{flex:1}.progression-scope p{font-size:13px;color:var(--tx-2);line-height:1.5;margin:5px 0 0}.campaign-outcome{margin:0;width:min(460px,100%)}.campaign-outcome h3{margin:0}.campaign-outcome p{margin:8px 0 0}.res-campaign .results-inner>*{flex-shrink:0}.res-campaign .res-head{gap:6px;padding-top:6px}.res-campaign .res-rays{width:190px;height:190px;margin:-95px 0 0 -95px;top:50%}.res-campaign .res-tiers{flex-wrap:wrap;min-width:0}@media(max-width:700px){.res-campaign .res-row{grid-template-columns:repeat(3,minmax(0,1fr))}.res-campaign .res-tiers{grid-column:1/-1;justify-content:flex-start}}.res-campaign .res-emblem{width:54px;height:54px;border-radius:17px;margin:8px}.res-campaign .res-emblem .icon{width:30px;height:30px}.res-campaign .res-title{font-size:clamp(38px,11vw,66px)}.campaign-earned-stars{color:var(--gold);font-size:22px;letter-spacing:4px;line-height:1}.campaign-earned-stars span{opacity:.45}.campaign-earned-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px}.campaign-earned-grid>span{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 3px;border-radius:9px;background:#101f2680;color:var(--gold)}.campaign-earned-grid b{font-size:20px}.campaign-earned-grid small{font-size:11px;line-height:1.25;color:var(--cream)}.campaign-chest-action{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:12px}.campaign-chest-action small{font-size:11px;color:var(--muted)}.res-campaign .res-actions{gap:6px;margin-top:0}.res-campaign .res-actions>.btn-xl{min-height:64px;--fs:clamp(22px,6vw,30px)}.campaign-replay{align-self:center;min-height:44px;font-size:13px;color:var(--muted)}.res-actions .btn-xl,.res-actions-2 .btn{white-space:normal}.pause-objective{padding:12px;background:#142237;border:1px solid var(--edge-2);border-radius:10px;font-size:13px;line-height:1.5}.pause-objective p{margin:10px 0}.pause-objective small{color:var(--tx-2)}@media(max-width:600px){.progression-scope{align-items:stretch;flex-direction:column;gap:10px}.campaign-tools>div{width:100%}.campaign-tools>div>.btn{flex:1}.campaign-upgrade{flex-wrap:wrap}.campaign-upgrade>span{min-width:140px}.res-actions-2 .btn{font-size:14px}}.home-v7 .menu-main.menu-v3{display:flex;flex-direction:column;justify-content:safe center;align-items:center;width:100%;gap:16px;padding:12px max(16px,var(--sar)) calc(90px + var(--sab)) max(16px,var(--sal));overflow-x:hidden}.home-v7 .menu-main.menu-v3>*{flex:none;width:100%;max-width:620px}.home-v7 .menu-brand{flex:none}.home-league-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex:none}.home-league-record{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;padding:11px 13px;border:1px solid var(--edge);border-radius:12px;background:#192638dd;color:var(--cream);text-align:left;cursor:pointer}.home-league-record:hover{border-color:var(--gold)}.home-league-mode{font-size:11px;color:var(--tx-2)}.home-league-trophies{display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:var(--gold);font-size:18px}.home-league-trophies small{font-size:11px;color:var(--cream)}.home-league-rank{font-size:11px;color:var(--tx-2);line-height:1.4;overflow-wrap:anywhere}.home-v7 .menu-logo{width:min(360px,76%)}.home-v7 .campaign-home{max-width:none;margin:0}.home-v7 .campaign-continue{min-height:116px;padding:22px;border-color:#7fa580;background:linear-gradient(115deg,#315d49,#24334c)}.home-v7 .campaign-continue b{font-size:clamp(21px,4.8vw,27px)}.home-destinations{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-destination{display:flex;align-items:center;gap:12px;min-width:0;min-height:110px;padding:18px 14px;text-align:left;border:1px solid var(--edge-2);border-radius:15px;background:#24334c;color:var(--cream);box-shadow:0 3px #111d27;cursor:pointer}.home-destination>span{flex:1;display:grid;gap:7px;min-width:0}.home-destination b{font:22px var(--display)}.home-destination small{color:var(--tx-2);font:12px/1.5 var(--body)}.home-destination>.icon{flex:none;color:#aac8ec}.home-pvp{border-color:#587ba1}.home-destination:hover,.home-v7 .campaign-continue:hover{filter:brightness(1.12)}.home-utilities{display:flex;justify-content:center;gap:24px}.home-utilities .link-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;color:var(--tx-2);font-size:13px}.home-connection{margin:0;text-align:center;color:var(--tx-2);font-size:12px;line-height:1.5}@media(min-width:900px){.home-v7 .menu-main.menu-v3{gap:12px}.home-v7 .menu-logo{width:240px}.home-v7 .campaign-continue{min-height:96px;padding:16px 22px}.home-v7 .home-destination{min-height:86px;padding-block:12px}.home-v7 .menu-main>.loadout-summary{margin-block:0}}.pvp-setup{width:min(540px,100%)}.pvp-intro{margin:0}.pvp-choice{border:0;padding:0;margin:18px 0;min-width:0}.pvp-choice legend{padding:0 0 8px;font:16px var(--display);color:var(--cream)}.pvp-choice .seg-opt{display:flex;flex-direction:column;gap:5px;min-height:66px}.pvp-choice .seg-opt small{font:11px/1.3 var(--body);letter-spacing:0}.pvp-summary{padding:14px 16px;background:#1c293d;border-radius:12px}.pvp-summary b{font:18px var(--display);color:var(--cream)}.pvp-summary p{font-size:13px;line-height:1.5;color:var(--tx-2);margin:7px 0 0}.pvp-friends{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:48px;margin-top:10px}.pvp-friends span{color:var(--tx-2);font:11px var(--body)}@media(max-width:600px){.home-v7 .menu-main.menu-v3{gap:12px;padding-top:8px}.home-v7 .campaign-continue{padding:18px 14px;gap:12px}.home-destinations{grid-template-columns:1fr;gap:10px}.home-destination{min-height:77px;padding:14px 18px}.home-destination b{font-size:20px}.home-destination>span{gap:3px}}@media(max-height:550px)and (min-width:601px){.home-v7 .menu-main.menu-v3{justify-content:flex-start}.home-v7 .menu-logo{width:180px}}@media(max-height:550px)and (min-width:601px){.pvp-setup{width:min(700px,100%)}.pvp-setup .panel-body{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;padding:10px 14px;align-content:start}.pvp-intro,.pvp-summary,.pvp-friends{grid-column:1 / -1}.pvp-intro{font-size:12px}.pvp-choice{margin:0}.pvp-choice legend{font-size:14px;padding-bottom:5px}.pvp-choice .seg-opt{min-height:48px}.pvp-summary{padding:9px 12px}.pvp-summary b{font-size:15px}.pvp-summary p{margin-top:4px;font-size:12px}.pvp-friends{margin:0;min-height:36px}.pvp-setup .panel-foot{padding:8px 14px}.pvp-setup .panel-foot>.stack{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.pvp-setup .panel-foot .btn{min-height:48px;--fs: 17px}}.pchip-recovery{color:#b6efad;font-size:10px;font-weight:750;line-height:1.2}.pchip-meta:has(.pchip-recovery){flex-wrap:wrap}.pause-recovery{font-size:13px;line-height:1.5;color:var(--tx-2)}.score-name{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:inherit;font:inherit;font-weight:inherit;text-align:left;padding:8px 0;min-height:44px;cursor:pointer;max-width:100%;overflow-wrap:anywhere}.score-name .icon{flex:none;opacity:.65}.score-name:hover{color:#f5d476;text-decoration:underline;text-underline-offset:3px}.score-name:focus-visible{outline:2px solid #f5d476;outline-offset:3px;border-radius:4px}.public-player-dialog{width:min(620px,calc(100vw - 24px))}.public-player-dialog .panel-head h2{overflow-wrap:anywhere;min-width:0}.public-player-dialog .panel-close{flex:none}.public-player-dialog h3{margin:0 0 8px}.public-player-dialog .panel-body{display:flex;flex-direction:column;gap:20px}.public-player-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-bottom:14px;border-bottom:1px solid var(--edge-2)}.public-player-overview small{display:block;color:var(--tx-2);font-size:11px}.public-player-overview b{display:block;font-size:24px}.public-player-overview b small{display:inline;font-size:12px}.public-player-towers{display:flex;flex-direction:column;gap:5px}.public-player-tower{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--edge-2)}.public-player-tower>svg{width:46px;height:46px}.public-player-tower small{display:block;color:var(--tx-2);font-size:11px;line-height:1.5}.public-player-tower strong{color:#f5d476;text-align:right;white-space:nowrap;font-size:17px}.public-player-campaign{display:flex;gap:12px;padding:14px;background:#172936;border-left:3px solid #83c28d;border-radius:6px}.public-player-campaign>.icon{flex:none;color:#83c28d}.public-player-campaign p{margin:6px 0;font-size:13px}.public-player-campaign small{color:var(--tx-2);font-size:11px;line-height:1.5}.public-player-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:0}.public-player-records div{display:flex;gap:8px;justify-content:space-between;align-items:baseline}.public-player-records dt{font-size:12px;color:var(--tx-2)}.public-player-records dd{margin:0;font-weight:750}.public-player-leagues{display:grid;grid-template-columns:1fr 1fr;gap:14px}.public-player-leagues p{margin:6px 0;font-size:12px}.public-player-leagues small{font-size:11px;color:var(--tx-2)}@media(max-width:400px){.public-player-overview b{font-size:20px}.public-player-tower{gap:7px}.public-player-leagues{grid-template-columns:1fr}}.tower-unlock-track{margin-bottom:16px}.tower-unlock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.tower-unlock-grid>div{background:#00000026;border:1px solid #526381;border-radius:14px;padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center}.tower-unlock-grid .art{width:72px;height:72px}.tower-unlock-grid small{color:#ffd87b;margin:6px}.tower-unlock-grid p{font-size:12px;line-height:1.5;color:#bac6db;margin:4px 0}.tower-unlock-grid .is-locked .art{filter:saturate(.35);opacity:.7}.tower-unlock-grid .is-unlocked{border-color:#7eab78}.loadout-summary{background:#182638;border:1px solid #52647c;border-radius:14px;margin:12px 0;overflow:hidden;text-align:left}.loadout-summary>.hint{padding:0 12px 10px;margin:0}.loadout-open{display:grid;grid-template-columns:1fr auto;gap:8px;background:none;border:0;color:inherit;text-align:left;width:100%;padding:12px;cursor:pointer}.loadout-open>span:first-child{display:flex;flex-direction:column;gap:3px}.loadout-open small{color:#b7c6da;font-size:10px;letter-spacing:.04em}.loadout-open b{font-size:16px}.loadout-edit{align-self:center;color:#f4c75e;font-size:13px;font-weight:700}.loadout-towers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;grid-column:1/-1}.loadout-towers>span{display:flex;flex-direction:column;align-items:center;min-width:0;border-radius:8px;background:#23364d;padding:3px}.loadout-towers svg{width:42px;height:42px}.loadout-towers small{font-size:10px;text-align:center;letter-spacing:0;overflow-wrap:anywhere;line-height:1.2}.loadout-overlay{position:relative;z-index:260;pointer-events:auto}.loadout-modal{width:min(720px,100%)}.home-v7 .menu-main>.loadout-summary{flex:none;width:100%}.pvp-setup .loadout-summary{grid-column:1/-1}.hero-portrait{width:62px;height:68px;flex-shrink:0;filter:drop-shadow(0 3px 3px #0005)}.hero-roster{border-top:1px solid #8d9ab63b;margin-top:20px;padding-top:16px}.hero-roster-title,.hero-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.hero-roster-title h3{display:flex;align-items:center;gap:8px;margin:0}.hero-roster-title>b{font-size:13px;color:#c8b7f5;white-space:nowrap}.hero-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:14px 0}.hero-token{display:flex;flex-direction:column;align-items:center;padding:8px 2px;background:#192338;border:2px solid transparent;border-radius:12px;color:#e7edf8;min-width:0;cursor:pointer}.hero-token.is-viewed{border-color:var(--hero-color);background:#30405a}.hero-token .hero-portrait{width:48px;height:52px}.hero-token b{font-size:12px}.hero-token small{font-size:10px;color:#adb9d1;white-space:nowrap}.hero-detail{padding:14px;background:#182237;border-radius:14px;border-left:3px solid var(--hero-color)}.hero-detail-head,.hero-panel-head{display:flex;align-items:center;gap:12px;padding-right:18px}.hero-detail-head h3{margin:5px 0;font-size:23px}.hero-detail-head h3 span{font-size:13px;color:#adb9d1}.hero-detail-head>div>b{font-size:13px;color:var(--hero-color)}.hero-rarity{text-transform:capitalize;color:var(--hero-color);font-size:12px}.hero-detail p{font-size:13px;line-height:1.5;margin:10px 0}.hero-statline{display:flex;gap:20px;font-size:12px;color:#a4b3cf}.hero-statline b{font-size:17px;color:#fff}.hero-actions{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.hero-actions>.btn{flex:1}.hero-loadout-line{display:flex;align-items:center;gap:8px;grid-column:1/-1;font-size:13px;color:#e6d3a0}.hero-loadout-line .hero-portrait{width:30px;height:33px}.hero-panel{pointer-events:auto;position:fixed;bottom:max(8px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(500px,calc(100% - 16px));padding:14px;border:1px solid #7b88a8;border-radius:20px;background:linear-gradient(145deg,#2d3c58,#172234);box-shadow:0 8px 30px #0007;z-index:42;max-height:45dvh;overflow:auto}.hero-panel>.panel-close{position:absolute;right:8px;top:8px;margin:0}.hero-panel-head{padding-right:30px}.hero-panel-head .hero-portrait{width:45px;height:49px}.hero-panel-head b{font-size:15px}.hero-panel-head small{display:block;font-size:11px;color:#b8c7df;margin-top:3px}.hero-panel>p{font-size:12px;line-height:1.4;margin:10px 0}.hero-panel-foot small{font-size:11px;color:#b8c7df}.hero-hp{height:18px;margin-top:9px;background:#111b2b;border-radius:10px;overflow:hidden;position:relative}.hero-hp>span{display:block;height:100%;background:#56a963}.hero-hp>b{position:absolute;inset:0;text-align:center;font-size:11px;line-height:18px;text-shadow:0 1px 2px #000}.hero-shortcut{position:relative;width:46px;height:49px;border:1px solid #d6be7c;border-radius:12px;background:#24324b;padding:0;cursor:pointer}.hero-shortcut .hero-portrait{width:37px;height:41px}.hero-token:focus-visible,.hero-shortcut:focus-visible{outline:3px solid #faf1c9;outline-offset:2px}@media(max-width:390px){.hero-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-panel{padding:11px}.hero-detail-head h3{font-size:21px}}@media(max-height:500px)and (orientation:landscape){.hero-panel{width:min(700px,calc(100% - 24px));max-height:50dvh;display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.hero-panel-head{grid-column:1;grid-row:1;padding-right:0}.hero-panel>.hero-hp{grid-column:2;grid-row:1;margin-right:30px;align-self:center}.hero-panel>p{grid-column:1;grid-row:2;margin:4px 0}.hero-panel-foot{grid-column:2;grid-row:2}}.deck-modal{--deck-gold:#f4c75e;--deck-blue:#8ebcff;width:min(680px,100%);height:min(710px,calc(100dvh - 24px - var(--sat) - var(--sab)))}.deck-modal>.panel-body{display:flex;flex-direction:column;overflow:hidden;padding:12px 16px;min-height:0}.deck-modal>.panel-head{padding:12px 16px}.deck-modal>.panel-head h2{font-size:23px}.deck-modal>.panel-foot{padding:10px 16px}.deck-main{display:flex;flex-direction:column;gap:10px;min-height:0;flex:1}.deck-main[hidden]{display:none}.deck-setups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;flex:none}.deck-setups button{display:flex;align-items:center;gap:7px;min-height:40px;padding:6px 9px;border:1px solid #536580;border-radius:9px;background:#1c2a40;color:#bbc8dd;cursor:pointer;min-width:0}.deck-setups button[aria-pressed=true]{background:#3a4760;border-color:var(--deck-gold);color:#fff}.deck-setups span{font-size:11px;opacity:.7}.deck-setups b{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.deck-setups small{color:var(--deck-gold);margin-left:auto}.deck-name{display:flex;gap:8px;align-items:center;flex:none}.deck-name input{width:0;min-width:0;flex:1;background:#19283d;border:1px solid #52647c;border-radius:8px;padding:8px 10px;font:inherit;font-size:16px;color:#fff;height:38px}.deck-default{border:0;background:none;color:var(--deck-gold);font:inherit;font-size:12px;font-weight:700;min-height:40px;padding:4px 8px;cursor:pointer}.deck-default:disabled{color:#c6cbd5;cursor:default}.deck-lineup{display:grid;grid-template-columns:115px 1fr;gap:10px;padding:10px;background:#141f32;border:1px solid #7183a155;border-radius:12px;flex:none}.deck-hero-slot{position:relative;border-right:1px solid #53658066;padding-right:8px}.deck-hero-slot>button:first-child{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;padding:0;color:#fff;width:100%;text-align:left;cursor:pointer}.deck-hero-slot span{display:flex;flex-direction:column;gap:2px}.deck-hero-slot b{font-size:13px}.deck-hero-slot small{font-size:10px;color:#c9b888}.deck-hero-slot .deck-info{top:0;right:0}.deck-tower-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;align-content:center}.deck-tower-slots button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#26354e;border:1px solid #8797b46b;border-radius:9px;padding:7px 1px;min-width:0;color:#e8eefa;cursor:pointer}.deck-tower-slots button.is-replacing{border:2px solid var(--deck-blue);padding:6px 0;background:#304c70;box-shadow:0 0 0 2px #8ebcff20}.deck-tower-slots svg{width:43px;height:43px}.deck-tower-slots b{font-size:10px;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis}.deck-tower-slots small{font-size:10px;color:#acbcd5;margin-top:2px}.deck-tabs{display:flex;gap:6px;border-bottom:1px solid #7483a455;flex:none}.deck-tabs button{flex:1;background:none;border:0;border-bottom:3px solid transparent;color:#b6c3db;font:inherit;font-weight:700;font-size:14px;min-height:40px;cursor:pointer}.deck-tabs button[aria-pressed=true]{border-bottom-color:var(--deck-gold);color:#fff}.deck-tabs small{color:#aab8d1;font-size:11px;margin-left:5px}.deck-prompt{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:28px;flex:none;color:#c3d0e6;font-size:12px;line-height:1.35}.deck-prompt button{background:none;border:0;color:var(--deck-gold);font:inherit;min-height:32px;padding:0 4px;cursor:pointer}.deck-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;scrollbar-width:thin;padding:2px}.deck-collection{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-content:start}.deck-card{position:relative;background:#1b293f;border:1px solid #65748c;border-radius:11px;overflow:hidden;min-width:0;min-height:104px}.deck-card.is-equipped{border-color:var(--deck-gold);background:#303d4f}.deck-card.is-pending{border-color:var(--deck-blue);background:#304c70}.deck-card.is-locked{border-color:#56617a;background:#1b2334}.deck-card-pick{width:100%;height:100%;min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#eef2fb;background:none;border:0;padding:7px 1px;cursor:pointer}.deck-card-pick>svg{width:46px;height:46px;transform:translate(-5px)}.deck-card-pick b{font-size:12px;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis}.deck-card-pick small{font-size:10px;color:#bac8dc;line-height:1.2}.is-equipped .deck-card-pick small{color:#f4d38a}.deck-card-pick:disabled{cursor:default}.deck-card-pick:disabled>svg:not(.deck-lock){opacity:.38;filter:grayscale(.55)}.deck-card-pick:disabled b{color:#aab4c8}.deck-card .deck-lock{position:absolute;left:4px;top:6px;width:12px;height:12px;transform:none;color:#c0c7d5}.deck-info{position:absolute;top:0;right:0;width:44px;height:44px;border:0;padding:0;background:none;display:grid;place-items:center;cursor:pointer;color:#dce8ff}.deck-info>span{width:21px;height:21px;display:grid;place-items:center;border:1px solid #9caecc;border-radius:50%;background:#162238;font:700 13px Georgia,serif;font-style:italic}.deck-info:hover>span{border-color:#f4c75e;color:#f4c75e}.deck-modal button:focus-visible,.deck-name input:focus-visible{outline:2px solid #f4d38a;outline-offset:-3px}.deck-modal .loadout-footer{display:flex;gap:15px;align-items:center;justify-content:space-between}.loadout-footer>small{font-size:11px;color:#b5c1d6}.deck-modal .loadout-footer>.btn{width:auto;min-width:190px;min-height:46px}.deck-details-scroll{overflow-y:auto;min-height:0;overscroll-behavior:contain}.deck-back{display:flex;align-items:center;gap:5px;border:0;background:none;color:#ecd08e;min-height:40px;padding:0;font:inherit;font-size:13px;cursor:pointer;margin-bottom:6px}.deck-detail{padding:16px}.deck-detail .hero-detail-head>svg{width:72px;height:78px;flex:none}.deck-detail .hero-detail-head h3{font-size:24px}.deck-detail .hint{font-size:12px;line-height:1.5}.deck-detail .hero-statline{padding:12px 0;gap:18px}.deck-resource{display:flex;align-items:center;gap:7px;color:#d9c4ff;font-size:13px;margin:16px 0 12px}.deck-help{border-top:1px solid #7183a144;margin-top:16px;padding-top:10px;font-size:12px;color:#b7c7dd}.deck-help summary{cursor:pointer;min-height:32px}.deck-unlock{display:flex;gap:8px;align-items:center;color:#eed08a;font-size:13px}.ws-screen .sub-inner>*{flex-shrink:0}.ws-heroes{min-width:0}.ws-hero-picker{display:flex;gap:8px;overflow-x:auto;padding:3px 2px 12px;margin-bottom:8px;scrollbar-width:thin;overscroll-behavior-x:contain}.ws-hero-picker>.ws-tab{position:relative;flex:0 0 80px;min-height:104px}.ws-hero-picker .hero-portrait{width:100%;height:100%}.ws-heroes .hero-detail{max-width:720px;margin-inline:auto}@media(max-width:540px){.deck-modal{height:calc(100dvh - 16px - var(--sat) - var(--sab))}.deck-modal>.panel-head{padding:10px 12px}.deck-modal>.panel-head h2{font-size:21px}.deck-modal>.panel-body{padding:8px 10px}.deck-modal>.panel-foot{padding:8px 10px}.deck-main{gap:7px}.deck-setups button{padding:5px;gap:4px;min-height:38px}.deck-setups b{font-size:11px}.deck-name input{height:36px}.deck-default{font-size:11px;padding:4px;min-height:36px}.deck-lineup{grid-template-columns:1fr;gap:8px;padding:8px}.deck-hero-slot{border-right:0;padding-right:40px}.deck-hero-slot>button:first-child{flex-direction:row;justify-content:flex-start;gap:8px}.deck-hero-slot .hero-portrait{width:36px;height:39px}.deck-hero-slot span{display:grid;grid-template-columns:auto auto;gap:2px 9px;align-items:center}.deck-hero-slot small:first-child{grid-column:1/-1;font-size:9px}.deck-hero-slot b{font-size:13px}.deck-tower-slots svg{width:37px;height:37px}.deck-tower-slots button{padding:5px 1px}.deck-tower-slots button.is-replacing{padding:4px 0}.deck-tower-slots b{font-size:10px}.deck-collection{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.deck-card,.deck-card-pick{min-height:98px}.deck-card-pick>svg{width:41px;height:43px;transform:translate(-7px)}.deck-card-pick b{font-size:11px}.deck-card-pick small{font-size:9px}.deck-card .deck-lock{transform:none}.deck-prompt{font-size:11px;min-height:30px}.deck-modal .loadout-footer{gap:8px}.deck-modal .loadout-footer>.btn{min-width:165px;font-size:14px}.loadout-footer>small{max-width:110px;font-size:10px}}@media(max-height:500px)and (orientation:landscape){.deck-modal{height:calc(100dvh - 16px);width:min(800px,100%)}.deck-main{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:38px 36px 1fr;gap:6px 14px}.deck-setups{grid-column:1;grid-row:1}.deck-name{grid-column:1;grid-row:2}.deck-lineup{grid-column:1;grid-row:3;grid-template-columns:70px 1fr;align-self:start;padding:5px}.deck-tower-slots svg{width:33px;height:33px}.deck-hero-slot>button:first-child{gap:0}.deck-hero-slot small:first-child{display:none}.deck-hero-slot .hero-portrait{width:29px;height:32px}.deck-hero-slot b{font-size:11px}.deck-tabs{grid-column:2;grid-row:1}.deck-prompt{grid-column:2;grid-row:2;font-size:10px}.deck-scroll{grid-column:2;grid-row:3}.deck-collection{grid-template-columns:repeat(4,minmax(0,1fr))}.deck-card,.deck-card-pick{min-height:93px}.deck-card-pick>svg{width:36px;height:38px}.deck-card-pick b{font-size:10px}.deck-modal>.panel-head{padding:7px 14px}.deck-modal>.panel-head h2{font-size:20px}.deck-modal>.panel-foot{padding:7px 14px}.deck-modal>.panel-foot .btn{min-height:38px}.deck-modal .loadout-footer>small{max-width:none}}.deck-main>.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.deck-modal.is-details{height:auto}.deck-modal.is-details>.panel-body{flex:0 1 auto}.deck-modal.is-details .deck-details-scroll{max-height:calc(100dvh - 140px - var(--sat) - var(--sab))}.loadout-power,.deck-strength{display:flex;align-items:center;gap:5px;color:var(--gold)}.loadout-power{margin-top:3px}.deck-strength{font-size:12px;padding:1px 0 5px}.deck-strength b{font-size:16px}.public-loadouts{margin:14px 0;padding:12px;border:1px solid rgba(255,210,100,.35);border-radius:16px;background:#0e172a73}.public-loadouts-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.public-loadouts-head h3{margin:0;font-size:16px}.public-loadouts-head>span{display:flex;align-items:center;gap:4px;color:var(--gold);font-weight:800}.public-loadouts-head small{font-size:10px}.public-loadouts .deck-setups button{min-height:44px;display:flex;flex-direction:column;gap:3px;padding:7px 4px}.public-loadouts .deck-setups b{font-size:11px;white-space:normal;overflow-wrap:anywhere}.public-loadouts .deck-setups small{font-size:10px}.public-lineup{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:12px}.public-lineup>div{display:flex;flex-direction:column;align-items:center;min-width:0;padding:5px 2px;border-radius:10px;background:#0f15258c;text-align:center}.public-lineup svg{width:46px;height:46px;max-width:100%}.public-lineup b{font-size:10px;overflow-wrap:anywhere}.public-lineup small{font-size:11px;color:var(--tx-2)}.public-loadout-hero{display:flex;align-items:center;gap:10px;margin-top:8px}.public-loadout-hero>svg{width:45px;height:45px}.public-loadout-hero>div{display:flex;flex-direction:column;gap:3px}.public-loadout-hero small{font-size:11px;color:var(--tx-2)}.public-player-section>summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:700}@media(max-height:500px)and (orientation:landscape){.deck-strength{grid-column:1;grid-row:3;align-self:end;margin:0;padding:0}.deck-main{position:relative}}[data-training-band]{border-width:2px;border-style:solid}[data-training-band="1"]{border-color:transparent}.loadout-towers .loadout-tower-level{font-size:10px;line-height:1.4;color:var(--cream);margin-top:3px}.deck-card[data-training-band].is-equipped{box-shadow:none}.deck-tower-slots [data-training-band].is-replacing,.ws-tab[data-training-band].is-on{outline:2px solid #f5f3de;outline-offset:2px}[data-training-band]:focus-visible{outline:3px solid #fff1b9;outline-offset:3px}.ccard-training{display:block;font-size:10px;line-height:1.3;color:var(--cream);margin:3px 0}.training-border-guide{font-size:12px;color:var(--tx-2);margin:8px 0;flex-shrink:0}.training-border-guide summary{cursor:pointer;min-height:36px;display:list-item;align-content:center}.training-border-guide p{font-size:12px;line-height:1.5}.training-border-guide>div{display:flex;flex-wrap:wrap;gap:8px 14px;padding-bottom:8px}.training-border-guide>div>span{display:flex;align-items:center;gap:6px}.training-border-guide i{width:18px;height:22px;display:inline-block;border:2px solid;border-radius:4px;background:#172338}.ws-tab[data-training-band]{box-shadow:var(--sh-1)}.ccard[data-training-band]{box-shadow:0 3px #060a168c,var(--sh-2)}.ccard[data-training-band]:hover{box-shadow:0 3px #060a168c,var(--sh-3)}.tower-panel[data-training-band]{box-shadow:var(--sh-3)}.hero-ability{align-self:flex-end;display:flex;flex-direction:column;align-items:center;gap:1px;width:94px;min-height:102px;padding:5px 3px;border:1px solid #8391af;border-radius:18px;background:linear-gradient(#29374f,#172238);color:#e9edf6;cursor:pointer;box-shadow:0 3px 9px #0007;pointer-events:auto}.hero-ability:disabled{cursor:default;opacity:1}.hero-ability.ready{border-color:#edca76;box-shadow:0 0 12px #ebc35730,0 3px 9px #0007}.hero-ability:focus-visible{outline:3px solid white;outline-offset:3px}.hero-ability-ring{position:relative;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:conic-gradient(#f2cc6f var(--charge),#3d4a60 0);padding:3px}.hero-ability-ring .hero-portrait{width:52px;height:52px;border-radius:50%;background:#1c293e}.hero-ability-level{position:absolute;bottom:-1px;background:#142033;border:1px solid #9f8c58;border-radius:6px;padding:0 5px;font-size:10px;font-weight:800}.hero-ability strong{font-size:12px;line-height:17px;color:#ffdf8b}.hero-ability small{font-size:10px;line-height:12px;text-align:center}.hero-battle-status{font-size:12px;color:#ffdf93;margin-top:8px}.kind-hero .ccard-title{color:#ffe3a6}@media(max-height:500px)and (orientation:landscape){.hero-ability{position:absolute;right:0;bottom:0;width:85px;min-height:94px}.hero-ability-ring{width:50px;height:50px}.hero-ability-ring .hero-portrait{width:44px;height:44px}}.match-speed{pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:50px;min-height:44px;margin-top:5px;padding:3px 8px;border:1px solid var(--edge);border-radius:12px;background:#0d1727e6;color:var(--cream);cursor:pointer;font-family:var(--body);touch-action:manipulation}.match-speed strong{font-size:17px;line-height:19px}.match-speed small{white-space:nowrap;font-size:10px;line-height:13px;color:var(--gold)}.match-speed.is-fast{border-color:var(--gold);color:var(--gold);background:#393323}.match-speed.is-requested{border-color:var(--gold)}.match-speed:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.match-speed:disabled{cursor:default}@media(max-width:640px)and (orientation:portrait),(max-width:640px)and (min-height:501px){.match-speed{flex:0 0 auto;margin-top:0;padding:2px 6px}}.ws-collection-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0;font-size:12px;color:var(--muted)}.ws-collection-note>span{display:inline-flex;align-items:center;gap:5px}.ws-ready-inline{width:8px;height:8px;border-radius:50%;background:var(--green-1)}.ws-screen .ws-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.ws-card-blueprints{display:inline-flex;align-items:center;justify-content:center;gap:3px;color:var(--tx-2);font-size:11px}.ws-tab-art{position:relative}.ws-tab.is-locked{background:var(--row);box-shadow:inset 0 0 0 1px var(--edge)}.ws-tab.is-locked .ws-tab-art>.art,.ws-tab.is-locked .hero-portrait{filter:grayscale(.85);opacity:.4}.ws-tab.is-locked .ws-tab-lvl{color:var(--muted)}.ws-lock{position:absolute;z-index:1;bottom:0;right:0;padding:2px;box-sizing:content-box;color:var(--gold);background:var(--s1);border-radius:6px}.ws-locked-collection>h3{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:14px;color:var(--muted)}.ws-locked-collection>h3 small{margin-left:auto;font-size:11px;font-weight:400}.ws-extra{font-size:12px;color:var(--muted)}.ws-extra>summary{cursor:pointer;min-height:36px;padding:10px 0;font-weight:700}.ws-extra[open]>summary{margin-bottom:6px}.ws-inspect{width:min(780px,calc(100vw - 20px))}.ws-inspect .ws-detail{margin:0;padding:0;box-shadow:none;background:transparent;gap:12px;grid-template-columns:minmax(150px,.7fr) 1.3fr}.ws-inspect .ws-stage{min-height:170px;max-height:260px;height:100%}.ws-inspect .ws-info-col{gap:7px}.ws-inspect .ws-title-txt small{display:none}.ws-inspect .up-card{padding:10px}.ws-inspect .up-card-head{display:none}.ws-inspect .ws-info-col>.ws-extra{order:2}.ws-inspect .up-action{position:sticky;bottom:0;padding-top:8px;background:var(--s2);z-index:2}.ws-inspect .up-gain{padding:7px 0}.ws-inspect .up-gain-main small{font-size:11px}.ws-inspect .up-h{margin-top:4px}.ws-inspect .up-btn{min-height:52px}.ws-inspect .up-reason{font-size:11px;margin:6px 0 0}.ws-inspect .up-reason small{display:none}.ws-locked-detail{text-align:center}.ws-locked-detail>.art{width:100px;height:100px}.ws-locked-detail h3{display:flex;align-items:center;justify-content:center;gap:8px}.ws-inspect .castle-details{margin-top:10px}.home-utilities .home-music{white-space:nowrap}.emote-rail{position:absolute;left:calc(var(--gut) + var(--sal));top:43%;z-index:35;display:flex;flex-direction:column;gap:5px;width:min(210px,43%);pointer-events:none}.emote-bubble{border-left:4px solid var(--pc);border-radius:4px 13px 13px;background:#f6f3ec;color:#1b2233;padding:6px 10px;box-shadow:0 3px 8px #0004;animation:emote-side-in .18s ease-out both}.emote-bubble small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 10px var(--body);opacity:.7}.emote-bubble b{display:block;font:800 13px var(--body)}@keyframes emote-side-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@media(max-width:640px){.ws-screen .ws-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ws-screen .ws-tab{min-height:102px}.ws-inspect .ws-detail{grid-template-columns:1fr}.ws-inspect .ws-stage{min-height:96px;height:96px}.ws-inspect .ws-drag{display:none}.ws-inspect .panel-body{padding:10px}.ws-inspect .ws-title-txt b{font-size:18px}.ws-inspect .up-btn{--fs:15px;padding-inline:8px}.ws-inspect .up-btn-cost{gap:6px}.home-utilities{flex-wrap:wrap;row-gap:0}}@media(max-width:640px)and (orientation:portrait),(max-width:640px)and (min-height:501px){.emote-rail{top:43%}.emote-bubble{padding:5px 7px}.emote-bubble b{font-size:12px}.sys-btns{gap:4px}.sys-btns .ibtn{width:40px;height:40px}}@media(max-height:500px)and (min-width:641px){.ws-inspect .ws-stage{min-height:130px;height:130px}}@media(max-height:500px)and (min-width:641px),(max-height:500px)and (orientation:landscape){.emote-rail{top:40%}}@media(prefers-reduced-motion:reduce){.emote-bubble{animation:none}}.pvp-setup .pvp-intro{font-size:12px;margin-bottom:10px}.pvp-setup .loadout-open{padding:10px;gap:7px}.pvp-setup .loadout-open>span:first-child>small:first-child{font-size:9px}.pvp-setup .loadout-towers>span{padding:4px 1px}.pvp-setup .loadout-towers svg{width:35px;height:35px}.pvp-setup .loadout-towers small{display:none}.pvp-setup .hero-loadout-line{font-size:11px}.pvp-setup .hero-loadout-line .hero-portrait{width:20px;height:22px}.pvp-setup .pvp-choice{margin:12px 0}.pvp-setup .pvp-choice legend{font-size:14px;padding-bottom:5px}.pvp-setup .pvp-choice .seg-opt{min-height:50px;gap:3px}.pvp-setup .pvp-summary{padding:10px}.pvp-setup .pvp-summary>b{display:none}.pvp-setup .panel-foot>.stack{display:block}.home-music{flex:none;width:38px;height:38px;border-radius:12px}@media(max-width:640px){.home-v7 .menu-top-right{gap:5px}.home-v7 .menu-top .net-pill.is-on{padding:0 7px}.home-v7 .menu-top .net-pill.is-on b{display:none}.home-v7 .home-destinations{grid-template-columns:1fr 1fr;gap:8px}.home-v7 .home-destination{padding:12px 10px;min-height:74px;gap:7px}.home-v7 .home-destination>.icon:first-child{width:20px}.home-v7 .home-destination>.icon:last-child{display:none}.home-v7 .home-destination b{font-size:18px}.home-v7 .home-destination small{font-size:10px;line-height:1.4}}@media(max-width:400px){.home-v7 .profile-chip{padding-right:6px;gap:4px}.home-v7 .profile-avatar{width:30px;height:30px}.home-v7 .profile-name{max-width:66px;font-size:12px}.home-v7 .menu-top .cur-pills{gap:0}.home-v7 .menu-top .cur-pill{padding-inline:7px}.home-v7 .menu-top .net-pill.is-on{display:none}.home-v7 .menu-logo{width:190px}.home-v7 .campaign-continue{min-height:92px;padding:12px}.home-v7 .home-league-record{padding:8px;gap:3px}.home-v7 .loadout-open{padding:10px;gap:7px}.home-v7 .loadout-towers small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.pvp-setup .panel-body,.pvp-setup .panel-foot{padding:10px 12px}.pvp-setup .panel-foot .btn{--fs:17px}}.ws-hero-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;margin-top:12px}.ws-screen .ws-tabs:has(.is-castle){grid-template-columns:repeat(6,minmax(0,1fr))}.ws-inspect .up-btn{flex-wrap:wrap;justify-content:center;gap:6px;padding:8px}.ws-inspect .up-btn-cost{display:inline-flex;justify-content:center;flex-basis:100%}.ws-inspect .up-btn-cost>span{height:23px;font-size:12px}.challenges-screen .sub-inner>*{flex-shrink:0}.challenges-screen .weekly-card{margin:0;padding:16px}.challenges-screen .weekly-card .loadout-open{padding:10px;gap:7px}.challenges-screen .weekly-card .loadout-towers svg{width:34px;height:34px}.challenges-screen .weekly-card .loadout-towers small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.challenges-screen .weekly-card .hero-loadout-line .hero-portrait{width:22px;height:24px}.challenges-screen .weekly-card .hero-loadout-line{font-size:11px}.challenges-screen .weekly-card .btn{margin-top:10px}.challenges-screen .weekly-card .btn:last-child{min-height:38px;font-size:12px}.challenges-screen .trial-hall{margin:0}.challenges-screen .trial-hall>.hint{font-size:12px}@media(max-width:640px){.ws-hero-picker,.ws-screen .ws-tabs:has(.is-castle){grid-template-columns:repeat(3,minmax(0,1fr))}.ws-inspect .ws-stage{min-height:80px;height:80px}.ws-inspect .up-gain-main small{display:none}.home-v7 .campaign-continue small{font-size:9px;letter-spacing:.04em}.home-v7 .loadout-towers svg{width:40px;height:40px}.home-v7 .hero-loadout-line .hero-portrait{width:24px;height:26px}}.trial-selector{margin-top:14px}.trial-selector .seg-label{display:flex;align-items:center;justify-content:center;gap:5px}.challenges-screen .trial-grid{grid-template-columns:1fr}.challenges-screen .trial-card>p{min-height:0}.challenges-screen .trial-hall>.loadout-summary .loadout-open{padding:10px;gap:7px}.challenges-screen .trial-hall>.loadout-summary .loadout-towers svg{width:32px;height:32px}.challenges-screen .trial-hall>.loadout-summary .loadout-towers small{display:none}.challenges-screen .trial-hall>.loadout-summary .hero-loadout-line .hero-portrait{width:22px;height:24px}@media(min-width:900px){.challenges-screen .trial-hall{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;align-items:start}.challenges-screen .trial-heading,.challenges-screen .trial-hall>.hint{grid-column:1/-1}.challenges-screen .trial-hall>.loadout-summary{grid-column:1;grid-row:3 / 5}.challenges-screen .trial-selector{grid-column:2;grid-row:3;margin-top:0}.challenges-screen .trial-grid{grid-column:2;grid-row:4;margin:0}.challenges-screen .trial-endless{grid-column:1/-1}}.tutorial,.is-choosing .tutorial{top:calc(var(--sat) + 164px)}.tut-guide{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--edge);border-radius:10px;background:var(--s2);color:var(--gold);cursor:pointer}.tut-skip{flex:none;min-width:44px}.tutorial-milestone{width:min(430px,100%)}.tutorial-milestone p{font-size:14px;line-height:1.5;margin:0 0 10px}.tutorial-milestone .tut-next{margin:0}.tutorial-done .tut-done-burst{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 10px;border-radius:50%;color:#ffe27a;background:radial-gradient(circle,#ffd34d55,#ffd34d00 70%);animation:title-in .5s cubic-bezier(.2,1.6,.4,1) both}.tutorial-done .tut-done-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px;font-size:13px}.tutorial-done .tut-done-list li{display:flex;align-items:center;gap:8px;color:var(--tx-2)}.tutorial-done .tut-done-list li.done{color:#bff5a8}.tutorial-done .tut-done-reward{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#ffd34d1f;box-shadow:inset 0 0 0 1px #ffd34d55;color:var(--gold)}.tutorial-done .tut-done-reward span{display:grid;gap:3px}.tutorial-done .tut-done-reward small{color:var(--tx-2);font-size:12px}@media(prefers-reduced-motion:reduce){.tutorial-done .tut-done-burst{animation:none}}.battle-guide{width:min(540px,100%)}.battle-guide h3{font-size:15px;margin:16px 0 6px;color:var(--gold)}.battle-guide p{font-size:13px;line-height:1.5;margin:0;color:var(--tx-2)}@media(max-width:640px)and (orientation:portrait),(max-width:640px)and (min-height:501px){.tutorial,.tutorial.is-compact,.is-choosing .tutorial{top:calc(var(--sat) + 164px)}.tutorial .tut-icon{display:none}.tutorial .tut-head{gap:7px}.tutorial .tut-head b{font-size:15px}.tutorial p{font-size:12px}}@media(max-height:500px)and (orientation:landscape){.tutorial,.tutorial.is-compact,.is-choosing .tutorial{top:calc(var(--sat) + 86px);left:50%;right:auto;transform:translate(-50%);width:min(420px,calc(100% - 220px));padding:4px 8px}.tutorial p,.tutorial .tut-progress,.tutorial .tut-head small,.tutorial .tut-icon{display:none}.tutorial .tut-head b{font-size:13px}.tutorial-milestone .panel-body{padding:12px 16px}}.hud.is-choosing:has(.tutorial) .hero-ability{display:none}@media(max-height:500px)and (orientation:landscape)and (min-width:641px),(max-height:500px)and (orientation:landscape){.hud-row2{position:absolute;top:72px;left:0;right:0}}@media(max-height:500px)and (orientation:landscape){.wave-panel{flex-direction:row;align-items:center;gap:6px;height:46px;padding:3px 6px}.wave-panel .wave-sub{display:none}.wave-panel .match-speed{margin-top:0}}.minimap-castle{position:absolute;left:4px;bottom:4px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #b6a06b;border-radius:11px;background:#1b2b3be8;color:var(--gold);cursor:pointer;z-index:2}.hud-right .hero-ability{position:relative;right:auto;bottom:auto;width:68px;min-height:88px;padding:4px 3px 5px;gap:0;border-radius:17px;align-self:flex-end}.hud-right .hero-ability-ring{width:50px;height:50px;padding:2px;background:conic-gradient(#8996a9 var(--charge),#354153 0)}.hud-right .hero-ability-ring .hero-portrait{width:46px;height:46px}.hud-right .hero-ability.is-cooling .hero-portrait{filter:grayscale(1) brightness(.7)}.hud-right .hero-ability.is-cooling{background:linear-gradient(#344051,#1d293b);border-color:#6f7d94;color:#bac4d3}.hud-right .hero-ability.is-cooling strong{color:#e1e7ef}.hud-right .hero-ability.ready{background:linear-gradient(#66532e,#343522);border-color:#ffdb83;box-shadow:0 0 15px #ffcc5545,0 3px 8px #0007}.hud-right .hero-ability.ready .hero-ability-ring{background:#f3ce75}.hero-ability-stars{display:flex;gap:3px;line-height:14px;font-size:12px;color:#5a697c}.hero-ability-stars .earned{color:#fbd77a}.hud-right .hero-ability strong{font-size:11px;line-height:14px}.sys-btns .match-speed{margin:0;min-width:48px;width:48px;height:44px;min-height:44px;padding:2px;border-radius:13px}.sys-btns .match-speed strong{font-size:16px}.sys-btns .match-speed small{font-size:9px;line-height:11px}@media(max-width:640px)and (orientation:portrait),(max-width:640px)and (min-height:501px){.hud-row2{gap:6px}.wave-phone .wave-panel{padding-inline:6px;gap:4px}.hud-right{top:calc(var(--sat) + 126px);transform:none}.wave-phone .wave-sub{display:none}.wave-phone .wave-label{max-width:50px;font-size:8px}}@media(max-height:500px)and (orientation:landscape){.hud-right{top:calc(var(--sat) + 128px);transform:none}.hud-right>.team-btns:not(.emote-btns){position:absolute;right:78px;top:0}.hud-right .hero-ability{width:62px;min-height:80px}.hud-right .hero-ability-ring{width:44px;height:44px}.hud-right .hero-ability-ring .hero-portrait{width:40px;height:40px}}@media(max-width:640px)and (orientation:portrait){.hud:not(.is-choosing):has(.hero-ability) .tutorial{left:8px;right:auto;transform:none;width:calc(100% - 96px)}}@media(max-width:640px)and (orientation:portrait),(max-width:640px)and (min-height:501px){.wave-phone .wave-panel{min-width:0;max-width:100%;width:100%}.wave-phone .wave-num{flex:none;animation:none}}@media(max-width:390px){.wave-phone .wave-panel{flex-direction:column;justify-content:center;gap:1px;padding:3px 4px}.wave-phone .wave-label{font-size:8px;letter-spacing:.07em;max-width:100%;white-space:nowrap;line-height:10px;text-align:center}.wave-phone .wave-num{font-size:23px;line-height:23px}}.hud.is-solo .hud-row2{position:static}.hud.is-solo .hud-row2-right{position:absolute;top:0;right:0;margin:0}.sys-btns{align-items:center}.wave-num .wave-of{margin-left:2px;font-size:.5em;color:color-mix(in srgb,var(--ph, #e8a33d) 55%,#fff);text-shadow:none;vertical-align:.35em}.wave-panel{min-width:132px}.wave-panel .wave-sub{gap:5px}.wave-overrun{height:20px;padding:0 8px;border-radius:10px;font:800 11px/20px var(--body);background:#7d1d18;box-shadow:inset 0 0 0 1px #ff967873}.wave-overrun.is-soon{background:var(--red-2, #c8372e)}.wave-panel.has-overrun{box-shadow:inset 0 0 0 1px var(--edge),inset 0 -2px #e0675a,var(--sh-2)}@media(max-width:640px)and (orientation:portrait),(max-width:640px)and (min-height:501px){.wave-phone .wave-panel{position:relative}.wave-phone .wave-panel.has-overrun .wave-sub{display:contents}.wave-phone .wave-panel.has-overrun .wave-sub>:not(.wave-overrun){display:none}.wave-phone .wave-overrun{position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);height:18px;padding:0 7px;font-size:10px;line-height:18px;border-radius:9px;white-space:nowrap;z-index:2}.wave-phone .wave-num .wave-of{font-size:.55em}.hud.is-solo .hud-top{grid-template-columns:1fr;padding-right:142px}}.res-tiers{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;align-content:center;min-width:0;max-width:100%}.res-tiers i{width:auto;height:auto;min-height:20px;padding:1px 3px 1px 6px;gap:4px;display:inline-flex;align-items:center;font:400 11px/1.2 var(--display);white-space:nowrap}.res-tiers i b{background:#00000038;color:#fff;border-radius:5px;padding:1px 5px;font-weight:400}.res-tiers-none{opacity:.6;font-style:normal}@media(max-width:640px){.res-tiers i{width:auto;height:auto;min-height:20px;font-size:10px;line-height:1.2}}@media(min-width:641px){.res-row{grid-template-columns:minmax(150px,2fr) repeat(5,minmax(52px,1fr)) minmax(150px,2fr)}}.results-inner{overflow-x:hidden}@media(max-width:640px){.res-row .res-tiers{grid-column:1/-1;justify-content:flex-start}}.cam-compass{align-self:flex-end;opacity:.72}.cam-compass.is-rotated{opacity:1;color:#fff;box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1.5px #f2c35a8c,0 2px #060a1699,var(--sh-1)}.cam-compass svg{display:block}@media(max-width:640px)and (orientation:portrait),(max-width:640px)and (min-height:501px){.hud:has(.card-sheet) .cam-compass{display:none}}.ccard-action.act-move{background:#4fd1c52e;color:#b4f1ea}.move-picks{display:inline-flex;align-items:center;gap:6px;color:#b4f1ea}.move-pick{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px 0 2px;border-radius:13px;background:#4fd1c529;box-shadow:inset 0 0 0 1px #4fd1c573;font:800 11.5px/26px var(--body);color:#e8fffb}.move-pick .art{width:24px;height:24px}.move-pick.is-empty{width:26px;justify-content:center;padding:0;color:#e8fffbb3;box-shadow:inset 0 0 0 1px dashed #4fd1c573;background:#0003}.place-bar.is-move .place-cost{color:#b4f1ea}.wave-threat{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:10px;background:#04071080;color:#ffd9a8;font:800 11px/20px var(--body);white-space:nowrap;box-shadow:inset 0 0 0 1px #ffbe7859}.wave-threat.is-high{color:#fff;background:#96371ec7}.wave-overrun .wave-threat-inline{opacity:.9;font-weight:700;margin-left:2px}@media(max-width:640px)and (orientation:portrait),(max-width:640px)and (min-height:501px){.move-pick small{display:none}.move-pick{padding:0 2px}.wave-threat{height:17px;padding:0 6px;font-size:10px;line-height:17px;border-radius:8px}}@media(max-width:640px)and (orientation:portrait),(max-width:640px)and (min-height:501px){.wave-phone .wave-panel.has-overrun .wave-sub>.wave-threat{display:inline-flex;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);z-index:2}}.shop-best{display:flex;align-items:center;gap:6px;margin:2px 0 0;font-weight:600;color:var(--gold,#f6c544);font-size:14px}.shop-note{display:flex;align-items:flex-start;gap:6px;margin:4px 0 0;font-size:12px;opacity:.8}:root{--mode-campaign: #5da873;--mode-pvp: #d78058;--mode-challenges: #ac89e0;--menu-steel: #17253a;--menu-slate: #314863;--menu-parchment: #fff1d9}.home-v7 .campaign-continue{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(112deg,#3d784f,#2e5749 56%,#233b3c);border-color:#8bbb86;box-shadow:inset 0 1px #d2e9ae55,inset 0 -3px #132c2660,0 4px #152e2b,0 10px 22px #050d1a38}.home-v7 .campaign-continue:after{content:"";position:absolute;right:-12px;top:-24px;width:140px;height:170px;z-index:-1;background:linear-gradient(125deg,#bee68d18,transparent 70%);clip-path:polygon(10% 0,92% 0,92% 78%,50% 100%,10% 78%);transform:rotate(15deg);pointer-events:none}.home-v7 .campaign-continue>.icon:first-child{box-sizing:content-box;padding:10px;border-radius:14px;color:#f6edc7;background:#182e2d66;box-shadow:inset 0 1px #c9e39a55,0 3px #162c2955}.home-v7 .home-destination{--mode-light:#f4be93;--mode-edge:#c78a66;--mode-top:#884734;--mode-bottom:#4a2d31;position:relative;overflow:hidden;isolation:isolate;border-color:var(--mode-edge);color:var(--menu-parchment);background:linear-gradient(135deg,var(--mode-top),var(--mode-bottom));box-shadow:inset 0 1px #ffe3bc30,inset 0 -2px #140f213d,0 4px #161d2bd9,0 8px 16px #080f2033}.home-v7 .home-challenges{--mode-light:#e3c5ff;--mode-edge:#a284c7;--mode-top:#635080;--mode-bottom:#352e51}.home-v7 .home-destination:before{content:"";position:absolute;right:-22px;bottom:-44px;width:122px;height:150px;z-index:-1;border:15px solid #ffedce08;transform:rotate(24deg);pointer-events:none}.home-v7 .home-destination>span:not(.destination-crest){gap:5px}.home-v7 .home-destination .destination-crest{flex:0 0 46px;width:46px;height:57px;display:grid;place-items:center;color:var(--mode-light);background:linear-gradient(#201c2c22,#15162677);clip-path:polygon(0 0,100% 0,100% 76%,50% 100%,0 76%);padding-bottom:8px;box-shadow:inset 0 2px #ffe8bb70}.home-v7 .home-destination small{color:#ece0d5}.home-v7 .home-challenges small{color:#e0d8ed}.home-v7 .home-destination>.icon:last-child{color:var(--mode-light)}.home-v7 .home-destination b{text-shadow:0 2px 0 #120d2260}.home-v7 .menu-brand{filter:drop-shadow(0 4px 12px #0003)}.loadout-summary{border-color:#72869b;background:linear-gradient(140deg,#293d52,#182739 65%);box-shadow:inset 0 1px #d6e8ef24,0 4px #0c192b66,0 8px 16px #08111d26}.loadout-open .loadout-edit{color:#ffe0a0}.loadout-towers>span{background:radial-gradient(ellipse at 50% 25%,#afc2d32e,transparent 64%),linear-gradient(#334b62,#213147);box-shadow:inset 0 1px #d1e4f522,inset 0 -2px #101c2e55}.loadout-towers>span>svg{filter:drop-shadow(0 3px 2px #050c1559)}.loadout-towers .loadout-tower-level{color:#f2e9cc}.loadout-open .hero-loadout-line{border-top:1px solid #aebcce22;padding-top:6px;color:#ebd5a8}.ws-screen .ws-tab:not(.is-locked){background:radial-gradient(ellipse at 50% 21%,color-mix(in srgb,var(--tc,#809aba) 24%,transparent),transparent 67%),linear-gradient(#2f405a,#1c2b40);box-shadow:inset 0 1px #dbe8ef20,0 3px #0d182855,0 5px 12px #08101e24}.ws-screen .ws-tab-art{filter:drop-shadow(0 4px 3px #02091940)}.ws-screen .ws-card-blueprints{color:#d4e4ef}.ws-screen .ws-tab.is-locked{background:linear-gradient(#202c40,#192436);box-shadow:inset 0 1px #d6ddec12}.ws-screen .ws-locked-collection{border-top:1px solid #b2b7c72b;padding-top:14px}.ws-screen .ws-tab-name{text-shadow:0 1px 2px #08101d80}.ws-screen .ws-tab:not(.is-locked):hover{filter:brightness(1.12)}.pvp-setup .panel-head{background:linear-gradient(110deg,#773f32,#3e2d3b);border-bottom-color:#df98634d}.pvp-setup .panel-head .panel-head-icon{background:linear-gradient(#b76c48,#784332);color:#ffdfb8}.pvp-setup .panel-foot .btn-green{--c1:#b15a3d;--c2:#914333;--c3:#5d2f2b}.pvp-setup .home-seg .seg-opt.is-on{background:linear-gradient(#655068,#41354d)}.challenges-screen .sub-head h1>.icon{color:var(--mode-challenges)}.challenges-screen .weekly-card{background:linear-gradient(135deg,#443959,#233046 76%);border-color:#a78cc261;box-shadow:inset 0 1px #d8c7ee24,0 4px #151e3066}.challenges-screen .weekly-card .btn-green,.challenges-screen .trial-card .btn-green{--c1:#8061aa;--c2:#624984;--c3:#3d315f}.challenges-screen .trial-card{background:linear-gradient(145deg,#354157,#222f45);border-color:#8083aa70}.challenges-screen .trial-tier{border-color:#b9a7d227}.chests-screen .sub-head h1>.icon,.ws-screen .sub-head h1>.icon{color:#efc378}.chests-screen .chest-slot,.chests-screen .gem-chest-card{background:radial-gradient(ellipse at 50% 19%,color-mix(in srgb,var(--rar,var(--gold)) 17%,transparent),transparent 69%),linear-gradient(#30405a,#1c2a3d);box-shadow:inset 0 1px #eee0c62b,0 3px #101b2b80,0 6px 14px #07111f30}.chests-screen .chest-slot-art,.chests-screen .gem-chest-card>.chest-art{filter:drop-shadow(0 4px 4px #030d185c)}.chests-screen .chest-daily-compact{background:linear-gradient(110deg,#334753,#253146);border-color:#8b957a65}.chests-screen .chest-section-head h2{color:var(--menu-parchment)}@media(max-width:640px){.home-v7 .home-destination{gap:8px;padding:12px 10px}.home-v7 .home-destination .destination-crest{flex-basis:32px;width:32px;height:46px}.home-v7 .destination-crest .icon{width:24px;height:24px}.home-v7 .campaign-continue>.icon:first-child{padding:7px}}@media(max-width:350px){.home-v7 .home-destination{gap:6px;padding:10px 8px}.home-v7 .home-destination .destination-crest{flex-basis:26px;width:26px}.home-v7 .home-destination b{font-size:17px}}@media(prefers-reduced-motion:reduce){.home-v7 .campaign-continue,.home-v7 .home-destination{transition:none}}.ws-screen .ws-locked-collection>h3{padding:8px 10px;border-radius:9px;background:#182538e8;color:#d7deeb}.ws-screen .training-border-guide{padding-inline:10px;border-radius:9px;background:#182538e8}.chests-screen .rar-rare{--rar:#80bcf0;border-color:#669cc7}.chests-screen .rar-epic{--rar:#b58dde;border-color:#9371bc}.chests-screen .rar-common{--rar:#dfb878;border-color:#a68b62}.challenges-screen .weekly-card .btn-blue{--c1:#8061aa;--c2:#624984;--c3:#3d315f}.challenges-screen .weekly-card .btn-gold{--c1:#384257;--c2:#2b3449;--c3:#182035;--bt:#dec9ef;text-shadow:none;box-shadow:inset 0 0 0 1px #ae92cd44,0 2px #182035}.challenges-screen .sub-inner>.seg .seg-opt.is-on{background:linear-gradient(#876dab,#5d4a82)}.challenges-screen .weekly-card>.hint{color:#c9cee1}.chests-screen .chest-store>.hint{padding:8px 10px;border-radius:9px;background:#182538e8;color:#ccd5e2}.trial-tier-info{min-width:0}.trial-reward-preview{display:flex;flex-wrap:wrap;align-items:center;gap:3px 9px;margin-top:5px}.trial-reward-preview>span{display:inline-flex;align-items:center;gap:4px;font-size:11px;line-height:20px;color:#ead8b2;white-space:nowrap}.trial-reward-preview .chest-art{width:22px;height:20px}.trial-reward-preview.is-claimed>span{color:var(--tx-2)}.trial-tier-info .trial-reward-status{color:#a5d5b2;margin-top:5px}.trial-tier-info .trial-reward-preview.is-pending+.trial-reward-status{color:#dec4ed}.screen.menu,.screen.sub-screen,.modal{--s1:#293f58;--s2:#37536f;--s3:#496582;--s4:#597590;--muted:#c0cedd;--tx-2:#d9e2eb;--edge:rgba(228,238,245,.12);--edge-2:rgba(228,238,245,.22)}.screen.menu .bd-sky,.screen.sub-screen .bd-sky{background:linear-gradient(180deg,#3a5d80,#729eb6 35%,#bad1d5 62%,#ebce9d 84%)}.screen.menu .bd-vignette,.screen.sub-screen .bd-vignette{background:radial-gradient(ellipse at 50% 45%,transparent 28%,#10263a35 100%),linear-gradient(#132b4b35,transparent 30%,transparent 80%,#102c2a38)}.screen.menu .bd-hills,.screen.sub-screen .bd-hills{filter:saturate(.85) brightness(1.08)}.screen.menu .bd-clouds,.screen.sub-screen .bd-clouds{opacity:.42}.sub-screen .sub-inner{background:linear-gradient(180deg,#24476399,#28435bcc)}.menu-top .profile-chip,.menu-top .cur-pills,.menu-top .home-music{box-shadow:inset 0 1px #e2ecf12e,0 3px 8px #11243635}.loadout-summary{background:linear-gradient(140deg,#47627b,#304b65 70%);border-color:#a1b3bd}.loadout-towers>span{background:radial-gradient(ellipse at 50% 25%,#dfecf635,transparent 64%),linear-gradient(#516f89,#314c68)}.loadout-open small{color:#d9e4ee}.loadout-open .hero-loadout-line{color:#ffebc6}.ws-screen .ws-tab:not(.is-locked){background:radial-gradient(ellipse at 50% 21%,color-mix(in srgb,var(--tc,#809aba) 28%,transparent),transparent 67%),linear-gradient(#506b86,#344f6b)}.ws-screen .ws-tab.is-locked{background:linear-gradient(#32465c,#293d52)}.ws-screen .ws-tab.is-locked .ws-tab-lvl{color:#c4cfdd}.ws-screen .ws-locked-collection>h3,.ws-screen .training-border-guide{background:#29445bc4}.challenges-screen .weekly-card{background:linear-gradient(135deg,#675580,#3a5470 82%);border-color:#b8a4d1}.challenges-screen .weekly-card>.hint{color:#e6e0ef}.challenges-screen .trial-card{background:linear-gradient(145deg,#4d647f,#354f6b)}.chests-screen .chest-slot,.chests-screen .gem-chest-card{background:radial-gradient(ellipse at 50% 19%,color-mix(in srgb,var(--rar,var(--gold)) 20%,transparent),transparent 69%),linear-gradient(#546d87,#344f68)}.chests-screen .chest-daily-compact{background:linear-gradient(110deg,#526e74,#395673)}.chests-screen .chest-store>.hint{background:#27455dc9;color:#e1e9ef}.screen.menu .home-league-record{background:#29465cce;border-color:#94b2bf55}.screen.menu .home-league-rank,.screen.menu .home-league-mode{color:#d8e4ee}.screen.menu .home-utilities .link-btn{color:#f4eed4;text-shadow:0 1px 3px #123322}.screen.menu .home-utilities{background:#24412e45;border-radius:10px}.ws-screen .ws-tab-art{width:50px;height:50px}.ws-screen .ws-hero-picker .ws-tab-art{width:60px;height:64px}.trial-sync-note{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px 12px;border:1px solid #b99ad174;border-radius:12px;background:#3f4263;font-size:12px;color:#f0e7f7}.trial-sync-note .btn{flex:none}@media(min-width:900px){.trial-sync-note{grid-column:1/-1;grid-row:5}}@media(max-width:640px){.ws-screen .ws-tab-art{width:46px;height:46px}.ws-screen .ws-hero-picker .ws-tab-art{width:52px;height:56px}}.ws-inspect .ws-locked-detail{text-align:left}.locked-preview-head{display:flex;align-items:center;gap:16px}.locked-preview-head>.art{width:82px;height:82px;flex:none}.ws-locked-detail .locked-preview-head h3{justify-content:flex-start;margin:0 0 8px;font-size:17px}.locked-preview-head p{margin:0;font-size:13px;line-height:1.5;color:var(--tx-2)}.locked-preview-description{margin:16px 0;font-size:14px;line-height:1.5;color:#edf1f4}.unit-stat-caption{display:block;margin-bottom:7px;font-size:11px;text-align:center;color:var(--tx-2)}.unit-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.unit-stat-grid.is-support{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-stat-grid>div{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:64px;padding:10px 5px;border:1px solid #c1d1de25;border-radius:11px;background:#1b324b7a;text-align:center}.unit-stat-grid b{font:700 22px/1.1 var(--display);color:#fff4d8}.unit-stat-grid small{font-size:11px;color:#d1deeb;line-height:1.3}.unit-stat-grid .text-value{font-size:13px}.locked-preview-action{border-top:1px solid #c7d6e130;padding-top:16px;margin-top:18px}.hero-detail .unit-stat-grid{margin:14px 0}.hero-detail .hero-actions{margin-top:12px}@media(max-width:640px){.locked-preview-head{gap:12px}.locked-preview-head>.art{width:64px;height:64px}.ws-locked-detail .locked-preview-head h3{font-size:15px}.ws-inspect:has(.ws-locked-detail) .panel-body{padding:16px}}@media(max-width:899px){.trial-hall>.loadout-summary .loadout-towers,.trial-hall>.loadout-summary .hero-loadout-line{display:none}}.hero-shard-balances{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 10px}.hero-shard-balances>span{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;padding:8px 4px;border:1px solid #8195ac66;background:#263e57;border-radius:12px;color:#e1eaf5}.hero-shard-balances small{flex-basis:100%;text-align:center;font-size:10px;text-transform:capitalize}.hero-shard-balances .shard-rare{color:#9dd9ff}.hero-shard-balances .shard-epic{color:#dcc0ff}.hero-shard-balances .shard-legendary{color:#ffdb8b}.hero-shard-balances .shard-legacy{grid-column:1/-1;font-size:12px;padding:6px}.hero-shard-balances .shard-legacy small{flex-basis:auto}.deck-resource{flex-wrap:wrap}.deck-resource small{font-size:11px}.gem-chest-card.rar-legendary{background:linear-gradient(145deg,#80623c,#4b4458);border-color:#e2bd79}.chests-screen .chest-store>.hint{background:#30455d;color:#f0f4f8;border:1px solid #8599ad;padding:12px 14px;line-height:1.6}.ws-inspect .up-gain-main small{display:block;color:#c4d4e5;line-height:1.4}.modal .hero-detail{background:#304962}.gem-shard-types{display:block;color:#e6eaf2;font-size:11px;line-height:1.4;min-height:31px;margin-bottom:5px}.screen.sub-screen .hint,.screen.menu .hint,.modal .hint{color:#dce6f1}.challenges-screen .trial-card>p.hint{color:#e1e8f1}.gem-chest-card .btn .btn-label{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px}.mission-recommended{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;margin:9px 0 12px;padding:8px 10px;background:#2b4357;border:1px solid #a0bea54d;border-radius:10px;font-size:12px;color:#e8f0e9}.mission-recommended>b{font-size:11px;color:#badbc5}.mission-recommended .lv-mine i{font-style:normal;font-weight:800}.mission-recommended .lv-ok{color:#8ff07a}.mission-recommended .lv-up{color:#ffd34d}.campaign-screen .mission-brief-head{padding-bottom:0}.campaign-screen .mission-brief-head .mission-recommended{margin-bottom:10px}.campaign-screen .mission-brief-body{border-top:0;padding-top:4px}.campaign-screen .campaign-atlas{overflow:clip}.campaign-screen .mission-action{position:sticky;bottom:calc(88px + var(--sab, 0px));z-index:5;display:grid;gap:6px;justify-items:center;padding:6px 0}.campaign-screen .mission-action:before{content:"";position:absolute;inset:-6px -10px;z-index:-1;border-radius:16px;background:linear-gradient(180deg,#22405bcc,#1c344bee);box-shadow:0 8px 20px #00000040}@media(min-width:1101px){.campaign-screen .mission-action{bottom:calc(86px + var(--sab, 0px))}}.chest-daily-gems .daily-art{display:grid;place-items:center;color:#dfc5ff;background:#7653ad55;border:1px solid #cdb3ec66;border-radius:12px}.chests-screen .chest-daily-gems{background:linear-gradient(110deg,#655481,#395673);border-color:#b49acc}.chest-daily-gems .daily-body>small{font-size:11px;color:#e3ddee;line-height:1.35}.daily-track-link{display:flex;align-items:center;gap:8px;flex:0 0 100%;min-height:38px;border:0;border-top:1px solid #c1aed744;padding:6px 0 0;background:none;color:#f0dcff;text-align:left;font:700 12px var(--body);cursor:pointer}.daily-track-link>small{margin-left:auto;font-weight:500;color:#e1d7ea;font-size:10px}.daily-rewards-modal{max-width:560px}.daily-reward-intro{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;color:#e8ceff;margin:0 0 16px}.daily-reward-intro>span{flex-basis:100%;color:#e2eaf1;font-size:12px;text-align:center}.daily-reward-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.daily-reward-day{padding:10px 5px;border:1px solid #91a9c366;background:linear-gradient(#496483,#31475f);border-radius:12px;text-align:center}.daily-reward-day>small{font-size:11px;color:#e1d9f1}.daily-reward-bonus{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-top:8px;color:#f4d898}.daily-reward-bonus>.chest-art{width:47px;height:43px}.daily-reward-bonus>b{font-size:12px;font-weight:700;line-height:1.35;color:#f4edf8}.daily-reward-day.is-next{border:2px solid #f0cc75;background:linear-gradient(#7c6595,#485576);padding:9px 4px}.daily-reward-day.is-done{background:#365c61;border-color:#7ca697}.daily-reward-day.is-finale{grid-column:span 2;background:linear-gradient(125deg,#795993,#454f73);border-color:#cba5ef}.daily-reward-policy{font-size:12px;line-height:1.5;color:#e1e9f2;padding:12px;margin:14px 0 0;background:#2b425b;border-radius:10px}.daily-reward-total{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 0 0;font-size:12px;color:#d7e6dc}@media(max-width:480px){.daily-reward-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.daily-reward-day.is-finale{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:18px}.daily-reward-day.is-finale .daily-reward-bonus{margin:0;flex-direction:row}.chest-daily-gems .daily-body>b{font-size:14px}}.reward-tabs{margin-bottom:12px;flex-shrink:0}.reward-tabs .seg-label>span{display:flex;align-items:center;justify-content:center;gap:8px}.reward-ready-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:20px;background:#a34c40;color:#fff8e9;font-style:normal;font-size:10px}.daily-goals-content .chest-daily-compact{margin-top:0}.daily-goals-content .goals-panel{margin-top:12px}.daily-goals-content .goals-panel>.segmented{margin:10px 0}.campaign-screen .sub-inner>*{flex-shrink:0}.campaign-screen .campaign-atlas{background:radial-gradient(ellipse at top,color-mix(in srgb,var(--chapter) 27%,#48667b),#344d66 70%);border-color:#9eafbe88}.campaign-screen .chapter-head>span,.campaign-screen .mission-brief>small{color:#d6edc9}.campaign-screen .mission-intel{background:#203d4f88}.reward-tabs .seg-label{font-size:13px}@media(max-width:360px){.reward-tabs .seg-label{font-size:12px}.reward-tabs .seg-label>span{gap:4px}}.home-v7 .menu-top{align-items:flex-start}.home-top-identity{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.home-v7 .home-top-identity .profile-chip{flex:none;max-width:min(280px,100%);align-self:flex-start}.home-v7 .home-top-tools{justify-content:flex-start}.home-wallet-stack{display:flex;flex-direction:column;gap:5px;align-items:stretch;flex:none;min-width:132px}.home-v7 .home-wallet-stack .cur-pills{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-height:0;width:100%}.home-v7 .home-wallet-stack .cur-pills .gold-pill,.home-v7 .home-wallet-stack .cur-pills .gem-pill{display:flex;justify-content:center;height:28px;min-height:28px}.home-trophy-wallet{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:44px;padding:5px 9px;background:#284153;border:1px solid #ae926e88;border-radius:12px;color:#ffe2a0;cursor:pointer}.home-trophy-wallet>span{display:flex;align-items:center;gap:5px;font-size:13px}.home-trophy-wallet small{font-size:10px;white-space:nowrap;color:#e2e9eb}.home-trophy-wallet>span>small{font-size:9px;color:#f1d9a8}@media(max-width:480px){.home-wallet-stack{min-width:125px}.home-v7 .home-top-identity .profile-name{max-width:65px}.home-v7 .home-top-identity .profile-chip{padding-right:6px;gap:5px}.home-v7 .home-top-identity .profile-avatar{width:30px;height:30px}.home-v7 .home-top-tools .net-pill.is-on{display:flex;padding:0 7px;font-size:10px}.home-v7 .home-top-tools .net-pill.is-on b{display:inline}.home-v7 .home-top-tools .net-pill.is-on .net-txt{display:none}}@media(max-width:350px){.home-wallet-stack{min-width:116px}.home-v7 .home-top-identity .profile-name{max-width:45px}.home-v7 .home-top-identity .tag-off{display:none}}@media(max-width:899px){.campaign-screen .sub-inner>.loadout-summary .loadout-towers,.campaign-screen .sub-inner>.loadout-summary .hero-loadout-line{display:none}.campaign-screen .sub-inner>.loadout-summary{margin:0 0 12px}}@media(max-width:640px){.league-hero{flex-direction:row;align-items:flex-start;text-align:left;gap:12px;padding:16px 12px}.league-hero .div-badge{width:64px;height:64px;flex:none}.league-id{align-items:flex-start;width:auto}.league-id .league-div{font-size:28px}.league-id .league-prov{font-size:11px;line-height:1.4}}.home-v7 .menu-top:has(.home-audio-panel){z-index:6}.home-audio{position:relative;flex:none}.home-audio-panel{position:absolute;left:0;top:100%;z-index:1;width:260px;max-width:calc(100vw / var(--ui,1) - 28px);padding:8px 16px 14px;border:1px solid #93b4d4;border-radius:18px;background:linear-gradient(145deg,#456785,#2b465e);box-shadow:0 10px 25px #071b3a66;color:#f4f8ff}.home-audio-head{display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:12px}.home-audio-head b{font-size:16px}.home-audio-close{display:grid;place-items:center;min-width:44px;min-height:44px;background:transparent;border:0;color:inherit;border-radius:10px;cursor:pointer}.home-audio-panel .slider-row{margin:3px 0 7px}.home-audio-panel .slider-label{font-size:13px;color:#f4f8ff}.home-audio-panel input[type=range]{min-height:44px;margin:0}.home-audio-panel .toggle-row{min-height:44px;padding:7px 0;color:#f4f8ff}.home-audio-close:hover,.home-audio-close:focus-visible{background:#ffffff20}.home-v7 .home-save-progress{border:1px solid #d3e8b888;background:linear-gradient(125deg,#466b55,#2b4b53);border-radius:17px;gap:9px;padding:5px 10px 5px 5px}.home-v7 .home-save-progress:hover{background:linear-gradient(125deg,#527e61,#375d63)}.home-v7 .home-save-progress .profile-avatar{width:34px;height:34px;border-radius:11px}.home-save-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:2px;text-align:left}.home-save-copy b{font:700 15px/1.2 var(--body);color:#fff}.home-save-copy small{font:600 10px/1.25 var(--body);color:#dfefd7;white-space:normal}.home-save-progress>.icon{flex:none;color:#dfefd7}@media(max-width:480px){.home-v7 .home-top-identity .home-save-progress{gap:6px;padding-right:7px}.home-save-copy b{font-size:13px}.home-save-copy small{font-size:9px}.home-v7 .home-save-progress>.icon{display:none}}.home-audio-panel{max-height:calc(100dvh / var(--ui,1) - 110px - var(--sab));overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.campaign-screen .campaign-layout{align-items:start}.campaign-screen .campaign-main{display:flex;flex-direction:column;gap:14px;min-width:0}.campaign-screen .mission-card{display:grid;gap:10px;padding:16px 18px;border-radius:20px;background:radial-gradient(ellipse at top left,color-mix(in srgb,var(--chapter) 30%,#48667b),#2f4760 75%);border:1px solid #9eafbe88}.mission-card-head{display:grid;gap:4px}.mission-card-kicker{font:800 11px var(--body);letter-spacing:.1em;color:#d6edc9}.mission-card h3{margin:0;font:26px var(--display)}.mission-stars{display:flex;align-items:center;gap:3px;font-style:normal}.mission-stars i{font-style:normal;color:#5d6f85;font-size:16px}.mission-stars i.on{color:#ffd34d}.mission-stars small{margin-left:8px;font-size:12px;color:#cfdbe6}.campaign-screen .mission-recommended{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0}.mission-recommended .lv-mine{display:flex;flex-wrap:wrap;gap:4px 12px}.mission-recommended .lv-mine>span{white-space:nowrap;font-weight:700}.mission-recommended .lv-mine small{opacity:.75;font-weight:400}.mission-recommended .lv-mine i{margin-left:3px}.campaign-screen .mission-card .mission-loot{padding:0;gap:8px;font-size:13px}.loadout-chip{margin:0!important}.loadout-chip .loadout-open{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px}.loadout-chip .loadout-open .hero-portrait{width:34px;height:34px;flex:none}.loadout-chip .loadout-open>span:nth-of-type(1){display:grid;gap:1px;min-width:0;flex:1;text-align:left}.loadout-chip .loadout-open b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loadout-chip .loadout-edit{flex:none}.campaign-screen .mission-card .mission-action{position:static;padding:0}.campaign-screen .mission-card .mission-action:before{content:none}.mission-details summary{cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:700;color:#cfe3f3}.mission-details[open] summary{margin-bottom:8px}.campaign-screen .chapter-head-compact{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.campaign-screen .chapter-head-compact h2{margin:0;font-size:22px}.campaign-screen .chapter-switch{margin:12px 0 0}.campaign-progress summary{cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:700}.campaign-progress[open] summary{margin-bottom:10px}.campaign-progress .campaign-ranking-status{padding:12px 0 0!important;background:none;box-shadow:none;border:0}.campaign-actionbar{display:none}@media(max-width:900px){.campaign-screen .mission-card .mission-action{display:none}.campaign-actionbar{position:fixed;z-index:45;left:50%;transform:translate(-50%);bottom:calc(66px + var(--sab, 0px));width:min(560px,calc(100% - 16px));display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border-radius:18px;background:linear-gradient(180deg,#25415ef2,#18293ef7);box-shadow:inset 0 0 0 1px #9eafbe66,0 10px 24px #0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.campaign-actionbar small{flex:none;font:800 11px var(--body);letter-spacing:.06em;color:#d6edc9;white-space:nowrap}.campaign-actionbar .btn{flex:1;min-height:52px}.campaign-screen .sub-inner{padding-bottom:calc(160px + var(--sab, 0px))!important}}@media(max-width:640px){.campaign-actionbar{bottom:calc(64px + var(--sab, 0px))}}.prof-legacy-note{display:block;font-style:normal;margin-top:3px;font-size:12px;line-height:1.35}.screen.menu,.screen.sub-screen,.screen.queue-screen,.screen.lobby-screen,.modal,.campaign-actionbar{--s1: #2a4870;--s2: #33577f;--s3: #3e6593;--s4: #4d77a6;--muted: #e3ebf5;--tx-2: #ebf1f8;--edge: rgba(220, 236, 255, .16);--edge-2: rgba(220, 236, 255, .28);--edge-dark: rgba(8, 22, 48, .6);--row: rgba(10, 28, 58, .32);--row-hi: rgba(255, 255, 255, .08);--glass: rgba(18, 38, 74, .78);--glass-2: rgba(22, 46, 88, .9);--green-1: #8fdc5a;--green-2: #34a33d;--green-3: #1b6a26;--blue-1: #6fb8ff;--blue-2: #2f76d6;--blue-3: #1a4790;--purple-1: #b48cf2;--purple-2: #7347c9;--purple-3: #452682;--red-1: #ff8a6a;--red-2: #d4472f;--red-3: #82241a;--amber-1: #ffd96a;--amber-2: #f0a02a;--amber-3: #9a5a0c;--slate-1: #4f6c96;--slate-2: #35507a;--slate-3: #1b2f52;--nav-navy: #14284a}.bd-sunny{background:linear-gradient(180deg,#5fb2f0,#9fd3f5 42%,#8ccf6a 70%,#5ea845)}.bd-art,.bd-art img{position:absolute;inset:0;width:100%;height:100%;display:block}.bd-art img{object-fit:cover;object-position:50% 45%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.bd-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0e2c5c4d,#0e2c5c00 22% 72%,#0a1e3e47)}@media(orientation:portrait){.bd-art img{object-position:50% 40%}}.screen.sub-screen .bd-scrim,.screen.queue-screen .bd-scrim,.screen.lobby-screen .bd-scrim{background:linear-gradient(180deg,#12326294,#102c5880 40%,#0c22469e)}.screen.sub-screen .sub-inner{background:linear-gradient(180deg,#14346261,#102a5285)}.btn{--lip: 4px;border:0;box-shadow:inset 0 0 0 1.5px #ffffff38,inset 0 -3px #00000024,0 var(--lip) 0 var(--c3),0 calc(var(--lip) + 5px) 14px #06122852;text-shadow:0 2px 0 color-mix(in srgb,var(--c3) 85%,#000),1px 1px 0 color-mix(in srgb,var(--c3) 85%,#000),-1px 1px 0 color-mix(in srgb,var(--c3) 85%,#000),1px -1px 0 color-mix(in srgb,var(--c3) 70%,#000),-1px -1px 0 color-mix(in srgb,var(--c3) 70%,#000)}.btn:before{inset:2px 3px auto;height:48%;border-radius:calc(var(--r-md) - 2px) calc(var(--r-md) - 2px) 40% 40% / calc(var(--r-md) - 2px) calc(var(--r-md) - 2px) 14px 14px;background:linear-gradient(180deg,#ffffff6b,#ffffff14)}.btn-lg:before{border-radius:calc(var(--r-lg) - 2px) calc(var(--r-lg) - 2px) 40% 40% / calc(var(--r-lg) - 2px) calc(var(--r-lg) - 2px) 16px 16px}.btn:hover:not(:disabled){filter:brightness(1.07);box-shadow:inset 0 0 0 1.5px #ffffff42,inset 0 -3px #00000024,0 calc(var(--lip) + 1px) 0 var(--c3),0 calc(var(--lip) + 8px) 18px #06122857}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 0 0 1.5px #fff3,inset 0 -2px #0000001f,0 1px 0 var(--c3),0 3px 8px #06122847}.btn:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px #1a4a8f,0 var(--lip) 0 var(--c3)}.btn-sm{--lip: 3px}.btn-gold,.btn-orange{text-shadow:none}.btn-gold{--bt: #3a2104}.btn-orange{--c1: #ffd84a;--c2: #ff9418;--c3: #a84c06;--bt: #fff;text-shadow:0 2px 0 #7a3300,1px 1px 0 #7a3300,-1px 1px 0 #7a3300,1px -1px 0 #7a3300,-1px -1px 0 #7a3300,0 0 6px rgba(122,51,0,.35)}.btn-outline{--c1: rgba(255, 255, 255, .08);--c2: rgba(255, 255, 255, .02);--c3: rgba(0, 0, 0, 0);--lip: 0px;box-shadow:inset 0 0 0 2px #ffffffb3;text-shadow:0 1px 2px rgba(0,0,0,.5)}.btn-outline:before{content:none}.btn-outline:hover:not(:disabled){box-shadow:inset 0 0 0 2px #fff;background:#ffffff1f}.btn-dark{text-shadow:0 1px 2px rgba(0,0,0,.45)}.ibtn{color:#fff;background:linear-gradient(180deg,#4c78b4,#2b4f86);box-shadow:inset 0 0 0 1.5px #ffffff38,inset 0 -2px #0000002e,0 3px #15305c,0 6px 12px #0612284d}.ibtn:before{content:"";position:absolute;inset:2px 3px auto;height:45%;border-radius:inherit;background:linear-gradient(180deg,#ffffff4d,#fff0);pointer-events:none}.ibtn-gold{color:#3a2104;background:linear-gradient(180deg,var(--amber-1),var(--amber-2));box-shadow:inset 0 0 0 1.5px #ffffff4d,0 3px 0 var(--amber-3),0 6px 12px #0612284d}.ibtn-blue{background:linear-gradient(180deg,var(--blue-1),var(--blue-2));box-shadow:inset 0 0 0 1.5px #ffffff4d,0 3px 0 var(--blue-3),0 6px 12px #0612284d}.screen.menu .seg-opt.is-on,.screen.sub-screen .seg-opt.is-on,.modal .seg-opt.is-on{background:linear-gradient(180deg,color-mix(in srgb,var(--seg) 70%,#fff 30%),color-mix(in srgb,var(--seg) 92%,#000));box-shadow:inset 0 0 0 1.5px #ffffff4d,0 3px color-mix(in srgb,var(--seg) 55%,#000)}.screen.sub-screen .seg,.modal .seg{background:#0a1c3a73}.screen.sub-screen .panel,.modal.panel{border-color:#0816308c;box-shadow:inset 0 1px #ffffff2e,inset 0 0 0 1px var(--edge),0 6px #0a1a3673,0 14px 30px #06122861}:where(.modal) .panel-head{background:linear-gradient(180deg,color-mix(in srgb,var(--hc) 40%,var(--s4)),color-mix(in srgb,var(--hc) 18%,var(--s3)))}.modal .panel-close{background:#ffffff24;color:#fff}.modal-back{background:radial-gradient(ellipse at center,#0c224880,#081632c7);backdrop-filter:none;-webkit-backdrop-filter:none}.sub-head h1{color:#fff;text-shadow:0 3px 0 rgba(10,30,66,.6),0 6px 18px rgba(6,18,40,.4)}.sub-back{background:linear-gradient(180deg,#ffd84a,#ff9418);color:#5a2600;box-shadow:inset 0 0 0 1.5px #ffffff59,0 3px #a84c06,0 6px 12px #0612284d}.sub-back:before{border-radius:50%}.gold-pill{background:linear-gradient(180deg,#1f3c6c,#142a52);box-shadow:inset 0 0 0 1.5px #ffd6668c,0 3px #0b1a36;color:#ffe08a}.gem-pill{box-shadow:inset 0 0 0 1.5px #ff96dc8c,0 3px #0b1a36;color:#ffb4ea}.cur-plus{background:linear-gradient(180deg,#6fb8ff,#2f76d6);color:#fff}.navbar{background:linear-gradient(180deg,#1d3864,var(--nav-navy, #14284a));box-shadow:inset 0 0 0 1.5px #a0c8ff38,inset 0 1px #ffffff1f,0 5px #0610248c,0 12px 26px #06102466;backdrop-filter:none;-webkit-backdrop-filter:none}.nav-tab{color:#c9d8ee}.nav-tab:hover{color:#fff}.nav-tab.is-on{color:#fff;background:linear-gradient(180deg,#ffd66633,#ffd6660f);box-shadow:inset 0 0 0 2px #f7c64a}.nav-tab.is-on:after{height:3px;width:22px;background:#ffd34d;border-radius:2px}.nav-tab.is-on .nav-icon{color:#ffd34d}.nav-dot{background:#6fe35a;box-shadow:0 0 0 2px var(--nav-navy, #14284a)}@media(min-width:641px){.navbar{border-radius:22px;padding:6px}}@media(max-width:640px){.navbar{left:max(8px,var(--sal));right:max(8px,var(--sar));bottom:calc(6px + var(--sab));padding:4px;border-radius:20px}.nav-tab.is-on:after{top:auto;bottom:3px}.campaign-actionbar{bottom:calc(74px + var(--sab, 0px))!important}.sub-inner{padding-bottom:calc(100px + var(--sab))}}.logo-sign{filter:none;overflow:visible}.logo-word{font-family:var(--display);font-size:96px;font-weight:900;letter-spacing:1px}.logo-tag{font-family:var(--display);font-size:25px;font-weight:900;letter-spacing:2px}.logo-sign .logo-flag{animation:wave 2.8s ease-in-out infinite}.logo-sign .logo-flag-l{transform-origin:right center}.logo-sign .logo-flag-r{transform-origin:left center;animation-delay:-1.4s}@media(prefers-reduced-motion:reduce){.logo-sign .logo-flag{animation:none}}.is-reduced-motion .logo-sign .logo-flag{animation:none}.ld-logo{width:min(420px,82vw)}.ld-logo .logo-sign{filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}.home-v8{--hc-max: 800px}.home-v8 .menu-top{position:absolute;z-index:5;top:0;left:0;right:0;align-items:flex-start;padding:calc(12px + var(--sat)) calc(14px + var(--sar)) 0 calc(14px + var(--sal));pointer-events:none}.home-v8 .menu-top>*{pointer-events:auto}.home-v8 .home-top-identity{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}.home-v8 .home-top-tools{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.home-v8 .home-round-row{display:flex;gap:8px}.home-v8 .home-music,.home-v8 .home-round{width:44px;height:44px;border-radius:50%}.home-v8 .home-round:before,.home-v8 .home-music:before{border-radius:50%}.home-v8 .profile-chip{min-height:48px;padding:4px 8px 4px 4px;gap:9px;border-radius:26px;background:linear-gradient(180deg,#24467e,#162e58);box-shadow:inset 0 0 0 1.5px #a0c8ff59,0 3px #0b1a36,0 6px 14px #0612284d;backdrop-filter:none;-webkit-backdrop-filter:none}.home-v8 .profile-avatar{width:40px;height:40px;background:linear-gradient(180deg,#6fb8ff,#2f76d6);box-shadow:inset 0 2px #fff6,0 0 0 2.5px #f7c64a}.home-v8 .profile-name{font-size:17px;text-shadow:0 2px 0 rgba(6,18,40,.5)}.home-v8 .profile-level{display:grid;place-items:center;min-width:30px;height:30px;padding:0 6px;border-radius:15px;background:linear-gradient(180deg,#ffd84a,#f09a1a);color:#4a2300;font:400 15px var(--display);box-shadow:inset 0 0 0 1.5px #ffffff73,0 2px #9a5a0c}.home-v8 .net-pill{min-height:32px;padding:4px 12px;background:#0e2244c7;box-shadow:inset 0 0 0 1.5px #a0c8ff40;color:#e2eaf3;backdrop-filter:none;-webkit-backdrop-filter:none}.home-v8 .net-pill b{color:#8ff07a}.home-v8 .home-wallet-stack{display:flex;flex-direction:column;gap:7px;align-items:stretch;min-width:150px}.home-wallet{display:flex;flex-direction:column;gap:7px}.wallet-pill{display:flex;align-items:center;gap:8px;min-height:40px;padding:3px 4px;border:0;border-radius:22px;cursor:pointer;color:#fff;background:linear-gradient(180deg,#1f3c6c,#142a52);box-shadow:inset 0 0 0 1.5px #a0c8ff4d,0 3px #0b1a36,0 6px 14px #06122847;font:400 18px var(--display);text-shadow:0 2px 0 rgba(6,18,40,.55)}.wallet-pill b{flex:1;font-weight:400;text-align:left;font-variant-numeric:tabular-nums}.wallet-ico{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;flex:none}.wallet-pill.is-gold .wallet-ico{color:#5a3200;background:radial-gradient(circle at 35% 30%,#fff3b0,#ffc93a 55%,#d98a10);box-shadow:0 2px #8a5400}.wallet-pill.is-gem .wallet-ico{color:#fff;background:radial-gradient(circle at 35% 30%,#ffd6f3,#f25bc4 60%,#a8228a);box-shadow:0 2px #6e1258}.wallet-plus{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;flex:none;font:400 22px/1 var(--display);font-style:normal;color:#fff;background:linear-gradient(180deg,#6fb8ff,#2f76d6);box-shadow:inset 0 0 0 1.5px #ffffff59,0 2px #1a4790;text-shadow:0 1px 0 #1a4790}.wallet-pill:hover{filter:brightness(1.1)}.wallet-pill:active{transform:translateY(2px)}.home-v8 .home-trophy-wallet{align-items:stretch;gap:2px;min-height:48px;padding:6px 12px;border:0;border-radius:16px;background:linear-gradient(180deg,#24467e,#162e58);box-shadow:inset 0 0 0 1.5px #ffd6668c,0 3px #0b1a36,0 6px 14px #06122847;color:#ffe08a}.home-v8 .home-trophy-wallet>span{justify-content:flex-start;font:400 16px var(--display);color:#fff}.home-v8 .home-trophy-wallet>span .icon{color:#ffd34d}.home-v8 .home-trophy-wallet>span>small{font:700 12px var(--body);color:#ffe7a8}.home-v8 .home-trophy-wallet>small{text-align:left;font-size:11px;color:#e2eaf3}.home-v8 .home-main{width:100%;max-width:none;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:14px;padding:calc(10px + var(--sat)) max(16px,var(--sar)) calc(96px + var(--sab)) max(16px,var(--sal));overflow-x:hidden}.home-v8 .home-main>*{flex:none;width:100%;max-width:var(--hc-max)}.home-v8 .menu-brand{max-width:none}.home-v8 .menu-logo{margin:0 auto;width:min(430px,100%);font-size:inherit;animation:logo-in .6s var(--ease-out) both}.home-v8 .menu-logo .logo{filter:drop-shadow(0 6px 8px rgba(30,14,0,.35))}.home-v8 .menu-foot{color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.7)}.hc-card{position:relative;isolation:isolate;overflow:hidden;display:block;min-height:176px;margin:0;padding:20px 76px 22px 150px;border-radius:26px;max-width:none;text-align:left;background:radial-gradient(ellipse 60% 90% at 12% 0%,rgba(210,255,150,.45),transparent 60%),linear-gradient(120deg,#3fa443,#2a8a3c 42%,#1c6a33);box-shadow:inset 0 0 0 2px #dcffbe73,inset 0 2px #ffffff59,inset 0 -4px #00280a40,0 6px #124a22,0 14px 28px #061e0e59}.hc-card:after{content:"";position:absolute;inset:3px 4px auto;height:42%;border-radius:23px 23px 50% 50%/23px 23px 20px 20px;background:linear-gradient(180deg,#fff3,#fff0);pointer-events:none;z-index:1}.hc-open{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:flex-end;padding:0 16px;border:0;border-radius:inherit;background:none;cursor:pointer;color:#fff;min-height:0;box-shadow:none}.home-v8 .hc-open.campaign-continue{background:none;border:0;box-shadow:none}.hc-open:hover{background:#ffffff0f}.hc-open:focus-visible{outline:3px solid #fff;outline-offset:-5px}.hc-chevron{position:relative;z-index:3;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(180deg,#ffffff52,#ffffff1f);box-shadow:inset 0 0 0 2px #fff9,0 3px #0a3c1480}.hc-art{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.hc-art-castle{opacity:.95}.hc-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none;color:#fff}.hc-copy>small{display:inline-block;padding:3px 9px;border-radius:9px;background:#08301273;font:800 11px/1.3 var(--body);letter-spacing:.1em;color:#f2ffe4}.hc-copy>b{font:400 clamp(24px,3.6vw,34px)/1.08 var(--display);color:#fff;text-shadow:0 3px 0 #145a26,0 0 1px #145a26,0 6px 14px rgba(0,40,10,.35)}.hc-copy>em{font:700 15px var(--body);font-style:normal;color:#fff;text-shadow:0 1px 2px rgba(0,40,10,.8)}.hc-copy .home-play-btn{pointer-events:auto;margin-top:8px;min-width:220px;--fs: 21px;min-height:56px;padding-inline:26px}.hc-copy .home-play-btn:not(:disabled){animation:hc-play-glow 3.2s ease-in-out infinite}@keyframes hc-play-glow{50%{box-shadow:inset 0 0 0 1.5px #ffffff38,inset 0 -3px #00000024,0 4px 0 var(--c3),0 0 0 6px #ffd84a47,0 9px 18px #06122852}}@media(prefers-reduced-motion:reduce){.hc-copy .home-play-btn:not(:disabled){animation:none}}.is-reduced-motion .hc-copy .home-play-btn{animation:none!important}.home-modes{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mode-tile{--m1: #e06a46;--m2: #b6432c;--m3: #7a2418;--mlip: #5e1a10;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:14px;min-width:0;min-height:104px;padding:14px 14px 14px 16px;border:0;border-radius:22px;cursor:pointer;text-align:left;color:#fff;background:radial-gradient(ellipse 70% 100% at 15% 0%,rgba(255,255,255,.28),transparent 60%),linear-gradient(135deg,var(--m1),var(--m2) 55%,var(--m3));box-shadow:inset 0 0 0 2px #ffe6d261,inset 0 2px #ffffff4d,inset 0 -4px #0000002e,0 5px 0 var(--mlip),0 12px 22px #06122852;transition:transform var(--dur-1) var(--ease-out),filter var(--dur-2)}.mode-tile-challenges{--m1: #a678f0;--m2: #7448cc;--m3: #4a2896;--mlip: #2f1866}.mode-tile:before{content:"";position:absolute;right:-30px;bottom:-50px;width:140px;height:140px;border-radius:50%;border:18px solid rgba(255,255,255,.07);z-index:-1}.mode-tile:hover{filter:brightness(1.08);transform:translateY(-1px)}.mode-tile:active{transform:translateY(3px)}.mode-tile:focus-visible{outline:3px solid #fff;outline-offset:2px}.mode-tile-crest{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;color:#fff;background:linear-gradient(180deg,#ffffff4d,#ffffff14);box-shadow:inset 0 0 0 2px #ffffff73,0 3px #0003}.mode-tile-crest .icon{filter:drop-shadow(0 2px 0 rgba(0,0,0,.3))}.mode-tile-copy{flex:1;min-width:0;display:grid;gap:4px}.mode-tile-copy b{font:400 25px/1.05 var(--display);text-shadow:0 3px 0 var(--mlip),0 0 1px var(--mlip)}.mode-tile-copy small{font:700 13px/1.35 var(--body);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55)}.mode-tile-chev{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffffff2e;box-shadow:inset 0 0 0 2px #ffffff80}.home-main .loadout-summary{margin:0;border:0;border-radius:22px;background:linear-gradient(180deg,#1a3664e6,#102448eb);box-shadow:inset 0 0 0 1.5px #96c3ff59,inset 0 1px #ffffff24,0 5px #08142c99,0 12px 24px #0612284d}.home-main .loadout-open{padding:14px 16px 12px;gap:10px 12px}.home-main .loadout-open>span:first-child>small:first-child{font-size:11px;font-weight:800;letter-spacing:.1em;color:#bcd4f2}.home-main .loadout-open b{font:400 20px var(--display);color:#fff}.home-main .loadout-open .loadout-power{display:inline-flex;align-items:center;gap:5px;font-size:13px;letter-spacing:0;color:#ffe08a}.home-main .loadout-open .loadout-power .icon{color:#ffd34d}.home-main .loadout-edit{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:20px;box-shadow:inset 0 0 0 2px #ffffffb3;color:#fff;font:400 15px var(--display);background:#ffffff0f}.home-main .loadout-open:hover .loadout-edit{background:#ffffff29}.home-main .loadout-open:focus-visible{outline:3px solid #fff;outline-offset:-4px;border-radius:22px}.home-main .loadout-towers{gap:8px}.home-main .loadout-towers>span{padding:6px 2px 5px;border-radius:14px;background:radial-gradient(ellipse at 50% 22%,rgba(190,220,255,.3),transparent 64%),linear-gradient(180deg,#3d66a0,#274a7e);box-shadow:inset 0 0 0 1.5px #aad2ff4d,0 3px #08142c8c}.home-main .loadout-towers svg{width:50px;height:50px}.home-main .loadout-towers small{font-size:12px;font-weight:700;color:#fff}.home-main .loadout-towers .loadout-tower-level{font:400 12px var(--display);color:#ffe08a}.home-main .loadout-open .hero-loadout-line{display:flex;align-items:center;gap:10px;border-top:1px solid rgba(170,210,255,.2);padding-top:8px;color:#fff;font:400 15px var(--display);grid-column:1 / -1}.home-main .loadout-open .hero-loadout-line .hero-portrait{width:34px;height:38px}.home-main .loadout-summary>.hint{color:#e2eaf3}.home-v8 .home-utilities{display:flex;justify-content:center;gap:10px;margin-top:-2px}.home-chip-btn{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 16px;border-radius:22px;text-decoration:none;color:#fff;font:700 13px var(--body);background:#0e2244b8;box-shadow:inset 0 0 0 1.5px #a0c8ff52;text-shadow:0 1px 2px rgba(0,0,0,.5)}.home-chip-btn:hover{color:#fff;background:#16305cd9}.home-chip-btn .icon{color:#ffd34d}.home-v8 .home-connection{padding:8px 12px;border-radius:12px;background:#0e2244c7;color:#fff}@media(min-width:641px){.home-v8 .home-main{padding-top:calc(14px + var(--sat))}.home-v8 .menu-logo{width:clamp(300px,34vw,440px)}}@media(min-width:641px)and (max-width:900px){.home-v8 .menu-logo{width:min(330px,calc(100% - 340px));min-width:250px}.home-v8 .home-main{padding-top:calc(14px + var(--sat))}.hc-card{padding-left:132px}}@media(min-width:641px)and (max-height:800px){.home-v8 .home-main{gap:12px}.home-v8 .menu-logo{width:clamp(280px,28vw,360px)}.hc-card{min-height:156px;padding-top:16px;padding-bottom:18px}.mode-tile{min-height:90px}.home-main .loadout-towers svg{width:42px;height:42px}}@media(max-width:640px){.home-v8 .menu-top{position:relative;padding:calc(10px + var(--sat)) calc(10px + var(--sar)) 0 calc(10px + var(--sal))}.home-v8 .home-top-identity{gap:6px}.home-v8 .home-top-tools{flex-direction:row;align-items:center;gap:6px}.home-v8 .home-round-row{gap:6px}.home-v8 .home-music,.home-v8 .home-round{width:40px;height:40px}.home-v8 .net-pill{min-height:30px;padding:0 9px;font-size:11px}.home-v8 .net-pill .net-txt{display:none}.home-v8 .net-pill b{display:inline;font-size:13px}.home-v8 .profile-chip{min-height:44px}.home-v8 .profile-avatar{width:34px;height:34px}.home-v8 .profile-name{max-width:92px;font-size:15px}.home-v8 .profile-level{min-width:26px;height:26px;font-size:13px}.home-v8 .home-wallet-stack{min-width:128px;gap:6px}.home-wallet{gap:6px}.wallet-pill{min-height:36px;font-size:16px;gap:6px}.wallet-ico{width:28px;height:28px}.wallet-ico .icon{width:16px;height:16px}.wallet-plus{width:26px;height:26px;font-size:19px}.home-v8 .home-trophy-wallet{min-height:44px;padding:5px 10px}.home-v8 .home-main{gap:12px;padding:4px max(12px,var(--sar)) calc(92px + var(--sab)) max(12px,var(--sal))}.home-v8 .menu-logo{width:min(300px,82%);margin-top:-6px}.hc-card{min-height:0;padding:16px 64px 18px 16px;border-radius:22px}.hc-art-map{display:none}.hc-art-castle{opacity:.5}.hc-copy>small{font-size:10px;letter-spacing:.06em}.hc-copy>b{font-size:25px}.hc-copy>em{font-size:14px}.hc-copy .home-play-btn{min-width:0;width:100%;--fs: 20px}.hc-open{padding-right:10px;align-items:flex-start;padding-top:14px}.hc-chevron{width:40px;height:40px}.home-modes{gap:10px}.mode-tile{flex-direction:column;align-items:flex-start;gap:8px;min-height:0;padding:12px;border-radius:18px}.mode-tile-crest{width:44px;height:44px;border-radius:14px}.mode-tile-crest .icon{width:24px;height:24px}.mode-tile-copy b{font-size:21px}.mode-tile-copy small{font-size:11.5px}.mode-tile-chev{position:absolute;top:12px;right:10px;width:30px;height:30px}.home-main .loadout-open{padding:12px;gap:8px}.home-main .loadout-open b{font-size:17px}.home-main .loadout-edit{min-height:36px;padding:0 12px;font-size:13px}.home-main .loadout-towers{gap:5px}.home-main .loadout-towers svg{width:40px;height:40px}.home-main .loadout-towers small{font-size:10.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.home-v8 .menu-foot{display:none}}@media(max-width:380px){.home-v8 .profile-name{max-width:70px;font-size:14px}.home-v8 .home-wallet-stack{min-width:116px}.wallet-pill{font-size:15px}.hc-copy>b{font-size:22px}.mode-tile-copy b{font-size:19px}.home-v8 .menu-logo{width:min(260px,78%)}}@media(max-height:480px)and (min-width:641px){.home-v8 .menu-top{padding-top:calc(8px + var(--sat))}.home-v8 .home-top-tools{flex-direction:row;align-items:center}.home-v8 .home-top-identity{gap:5px}.home-v8 .net-pill .net-txt{display:none}.home-v8 .home-music,.home-v8 .home-round{width:38px;height:38px}.home-v8 .profile-chip{min-height:42px}.home-v8 .profile-avatar{width:32px;height:32px}.home-v8 .home-wallet-stack,.home-wallet{gap:5px}.wallet-pill{min-height:34px;font-size:15px}.wallet-ico,.wallet-plus{width:26px;height:26px}.home-v8 .home-main{gap:10px;padding-top:calc(6px + var(--sat));padding-bottom:calc(16px + var(--sab))}.home-v8 .home-main>*{max-width:min(560px,calc(100vw - 340px))}.home-v8 .menu-brand{max-width:none}.home-v8 .menu-logo{width:210px}.hc-card{min-height:0;padding:12px 60px 14px 16px}.hc-art-map{display:none}.hc-copy{gap:3px}.hc-copy>b{font-size:22px}.hc-copy .home-play-btn{min-height:48px;--fs: 18px;margin-top:4px}.mode-tile{min-height:72px;padding:10px 12px;gap:10px}.mode-tile-crest{width:42px;height:42px}.mode-tile-copy b{font-size:19px}.mode-tile-copy small{font-size:11px}.mode-tile-chev,.home-v8 .menu-foot{display:none}}.home-v8 .hc-open.campaign-continue{display:flex;gap:0;padding:0 16px;border:0;min-height:0}.home-v8 .hc-open>.hc-chevron{flex:none;width:46px}@media(max-width:640px){.home-v8 .hc-open.campaign-continue{padding:14px 10px 0 0}.home-v8 .hc-open>.hc-chevron{width:40px}}.screen.menu.home-v8 .home-utilities{background:none;border-radius:0}.screen.menu,.screen.sub-screen,.screen.queue-screen,.screen.lobby-screen,.modal{--blue: #3a7fdc;--purple: #7a4fd0;--green: #2f9a3c}.screen.sub-screen .seg-opt:not(.is-on),.modal .seg-opt:not(.is-on){color:#e8f0fa}.screen.sub-screen .seg-opt.is-on,.modal .seg-opt.is-on{text-shadow:0 1px 0 rgba(6,20,50,.6),0 0 2px rgba(6,20,50,.5)}.ws-screen .ws-tab:not(.is-locked),.chests-screen .chest-slot:not(.is-empty),.chests-screen .gem-chest-card{background:radial-gradient(ellipse at 50% 18%,color-mix(in srgb,var(--tc, var(--rar, #9cc8ff)) 30%,transparent),transparent 66%),linear-gradient(180deg,#4474ae,#2c5289);box-shadow:inset 0 0 0 1.5px #aad2ff52,inset 0 1px #fff3,0 4px #0a1c3c8c,0 9px 18px #06122847}.ws-screen .ws-tab.is-locked{background:linear-gradient(180deg,#3b5f8c,#2b4a74)}.chests-screen .chest-daily-compact{background:linear-gradient(110deg,#3f8a6a,#2f5f8f);border-color:#bef0d273}.chests-screen .chest-daily-gems{background:linear-gradient(110deg,#7a52c4,#3b5f98);border-color:#dcbeff80}.chests-screen .chest-store>.hint,.ws-screen .ws-locked-collection>h3,.ws-screen .training-border-guide{background:#102850c7;border-color:#a0c8ff4d;color:#eef4fb}.screen.sub-screen .loadout-summary{background:linear-gradient(140deg,#3d6aa4,#284d82 70%);border-color:#aad2ff73;box-shadow:inset 0 1px #ffffff29,0 4px #0a1c3c80}.screen.sub-screen .loadout-towers>span{background:radial-gradient(ellipse at 50% 25%,rgba(210,232,255,.3),transparent 64%),linear-gradient(#4f80bd,#345f98)}.challenges-screen .weekly-card{background:radial-gradient(ellipse 70% 100% at 10% 0%,rgba(255,255,255,.18),transparent 60%),linear-gradient(135deg,#8a5ad8,#5b3aa8 60%,#3f5f98);border-color:#dcc8ff8c}.challenges-screen .trial-card{background:linear-gradient(145deg,#4b78b2,#2f568c);border-color:#aad2ff66}.challenges-screen .weekly-card .btn-green,.challenges-screen .trial-card .btn-green,.challenges-screen .weekly-card .btn-blue{--c1: #b48cf2;--c2: #7347c9;--c3: #3e2380}.campaign-screen .mission-card{background:radial-gradient(ellipse at top left,color-mix(in srgb,var(--chapter) 45%,#4b7cb8),#2f578f 75%);border-color:#bee1ff80}.campaign-screen .campaign-atlas{background:radial-gradient(ellipse at top,color-mix(in srgb,var(--chapter) 38%,#4b7cb8),#2c5288 72%);border-color:#bee1ff73}.campaign-screen .mission-stop>span{background:#3a6299;border-color:#a9c8ee}.campaign-screen .mission-stop.is-cleared>span{background:#3f9a52;border-color:#b6eaa8}.campaign-actionbar{background:linear-gradient(180deg,#1e4074f5,#142c56f7);backdrop-filter:none;-webkit-backdrop-filter:none}.screen.sub-screen .prof-stats div{background:linear-gradient(180deg,#4b7cb8,#2f578f)}.score-primary button{background:linear-gradient(180deg,#3f6ba3,#2c4f82);color:#e8f0fa;border-color:#aad2ff4d}.score-crown{background:linear-gradient(115deg,#8a6a2a,#3a5a90)}.score-chase{background:linear-gradient(115deg,#2f7a6a,#2f578f)}.queue-panel,.lobby-panel{background:linear-gradient(180deg,#4473ad,#2c5288)}.pvp-setup .panel-head{background:linear-gradient(110deg,#d0573a,#8e3424);border-bottom-color:#ffbea073}.pvp-setup .panel-head .panel-head-icon{background:linear-gradient(#ff9a6a,#c24a2e);color:#fff}.pvp-setup .panel-foot .btn-green{--c1: #ff8a5a;--c2: #d4472f;--c3: #82241a}.pvp-setup .home-seg .seg-opt.is-on{background:linear-gradient(180deg,#e9724c,#b0402a);box-shadow:inset 0 0 0 1.5px #ffffff4d,0 3px #6e2014}.pvp-setup .pvp-summary{background:#0c1e3eb3}.btn:disabled{text-shadow:0 1px 1px rgba(0,0,0,.45)}.challenges-screen .weekly-card .btn-gold{--c1: rgba(255,255,255,.12);--c2: rgba(255,255,255,.04);--c3: transparent;--lip: 0px;--bt: #fff;box-shadow:inset 0 0 0 2px #ffffffa6;text-shadow:0 1px 2px rgba(0,0,0,.5)}.challenges-screen .weekly-card .btn-gold:before{content:none}.queue-fill{color:#fff}.home-v8 .menu-top{gap:10px}@media(max-width:640px){.home-v8 .home-top-tools{flex-wrap:wrap;min-width:0}.home-v8 .home-top-identity{flex:1 1 0}}.pm-setup{margin-top:14px}.pm-setup .pm-type{--seg: #7a4fd0}.pm-setup .pm-type .seg-opt{min-height:54px}.pm-setup .pm-type .seg-label{display:inline-flex;align-items:center;gap:5px;justify-content:center}.pm-setup .pm-type .seg-opt:not(.is-on){color:#e8f0fa}.pm-desc{display:flex;gap:8px;align-items:flex-start;margin:8px 2px 0;padding:10px 12px;border-radius:14px;background:#0c1e3e9e;color:#eef4fb;font-weight:600;line-height:1.4;box-shadow:inset 0 0 0 1px #aad2ff40}.pm-desc svg{flex:none;margin-top:2px;color:#ffd34d}.pm-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pm-chip{display:flex;flex-direction:column;gap:4px;min-height:76px;padding:10px 11px;border:0;border-radius:14px;text-align:left;color:#e8f0fa;cursor:pointer;background:linear-gradient(180deg,#3f6ba3,#2c4f82);box-shadow:inset 0 0 0 1.5px #aad2ff4d,0 3px #0a1c3c80;transition:transform .12s,background .15s}.pm-chip:not(:disabled):hover{transform:translateY(-1px)}.pm-chip:not(:disabled):active{transform:translateY(1px) scale(.98)}.pm-chip-head{display:flex;align-items:center;gap:6px;font-size:14px}.pm-chip-head b{flex:1;font-weight:800}.pm-chip small{font:600 11.5px/1.3 var(--body);opacity:.88}.pm-chip.is-on{color:#fff;background:linear-gradient(180deg,#9a6ae8,#6a3fc0);box-shadow:inset 0 0 0 2px #ffe68cd9,0 3px #3e2380}.pm-chip.is-on .pm-chip-head svg:last-child{color:#ffd34d}.pm-chip.is-blocked{opacity:.5;cursor:not-allowed}.pm-setup.is-readonly .pm-chip,.pm-setup.is-readonly .seg-opt{cursor:default}.pm-setup.is-readonly .pm-chip:not(.is-on){opacity:.72}.pm-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.pm-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;font:800 10.5px/1.5 var(--body);letter-spacing:.02em;color:#fff;background:#6a3fc0e0;box-shadow:inset 0 0 0 1px #ffffff47;white-space:nowrap}.pm-badge.pm-type-marathon{background:#c46228eb}.pm-badge.pm-type-endless{background:#2f9a3ceb}.pm-badge.is-golden{background:linear-gradient(180deg,#ffd34d,#d99a16);color:#3a2400;animation:pm-gold 1.4s ease-in-out infinite}@keyframes pm-gold{50%{box-shadow:0 0 10px #ffd34de6,inset 0 0 0 1px #fff}}@media(prefers-reduced-motion:reduce){.pm-badge.is-golden{animation:none}}.pm-head-badges{margin-left:auto;margin-right:8px;justify-content:flex-end;max-width:52%}.hud-badges{pointer-events:none}.ld-badges{margin:-4px 0 12px}.ld-badges .pm-badge,.res-badges .pm-badge{font-size:12px;padding:3px 9px}.res-badges{margin-top:8px}.ld-coop .ld-team{flex-direction:row;flex-wrap:wrap;justify-content:center}.lobby-screen .lobby-teams:has(>.lobby-team:only-child){grid-template-columns:1fr}.lobby-screen .lobby-teams>.lobby-team:only-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-screen .lobby-teams>.lobby-team:only-child h3{grid-column:1 / -1}.hud-top.is-coop.mode-2v2 .team-1{background:#5b9be61f;box-shadow:inset 0 0 0 1px #5b9be64d}.hud-party-row{display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.hud-party-row .hud-badges{margin-top:0;max-width:min(560px,100%)}@media(max-width:640px){.hud-party-row .pm-badge{font-size:9.5px;padding:1px 6px}}.coop-fallen-note{margin:6px auto 0;max-width:300px;padding:6px 10px;border-radius:12px;background:#0c1e3ed1;color:#fff;font:700 12px/1.35 var(--body);text-align:center;pointer-events:none}.coop-result{margin:14px 0;padding:14px 16px;background:linear-gradient(180deg,#3f8a6a,#2f578f);border-radius:18px;color:#fff}.coop-result h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:400 20px var(--display);text-transform:uppercase}.coop-big{display:grid;grid-template-columns:1fr 1fr;gap:10px}.coop-big span{display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:14px;background:#06143259}.coop-big small{font:700 11px var(--body);letter-spacing:.1em;text-transform:uppercase;opacity:.85}.coop-big b{font:400 34px/1.1 var(--display)}.coop-best{display:flex;align-items:center;gap:6px;margin:10px 0;font-weight:700}.coop-best.is-new{color:#ffd34d}.coop-players{display:flex;flex-direction:column;gap:4px}.coop-row{display:grid;grid-template-columns:minmax(0,2.4fr) repeat(3,minmax(0,1fr));gap:6px;align-items:center;padding:7px 10px;border-radius:10px;background:#0614324d}.coop-row>span:not(:first-child){text-align:center;font-weight:800}.coop-row small{opacity:.8;font-weight:600}.coop-row.is-you{box-shadow:inset 0 0 0 1.5px #ffd34d}.coop-hrow{background:none;font:700 11px var(--body);text-transform:uppercase;letter-spacing:.08em;opacity:.85}.golden-result{background:linear-gradient(180deg,#a77a1e,#6a4a14)}.golden-line{margin:0;font-weight:700}@media(max-width:640px){.pm-rules{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-chip{min-height:70px;padding:9px}.pm-setup .pm-type .seg-opt{min-height:50px;font-size:12.5px;padding-inline:4px}.pm-setup .pm-type .seg-label svg{display:none}.pm-head-badges{display:none}.lobby-screen .lobby-teams>.lobby-team:only-child{grid-template-columns:1fr}.coop-big b{font-size:28px}.coop-row{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));font-size:13px}}.pm-badge.pm-type-raid{background:linear-gradient(180deg,#b2303af2,#6e1628f2)}.pm-setup .pm-type.pm-type-n4{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.pm-setup .pm-type.pm-type-n4 .seg-opt{min-height:50px}.pm-raid-diff{margin-top:10px}.pm-raid-diff .seg-opt{min-height:48px}.pm-setup.is-readonly .pm-raid-diff .seg-opt{cursor:default}@media(max-width:640px){.pm-setup .pm-type.pm-type-n4 .seg-label svg{display:inline-block}}.raid-hud{position:absolute;z-index:6;left:50%;top:calc(var(--sat, 0px) + var(--raid-top, 128px));transform:translate(-50%);width:min(560px,calc(100% - 2 * var(--gut, 12px) - 220px));display:flex;flex-direction:column;align-items:stretch;gap:6px;pointer-events:none;color:#fff}.hud.is-raid .mission-hud{display:none}.raid-boss{padding:7px 10px 6px;border-radius:14px;background:linear-gradient(180deg,#300e1ee6,#160816e0);box-shadow:inset 0 0 0 1.5px #ff787859,0 4px 14px #00000059}.raid-boss-head{display:flex;align-items:center;gap:6px;font:800 12px/1.2 var(--body)}.raid-boss-head>svg{color:#ff8a7a;flex:none}.raid-boss-name{font:400 16px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.raid-phase-chip{padding:1px 8px;border-radius:999px;background:#ffffff24;font:800 10.5px/1.6 var(--body);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.raid-phase-chip.ph-2{background:#78aaff59}.raid-phase-chip.ph-3{background:#b46eff66}.raid-phase-chip.ph-4{background:#ff463299}.raid-hp-num{margin-left:auto;font:800 12.5px/1 var(--body);font-variant-numeric:tabular-nums;white-space:nowrap}.raid-hp-num small{opacity:.7;font-weight:700}.raid-bar{position:relative;height:16px;margin:6px 0 14px;border-radius:8px;background:#0000008c;box-shadow:inset 0 0 0 1px #ffffff2e}.raid-bar-fill{position:absolute;inset:0 auto 0 0;border-radius:8px;background:linear-gradient(180deg,#ff6a55,#c4232f 60%,#8e1424);transition:width .35s ease-out}.raid-bar-shield{position:absolute;inset:0 auto 0 0;border-radius:8px;background:repeating-linear-gradient(135deg,#c8e1ffbf 0 6px,#78aaf073 6px 12px);box-shadow:0 0 10px #96c8ffcc;transition:width .35s ease-out}.raid-notch{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:#fff0c8e6;box-shadow:0 0 0 1px #00000073}.raid-notch em{position:absolute;top:calc(100% + 1px);left:50%;transform:translate(-50%);font:700 9px/1.2 var(--body);font-style:normal;white-space:nowrap;opacity:.85;text-shadow:0 1px 2px #000}.raid-notch.is-past{background:#ffffff59}.raid-notch.is-past em{opacity:.45}.raid-sub{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px;font:700 11px/1.3 var(--body)}.raid-pips{display:inline-flex;gap:3px}.raid-pips i{width:9px;height:9px;border-radius:50%;background:#fff3;box-shadow:inset 0 0 0 1px #ffffff59}.raid-pips i.is-done{background:#ffffff8c}.raid-pips i.is-on{background:#ffd34d;box-shadow:0 0 6px #ffd34d}.raid-tag{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:999px;white-space:nowrap}.raid-tag-shield{background:#6ea0f073;box-shadow:inset 0 0 0 1px #c8e1ff99}.raid-tag-enraged{background:#e6321ebf}.raid-charge{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;background:#00000059;white-space:nowrap}.raid-charge small{font:700 10px var(--body);text-transform:uppercase;letter-spacing:.06em;opacity:.8}.raid-charge-bar{position:relative;width:70px;height:7px;border-radius:4px;background:#ffffff29;overflow:hidden}.raid-charge-bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#ffd34d,#67d94a);transition:width .3s}.raid-charge.st-repelled{background:#2f9a3ccc}.raid-charge.st-smashed{background:#c82828d9}.raid-hud.is-enraged .raid-boss{box-shadow:inset 0 0 0 2px #ff5032d9,0 0 18px #ff3c1e73;animation:raid-enrage 1.1s ease-in-out infinite}.raid-hud.is-enraged .raid-bar-fill{background:linear-gradient(180deg,#ffb020,#ff3d1f 55%,#a40f12)}@keyframes raid-enrage{50%{box-shadow:inset 0 0 0 2px #ffa03cf2,0 0 26px #ff3c1eb3}}.raid-hud.is-defeated .raid-bar-fill{width:0!important}.raid-warn{position:relative;display:flex;align-items:center;gap:8px;padding:8px 12px 10px;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#d2281ef2,#8c1014f2);box-shadow:inset 0 0 0 2px #ffdca0b3,0 6px 18px #0006;font:700 13px/1.25 var(--body);animation:raid-warn-in .25s ease-out both,raid-warn-pulse .8s ease-in-out .25s infinite}.raid-warn b{font:400 16px/1 var(--display);letter-spacing:.04em}.raid-warn-dash{font-style:normal}.raid-warn>svg{flex:none;color:#ffe08a}.raid-warn>span{flex:1;min-width:0}.raid-warn.sp-drain{background:linear-gradient(180deg,#7832c8f2,#461482f2)}.raid-warn.sp-horn{background:linear-gradient(180deg,#c86e1ef2,#823c0af2)}.raid-warn-time{flex:none;font:400 20px/1 var(--display);font-style:normal;font-variant-numeric:tabular-nums;color:#ffe08a}.raid-warn-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:#00000059}.raid-warn-bar i{position:absolute;inset:0 auto 0 0;background:#ffe08a;transition:width .1s linear}@keyframes raid-warn-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}}@keyframes raid-warn-pulse{50%{box-shadow:inset 0 0 0 2px #fff0c8,0 0 22px #ff3c28bf}}.raid-mates{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.raid-mate{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:#78141ed1;font:700 10.5px/1.5 var(--body);white-space:nowrap}.raid-mate b{font-variant-numeric:tabular-nums}.raid-build{align-self:center;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:12px;background:#300e1edb;box-shadow:inset 0 0 0 1px #ff787859}.raid-build>svg{color:#ff8a7a;flex:none}.raid-build span{display:flex;flex-direction:column}.raid-build b{font:800 12.5px/1.25 var(--body)}.raid-build small{font:600 11px/1.3 var(--body);opacity:.85}.banner-raid .banner-ribbon{background:linear-gradient(180deg,#8a2238,#4e0f26)}.banner-raidGood .banner-ribbon{background:linear-gradient(180deg,#3aa257,#1f6a36)}.banner-raidBad .banner-ribbon{background:linear-gradient(180deg,#e0452f,#9a1a14)}.hud.is-raid .banner{top:38%}@media(max-width:760px){.raid-hud{left:calc(var(--gut, 10px) + var(--sal, 0px));transform:none;width:calc(100% - 2 * var(--gut, 10px) - var(--sal, 0px) - var(--sar, 0px) - 62px);top:calc(var(--sat, 0px) + var(--raid-top-phone, 158px));gap:4px}.raid-hud.is-buildup{width:calc(100% - 2 * var(--gut, 10px) - var(--sal, 0px) - var(--sar, 0px) - 62px)}.raid-build{align-self:stretch}.raid-hp-num small{display:none}.raid-mates{justify-content:flex-start}.raid-boss{padding:5px 8px 4px;border-radius:12px}.raid-boss-name{font-size:13px}.raid-phase-chip{font-size:9.5px;padding:0 6px}.raid-hp-num{font-size:11px}.raid-bar{height:11px;margin:4px 0 12px}.raid-notch em{font-size:8px}.raid-sub{font-size:10px;gap:4px 6px}.raid-charge-bar{width:48px}.raid-warn{padding:6px 10px 8px;font-size:11.5px;gap:6px}.raid-warn b{display:block;font-size:13px;margin-bottom:1px}.raid-warn>span{font-size:11px;line-height:1.2}.raid-warn .raid-warn-dash{display:none}.raid-warn-time{font-size:16px}.raid-build b{font-size:11.5px}}@media(prefers-reduced-motion:reduce){.raid-hud.is-enraged .raid-boss,.raid-warn{animation:none}.raid-bar-fill,.raid-bar-shield,.raid-charge-bar i,.raid-warn-bar i{transition:none}}.raid-result{background:linear-gradient(180deg,#7a2a44,#2f2a6f)}.raid-result.is-win{background:linear-gradient(180deg,#9a6a1e,#6a2a50)}.raid-res-sub{margin:-4px 0 10px;font-weight:700;opacity:.9}.raid-phases{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0;padding:0;list-style:none}.raid-phases li{flex:1 1 0;min-width:92px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:6px;align-items:center;padding:6px 8px;border-radius:10px;background:#06143259}.raid-phases li i{grid-row:1 / span 2;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff3;font:800 12px var(--body);font-style:normal}.raid-phases li.is-reached i{background:#ffd34d;color:#3a2400}.raid-phases li.is-missed{opacity:.55}.raid-phases li b{font:800 12px/1.2 var(--body)}.raid-phases li small{font:700 11px/1.2 var(--body);opacity:.85;font-variant-numeric:tabular-nums}.raid-dmg{display:flex;flex-direction:column;gap:4px}.raid-dmg-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,2fr) repeat(2,minmax(0,.7fr));gap:8px;align-items:center;padding:7px 10px;border-radius:10px;background:#0614324d}.raid-dmg-row>span:nth-child(n+3){text-align:center;font-weight:800}.raid-dmg-head{background:none;font:700 11px var(--body);text-transform:uppercase;letter-spacing:.08em;opacity:.85}.raid-dmg-row.is-you{box-shadow:inset 0 0 0 1.5px #ffd34d}.raid-dmg-name{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-width:0}.raid-dmg-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.raid-mvp{display:inline-flex;align-items:center;gap:2px;padding:0 6px;border-radius:999px;background:linear-gradient(180deg,#ffd34d,#d99a16);color:#3a2400;font:800 10px/1.6 var(--body);font-style:normal}.raid-dmg-bar{position:relative;height:20px;border-radius:6px;background:#0000004d;overflow:hidden}.raid-dmg-bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#ff8a5a,#ffd34d);opacity:.85}.raid-dmg-bar b{position:relative;display:block;padding:0 6px;font:800 11.5px/20px var(--body);white-space:nowrap;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7);font-variant-numeric:tabular-nums}.raid-loot{display:flex;align-items:center;gap:6px;margin:12px 0 0;font-weight:800}.raid-loot.is-chest{color:#ffd34d}.raid-loot-note{margin:4px 0 0;color:#f2e8ff}.raid-practice-opts{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:10px}.raid-practice-opts>div{display:flex;flex-direction:column;gap:4px;min-width:200px}@media(max-width:640px){.raid-dmg-row{grid-template-columns:minmax(0,1fr) repeat(2,48px)}.raid-dmg-bar{grid-column:1 / -1;grid-row:2}.raid-dmg-head>span:nth-child(2){display:none}.raid-phases li{min-width:calc(50% - 3px)}.raid-practice-opts>div{min-width:0;flex:1 1 100%}}body:has(.hud.is-raid) .toasts{top:calc(300px + var(--sat, 0px))}.hud.is-clash .hint-bubble,.hud.is-clash .countdown{display:none!important}.hud.is-clash .hud-left{bottom:calc(var(--gut) + var(--sab) + var(--clash-dock-h, 0px) + 8px)}.hud.is-clash .hero-ability,.hud.is-clash .hero-panel{display:none!important}.clash-coin{position:relative;display:inline-block;flex:none;border-radius:50%;vertical-align:-2px;background:radial-gradient(circle at 34% 30%,#fff8cf 0 10%,#ffe066 11% 42%,#f0b021 43% 68%,#b97508 69%);box-shadow:inset 0 0 0 1px #6e3c008c,0 1px #00000059}.clash-coin:after{content:"";position:absolute;inset:24%;border-radius:50%;box-shadow:inset 0 0 0 1.4px #96580080}.clash-kbd{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 3px;border-radius:5px;background:#ffffff29;box-shadow:inset 0 -1px #00000059;font:800 10px/16px var(--body);color:#ffffffe0;letter-spacing:0;text-transform:none}@media(hover:none),(pointer:coarse){.clash-kbd{display:none!important}}.hud.is-clash button:focus-visible{outline:3px solid #ffe27a;outline-offset:2px}.cl-glyph{display:block;flex:none}.clash-x{display:grid;place-items:center;flex:none;width:34px;height:34px;border:0;border-radius:11px;cursor:pointer;color:#fff;background:#ffffff1a}.clash-x:hover{background:#ffffff2e}.clash-age-panel{--ph: #f2c35a;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:176px;padding:6px 16px 7px;text-align:center}.clash-age-panel.is-prep{--ph: #8fdc5a}.clash-age-panel.is-ot{--ph: #ff7a62;background:linear-gradient(180deg,#7a221ee0,#401016eb);box-shadow:inset 0 0 0 1px #ff8c7866,inset 0 -3px 0 var(--ph),0 0 24px #ff463259,var(--sh-2)}.clash-age-panel .cap-label{color:color-mix(in srgb,var(--ph) 75%,#fff)}.clash-age-panel .cap-num{font:400 26px/1 var(--display);color:#fff;letter-spacing:.02em;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 rgba(4,8,20,.45),0 0 14px color-mix(in srgb,var(--ph) 55%,transparent)}.clash-age-panel.is-prep .cap-num{font-size:30px;color:#e4ffd0;animation:cl-throb 1s ease-in-out infinite}.clash-age-panel.is-ot .cap-num{color:#ffd8cc}.clash-age-panel .cap-sub{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;min-width:0}.cap-chip{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 9px;border-radius:11px;background:#0407108c;color:#ffffffdb;font:400 12px/22px var(--display);white-space:nowrap}.cap-chip .icon{color:var(--ph)}.cap-chip.is-soon{color:#fff;background:#96321ebf;animation:cl-throb 1s ease-in-out infinite}.cap-chip.is-soon .icon{color:#ffd0b8}.cap-chip-prep{background:#205c1ebf;color:#fff}.cap-chip-ot{background:#3c080899;color:#fff}.cap-short,.clash-age-panel.is-over .cap-sub{display:none}.clash-dock{position:absolute;left:calc(var(--gut) + var(--sal));right:calc(var(--gut) + var(--sar));bottom:calc(var(--gut) + var(--sab));z-index:3;display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:none}.clash-dock>*{pointer-events:auto}.clash-main{display:grid;grid-template-columns:auto auto auto auto auto;grid-template-areas:"gold age buy special build";align-items:stretch;gap:8px;max-width:100%;padding:8px;border-radius:24px;background:linear-gradient(180deg,#28365ae6,#12192cf0);box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff14,0 0 0 2px #060a168c,0 16px 34px #03061080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:rise-in var(--dur-3) var(--ease-out) both}.clash-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:100%;pointer-events:none}.clash-strip>*{pointer-events:auto}.clash-gold{grid-area:gold;position:relative;display:flex;align-items:center;gap:8px;min-width:152px;padding:6px 12px 6px 8px;border-radius:17px;background:linear-gradient(180deg,#684814eb,#38240af2);box-shadow:inset 0 1px #ffe28c59,inset 0 0 0 1.5px #f2c35a73}.clash-gold-coin{position:relative;display:grid;place-items:center}.clash-gold-coin .clash-coin{box-shadow:inset 0 0 0 1.5px #6e3c0099,0 2px #0006,0 0 14px #ffd25073}.clash-gold-coin .clash-coin:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.75) 48%,transparent 60%);background-size:250% 100%;animation:cl-shine 3.2s ease-in-out infinite}.clash-gold-main{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.clash-gold-top{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.clash-gold-num{font:400 28px/1 var(--display);color:#ffe48c;letter-spacing:.01em;text-shadow:0 2px 0 rgba(60,30,0,.7),0 0 14px rgba(255,200,60,.35);font-variant-numeric:tabular-nums}.clash-income{flex:none;padding:1px 6px;border-radius:8px;background:#1c4a18bf;color:#b4f59a;font:800 11px/16px var(--body);box-shadow:inset 0 0 0 1px #a0f0784d}.clash-vault{position:relative;display:block;height:14px;border-radius:7px;background:#00000080;overflow:hidden;box-shadow:inset 0 0 0 1px #ffdc8c2e}.clash-vault i{position:absolute;inset:0 auto 0 0;border-radius:7px;background:linear-gradient(180deg,#ffe27a,#d99a1e);transition:width .35s var(--ease-out)}.clash-vault small{position:relative;display:block;padding:0 6px;font:800 9.5px/14px var(--body);letter-spacing:.03em;color:#fff;text-align:center;text-shadow:0 0 3px rgba(0,0,0,.95),0 1px 1px #000;white-space:nowrap}.clash-gold.is-full{box-shadow:inset 0 1px #ffe28c59,inset 0 0 0 2px #ffd34d,0 0 18px #ffc83c8c;animation:cl-vault 1s ease-in-out infinite}.clash-gold.is-full .clash-vault i{background:repeating-linear-gradient(115deg,#ffe680 0 8px,#ffc93a 8px 16px);background-size:200% 100%;animation:cl-stripes .8s linear infinite}.clash-gold.is-full .clash-vault small{color:#3b1f00;text-shadow:none}.clash-pops{position:absolute;right:10px;bottom:calc(100% - 4px);pointer-events:none}.clash-pop{position:absolute;right:0;bottom:0;font:400 19px/1 var(--display);font-style:normal;color:#ffe27a;white-space:nowrap;text-shadow:0 2px 0 rgba(40,20,0,.8),0 0 8px rgba(0,0,0,.5);animation:cl-pop-up 1.1s cubic-bezier(.2,.8,.3,1) forwards}.clash-age{--ac: #c9925a;--xp: 0;grid-area:age;position:relative;display:flex;align-items:center;gap:9px;width:186px;min-width:0;min-height:44px;padding:6px 10px 6px 7px;border:0;border-radius:17px;color:#fff;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(180deg,#384670eb,#1e2844f2);box-shadow:inset 0 1px #ffffff29,inset 0 0 0 1.5px color-mix(in srgb,var(--ac) 40%,transparent);transition:transform var(--dur-1),filter var(--dur-1)}button.clash-age:not(:disabled):hover{filter:brightness(1.08)}button.clash-age:not(:disabled):active{transform:translateY(1px) scale(.98)}button.clash-age:disabled,.clash-age.is-last{cursor:default}.clash-age.is-open{box-shadow:inset 0 1px #ffffff29,inset 0 0 0 2px #ffe27a,0 0 14px #ffdc7859}.ca-medal{position:relative;display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,#1a2340 0 63%,transparent 64%),conic-gradient(var(--ac) calc(var(--xp) * 360deg),rgba(0,0,0,.5) 0);box-shadow:0 0 0 2px #04081480,0 0 14px color-mix(in srgb,var(--ac) 30%,transparent)}.ca-medal b{font:400 21px/1 var(--display);color:#fff;text-shadow:0 2px 0 rgba(4,8,20,.5),0 0 12px color-mix(in srgb,var(--ac) 70%,transparent);animation:pop-in .5s var(--ease-spring) both}.ca-body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.ca-name{display:flex;align-items:baseline;gap:5px;font:400 15px/1 var(--display);white-space:nowrap;color:color-mix(in srgb,var(--ac) 35%,#fff)}.ca-name small{font:800 9px/1 var(--body);letter-spacing:.08em;color:#ffffff8c}.ca-xp{position:relative;display:block;height:12px;border-radius:6px;background:#00000073;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.ca-xp i{position:absolute;inset:0 auto 0 0;width:calc(var(--xp) * 100%);border-radius:6px;background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 55%,#fff),var(--ac));transition:width .4s var(--ease-out)}.ca-xp small{position:relative;display:block;font:800 8.5px/12px var(--body);text-align:center;color:#fff;text-shadow:0 0 3px #000,0 1px 1px #000;white-space:nowrap}.ca-final{display:inline-flex;align-items:center;gap:4px;font:400 12px/1 var(--display);color:#ffe08a}.ca-cost{display:inline-flex;align-items:center;gap:3px;font:400 12px/1 var(--display);color:#ffe08a}.ca-cost.is-poor{color:#ffb0a0}.ca-early{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;max-width:100%;height:22px;padding:0 8px;border-radius:11px;color:#ffffffd9;background:#0000004d;box-shadow:inset 0 0 0 1px #ffffff29;font:800 10.5px/22px var(--body);white-space:nowrap}.clash-age:hover .ca-early,.ca-early.is-open{background:#ffffff24;color:#fff}.clash-age.is-ready{color:#3a2000;background:linear-gradient(180deg,#fff1a0,#f2b631 70%,#e39a1c);box-shadow:inset 0 1px #ffffffb3,inset 0 -3px #783c004d,0 3px #7a4b00,0 0 20px #ffc83c8c;animation:cl-age-ready 1.4s ease-in-out infinite}.clash-age.is-ready .ca-medal{background:radial-gradient(circle,#3a2a08 0 63%,transparent 64%),conic-gradient(#ffd34d 360deg 0);box-shadow:0 0 0 2px #783c0073;animation:cl-throb 1.2s ease-in-out infinite}.clash-age.is-ready .ca-medal b{color:#ffe9a0}.ca-up{display:flex;align-items:center;gap:4px;min-width:0;font:400 17px/1 var(--display);white-space:nowrap;text-transform:uppercase;letter-spacing:.02em}.ca-up .icon{flex:none}.ca-next{display:flex;align-items:center;gap:6px;min-width:0}.ca-next-name{min-width:0;font:800 11px/1.1 var(--body);color:#3a2000cc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clash-age.is-ready .ca-cost{flex:none;padding:1px 6px 1px 3px;border-radius:8px;background:#50280033;color:#3a2000;font-size:13px}.clash-age.is-ready.is-poor{filter:saturate(.55) brightness(.9);animation:none}.clash-age.is-ready.is-poor .ca-cost{color:#8a1a08;background:#ffffff73}.clash-buybar{grid-area:buy;display:grid;grid-template-columns:repeat(3,110px);gap:6px}.clash-troop{--tc: #6fbf4a;--i: 0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:102px;padding:5px 4px 6px;border:0;border-radius:17px;cursor:pointer;color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 75%,#fff 6%),color-mix(in srgb,var(--tc) 46%,#1a2440),#18213a);box-shadow:inset 0 1px #fff6,inset 0 0 0 2px color-mix(in srgb,var(--tc) 55%,transparent),inset 0 -3px #0000004d,0 4px #0b1226,0 8px 14px #0000004d;transition:transform var(--dur-1),filter var(--dur-1);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;animation:cl-reveal .55s var(--ease-spring) both;animation-delay:calc(var(--i) * 90ms)}.clash-troop.is-ok:hover{transform:translateY(-3px);filter:brightness(1.08)}.clash-troop.is-ok:active{transform:translateY(2px) scale(.96)}.ct-key{position:absolute;top:5px;left:5px;z-index:1}.ct-role{position:absolute;top:5px;right:5px;z-index:1;display:inline-flex;align-items:center;gap:3px;height:18px;padding:0 5px;border-radius:9px;background:#060a168c;color:#fff}.ct-role b{display:inline-flex;align-items:center;gap:1px;font:900 10px/1 var(--body);color:#cfe0ff}.ct-art{position:relative;display:grid;place-items:center}.ct-art .troop-art{box-shadow:inset 0 0 0 2px #fff6,0 3px #0000004d}.ct-name{margin-top:4px;font:400 12px/1.05 var(--display);text-shadow:0 1px 0 rgba(0,0,0,.5);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.ct-cost{display:inline-flex;align-items:center;gap:3px;margin-top:4px;padding:1px 8px 1px 3px;border-radius:9px;background:#060a16a6;font:400 14px/17px var(--display);color:#ffe08a;white-space:nowrap}.ct-cost.is-poor{color:#ffb0a0;box-shadow:inset 0 0 0 1px #ff786480}.ct-why{margin-top:4px;padding:1px 8px;border-radius:9px;background:#96281ed9;font:800 10.5px/17px var(--body);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.ct-need{position:absolute;left:50%;top:40px;transform:translate(-50%);padding:0 6px;border-radius:7px;background:#060a16c7;font:800 10px/16px var(--body);color:#ffc2b4;white-space:nowrap}.ct-flag{position:absolute;left:50%;top:5px;transform:translate(-50%);padding:0 6px;border-radius:7px;background:#b8741c;font:900 9px/15px var(--body);white-space:nowrap;box-shadow:0 2px #0000004d}.clash-troop:not(.is-ok){cursor:default;box-shadow:inset 0 1px #fff3,inset 0 0 0 2px color-mix(in srgb,var(--tc) 30%,transparent),inset 0 -3px #0000004d,0 4px #0b1226}.clash-troop:not(.is-ok) .troop-art{filter:saturate(.45) brightness(.72)}.clash-troop.is-gold,.clash-troop.is-queue,.clash-troop.is-age{background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 40%,#2a3350),#1c2440 55%,#161d33)}.clash-troop.is-dead{background:linear-gradient(180deg,#343d5a,#1b2238)}.clash-troop.is-dead .troop-art{filter:grayscale(1) brightness(.6)}.clash-troop.role-heavy.is-ok{box-shadow:inset 0 1px #fff6,inset 0 0 0 2px #e9c58a,inset 0 -3px #0000004d,0 4px #0b1226,0 8px 14px #0000004d}.clash-troop.is-armyfull .troop-art{filter:saturate(.75)}.ct-fly{position:absolute;left:50%;top:20px;z-index:4;display:inline-flex;align-items:center;gap:2px;font:400 16px/1 var(--display);color:#ffe27a;white-space:nowrap;text-shadow:0 2px 0 rgba(40,20,0,.85);pointer-events:none;animation:cl-fly .8s cubic-bezier(.2,.8,.3,1) forwards}.clash-special{--sc: #c9925a;--cd: 0;grid-area:special;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:82px;padding:4px 6px;border:0;border-radius:17px;cursor:pointer;color:#fff;background:transparent;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.clash-special.sp-arrowRain{--sc: #6fa8e8}.clash-special.sp-catapult{--sc: #e8a83a}.clash-special.sp-meteor{--sc: #ff6a3d}.sp-ring{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 38% 30%,color-mix(in srgb,var(--sc) 55%,#fff),var(--sc) 55%,color-mix(in srgb,var(--sc) 55%,#000));box-shadow:inset 0 2px #ffffff73,inset 0 -4px #0000004d,0 0 0 3px #060a1699,0 4px #0b1226;transition:transform var(--dur-1),filter var(--dur-1)}.sp-ring:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(rgba(8,12,26,.62) calc(var(--cd) * 360deg),transparent 0);pointer-events:none}.sp-core{position:relative;z-index:0;display:grid;place-items:center;color:#fff;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}.sp-cd{position:absolute;left:50%;bottom:-5px;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:30px;height:18px;padding:0 6px;transform:translate(-50%);border-radius:9px;background:#0d1530;box-shadow:inset 0 0 0 1.5px #ffffff38,0 2px #00000059;font:400 12.5px/18px var(--display);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}.sp-cd.is-wait{min-width:24px;color:#fffc}.sp-name{max-width:92px;font:400 11.5px/1.05 var(--display);text-align:center;color:#ffffffeb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clash-special.is-ready .sp-name{color:#ffe9a0}.sp-key{position:absolute;top:0;right:6px}.clash-special.is-ready .sp-ring{animation:cl-sp-ready 1.5s ease-in-out infinite}.clash-special.is-ready:hover .sp-ring{transform:translateY(-2px) scale(1.04);filter:brightness(1.08)}.clash-special.is-ready:active .sp-ring{transform:translateY(1px) scale(.96)}.clash-special:not(.is-ready){cursor:default}.clash-special:not(.is-ready) .sp-core{opacity:.8;filter:grayscale(.4) drop-shadow(0 2px 0 rgba(0,0,0,.35))}.clash-special.is-prep .sp-ring,.clash-special.is-dead .sp-ring{filter:saturate(.35) brightness(.7)}.clash-special.is-open .sp-ring{box-shadow:inset 0 2px #ffffff73,0 0 0 3px #ffe27a,0 0 18px #ffdc7899}.clash-build-btn{grid-area:build;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:72px;padding:6px 9px;border:0;border-radius:17px;cursor:pointer;color:#fff;background:linear-gradient(180deg,#6aa6ea,#3567b9);box-shadow:inset 0 1px #ffffff61,inset 0 -3px #00000040,0 3px #17336a;transition:transform var(--dur-1),filter var(--dur-1)}.clash-build-btn b{display:flex;align-items:center;gap:5px;font:400 14px/1 var(--display);text-shadow:0 1px 0 rgba(0,0,0,.3)}.clash-build-btn small{padding:0 7px;border-radius:8px;background:#0000004d;font:800 11px/16px var(--body)}.clash-build-btn:hover{transform:translateY(-2px);filter:brightness(1.07)}.clash-build-btn:active{transform:translateY(2px)}.clash-build-btn.is-open{background:linear-gradient(180deg,#ffd56a,#e79a1f);color:#3a2000;box-shadow:inset 0 1px #ffffff80,inset 0 -3px #0003,0 3px #7a4b00,0 0 16px #ffc84680}.clash-build-btn.is-open b{text-shadow:none}.clash-build-btn.is-open small{background:#50280033}.clash-queue{display:flex;align-items:center;gap:8px;max-width:100%;padding:4px 6px;border-radius:16px;background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--edge-2),var(--sh-1)}.cq-slots{display:flex;gap:4px}.cq-slot{--tc: #6fbf4a;--p: 0;position:relative;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:11px;cursor:pointer;color:#fff;background:color-mix(in srgb,var(--tc) 28%,rgba(0,0,0,.35));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tc) 55%,transparent);animation:pop-in .25s var(--ease-spring) both}.cq-slot.is-empty{cursor:default;background:#00000038;box-shadow:inset 0 0 0 1.5px #ffffff1a;animation:none}.cq-slot .troop-art{pointer-events:none}.cq-slot.is-head{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--tc) 85%,#fff),0 0 10px color-mix(in srgb,var(--tc) 45%,transparent)}.cq-prog{position:absolute;left:4px;right:4px;bottom:3px;height:4px;border-radius:2px;background:#0000008c;overflow:hidden}.cq-prog i{position:absolute;inset:0 auto 0 0;width:calc(var(--p) * 100%);background:linear-gradient(90deg,#a8f07a,#5fd16a);transition:width .15s linear}.cq-slot.is-ready{box-shadow:inset 0 0 0 2px #ffd34d}.cq-slot.is-ready:after{content:"";position:absolute;inset:-3px;border-radius:13px;box-shadow:0 0 0 2px #ffd34d80;animation:cl-throb 1.2s ease-in-out infinite}.cq-target{position:absolute;left:-2px;top:-2px;width:10px;height:10px;border-radius:50%;background:var(--tg);box-shadow:0 0 0 2px #10172a}.cq-x{position:absolute;right:-3px;top:-3px;display:none;place-items:center;width:14px;height:14px;border-radius:50%;background:#c63b2a;box-shadow:0 0 0 2px #10172a}@media(hover:hover){.cq-slot:not(.is-empty):hover .cq-x{display:grid}.cq-slot:not(.is-empty):hover{filter:brightness(1.12)}}.cq-confirm{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);padding:2px 8px;border-radius:8px;background:#c63b2a;color:#fff;font:800 10.5px/16px var(--body);white-space:nowrap;box-shadow:0 2px #00000059;z-index:2}.cq-slot.is-armed{box-shadow:inset 0 0 0 2px #ff8a6a;animation:cl-shake .3s ease}.cq-army{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 9px;border-radius:13px;background:#0000004d;color:#fffc;font:400 11px/1 var(--display);white-space:nowrap}.cq-army b{font:400 13px/1 var(--display);color:#fff;font-variant-numeric:tabular-nums}.cq-army.is-full{background:#965a14b3;color:#fff}.cq-army.is-full b{color:#ffe08a}.cq-full{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:12px;background:#96281ed9;color:#fff;font:800 11px/24px var(--body);white-space:nowrap;animation:pop-in .25s var(--ease-spring) both}.clash-queue.is-full .cq-slot:not(.is-empty){box-shadow:inset 0 0 0 1.5px #ff9678b3}.clash-queue.is-full .cq-slot.is-head{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--tc) 85%,#fff)}.clash-tchip{--pc: #e0675a;--hp: 1;position:relative;display:inline-flex;align-items:center;gap:6px;height:34px;min-width:0;padding:0 9px 0 6px;border:0;border-radius:11px;cursor:pointer;color:#fff;background:#0000004d;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--pc) 40%,transparent);transition:transform var(--dur-1),filter var(--dur-1)}.clash-tchip:not(:disabled):hover{filter:brightness(1.12)}.tc-dot{display:grid;place-items:center;flex:none;width:14px;height:14px;border-radius:50%;background:var(--pc);box-shadow:0 0 0 2px #00000059;font:900 8px/1 var(--body);color:#0c1328}.tc-main{display:flex;flex-direction:column;gap:3px;min-width:0;text-align:left}.tc-main b{max-width:84px;font:800 11px/1 var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-hp{position:relative;display:block;width:64px;height:5px;border-radius:3px;background:#00000080;overflow:hidden}.tc-hp i{position:absolute;inset:0 auto 0 0;width:calc(var(--hp) * 100%);background:var(--pc);transition:width .4s var(--ease-out)}.tc-out{font:800 9.5px/1 var(--body);color:#fff9;text-transform:uppercase;letter-spacing:.05em}.tc-on{display:grid;place-items:center;color:#3a2000;width:18px;height:18px;border-radius:50%;background:#ffd34d}.clash-tchip.is-enemy.is-on{background:color-mix(in srgb,var(--pc) 32%,rgba(0,0,0,.35));box-shadow:inset 0 0 0 2px #ffd34d,0 0 12px #ffd34d59}.clash-tchip.is-ally{cursor:pointer;background:#5b9be633;box-shadow:inset 0 0 0 1.5px #96c3ff80}.clash-tchip.is-out{cursor:default;opacity:.45;filter:grayscale(.8)}.clash-tchip:disabled{cursor:default}.clash-pop-card{--ac: #f2c35a;display:flex;flex-direction:column;gap:8px;width:min(380px,100%);padding:10px 12px 12px;border-radius:20px;color:#fff;background:linear-gradient(180deg,#2e3e66f7,#182038f7);box-shadow:inset 0 1px #ffffff29,0 0 0 2px color-mix(in srgb,var(--ac) 70%,#0c1430),var(--sh-3);animation:rise-in var(--dur-2) var(--ease-out) both}.cpc-head{display:flex;align-items:center;gap:8px}.cpc-head b{flex:1;min-width:0;font:400 16px/1.1 var(--display)}.cpc-medal{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle,#1a2340 0 60%,transparent 61%),var(--ac);font:400 14px/1 var(--display)}.cpc-ico{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#ffffff1f}.cpc-troops{display:flex;justify-content:center;gap:14px}.cpc-troop{display:flex;flex-direction:column;align-items:center;gap:3px}.cpc-troop small{font:800 10.5px/1 var(--body);color:#ffffffd9;white-space:nowrap}.cpc-text{margin:0;font:700 13px/1.35 var(--body);text-align:center}.cpc-text small{font:600 11.5px/1.35 var(--body);color:#ffffffb3}.cpc-actions{display:flex;gap:8px}.cpc-actions .clash-pbtn{flex:1}.cpc-need{font:800 11px/1 var(--body);color:#ffb0a0;text-align:center}.cpc-targets{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.cpc-targets .clash-tchip{height:40px;padding-right:11px}.cpc-hint{font:600 11px/1.3 var(--body);color:#ffffffa6;text-align:center}.clash-tray{width:min(560px,100%);padding:10px;border-radius:22px;color:#fff;background:linear-gradient(180deg,#2e3e66f7,#182038f7);box-shadow:inset 0 1px #ffffff29,0 0 0 2px #060a1699,var(--sh-3);animation:rise-in var(--dur-2) var(--ease-out) both}.clash-picker{box-shadow:inset 0 1px #ffffff29,0 0 0 2px #8fdc5a,0 0 22px #8fdc5a59,var(--sh-3)}.clash-tray-head{display:flex;align-items:center;gap:7px;margin:0 0 8px 4px}.clash-tray-head>.icon{color:var(--gold);flex:none}.clash-picker .clash-tray-head>.icon{color:#a8f07a}.clash-tray-head>b{font:400 16px/1 var(--display);white-space:nowrap}.clash-slots{display:inline-flex;align-items:center;gap:6px;margin-left:auto;min-width:0}.clash-tray-count{padding:2px 9px;border-radius:10px;background:#0000004d;font:800 12px/18px var(--body);color:var(--tx-2);white-space:nowrap}.clash-tray-count.is-capped{background:#b6433a;color:#fff}.cs-note{display:inline-flex;align-items:center;gap:3px;font:800 11px/1 var(--body);color:#fff9;white-space:nowrap}.cs-buy{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border:0;border-radius:12px;cursor:pointer;font:400 12px/1 var(--display);white-space:nowrap;color:#0f2a08;background:linear-gradient(180deg,#a8f07a,#5fbf3a);box-shadow:inset 0 1px #ffffff80,0 2px #1f5a1a}.cs-buy.is-poor{color:#ffffffb3;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff26;cursor:default}.clash-tray-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.clash-tray-item{--ac: #e8a33d;position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:7px 4px;border:0;border-radius:16px;cursor:pointer;color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 40%,#34436c),#222c4a);box-shadow:inset 0 1px #ffffff38,inset 0 0 0 2px color-mix(in srgb,var(--ac) 50%,transparent),0 3px #0b1226;transition:transform var(--dur-1),filter var(--dur-1);animation:pop-in .28s var(--ease-spring) both}.clash-tray-item:nth-child(2){animation-delay:.03s}.clash-tray-item:nth-child(3){animation-delay:.06s}.clash-tray-item:nth-child(4){animation-delay:.09s}.clash-tray-item:nth-child(5){animation-delay:.12s}.clash-tray-item:not(:disabled):hover{transform:translateY(-3px);filter:brightness(1.08)}.clash-tray-item:not(:disabled):active{transform:translateY(1px) scale(.97)}.cti-art{display:block;width:58px;height:58px;border-radius:14px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--ac) 45%,#223),#141a2e)}.cti-art .art{width:100%;height:100%}.cti-name{font:400 13px/1.05 var(--display);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.cti-cost{display:inline-flex;align-items:center;gap:3px;padding:1px 7px 1px 3px;border-radius:9px;background:#060a1699;font:400 13px/16px var(--display);color:#ffe08a}.cti-cost.is-poor{color:#ffb0a0}.clash-tray-item.is-poor .cti-art{filter:saturate(.55) brightness(.8)}.clash-tray-item:disabled{cursor:default;opacity:.55}.clash-tray-hint{margin:8px 4px 0;font:700 12px/1.3 var(--body);color:var(--tx-2);text-align:center}.clash-tray-hint.is-warn{color:#ffc2b4}.clash-buildbar{--ac: #e8a33d;position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:min(560px,100%);padding:7px 7px 7px 8px;border-radius:20px;color:#fff;background:linear-gradient(180deg,#2e3e66f5,#182038f7);box-shadow:inset 0 1px #ffffff29,0 0 0 2px color-mix(in srgb,var(--ac) 70%,#0c1430),var(--sh-3);animation:rise-in var(--dur-2) var(--ease-out) both}.clash-buildbar.is-invalid{box-shadow:inset 0 1px #ffffff29,0 0 0 2px #e0473a,var(--sh-3)}.clash-buildbar.is-ok{box-shadow:inset 0 1px #ffffff29,0 0 0 2px #8fdc5a,0 0 18px #8fdc5a59,var(--sh-3)}.clash-buildbar-reason{flex:1 1 100%;display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:12px;background:linear-gradient(180deg,#e0473a,#a8261c);font:800 12.5px/1.25 var(--body);animation:cl-shake .3s ease}.cbb-art{flex:none;width:44px;height:44px;border-radius:13px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--ac) 45%,#223),#141a2e)}.cbb-art .art{width:100%;height:100%}.cbb-info{display:flex;flex-direction:column;gap:3px;flex:1 1 140px;min-width:0}.cbb-info b{font:400 15px/1.1 var(--display)}.cbb-info small{display:inline-flex;align-items:center;gap:4px;font:700 12px/1.2 var(--body);color:var(--tx-2)}.cbb-info small .icon{color:var(--gold)}.cbb-info small.is-ok{color:#b4f59a}.cbb-info small.is-ok .icon{color:#8fdc5a}.clash-pbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 12px;border:0;border-radius:14px;cursor:pointer;color:#fff;font:400 14px/1 var(--display);box-shadow:inset 0 1px #ffffff59,inset 0 -3px #00000040,0 3px #060a16b3;transition:transform var(--dur-1),filter var(--dur-1)}.clash-pbtn:not(:disabled):active{transform:translateY(2px)}.clash-pbtn-go{background:linear-gradient(180deg,#79cc6f,#34935a)}.clash-pbtn-go:disabled{cursor:default;background:linear-gradient(180deg,#4a5674,#2f3a58);color:#ffffff8c}.clash-buildbar .clash-pbtn-go:not(:disabled){animation:cl-throb 1s ease-in-out infinite}.clash-pbtn-cancel{background:linear-gradient(180deg,#e47a6b,#b6433a)}.clash-pbtn-cancel.is-soft{background:linear-gradient(180deg,#4f5d86,#323e62)}.clash-tower-card{--ac: #e8a33d;display:flex;gap:8px;width:min(500px,100%);animation:rise-in var(--dur-2) var(--ease-out) both}.clash-act{display:flex;align-items:center;gap:8px;min-height:52px;padding:6px 10px;border:0;border-radius:16px;cursor:pointer;color:#fff;text-align:left;box-shadow:inset 0 1px #ffffff4d,inset 0 -3px #00000040,0 3px #0b1226,var(--sh-1);transition:transform var(--dur-1),filter var(--dur-1)}.clash-act:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.07)}.clash-act:not(:disabled):active{transform:translateY(2px)}.ca-main{display:flex;flex-direction:column;gap:2px;min-width:0}.ca-main b{font:400 14px/1.1 var(--display);white-space:nowrap}.ca-main small{font:700 11px/1.2 var(--body);color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clash-act-up{flex:1;min-width:0;background:linear-gradient(180deg,#4a5f93,#2c3a62)}.clash-act-up.is-ready{background:linear-gradient(180deg,#ffd56a,#e3901c);color:#3a2000}.clash-act-up.is-ready .ca-main small{color:#3a2000cc}.clash-act-up.is-ready .ca-cost{background:#50280038;color:#3a2000}.clash-act-up:disabled{cursor:default}.clash-act-up.is-locked{background:linear-gradient(180deg,#3a4462,#232b45)}.clash-act .ca-cost{flex-direction:column;gap:1px;margin-left:auto;padding:3px 8px;border-radius:10px;background:#0000004d;font-size:15px}.clash-act .ca-cost small{font:800 9.5px/1 var(--body)}.clash-act-sell{flex:none;background:linear-gradient(180deg,#5a6688,#353f5f)}.clash-act-sell .ca-refund{display:inline-flex;align-items:center;gap:3px;color:#ffe08a;font:400 13px/1 var(--display)}.clash-act-sell.is-armed{background:linear-gradient(180deg,#e47a6b,#b6433a);animation:cl-throb .8s ease-in-out infinite}.clash-warns{position:absolute;left:50%;top:calc(var(--center-bottom, 96px) + 10px);z-index:4;display:flex;flex-direction:column;align-items:center;gap:6px;transform:translate(-50%);pointer-events:none}.clash-warn{--tc: #e0675a;display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;color:#fff;background:linear-gradient(180deg,#461e20ed,#281016f2);box-shadow:inset 0 0 0 1.5px #ff826e80,var(--sh-2);animation:cl-warn-in .4s var(--ease-spring) both}.cw-text{display:flex;flex-direction:column;gap:1px;min-width:0}.cw-text b{font:400 14px/1.05 var(--display);white-space:nowrap}.cw-text b em{font-style:normal;color:#ffd0b8}.cw-text small{font:700 11px/1.1 var(--body);color:#ffdcd2d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cw-icon{color:#ffb36a}.cw-ico{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#ffffff1f;color:#ffd0b8}.cw-age{font:400 13px/1 var(--display);color:#fff;background:#c39cff73}.clash-warn.is-big{padding:5px 16px 5px 5px;background:linear-gradient(180deg,#e0473a,#8f1f1a);box-shadow:inset 0 0 0 2px #ffb09a,0 0 26px #ff3c2899,var(--sh-2);animation:cl-warn-in .4s var(--ease-spring) both,cl-alarm .9s ease-in-out .4s 3}.clash-warn.is-big .cw-text b{font-size:18px;text-transform:uppercase;letter-spacing:.02em}.clash-warn.is-big .cw-icon{color:#fff3a0}.clash-warn.is-special{background:linear-gradient(180deg,#962820f2,#5a1212f5);box-shadow:inset 0 0 0 2px #ff967899,0 0 18px #ff463266,var(--sh-2)}.clash-warn.is-age{background:linear-gradient(180deg,#3c2c60f0,#22183cf2);box-shadow:inset 0 0 0 1.5px #c39cff80,var(--sh-2)}.clash-warn.is-age .cw-text small{color:#e1d2ffd9}.hud.is-clash .banner:not(.banner-big){top:30%}.hud.is-clash .banner-clashAge .banner-ribbon{background:linear-gradient(180deg,#ffe680,#f0a01a);color:#3a1d00}.hud.is-clash .banner-clashAge .banner-title{text-shadow:0 2px 0 rgba(255,245,200,.5);letter-spacing:.06em}.hud.is-clash .banner-clashAge,.hud.is-clash .banner-clashBattle,.hud.is-clash .banner-clashOvertime{animation-duration:2.6s}.hud.is-clash .banner-clashBattle .banner-ribbon{background:linear-gradient(180deg,#a8f07a,#34935a)}.hud.is-clash .banner-clashOvertime .banner-ribbon{background:linear-gradient(180deg,#ff7a62,#a8261c)}.hud.is-clash .banner-clashOvertime .banner-title{letter-spacing:.06em}@keyframes cl-throb{50%{transform:scale(1.06)}}@keyframes cl-shine{0%,55%{background-position:150% 0}85%,to{background-position:-60% 0}}@keyframes cl-vault{50%{box-shadow:inset 0 1px #ffe28c59,inset 0 0 0 2px #fff0a8,0 0 26px #ffd246d9}}@keyframes cl-stripes{to{background-position:-22px 0}}@keyframes cl-pop-up{0%{opacity:0;transform:translateY(8px) scale(.7)}18%{opacity:1;transform:translateY(-2px) scale(1.15)}to{opacity:0;transform:translateY(-24px) scale(1)}}@keyframes cl-fly{0%{opacity:0;transform:translate(-50%,6px) scale(.6)}18%{opacity:1;transform:translate(-50%,-10px) scale(1.2)}to{opacity:0;transform:translate(-50%,-70px) scale(.9)}}@keyframes cl-reveal{0%{opacity:0;transform:translateY(18px) rotateX(70deg) scale(.85)}60%{opacity:1;transform:translateY(-4px) rotateX(-8deg) scale(1.04)}to{opacity:1;transform:none}}@keyframes cl-age-ready{50%{box-shadow:inset 0 1px #ffffffb3,inset 0 -3px #783c004d,0 3px #7a4b00,0 0 32px #ffd246e6}}@keyframes cl-sp-ready{50%{box-shadow:inset 0 2px #ffffff73,inset 0 -4px #0000004d,0 0 0 3px #ffe27a,0 4px #0b1226,0 0 22px color-mix(in srgb,var(--sc) 80%,#fff)}}@keyframes cl-shake{25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes cl-warn-in{0%{opacity:0;transform:translateY(-14px) scale(.8)}}@keyframes cl-alarm{50%{transform:scale(1.06);box-shadow:inset 0 0 0 2px #fff,0 0 34px #ff3c28e6,var(--sh-2)}}.is-reduced-motion .hud.is-clash *,.is-reduced-motion .hud.is-clash *:before,.is-reduced-motion .hud.is-clash *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.hud.is-clash *,.hud.is-clash *:before,.hud.is-clash *:after{animation:none!important;transition:none!important}}@media(max-width:1080px)and (min-width:641px)and (min-height:521px){.clash-main{grid-template-columns:auto auto 1fr auto;grid-template-areas:"gold age special build" "buy buy buy buy"}.clash-buybar{grid-template-columns:repeat(3,minmax(0,1fr))}.clash-special{flex-direction:row;justify-self:end}}@media(max-width:640px)and (orientation:portrait),(max-width:640px)and (min-height:501px){.clash-dock{gap:5px}.clash-strip{flex-direction:column;gap:5px;width:100%}.clash-queue{gap:6px;padding:3px 5px}.cq-slot{width:36px;height:36px;border-radius:10px}.cq-slot .troop-art{width:28px!important;height:28px!important}.cq-army{height:24px;padding:0 8px}.clash-main{width:100%;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"gold age special build" "buy buy buy buy";gap:6px;padding:6px;border-radius:20px}.clash-gold{min-width:0;padding:5px 8px 5px 5px;gap:5px;border-radius:14px}.clash-gold-coin .clash-coin{width:22px!important;height:22px!important}.clash-gold-num{font-size:20px}.clash-gold-top{flex-direction:column;align-items:flex-start;gap:2px}.clash-income{font-size:10px;line-height:13px;padding:0 4px}.clash-vault{display:none}.clash-gold.is-full .clash-gold-num{color:#fff3b0}.clash-age{width:auto;min-width:0;gap:6px;padding:5px 7px 5px 5px;border-radius:14px}.ca-medal{width:38px;height:38px}.ca-medal b{font-size:16px}.ca-name{font-size:12.5px}.ca-name small{display:none}.ca-xp{height:8px}.ca-xp small{display:none}.ca-up{font-size:14px;gap:2px}.ca-up .icon{width:13px;height:13px}.ca-next-name{display:none}.clash-age.is-ready .ca-cost{font-size:12px}.ca-early{height:20px;padding:0 7px;font-size:10px;gap:4px}.ca-early .clash-coin,.wave-phone .cap-chip-otsoon .cap-long{display:none}.wave-phone .cap-chip-otsoon .cap-short{display:inline}.clash-special{min-width:0;padding:0 2px;gap:5px}.sp-ring{width:46px;height:46px}.sp-core .cl-glyph{width:24px;height:24px}.sp-name{max-width:66px;font-size:10.5px}.sp-cd{height:16px;min-width:26px;padding:0 5px;font-size:11.5px;line-height:16px;bottom:-4px}.clash-build-btn{min-width:54px;padding:4px 7px;border-radius:14px}.clash-build-btn .icon{width:19px;height:19px}.clash-build-btn b{font-size:11.5px}.clash-buybar{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.clash-troop{height:88px;padding:4px 3px 5px;border-radius:15px}.ct-art .troop-art{width:44px!important;height:44px!important}.ct-name{font-size:11.5px;margin-top:3px}.ct-cost{margin-top:3px;font-size:13px;line-height:16px}.ct-why{font-size:9.5px;line-height:15px;padding:0 6px}.ct-need{top:34px}.ct-role{top:4px;right:4px;height:16px;padding:0 4px}.clash-warns{left:calc(var(--gut) + var(--sal));right:calc(var(--gut) + var(--sar) + 64px);top:calc(var(--row2-bottom, 112px) + 6px);transform:none;align-items:flex-start}.clash-warn{max-width:100%}.cw-text b{font-size:13px}.clash-warn.is-big .cw-text b{font-size:15px}.clash-tray{padding:8px;border-radius:18px}.clash-tray-head{flex-wrap:wrap;row-gap:6px}.clash-tray-head>b{font-size:14px}.clash-tray-list{gap:5px}.clash-tray-item{padding:6px 2px;border-radius:13px}.cti-art{width:44px;height:44px;border-radius:12px}.cti-name{font-size:11px}.cti-cost{font-size:12px;padding:0 5px 0 2px}.clash-tray-hint{font-size:11px;margin-top:6px}.clash-buildbar{gap:6px;padding:6px}.cbb-art{width:38px;height:38px}.cbb-info b{font-size:14px}.cbb-info small{font-size:11px}.clash-pbtn{padding:0 10px;font-size:13px}.clash-buildbar .clash-pbtn-cancel span{display:none}.clash-act{min-height:48px;padding:5px 8px}.ca-main b{font-size:13px}.wave-phone .clash-age-panel{flex-direction:row;justify-content:center;gap:8px;min-width:0;width:100%;padding:4px 10px 5px}.wave-phone .clash-age-panel .cap-label{display:none}.wave-phone .clash-age-panel .cap-num{font-size:20px}.wave-phone .cap-chip{height:20px;padding:0 7px;font-size:11px;line-height:20px;gap:3px}.wave-phone .cap-long{display:none}.wave-phone .cap-short{display:inline}.hud.is-clash.has-tower .clash-strip{display:none}}@media(max-width:640px)and (max-height:800px){.hud.is-clash:has(.tower-panel) .hud-right{visibility:hidden}}@media(max-width:370px){.clash-main{gap:5px;padding:5px}.clash-gold-num{font-size:18px}.clash-gold-coin{display:none}.ca-medal{width:34px;height:34px}.ca-name{font-size:11.5px}.sp-ring{width:42px;height:42px}.sp-name{max-width:58px;font-size:10px}.clash-build-btn{min-width:48px;padding:4px 5px}.clash-troop{height:84px}.ct-art .troop-art{width:40px!important;height:40px!important}.ct-name{font-size:10.5px}.cq-slot{width:34px;height:34px}.cq-slot .troop-art{width:26px!important;height:26px!important}.cq-army-label,.ca-main small{display:none}}@media(max-height:520px)and (min-width:641px),(max-height:500px)and (orientation:landscape),(min-width:641px)and (min-height:501px)and (max-height:800px),(min-width:641px)and (max-width:1080px)and (min-height:501px){.clash-dock{gap:4px}.clash-strip{gap:6px}.clash-queue{padding:2px 4px;border-radius:13px}.cq-slot{width:32px;height:32px;border-radius:9px}.cq-slot .troop-art{width:25px!important;height:25px!important}.cq-army{height:22px}.clash-main{grid-template-columns:auto auto auto auto auto;grid-template-areas:"gold age buy special build";gap:5px;padding:5px;border-radius:18px}.clash-gold{min-width:0;padding:4px 8px 4px 5px;gap:5px;border-radius:13px}.clash-gold-coin .clash-coin{width:22px!important;height:22px!important}.clash-gold-num{font-size:19px}.clash-gold-top{flex-direction:column;align-items:flex-start;gap:2px}.clash-income{font-size:10px;line-height:13px;padding:0 4px}.clash-vault{display:none}.clash-age{width:150px;min-width:0;gap:6px;padding:4px 7px 4px 4px;border-radius:13px}.ca-medal{width:36px;height:36px}.ca-medal b{font-size:15px}.ca-name{font-size:12px}.ca-name small,.ca-xp small{display:none}.ca-xp{height:7px}.ca-up{font-size:14px}.ca-up .icon{width:13px;height:13px}.clash-age.is-ready .ca-cost{font-size:12px}.ca-early{height:19px;font-size:9.5px;padding:0 6px}.clash-buybar{grid-template-columns:repeat(3,76px);gap:4px}.clash-troop{height:70px;padding:3px 2px 4px;border-radius:13px}.ct-art .troop-art{width:36px!important;height:36px!important}.ct-name{display:none}.ct-cost{margin-top:3px;font-size:12px;line-height:15px;padding:0 5px 0 2px}.ct-why{margin-top:3px;font-size:9px;line-height:14px;padding:0 5px}.ct-need{top:26px;font-size:9px;line-height:14px}.ct-role{top:3px;right:3px;height:15px;padding:0 3px}.ct-flag{font-size:8px;line-height:13px}.clash-special{min-width:0;padding:0 2px;gap:4px}.sp-ring{width:42px;height:42px}.sp-core .cl-glyph{width:22px;height:22px}.sp-name{max-width:64px;font-size:10px}.sp-cd{height:15px;min-width:24px;padding:0 4px;font-size:11px;line-height:15px;bottom:-4px}.clash-build-btn{min-width:52px;padding:3px 6px;border-radius:13px}.clash-build-btn .icon{width:17px;height:17px}.clash-build-btn b{font-size:11px}.hud .clash-age-panel{height:auto;min-width:150px;gap:2px;padding-top:3px;padding-bottom:4px}.clash-age-panel .cap-num{font-size:20px}.clash-age-panel .cap-label{display:none}.clash-warns{top:calc(var(--center-bottom, 72px) + 8px)}.hud:has(.hud-top.is-rows2) .clash-warns{top:calc(var(--gut) + var(--sat) + 100px)}.clash-warn{padding:2px 10px 2px 2px}.clash-warn .troop-art{width:26px!important;height:26px!important}.cw-text b{font-size:12px}.cw-text small{display:none}.clash-tray-list{grid-template-columns:repeat(5,minmax(0,1fr))}.cti-art{width:38px;height:38px}.clash-tray{padding:6px;width:min(520px,100%)}.clash-tray-head{margin-bottom:5px}.clash-tray-hint{display:none}.clash-pop-card{padding:7px 10px 9px;gap:5px}.cpc-troops .troop-art{width:28px!important;height:28px!important}.cpc-text small{display:none}.clash-pbtn{min-height:40px}.hud.is-clash.has-tower .clash-strip{display:none}.clash-act{min-height:40px;padding:3px 9px}.ca-main small{display:none}.clash-act .ca-cost{flex-direction:row;gap:5px;padding:3px 7px;font-size:14px}}.hud-top.is-clash-multi .team-group{display:grid;grid-template-columns:repeat(var(--cols, 2),minmax(0,150px));gap:5px;padding:5px;border-radius:18px;background:#0c12246b;box-shadow:inset 0 0 0 1px #ffffff1a}.hud-top.is-clash-multi .team-0{justify-self:start;background:#2854a057;box-shadow:inset 0 0 0 1px #82b9ff52}.hud-top.is-clash-multi .team-1{justify-self:end}.cc-cell{--pc: #e0675a;--hp: 1;position:relative;display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;min-height:44px;padding:5px 8px 6px 10px;border:0;border-radius:12px;cursor:pointer;color:#fff;text-align:left;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(180deg,#2e3a5ef0,#161e36f5);box-shadow:inset 3px 0 0 var(--pc),inset 0 0 0 1px #ffffff1a,0 2px #04081473;transition:filter var(--dur-1),transform var(--dur-1)}.cc-cell:hover{filter:brightness(1.1)}.cc-cell:active{transform:translateY(1px)}.cc-cell.is-you{background:linear-gradient(180deg,#3e6cbef5,#1e3a74f7)}.cc-cell.is-ally{background:linear-gradient(180deg,#325492f0,#1a2e5cf5)}.cc-cell.is-foe.is-on{background:linear-gradient(180deg,#68501af5,#34260cf7);box-shadow:inset 3px 0 0 var(--pc),inset 0 0 0 2px #ffd34d,0 0 12px #ffd34d66,0 2px #04081473}.cc-cell.is-out{cursor:default;opacity:.5;filter:grayscale(.85)}.cc-top{display:flex;align-items:center;gap:5px;min-width:0}.cc-dot{flex:none;display:grid;place-items:center;width:12px;height:12px;border-radius:50%;background:var(--pc);box-shadow:0 0 0 2px #00000059;font:900 8px/1 var(--body);color:#0c1328}.cc-name{flex:1;min-width:0;font:800 12px/1.1 var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-name{flex:0 1 auto}.cc-bot{flex:none;display:grid;color:#ffffff8c}.cc-aim{position:absolute;top:3px;right:3px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#ffd34d;color:#3a2000;box-shadow:0 1px #00000059}.cc-cell.is-on .cc-top{padding-right:16px}.cc-skull{flex:none;display:grid;color:#ffffffbf}.cc-hp{position:relative;display:block;height:12px;border-radius:6px;background:#00000080;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.cc-hp i{position:absolute;inset:0 auto 0 0;width:calc(var(--hp) * 100%);border-radius:6px;background:linear-gradient(180deg,#9cf07e,#3fae4a);transition:width .4s var(--ease-out)}.cc-cell.hp-mid .cc-hp i{background:linear-gradient(180deg,#ffe27a,#e0a21c)}.cc-cell.hp-lo .cc-hp i{background:linear-gradient(180deg,#ff9a7a,#d23a26)}.is-colorblind .cc-hp i{background:linear-gradient(180deg,#8fd0ff,#0072b2)}.is-colorblind .cc-cell.hp-mid .cc-hp i{background:repeating-linear-gradient(45deg,#f0e442 0 6px,#c9b800 6px 12px)}.is-colorblind .cc-cell.hp-lo .cc-hp i{background:repeating-linear-gradient(-45deg,#d55e00 0 4px,#8a3c00 4px 8px)}.cc-num{position:relative;display:block;font:800 9.5px/12px var(--body);text-align:center;color:#fff;text-shadow:0 0 3px #000,0 1px 1px #000;font-variant-numeric:tabular-nums}.cc-num.is-out{text-transform:uppercase;letter-spacing:.06em}.cc-hit{position:absolute;inset:0;border-radius:inherit;background:#ff463280;pointer-events:none;animation:cc-hit .55s ease-out forwards}@keyframes cc-hit{0%{opacity:1}to{opacity:0}}@media(max-width:1180px)and (min-width:641px)and (min-height:521px){.hud-top.is-clash-multi .team-group{gap:4px;padding:4px}.cc-cell{padding:4px 6px 5px 8px;gap:4px}.cc-name{font-size:11px}}@media(max-width:640px)and (orientation:portrait),(max-width:640px)and (min-height:501px){.hud-top.is-clash-multi{grid-template-columns:repeat(var(--cols-all, 4),minmax(0,1fr));gap:4px}.hud-top.is-clash-multi .team-group{display:contents}.cc-cell{gap:4px;padding:4px 5px 5px 8px;border-radius:11px}.cc-dot{width:10px;height:10px}.cc-name{font-size:11px}.cc-aim{top:2px;right:2px;width:14px;height:14px}.cc-aim .icon{width:9px;height:9px}.cc-cell.is-on .cc-top{padding-right:10px}.cc-bot .icon{width:10px;height:10px}.cc-hp{height:7px;border-radius:4px}.cc-num{display:none}}@media(max-height:520px)and (min-width:641px),(max-height:500px)and (orientation:landscape){.hud-top.is-clash-multi .team-group{gap:3px;padding:3px;border-radius:13px;grid-template-columns:repeat(var(--cols, 2),minmax(0,112px))}.cc-cell{min-height:40px;gap:3px;padding:3px 6px 4px 8px;border-radius:10px}.hud-top.is-rows2 .cc-cell{min-height:0;height:36px}.cc-name{font-size:10.5px}.cc-dot{width:10px;height:10px}.cc-aim{top:2px;right:2px;width:14px;height:14px}.cc-aim .icon{width:9px;height:9px}.cc-cell.is-on .cc-top{padding-right:11px}.cc-hp{height:6px;border-radius:3px}.cc-num{display:none}}.clash-tip{--ax: 50%;position:absolute;z-index:24;display:flex;align-items:center;gap:8px;width:max-content;max-width:min(330px,calc(100% - 16px));padding:7px 6px 7px 8px;border-radius:15px;color:#2a1a06;background:linear-gradient(180deg,#fffaf0,#ffeccc);box-shadow:0 0 0 2px #f4b43a,0 8px 22px #140a0059;pointer-events:none;animation:rise-in var(--dur-2) var(--ease-out) both}.ctp-ico{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;color:#fff;background:linear-gradient(180deg,#ffb53a,#e0700f);box-shadow:0 2px #8a3a05}.ctp-text{flex:1;min-width:0;font:700 12.5px/1.3 var(--body)}.ctp-x{position:relative;flex:none;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:10px;cursor:pointer;pointer-events:auto;color:#7a3b06;background:#7a3b061f}.ctp-x:after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.ctp-x:hover{background:#7a3b0633}.ctp-arrow{position:absolute;left:var(--ax);width:14px;height:14px;margin-left:-7px;background:#ffeccc;transform:rotate(45deg)}.clash-tip.at-bottom .ctp-arrow{bottom:-7px;box-shadow:2px 2px #f4b43a}.clash-tip.at-top .ctp-arrow{top:-7px;background:#fffaf0;box-shadow:-2px -2px #f4b43a}@media(max-width:640px),(max-height:520px){.ctp-text{font-size:11.5px}.clash-tip{padding:5px 5px 5px 6px;gap:6px}.ctp-ico{width:26px;height:26px}}@media(max-width:640px),(max-height:520px){.cq-full{height:22px;padding:0 7px;font-size:10px;line-height:22px}}@media(pointer:coarse){.clash-x,.cq-slot{position:relative}.clash-x:after,.cq-slot:before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}}@media(max-width:640px),(max-height:520px){.hud.is-clash:has(.clash-pop-card,.clash-tray) .hud-right{visibility:hidden}.hud.is-clash:has(.clash-pop-card,.clash-tray)>.banner:not(.banner-big){visibility:hidden}.cc-bot{display:none}}@media(max-height:520px)and (min-width:641px),(max-height:500px)and (orientation:landscape){.hud-top.is-clash-multi{grid-template-columns:auto auto minmax(0,1fr)}.hud-top.is-clash-multi .team-group{grid-template-columns:repeat(var(--cols-l, var(--cols, 2)),minmax(0,112px))}.hud-top.is-clash-multi.is-rows2-l .cc-cell{min-height:0;height:36px}.hud:has(.hud-top.is-clash-multi.is-rows2-l) .hud-row2{top:94px}.hud:has(.hud-top.is-clash-multi.is-rows2-l) .clash-warns{top:calc(var(--gut) + var(--sat) + 100px)}}@media(max-height:520px)and (min-width:641px),(max-height:500px)and (orientation:landscape){.clash-sp-pick{width:min(470px,100%)}.clash-sp-pick .cpc-head b{font-size:14px}.cpc-targets{gap:4px}.cpc-targets .clash-tchip{height:34px}.clash-sp-pick .cpc-hint{display:none}}@media(min-width:641px)and (min-height:521px){.hud.is-clash:has(.hud-top.is-rows2) .clash-warns{top:calc(var(--gut) + var(--sat) + 114px)}}@media(max-width:640px)and (orientation:portrait),(max-width:640px)and (min-height:501px){.hud.is-clash>.banner:not(.banner-big){top:calc(var(--row2-bottom, 136px) + 104px)}body:has(.hud.is-clash>.banner:not(.banner-big)) .toasts{top:56%}}@media(max-height:520px)and (min-width:641px),(max-height:500px)and (orientation:landscape){.hud.is-clash>.banner:not(.banner-big){top:calc(var(--sat, 0px) + 150px)}.hud.is-clash>.banner:not(.banner-big) .banner-sub{display:none}body .app:has(.hud.is-clash) .toasts{top:48%}body:has(.hud.is-clash>.banner:not(.banner-big)) .toasts{top:58%}}@media(max-width:1180px)and (min-width:641px){.cc-bot{display:none}}.hud:has(>.banner) .clash-tip{visibility:hidden}@media(min-width:641px)and (min-height:521px){body:has(.hud.is-clash>.banner:not(.banner-big)) .toasts{top:64%}}.troop-art{position:relative;display:inline-grid;place-items:center;flex:none;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--tc) 85%,#fff 15%),color-mix(in srgb,var(--tc) 55%,#10203a) 58%,#142036);box-shadow:inset 0 0 0 2px #ffffff59,0 2px #00000040}.troop-art[style*=--oc]{box-shadow:inset 0 0 0 2px #ffffff59,0 0 0 3px var(--oc),0 2px #00000040}.troop-art img{width:112%;height:112%;object-fit:cover;object-position:50% 30%;pointer-events:none;-webkit-user-select:none;user-select:none}.troop-art-glyph{font:400 calc(var(--s, 1) * 1.1em) var(--display, system-ui);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.4)}.cc-card{--cc1: #ffd451;--cc2: #f59a1b;--cc3: #c9580b;--cclip: #8a3a05;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:132px;margin:0;padding:16px 22px 16px 148px;border-radius:24px;text-align:left;color:#fff;background:radial-gradient(ellipse 55% 110% at 8% 0%,rgba(255,252,214,.6),transparent 62%),linear-gradient(118deg,var(--cc1) 0%,var(--cc2) 46%,var(--cc3) 100%);box-shadow:inset 0 0 0 2px #fff0be8c,inset 0 2px #ffffff73,inset 0 -4px #5a1e0038,0 6px 0 var(--cclip),0 14px 28px #3c180052}.cc-card:after{content:"";position:absolute;inset:3px 4px auto;height:44%;border-radius:21px 21px 50% 50%/21px 21px 18px 18px;background:linear-gradient(180deg,#ffffff47,#fff0);pointer-events:none;z-index:1}.cc-open{position:absolute;inset:0;z-index:0;border:0;border-radius:inherit;padding:0;margin:0;min-height:0;background:none;box-shadow:none;cursor:pointer}.cc-open:hover{background:#ffffff12}.cc-open:focus-visible{outline:3px solid #fff;outline-offset:-5px}.cc-art{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.cc-art-march{animation:cc-march 1.6s linear infinite}@keyframes cc-march{to{stroke-dashoffset:-24}}.cc-crest-wrap{position:absolute;z-index:2;left:20px;top:50%;width:108px;height:108px;transform:translateY(-50%) rotate(-4deg);pointer-events:none;filter:drop-shadow(0 5px 0 rgba(110,40,0,.45)) drop-shadow(0 10px 14px rgba(60,20,0,.3))}.clash-crest{display:block;width:100%;height:100%}.clash-crest-swords{transform-origin:60px 46px;animation:cc-swords 3.4s ease-in-out infinite}@keyframes cc-swords{0%,70%,to{transform:scale(1)}80%{transform:scale(1.08) rotate(-3deg)}90%{transform:scale(1.02) rotate(2deg)}}.clash-crest-spark{transform-origin:60px 38px;animation:cc-spark 3.4s ease-in-out infinite;opacity:0}@keyframes cc-spark{0%,74%{opacity:0;transform:scale(.3)}82%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.4)}}.cc-copy{position:relative;z-index:2;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none}.cc-copy>small{display:inline-block;padding:3px 9px;border-radius:9px;background:#6e26006b;font:800 11px/1.3 var(--body);letter-spacing:.1em;color:#fff3d6}.cc-copy>b{display:flex;align-items:center;gap:10px;font:400 clamp(26px,3.6vw,36px)/1.06 var(--display);color:#fff;text-shadow:0 3px 0 var(--cclip),0 0 1px var(--cclip),0 6px 14px rgba(80,30,0,.35)}.cc-copy>em{font:700 15px/1.3 var(--body);font-style:normal;color:#fff;text-shadow:0 1px 2px rgba(90,30,0,.9),0 0 6px rgba(120,40,0,.35)}.cc-ribbon{position:absolute;z-index:3;top:13px;right:-36px;width:124px;padding:4px 0 5px;transform:rotate(38deg);text-align:center;pointer-events:none;font:400 14px/1 var(--display);letter-spacing:.12em;color:#fff;text-shadow:0 1px 0 rgba(80,0,10,.6);background:linear-gradient(180deg,#ff5d4f,#d22437);box-shadow:inset 0 1.5px #ffffff73,inset 0 -1.5px #0003,0 3px 6px #5a0a0059}.cc-actions{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-right:44px}.cc-short{display:none}.cc-play{min-width:196px;--fs: 22px;min-height:56px;padding-inline:24px}.cc-play:not(:disabled){animation:cc-play-glow 3.2s ease-in-out infinite}@keyframes cc-play-glow{50%{box-shadow:inset 0 0 0 1.5px #ffffff38,inset 0 -3px #00000024,0 4px 0 var(--c3),0 0 0 6px #fff5c861,0 9px 18px #3c0a0052}}.cc-practice{min-height:42px;--fs: 15px;box-shadow:inset 0 0 0 2px #ffffffd9;background:#7828002e;text-shadow:0 1px 2px rgba(80,20,0,.7)}.cc-practice:hover:not(:disabled){background:#7828004d}.cc-more{display:none}.cc-play:focus-visible,.cc-practice:focus-visible,.cc-more:focus-visible{outline:3px solid #fff;outline-offset:2px}@media(min-width:641px)and (max-height:800px){.cc-card{min-height:112px;padding-top:12px;padding-bottom:12px;padding-left:132px}.cc-crest-wrap{width:94px;height:94px}.cc-play{min-height:50px}.cc-practice{min-height:38px}}@media(min-width:641px)and (max-width:900px){.cc-card{padding-left:128px;gap:12px}.cc-crest-wrap{left:14px;width:96px;height:96px}.cc-play{min-width:160px}}@media(max-width:640px){.cc-card{min-height:0;gap:8px;padding:10px 10px 10px 74px;border-radius:20px;box-shadow:inset 0 0 0 2px #fff0be8c,inset 0 2px #ffffff73,inset 0 -3px #5a1e0038,0 5px 0 var(--cclip),0 10px 20px #3c18004d}.cc-crest-wrap{left:9px;width:58px;height:58px;filter:drop-shadow(0 3px 0 rgba(110,40,0,.45))}.cc-copy{gap:2px}.cc-copy>small,.cc-practice{display:none}.cc-copy>b{font-size:22px;gap:6px;white-space:nowrap}.cc-ribbon{top:5px;left:5px;right:auto;width:auto;padding:3px 6px 4px;border-radius:7px;transform:rotate(-10deg);font-size:10.5px;letter-spacing:.06em;box-shadow:inset 0 0 0 1.5px #fff9,0 2px #7a0d1a}.cc-copy>em{font-size:12px;line-height:1.25}.cc-actions{flex-direction:row;align-items:center;gap:6px;margin-right:0}.cc-play{min-width:0;min-height:46px;padding-inline:14px;--fs: 18px}.cc-play .icon{width:20px;height:20px}.cc-more{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;cursor:pointer;color:#fff;background:#fff3;box-shadow:inset 0 0 0 2px #ffffffa6,0 2px #6e280073}.cc-art g{display:none}.cc-art-road{opacity:.5}.cc-long{display:none}.cc-short{display:inline}}@media(max-width:380px){.cc-card{padding-left:66px}.cc-crest-wrap{width:50px;height:50px;left:8px}.cc-copy>b{font-size:20px}.cc-copy>em{font-size:11.5px}.cc-play{padding-inline:12px;--fs: 17px}.cc-more{width:32px;height:32px}}.clash-first .panel-body{text-align:center}.clash-first-art{width:112px;height:112px;margin:2px auto 8px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.3))}.clash-first-lead{margin:0 0 6px;font:400 20px/1.2 var(--display);color:#ffe08a}.clash-panel{width:min(560px,100%);min-width:0}.cp-hero{display:flex;align-items:center;gap:14px;margin:0 0 12px;padding:10px 14px 10px 10px;border-radius:18px;background:linear-gradient(118deg,#ffc93d47,#e0701229);box-shadow:inset 0 0 0 1.5px #ffd66673}.cp-crest{flex:none;width:66px;height:66px;filter:drop-shadow(0 3px 0 rgba(0,0,0,.25))}.cp-hero p{margin:0;font:600 14px/1.4 var(--body);color:#fff}.cp-block{display:flex;flex-direction:column;gap:10px;margin:0 0 12px;padding:12px;border-radius:18px;background:#ffffff0f;box-shadow:inset 0 0 0 1.5px #a0c8ff38}.cp-h{display:flex;align-items:center;gap:7px;margin:0;font:400 17px var(--display);color:#ffe08a;letter-spacing:.02em}.cp-h .icon{color:#ffd34d}.cp-line{margin:0;font:600 13px/1.4 var(--body);color:#dfe8f4}.cp-offline{display:flex;align-items:center;justify-content:space-between;gap:10px}.cp-offline .btn{flex:none}.cp-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cp-more.is-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-tile{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:96px;padding:10px 6px;border:0;border-radius:16px;cursor:pointer;color:#fff;text-align:center;background:#ffffff14;box-shadow:inset 0 0 0 1.5px #a0c8ff40,0 3px #06102473;transition:transform var(--dur-1, .12s),background .15s}.cp-tile:hover:not(:disabled){background:#ffffff24;transform:translateY(-1px)}.cp-tile:active:not(:disabled){transform:translateY(2px)}.cp-tile:focus-visible{outline:3px solid #ffd34d;outline-offset:2px}.cp-tile:disabled{opacity:.55;cursor:not-allowed}.cp-tile b{font:400 15px/1.15 var(--display)}.cp-tile small{font:600 11.5px/1.25 var(--body);color:#cfdcec}.cp-tile-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#fff;box-shadow:inset 0 0 0 1.5px #fff6,0 2px #00000040}.t-purple{background:linear-gradient(180deg,#a678f0,#6c42c4)}.t-green{background:linear-gradient(180deg,#5ccf6a,#2a8a3c)}.t-amber{background:linear-gradient(180deg,#ffcf4a,#e0800f);color:#3a1d00}.pvp-game .seg-opt.is-on small{color:inherit}.cp-fmt .seg-opt{min-width:0}.cp-fmt .seg-opt.is-on{--seg: #e0701a}.cp-note{color:#ffe08a}.cp-btn-fmt,.cc-fmt{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:8px;font:800 12px/1.4 var(--body);letter-spacing:.02em;vertical-align:middle;background:#00000038;box-shadow:inset 0 0 0 1.5px #fff6}.clash-howto{width:min(744px,100%);min-width:0}.clash-howto .panel-body{min-width:0}.clash-howto .panel-body{overscroll-behavior:contain}.ch-tabs{display:flex;gap:5px;margin:0 -4px 12px;padding:2px 4px 6px;overflow-x:auto;scrollbar-width:none}.ch-tabs::-webkit-scrollbar{display:none}@media(min-width:641px){.ch-tabs{flex-wrap:wrap;overflow:visible}}.ch-tab{flex:none;display:inline-flex;align-items:center;gap:4px;min-height:38px;padding:0 10px;border:0;border-radius:19px;cursor:pointer;color:#dfe8f4;font:700 13px var(--body);background:#ffffff14;box-shadow:inset 0 0 0 1.5px #a0c8ff38}.ch-tab:hover{background:#ffffff24}.ch-tab.is-on{color:#3a1d00;background:linear-gradient(180deg,#ffe07a,#f4a41f);box-shadow:inset 0 0 0 1.5px #ffffff8c,0 2px #9a5a0c}.ch-tab:focus-visible{outline:3px solid #fff;outline-offset:2px}.ch-panel{min-height:372px;touch-action:pan-y;animation:ch-in .28s var(--ease-out, ease-out) both}@keyframes ch-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.ch-h{margin:0 0 10px;font:400 22px/1.15 var(--display);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.3)}.ch-p{margin:0 0 10px;font:600 14px/1.45 var(--body);color:#e6eef8}.ch-note{margin-top:10px;color:#cfdcec;font-size:13px}.ch-list{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:8px}.ch-list li{position:relative;padding-left:24px;font:600 14px/1.45 var(--body);color:#eef3fa}.ch-list li:before{content:"";position:absolute;left:4px;top:.42em;width:10px;height:10px;border-radius:3px;transform:rotate(45deg);background:linear-gradient(180deg,#ffe07a,#f4a41f);box-shadow:0 1px #9a5a0c}.ch-diagram{display:block;width:100%;height:auto;border-radius:14px;box-shadow:inset 0 0 0 2px #ffffff4d,0 4px #06102473}.ch-diagram-label{font:400 13px var(--display);fill:#fff;paint-order:stroke;stroke:#141e32b3;stroke-width:3px}.ch-anim-arrow{animation:ch-nudge 1.4s ease-in-out infinite}@keyframes ch-nudge{50%{transform:translateY(-3px)}}.ch-gold-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ch-gold-grid>:last-child:nth-child(odd){grid-column:1 / -1}.ch-fact{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:#ffffff12;box-shadow:inset 0 0 0 1.5px #ffd6664d}.ch-fact-ico{grid-row:1 / 3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#3a1d00;background:linear-gradient(180deg,#ffe07a,#f4a41f);box-shadow:0 2px #9a5a0c}.ch-fact b{font:400 20px/1.1 var(--display);color:#ffe08a}.ch-fact small{font:600 12.5px/1.35 var(--body);color:#e6eef8}.ch-ages{margin:0;padding:0;list-style:none;display:grid;gap:8px;position:relative}.ch-age{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;border-radius:14px;background:#ffffff12;box-shadow:inset 3px 0 0 var(--ac)}.ch-age-badge{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#241405;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--ac) 55%,#fff),var(--ac) 70%);box-shadow:inset 0 0 0 2px #ffffff8c,0 3px color-mix(in srgb,var(--ac) 45%,#000)}.ch-age-badge b{font:400 19px/1 var(--display)}.ch-age-copy{flex:1;min-width:0;display:grid;gap:6px}.ch-age-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px}.ch-age-name b{font:400 17px var(--display);color:#fff}.ch-age-name small{font:700 12px var(--body);color:#cfdcec}.ch-age-troops{display:flex;flex-wrap:wrap;gap:4px 12px}.ch-age-troop{display:inline-flex;align-items:center;gap:6px;font:700 12.5px var(--body);color:#e6eef8}.ch-counters{margin:0 0 4px;padding:0;list-style:none;display:grid;gap:6px}.ch-counters li{display:grid;grid-template-columns:auto auto auto minmax(0,1fr);align-items:center;gap:8px 10px;padding:6px 12px 6px 6px;border-radius:14px;background:#ffffff12}.ch-cn-unit{display:inline-flex;align-items:center;gap:7px;min-width:104px}.ch-cn-unit b{font:400 15px var(--display);color:color-mix(in srgb,var(--rc) 50%,#fff)}.ch-cn-beats{display:inline-flex;align-items:center;gap:2px;padding:2px 8px 2px 4px;border-radius:10px;font:800 11px var(--body);text-transform:uppercase;letter-spacing:.06em;color:#3a1d00;background:#ffd34d}.ch-cn-why{font:600 12.5px/1.3 var(--body);color:#cfdcec}.ch-specials{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ch-specials li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:#ffffff12;box-shadow:inset 3px 0 0 var(--ac)}.ch-sp-age{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font:400 15px/1 var(--display);color:#241405;background:var(--ac);box-shadow:inset 0 0 0 2px #ffffff80}.ch-sp-copy{display:grid;gap:1px;min-width:0}.ch-sp-copy b{font:400 16px var(--display);color:#fff}.ch-sp-copy small{font:600 12px/1.3 var(--body);color:#cfdcec}.ch-formats{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:12px 0 0}.ch-formats small{margin-right:4px;font:800 11px var(--body);letter-spacing:.08em;text-transform:uppercase;color:#cfdcec}.ch-formats b{padding:3px 10px;border-radius:10px;font:400 14px var(--display);color:#fff;background:#ffffff1a;box-shadow:inset 0 0 0 1.5px #ffffff2e}.ch-fact.is-main{grid-column:1 / -1;background:linear-gradient(110deg,#ffd34d33,#ffd34d0f);box-shadow:inset 0 0 0 1.5px #ffd34d73}.ch-clock{display:grid;grid-template-columns:2fr 1.4fr .8fr;gap:4px;margin-bottom:4px}.ch-clock-seg{display:grid;gap:2px;padding:10px;border-radius:12px;color:#fff}.ch-clock-seg.s1{background:linear-gradient(180deg,#3d66a0,#274a7e);border-radius:14px 6px 6px 14px}.ch-clock-seg.s2{background:repeating-linear-gradient(135deg,#e0702a 0 10px,#c95a18 10px 20px);border-radius:6px}.ch-clock-seg.s3{background:linear-gradient(180deg,#ffe07a,#f4a41f);color:#3a1d00;border-radius:6px 14px 14px 6px}.ch-clock-seg b{font:400 20px var(--display)}.ch-clock-seg small{display:inline-flex;align-items:center;gap:4px;font:800 12px var(--body)}.ch-hp{display:grid;gap:8px;margin:10px 0 4px;padding:12px;border-radius:14px;background:#ffffff12}.ch-hp-row{display:grid;grid-template-columns:96px minmax(0,1fr) 44px 22px;align-items:center;gap:8px;font:700 13px var(--body);color:#eef3fa}.ch-hp-bar{height:14px;border-radius:7px;background:#0000004d;overflow:hidden}.ch-hp-bar i{display:block;height:100%;border-radius:7px}.ch-hp-row.mine i{background:linear-gradient(180deg,#6fb0ff,#2f76d6)}.ch-hp-row.theirs i{background:repeating-linear-gradient(45deg,#ef4444 0 6px,#b52a2a 6px 12px)}.ch-hp-row b{font:400 15px var(--display);text-align:right}.ch-hp-row .icon{color:#ffd34d}.ch-tips{margin:0;padding:0;list-style:none;display:grid;gap:8px}.ch-tips li{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:14px;background:#ffffff12;font:600 14px/1.4 var(--body);color:#eef3fa}.ch-tips li>span{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font:400 15px var(--display);color:#3a1d00;background:linear-gradient(180deg,#ffe07a,#f4a41f);box-shadow:0 2px #9a5a0c}.ch-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.ch-foot .btn{min-width:112px}.ch-dots{display:flex;gap:6px}.ch-dots i{width:8px;height:8px;border-radius:50%;background:#ffffff47;transition:width .2s,background .2s}.ch-dots i.on{width:22px;border-radius:4px;background:#ffd34d}@media(max-width:640px){.ch-counters li{grid-template-columns:auto auto auto;padding-right:8px}.ch-cn-unit{min-width:0}.ch-cn-why{grid-column:1 / -1;padding-left:4px}.ch-specials{grid-template-columns:1fr}.ch-panel{min-height:0}.ch-foot .btn{min-width:0;padding-inline:14px}.ch-dots{gap:4px}.ch-dots i{width:6px;height:6px}.ch-dots i.on{width:16px}.cp-more{gap:6px}.cp-tile{min-height:88px}.cp-hero p{font-size:13px}.cp-crest{width:56px;height:56px}}@media(max-width:380px){.ch-gold-grid,.ch-specials{grid-template-columns:1fr}.ch-tab span{font-size:12px}}.clash-guide{position:absolute;z-index:26;left:50%;transform:translate(-50%);width:min(430px,calc(100% - 20px));pointer-events:none}.clash-guide.at-bottom{bottom:calc(var(--sab, 0px) + 176px)}.clash-guide.at-top{top:calc(var(--sat, 0px) + 118px)}.cg-bubble{position:relative;display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:20px;pointer-events:auto;color:#2a1a06;background:linear-gradient(180deg,#fffaf0,#ffeccc);box-shadow:inset 0 0 0 2px #f4b43a,0 0 0 3px #7a3b06,0 14px 30px #00000073;animation:cg-pop .32s cubic-bezier(.2,1.4,.4,1) both}@keyframes cg-pop{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}.cg-ico{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:#fff;background:linear-gradient(180deg,#ffb53a,#e0700f);box-shadow:inset 0 0 0 1.5px #ffffff80,0 3px #8a3a05}.cg-copy{flex:1;min-width:0;display:grid;gap:3px}.cg-copy small{font:800 10.5px var(--body);letter-spacing:.1em;text-transform:uppercase;color:#b0560a}.cg-copy b{font:400 19px/1.15 var(--display);color:#3a1d00}.cg-copy p{margin:0;font:600 13.5px/1.4 var(--body);color:#3d2a12}.cg-timer{display:inline-flex;align-items:center;gap:5px;justify-self:start;margin-top:2px;padding:3px 9px;border-radius:10px;font:800 12px var(--body);color:#fff;background:#7a5fd0}.cg-dots{display:flex;gap:4px;margin-top:6px}.cg-dots i{flex:1;height:5px;border-radius:3px;background:#7a3b062e}.cg-dots i.done{background:#f4a41f}.cg-dots i.on{background:#e0700f;animation:cg-breathe 1.2s ease-in-out infinite}@keyframes cg-breathe{50%{opacity:.55}}.cg-skip{flex:none;align-self:flex-start;display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:0 10px;border:0;border-radius:12px;cursor:pointer;font:800 12px var(--body);color:#7a3b06;background:#7a3b061a}.cg-skip:hover{background:#7a3b062e}.cg-skip:focus-visible{outline:3px solid #2f76d6;outline-offset:2px}.cg-arrow{position:absolute;left:50%;width:22px;height:22px;margin-left:-11px;background:#ffeccc;box-shadow:3px 3px #7a3b06;border-right:2px solid #f4b43a;border-bottom:2px solid #f4b43a}.at-bottom .cg-arrow{bottom:-12px;transform:rotate(45deg);animation:cg-bob-down 1.1s ease-in-out infinite}.at-top .cg-arrow{top:-12px;transform:rotate(225deg);background:#fffaf0;animation:cg-bob-up 1.1s ease-in-out infinite}@keyframes cg-bob-down{50%{transform:translateY(5px) rotate(45deg)}}@keyframes cg-bob-up{50%{transform:translateY(-5px) rotate(225deg)}}@media(min-width:900px){.clash-guide.aim-left{transform:translate(calc(-50% - 170px))}.clash-guide.aim-right{transform:translate(calc(-50% + 190px))}.aim-left .cg-arrow{left:22%}.aim-right .cg-arrow{left:84%}}@media(max-width:640px){.clash-guide.at-bottom{bottom:calc(var(--sab, 0px) + 238px)}.clash-guide.at-top{top:calc(var(--sat, 0px) + 104px)}.cg-bubble{padding:10px;gap:8px}.cg-ico{width:36px;height:36px;border-radius:12px}.cg-copy b{font-size:17px}.cg-copy p{font-size:12.5px}.cg-skip span{display:none}.cg-skip{width:36px;justify-content:center;padding:0}}.clash-res{--mine: #3b82f6;--theirs: #ef4444;width:100%;display:grid;gap:10px;animation:rise-in .5s .15s both;color:#fff}.clash-res .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cr-card{min-width:0;padding:12px 14px;border-radius:18px;background:#101a30d1;box-shadow:inset 0 0 0 1.5px #a0c8ff33,0 6px 18px #00000047}.cr-card-h{display:flex;align-items:center;min-height:28px;justify-content:space-between;gap:4px 10px;flex-wrap:wrap;margin-bottom:10px}.cr-card-h h3{margin:0;font:400 17px var(--display);color:#ffe08a;letter-spacing:.01em}.cr-card-note{font:700 12.5px/1.3 var(--body);color:#b9c8dc}.cr-big{display:inline-flex;align-items:center;gap:6px;font:400 20px var(--display);color:#ffe08a;font-variant-numeric:tabular-nums}.cr-big .icon{color:#ffd34d}.cr-head{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap;padding:10px 14px;border-radius:18px;background:#101a30d1;box-shadow:inset 0 0 0 1.5px #a0c8ff33,0 6px 18px #00000047}.cr-medal{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font:400 18px/1 var(--display);color:#241405;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--ac) 55%,#fff),var(--ac) 70%);box-shadow:inset 0 0 0 2px #fff9,0 3px color-mix(in srgb,var(--ac) 45%,#000)}.cr-head-copy{flex:1 1 160px;min-width:0;display:grid;gap:1px}.cr-head-copy small{font:800 11px var(--body);letter-spacing:.08em;text-transform:uppercase;color:#b9c8dc}.cr-head-copy b{font:400 clamp(18px,2.6vw,22px)/1.15 var(--display)}.cr-chip{flex:none;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 9px;border-radius:14px;background:#ffffff14;box-shadow:inset 0 0 0 1.5px #ffffff2e}.cr-chip>span{display:grid}.cr-chip small{font:700 11px var(--body);color:#cfdcec}.cr-chip b{font:400 15px/1.15 var(--display)}.cr-chip .icon{color:#ffd34d}.cr-place.is-first{background:#ffd34d29;box-shadow:inset 0 0 0 1.5px #ffd34d8c}.cr-comeback{color:#3a1d00;background:linear-gradient(180deg,#fff3b0,#ffd34d);box-shadow:inset 0 0 0 2px #fff,0 3px #9a5a0c;animation:cr-pop .5s .6s cubic-bezier(.2,1.5,.4,1) both}.cr-comeback small{color:#6a3a06}.cr-comeback .icon{color:#c2560a}@keyframes cr-pop{0%{opacity:0;transform:scale(.6) rotate(-8deg)}to{opacity:1;transform:none}}.cr-lanes{display:grid;gap:4px}.cr-lane,.cr-axis{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px}.cr-lane-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 12.5px var(--body);color:#dfe8f4}.cr-lane.is-you .cr-lane-name{color:color-mix(in srgb,var(--mine) 45%,#fff)}.cr-lane.is-rival .cr-lane-name{color:color-mix(in srgb,var(--theirs) 45%,#fff)}.cr-lane-track{position:relative;height:26px;border-radius:8px;background:#ffffff0f}.cr-lane.is-you{padding-top:16px}.cr-lane.is-rival{padding-bottom:16px}.cr-seg{position:absolute;top:0;bottom:0;display:grid;place-items:center;overflow:hidden;font-style:normal;background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 80%,#fff),var(--ac));box-shadow:inset -1px 0 #00000040}.cr-seg:first-child{border-radius:8px 0 0 8px}.cr-seg:last-of-type{border-radius:0 8px 8px 0}.cr-seg:first-child:last-of-type{border-radius:8px}.cr-lane.is-rival .cr-seg:not(.is-fallen){opacity:.78}.cr-seg b{font:400 13px/1 var(--display);color:#241405}.cr-seg.is-fallen{color:#ffb4a8;border-radius:0 8px 8px 0;background:repeating-linear-gradient(135deg,#ffffff12 0 6px,#fff0 6px 12px);opacity:1}.cr-mark{position:absolute;top:-3px;bottom:-3px;width:3px;margin-left:-1.5px;border-radius:2px;background:#fff;box-shadow:0 0 0 1.5px #0a1222cc}.cr-mark small{position:absolute;left:50%;transform:translate(-50%);padding:0 4px;border-radius:6px;white-space:nowrap;font:800 11px/15px var(--body);color:#241405;background:var(--ac)}.cr-lane.is-you .cr-mark small{bottom:calc(100% + 1px)}.cr-lane.is-rival .cr-mark small{top:calc(100% + 1px)}.cr-axis-track{position:relative;height:14px;border-top:1px solid rgba(255,255,255,.12)}.cr-axis-track small{position:absolute;top:1px;font:700 10.5px var(--body);color:#8ea0bb;white-space:nowrap}.cr-axis-track small.is-mid{transform:translate(-50%)}.cr-axis-track small.is-end{transform:translate(-100%)}.cr-grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:stretch}.cr-byage{margin:0;padding:0;list-style:none;display:grid;gap:6px}.cr-byage li{display:grid;grid-template-columns:96px minmax(0,1fr) 52px;align-items:center;gap:8px}.cr-byage-age{display:inline-flex;align-items:center;gap:6px;font:700 12.5px var(--body);color:#dfe8f4;white-space:nowrap}.cr-byage-age i,.cr-army-tag i{display:grid;place-items:center;min-width:24px;height:20px;padding:0 4px;border-radius:7px;font:400 12px/1 var(--display);font-style:normal;color:#241405;background:var(--ac)}.cr-byage-bar{height:10px;border-radius:5px;background:#ffffff12;overflow:hidden}.cr-byage-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,color-mix(in srgb,var(--ac) 55%,transparent),var(--ac))}.cr-byage b{text-align:right;font:400 15px var(--display);font-variant-numeric:tabular-nums}.cr-byage li.is-off{opacity:.4}.cr-split{display:grid;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.cr-split-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:#ffffff12}.cr-split-bar i{display:block;height:100%}.cr-split i.is-bounty{background:linear-gradient(180deg,#ffe07a,#f2a51f)}.cr-split i.is-passive{background:linear-gradient(180deg,#8fa6c6,#5d7396)}.cr-split-legend{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font:700 12.5px var(--body);color:#dfe8f4}.cr-split-legend>span{display:inline-flex;align-items:center;gap:6px}.cr-split-legend i{width:10px;height:10px;border-radius:3px}.cr-split-legend b{font:400 15px var(--display);color:#fff}.cr-split-legend small{font:800 11.5px var(--body);color:#ffe08a}.cr-statlist{margin:0;display:grid}.cr-stat{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.07)}.cr-stat:last-child{border-bottom:0}.cr-stat dt{display:flex;align-items:center;gap:8px;min-width:0;font:700 13px var(--body);color:#dfe8f4}.cr-stat dt .icon{flex:none;color:#ffd34d}.cr-stat dt>span{display:grid;min-width:0}.cr-stat dt small{font:600 11px/1.3 var(--body);color:#8ea0bb}.cr-stat dd{margin:0;font:400 17px var(--display);font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap}.cr-rival-key{display:inline-block;padding:0 6px;border-radius:6px;font:800 11px/16px var(--body);color:#fff;background:color-mix(in srgb,var(--theirs) 70%,#000)}.cr-army-groups{display:grid;gap:8px}.cr-army-age{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px}.cr-army-tag{display:inline-flex;align-items:center;gap:6px;font:700 12.5px var(--body);color:#dfe8f4;white-space:nowrap}.cr-army-age ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}.cr-unit{position:relative;display:inline-flex;align-items:center;gap:8px;min-width:0;padding:4px 12px 4px 4px;border-radius:28px;background:#ffffff0f;box-shadow:inset 0 0 0 1.5px #ffffff14}.cr-unit.is-none{opacity:.5}.cr-unit-copy{display:grid;line-height:1.1}.cr-unit-copy b{font:400 17px var(--display);font-variant-numeric:tabular-nums}.cr-unit-copy small{font:700 11px var(--body);color:#b9c8dc;white-space:nowrap}.cr-unit-rival{position:absolute;top:-4px;left:30px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;text-align:center;font:800 10.5px/18px var(--body);color:#fff;background:color-mix(in srgb,var(--theirs) 70%,#000);box-shadow:0 0 0 2px #101a30f2}@media(max-width:720px){.cr-grid2{grid-template-columns:1fr}}@media(max-width:640px){.clash-res{gap:8px}.cr-card,.cr-head{padding:10px 12px;border-radius:16px}.cr-medal{width:38px;height:38px;font-size:16px}.cr-chip{flex:1 1 auto}.cr-lane,.cr-axis{grid-template-columns:52px minmax(0,1fr);gap:8px}.cr-lane-name{font-size:11.5px}.cr-army-age{grid-template-columns:1fr;gap:4px}.cr-army-age ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cr-unit{flex-direction:column;gap:2px;padding:6px 4px;border-radius:14px;text-align:center}.cr-unit-copy small{white-space:normal;line-height:1.15}.cr-unit-rival{left:auto;right:calc(50% - 30px);top:2px}.cr-byage li{grid-template-columns:84px minmax(0,1fr) 46px}}@media(prefers-reduced-motion:reduce){.cc-art-march,.clash-crest-swords,.clash-crest-spark,.cc-play,.ch-anim-arrow,.ch-panel,.cg-bubble,.cg-arrow,.cg-dots i.on,.cr-comeback,.clash-res{animation:none!important}}.is-reduced-motion .cc-art-march,.is-reduced-motion .clash-crest-swords,.is-reduced-motion .clash-crest-spark,.is-reduced-motion .cc-play,.is-reduced-motion .ch-anim-arrow,.is-reduced-motion .ch-panel,.is-reduced-motion .cg-bubble,.is-reduced-motion .cg-arrow,.is-reduced-motion .cg-dots i.on,.is-reduced-motion .cr-comeback,.is-reduced-motion .clash-res{animation:none!important}.is-reduced-motion .clash-crest-spark{opacity:0}.mode-cards .mode-card-clash{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;min-height:0;padding:10px 14px;text-align:left;background:linear-gradient(135deg,#ffd166,#f4a62a 55%,#d9781a);color:#3a2304;box-shadow:inset 0 0 0 2px #ffffff73,0 3px #9c560f}.mode-cards .mode-card-clash .mode-icon{grid-row:1 / 3;background:#ffffff59;color:#5a3205}.mode-cards .mode-card-clash small{color:#4a2c06}.mode-cards .mode-card-clash.is-on{outline:3px solid #fff;box-shadow:inset 0 0 0 2px #fff,0 0 0 4px #e98b14,0 3px #9c560f}.mode-cards .mode-card-clash b{color:#fff;font-size:18px;text-shadow:0 2px 0 #9c560f;align-self:end}.mode-cards .mode-card-clash small{align-self:start;font-weight:700}.clash-guide.is-anchored{transform:none!important}.clash-guide.is-anchored .cg-arrow{left:var(--ax, 50%)!important}.app:has(.hud.is-clash) .toasts{top:54%}.home-v8 .home-lower{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:stretch}.home-v8 .home-lower>*{min-width:0}@media(min-width:980px){.home-v8{--hc-max: 880px}.home-v8 .home-lower:not(.is-solo){grid-template-columns:minmax(0,1.42fr) minmax(0,1fr)}}.home-hs{display:flex;flex-direction:column;gap:9px;margin:0;padding:12px 14px;border-radius:22px;color:#fff;background:linear-gradient(180deg,#1a3664e6,#102448eb);box-shadow:inset 0 0 0 1.5px #96c3ff59,inset 0 1px #ffffff24,0 5px #08142c99,0 12px 24px #0612284d}.home-hs-head{display:flex;align-items:center;gap:8px;min-width:0}.home-hs-title{display:inline-flex;align-items:center;gap:6px;flex:none}.home-hs-title .icon{color:#ffd34d;filter:drop-shadow(0 1px 0 rgba(0,0,0,.35))}.home-hs-title b{font:400 19px/1 var(--display);color:#fff;text-shadow:0 2px 0 rgba(6,18,40,.5)}.home-hs-game{display:inline-flex;gap:3px;margin-left:auto;padding:3px;border-radius:16px;background:#06122c73;box-shadow:inset 0 0 0 1px #96c3ff33}.home-hs-gbtn{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:0 9px;border:0;border-radius:13px;background:none;color:#dbe7f6;font:800 11.5px var(--body);cursor:pointer;white-space:nowrap}.home-hs-gbtn:hover{color:#fff;background:#ffffff14}.home-hs-gbtn.is-on{color:#fff;background:linear-gradient(180deg,#4c86d0,#2c5ea8);box-shadow:inset 0 0 0 1.5px #ffffff47,0 2px #18396e;text-shadow:0 1px 0 rgba(6,20,50,.6)}.home-hs-gbtn.is-clash.is-on{background:linear-gradient(180deg,#f39a3c,#c4601a);box-shadow:inset 0 0 0 1.5px #ffffff4d,0 2px #7a3a0c}.home-hs-all{align-self:center;display:inline-flex;align-items:center;gap:4px;min-height:36px;margin-top:auto;padding:0 16px;border:0;border-radius:18px;cursor:pointer;color:#fff;font:400 14px var(--display);background:#ffffff0f;box-shadow:inset 0 0 0 2px #ffffffb3}.home-hs-all:hover{background:#ffffff29}.home-hs-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.home-hs-tab{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:34px;padding:0 4px;border:0;border-radius:11px;cursor:pointer;color:#e6eef8;font:800 12px var(--body);white-space:nowrap;background:linear-gradient(180deg,#34598f,#26467a);box-shadow:inset 0 0 0 1px #aad2ff40,0 2px #08142c8c}.home-hs-tab .icon{flex:none;color:#9fc4f2}.home-hs-tab:hover{filter:brightness(1.1)}.home-hs-tab.is-on{color:#3a2104;background:linear-gradient(180deg,#ffe07a,#f5b335);box-shadow:inset 0 0 0 1.5px #ffffff80,0 2px #9a5a0c}.home-hs-tab.is-on .icon{color:#6a3a00}.home-hs-game button:focus-visible,.home-hs-tab:focus-visible,.home-hs-all:focus-visible{outline:3px solid #fff;outline-offset:2px}.home-hs-list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.home-hs-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:34px;padding:3px 10px 3px 6px;border-radius:11px;background:#06122c61}.home-hs-rank{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:0;height:26px;padding:0 5px;border-radius:13px;font:400 13px var(--display);color:#dbe7f6;background:#ffffff14;font-variant-numeric:tabular-nums}.home-hs-row.top-1 .home-hs-rank{color:#4a2c00;background:linear-gradient(180deg,#ffe58a,#f2b228)}.home-hs-row.top-2 .home-hs-rank{color:#24324a;background:linear-gradient(180deg,#f2f6fc,#b9c6d8)}.home-hs-row.top-3 .home-hs-rank{color:#3e1d06;background:linear-gradient(180deg,#f5c08e,#c97a3c)}.home-hs-name{display:flex;align-items:center;gap:6px;min-width:0;font:700 14px var(--body);color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home-hs-youtag{flex:none;padding:1px 6px;border-radius:8px;background:#ffd34d;color:#3a2104;font:800 10.5px/1.5 var(--body);text-transform:uppercase;letter-spacing:.04em}.home-hs-val{display:inline-flex;align-items:center;gap:4px;font:400 14px var(--display);color:#ffe08a;white-space:nowrap;font-variant-numeric:tabular-nums}.home-hs-val .icon{color:#ffd34d}.home-hs-row.is-you{background:#ffd34d24;box-shadow:inset 0 0 0 1.5px #ffd34db3}.home-hs-gap{text-align:center;line-height:8px;color:#9fb6d6;letter-spacing:3px}.home-hs-row.is-skel>*{display:block;height:12px;border-radius:6px;background:#ffffff1f}.home-hs-row.is-skel>span{height:22px}.home-hs-row.is-skel>b{width:70%}.home-hs-row.is-skel>strong{width:54px}.home-hs-note{display:flex;align-items:center;gap:8px;margin:2px 0;padding:10px 12px;border-radius:12px;background:#06122c61;color:#eef4fb;font:700 13px/1.35 var(--body)}.home-hs-note .icon{flex:none;color:#ffd34d}@media(min-width:980px){.home-v8 .home-lower:not(.is-solo) .home-hs{padding-bottom:10px}}@media(max-width:640px){.home-v8 .home-lower{gap:12px}.home-hs{padding:10px;gap:8px;border-radius:20px}.home-hs-title b{font-size:17px}.home-hs-gbtn{padding:0 7px;font-size:11px}.home-hs-all{min-height:36px;font-size:13px}.home-hs-tab{min-height:36px;font-size:11.5px}.home-hs-row{grid-template-columns:40px minmax(0,1fr) auto;min-height:32px}.home-hs-name{font-size:13px}}@media(max-width:380px){.home-hs-title .icon,.home-hs-gbtn .icon,.home-hs-tab .icon{display:none}}@media(max-height:480px)and (min-width:641px){.home-v8 .home-lower:not(.is-solo){grid-template-columns:minmax(0,1fr)}.home-v8 .home-lower{max-width:min(560px,calc(100vw - 340px))}}@media(min-width:980px)and (max-width:1260px){:root[style*="--ui: 1.3"] .home-v8 .home-lower:not(.is-solo){grid-template-columns:minmax(0,1fr)}}.home-v8 .home-trophy-wallet{display:flex;flex-direction:column;gap:3px;min-height:0;padding:4px;border-radius:18px}.home-v8 .home-trophy-wallet .htw-row{display:flex;align-items:center;gap:7px;width:100%;min-height:32px;padding:0 8px 0 2px;border:0;border-radius:14px;background:none;color:#fff;cursor:pointer;text-align:left}.home-v8 .home-trophy-wallet .htw-row:hover{background:#ffffff14}.home-v8 .home-trophy-wallet .htw-row:focus-visible{outline:3px solid #fff;outline-offset:1px}.home-v8 .home-trophy-wallet .htw-ico{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;color:#5a3200;background:radial-gradient(circle at 35% 30%,#fff3b0,#ffc93a 55%,#d98a10);box-shadow:0 2px #8a5400}.home-v8 .home-trophy-wallet .htw-row.is-clash .htw-ico{color:#fff;background:radial-gradient(circle at 35% 30%,#ffd9b0,#f08a2a 55%,#b0500e);box-shadow:0 2px #6e2e06}.home-v8 .home-trophy-wallet .htw-row b{flex:1;min-width:0;font:400 16px var(--display);color:#fff;text-shadow:0 2px 0 rgba(6,18,40,.55);font-variant-numeric:tabular-nums}.home-v8 .home-trophy-wallet .htw-row small{display:inline-flex;align-items:center;gap:3px;flex:none;font:800 10.5px var(--body);letter-spacing:.03em;text-transform:uppercase;color:#ffe7a8}.home-v8 .home-trophy-wallet .htw-row.is-clash small{color:#ffd1a6}.home-v8 .home-trophy-wallet .htw-row+.htw-row{border-top:1px solid rgba(255,214,102,.22);border-radius:0 0 14px 14px}@media(max-width:640px){.home-v8 .home-trophy-wallet{flex-direction:row;gap:0;padding:3px;border-radius:18px}.home-v8 .home-trophy-wallet .htw-row{flex:1 1 0;min-width:0;gap:4px;padding:0 4px 0 1px}.home-v8 .home-trophy-wallet .htw-row+.htw-row{border-top:0;border-left:1px solid rgba(255,214,102,.25);border-radius:0 14px 14px 0;padding-left:4px}.home-v8 .home-trophy-wallet .htw-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.home-v8 .home-trophy-wallet .htw-row{min-height:30px}.home-v8 .home-trophy-wallet .htw-ico{width:24px;height:24px}.home-v8 .home-trophy-wallet .htw-ico .icon{width:13px;height:13px}.home-v8 .home-trophy-wallet .htw-row b{font-size:14.5px}.home-v8 .home-trophy-wallet .htw-row small{font-size:9.5px}}@media(max-height:480px)and (min-width:641px){.home-v8 .home-trophy-wallet .htw-row{min-height:28px}.home-v8 .home-trophy-wallet .htw-ico{width:24px;height:24px}}@media(min-width:761px){.navbar{width:min(740px,calc(100% - 24px))}.nav-tab{gap:7px;padding:0 8px;white-space:nowrap}}@media(min-width:641px)and (max-width:760px){.navbar{width:min(640px,calc(100% - 24px))}.nav-tab{gap:5px;font-size:11.5px;white-space:nowrap}}.screen.sub-screen .clash-prof .clash-prof-stats div{background:linear-gradient(180deg,#c06d26,#8a4012);box-shadow:inset 0 0 0 1.5px #ffd2a059,0 3px #461c0680}.screen .clash-prof .clash-prof-stats small,.screen .clash-prof .clash-prof-stats b{color:#fff}.screen.sub-screen .prof-league.is-clash.prof-league-link{background:linear-gradient(180deg,#c97428,#8e4313)}.screen.sub-screen .prof-league.is-clash .prof-league-tro{color:#fff3c4}.campaign-ranking-status>h3{display:flex;align-items:center;gap:8px}.pm-setup .pm-type.pm-type-n5{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.pm-setup .pm-type.pm-type-n5 .seg-opt{min-height:50px}.pm-setup .pm-type.pm-type-n5 .seg-opt:last-child{grid-column:1 / -1}@media(max-width:640px){.pm-setup .pm-type.pm-type-n5 .seg-label svg{display:inline-block}}.modal .loadout-summary,.lobby-screen .loadout-summary,.queue-screen .loadout-summary{background:linear-gradient(140deg,#3d6aa4,#284d82 70%);border-color:#aad2ff73;box-shadow:inset 0 1px #ffffff29,0 4px #0a1c3c80}.modal .loadout-towers>span,.lobby-screen .loadout-towers>span{background:radial-gradient(ellipse at 50% 25%,rgba(210,232,255,.3),transparent 64%),linear-gradient(#4f80bd,#345f98)}.modal .loadout-open small,.lobby-screen .loadout-open small{color:#e3ecf7}.loadout-summary>.hint{color:#e6eef8}.loading-screen{background:#1d4a86}.loading-screen>.backdrop{z-index:0}.loading-screen>.backdrop .bd-scrim{background:linear-gradient(180deg,#1232629e,#102c588c 45%,#0a1e40bd)}.loading-screen>.ld-inner{position:relative;z-index:1}.loading-screen .ld-player{background:linear-gradient(180deg,#2a5288,#1b3a68)}.loading-screen .ld-tip{background:#0c1e3ec7;box-shadow:inset 0 0 0 1px #a0c8ff47;color:#eef4fb}.loading-screen .ld-label{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.loading-screen .ld-bar{background:#06122ca6}.modal .settings-sublabel{margin:-2px 2px 6px;font-weight:700}@media(max-width:380px){.navbar .nav-tab{font-size:9.5px;letter-spacing:0;padding-left:1px;padding-right:1px}}@media(max-height:480px)and (min-width:641px){.cc-card{min-height:0;gap:8px;padding:10px 12px 10px 78px;border-radius:20px;box-shadow:inset 0 0 0 2px #fff0be8c,inset 0 2px #ffffff73,inset 0 -3px #5a1e0038,0 5px 0 var(--cclip),0 10px 20px #3c18004d}.cc-crest-wrap{left:10px;width:58px;height:58px;filter:drop-shadow(0 3px 0 rgba(110,40,0,.45))}.cc-copy{gap:2px}.cc-copy>small,.cc-practice{display:none}.cc-copy>b{font-size:22px;gap:6px;white-space:nowrap}.cc-ribbon{top:5px;left:5px;right:auto;width:auto;padding:3px 6px 4px;border-radius:7px;transform:rotate(-10deg);font-size:10.5px;letter-spacing:.06em}.cc-copy>em{font-size:12px;line-height:1.25}.cc-actions{flex-direction:row;align-items:center;gap:6px;margin-right:0}.cc-play{min-width:0;min-height:44px;padding-inline:14px;--fs: 18px}.cc-play .icon{width:20px;height:20px}.cc-more{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;cursor:pointer;color:#fff;background:#fff3;box-shadow:inset 0 0 0 2px #ffffffa6,0 2px #6e280073}.cc-art g{display:none}.cc-art-road{opacity:.5}.cc-long{display:none}.cc-short{display:inline}}@media(max-height:520px)and (min-width:641px){.navbar{display:grid;bottom:calc(6px + var(--sab));padding:3px;border-radius:16px}.navbar .nav-tab{min-height:38px;font-size:11.5px}.navbar .nav-tab .icon{width:19px;height:19px}.sub-inner{padding-bottom:calc(64px + var(--sab))}.home-v8 .home-main{padding-bottom:calc(62px + var(--sab))}.campaign-actionbar{display:none!important}.campaign-screen .mission-card .mission-action{display:grid}.campaign-screen .sub-inner{padding-bottom:calc(64px + var(--sab, 0px))!important}}.screen .pbar-text,.modal .pbar-text{text-shadow:0 1px 0 #0b1530,1px 0 0 #0b1530,-1px 0 0 #0b1530,0 -1px 0 #0b1530,0 0 4px rgba(0,0,0,.7)}.league-play .seg{margin-bottom:12px}.screen.menu,.screen.sub-screen,.screen.queue-screen,.screen.lobby-screen,.modal,.campaign-actionbar{--gold: #ffd870}.ws-tab-lvl{color:#ffe08a;text-shadow:0 1px 0 rgba(8,22,48,.7)}.seat-move{color:#ffe08a}.screen .chest-open-tag{background:linear-gradient(180deg,#4cb84a,#23802e);color:#fff;text-shadow:0 1px 0 rgba(10,60,16,.7);box-shadow:inset 0 1px #ffffff4d,0 2px #145a1c}.chests-screen .chest-daily-compact .hint{color:#f2fbf5}.navbar .nav-badge{background:#d6392e}.screen .tag-host,.modal .tag-host{background:#6c48c4}.screen .tag-party,.modal .tag-party{background:#2c68b8}.screen.results .hint{color:#c3cce0}@media(max-width:640px){.home-v8 .home-wallet-stack:has(.home-trophy-wallet){min-width:156px}.home-v8 .home-trophy-wallet .htw-ico{width:22px;height:22px}.home-v8 .home-trophy-wallet .htw-ico .icon{width:12px;height:12px}.home-v8 .home-trophy-wallet .htw-row b{font-size:14px}}.campaign-earned-grid{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.campaign-earned-grid>span{padding:10px 8px;text-align:center}.panel.modal.clash-panel .panel-head,.panel.modal.clash-howto .panel-head,.panel.modal.clash-first .panel-head{background:linear-gradient(110deg,#f0962c,#b85614);border-bottom-color:#ffd2a073}.clash-panel .panel-head h2,.clash-howto .panel-head h2,.clash-first .panel-head h2,.clash-panel .panel-title,.clash-howto .panel-title{color:#fff;text-shadow:0 2px 0 rgba(110,40,0,.55)}.panel.modal.clash-panel .panel-head-icon,.panel.modal.clash-howto .panel-head-icon,.panel.modal.clash-first .panel-head-icon{background:linear-gradient(#ffd451,#e08a12);color:#fff}.modal .home-seg .seg-opt.is-on{--seg: #3a7fdc}.modal .home-seg-kind .seg-opt.is-on:last-child{--seg: #7a5fd0}.clash-panel .home-seg .seg-opt.is-on{--seg: #e0701a}.clash-panel .home-seg-kind .seg-opt.is-on:last-child{--seg: #7a5fd0}.pvp-setup .home-seg .seg-opt.is-on{--seg: #e9724c}.screen .text-input:focus,.modal .text-input:focus,.screen .code-input:focus,.modal .code-input:focus,.screen input:not([type=range]):focus-visible,.modal input:not([type=range]):focus-visible{border-color:#ffd870;box-shadow:inset 0 1px 3px #0000004d,0 0 0 3px #ffd870cc}.screen .seg-opt:focus-visible,.modal .seg-opt:focus-visible,.screen .chip-btn:focus-visible,.modal .pm-chip:focus-visible,.nav-tab:focus-visible,.wallet-pill:focus-visible,.profile-chip:focus-visible{outline:3px solid #fff;outline-offset:2px}.screen.results .campaign-result>.btn{margin-top:12px}.queue-screen{overflow-y:auto;place-items:safe center}@media(max-height:520px){.queue-screen{align-content:start;padding-top:calc(8px + var(--sat));padding-bottom:calc(8px + var(--sab))}.queue-panel{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;row-gap:6px;width:min(680px,100%);align-items:center;justify-items:center}.queue-panel>*{grid-column:2}.queue-panel>.queue-ring{grid-column:1;grid-row:1 / span 4;width:104px;height:104px}.queue-panel .ring-center b{font-size:28px}.queue-title{font-size:22px!important}.q-seat{width:52px;height:52px}.queue-panel .queue-count,.queue-panel .queue-fill{margin:0;font-size:13px}.queue-panel>.queue-offer,.queue-panel>.btn,.queue-panel>:last-child{grid-column:1 / -1}.queue-offer{padding:8px 10px}.queue-offer .btn{min-height:44px}}.deck-modal .deck-setups button{background:linear-gradient(180deg,#34598f,#26467a);border-color:#aad2ff59;color:#e6eef8}.deck-modal .deck-setups button[aria-pressed=true]{background:linear-gradient(180deg,#4c86d0,#2c5ea8);color:#fff}.deck-modal .deck-name input{background:#06122c80;border-color:#aad2ff59}.deck-modal .deck-lineup{background:#0a1c3a73;border-color:#aad2ff4d}.deck-modal .deck-tower-slots button{background:linear-gradient(180deg,#4474ae,#2c5289)}.deck-modal .deck-tower-slots button.is-replacing{background:linear-gradient(180deg,#5a90d6,#3566a8)}.deck-modal .deck-card{background:linear-gradient(180deg,#4474ae,#2c5289)}.deck-modal .deck-card.is-equipped{background:radial-gradient(ellipse at 50% 20%,rgba(255,216,112,.22),transparent 66%),linear-gradient(180deg,#4a7cb8,#2f578f)}.deck-modal .deck-card.is-pending{background:linear-gradient(180deg,#5a90d6,#3566a8)}.deck-modal .deck-card.is-locked{background:linear-gradient(180deg,#3b5f8c,#2b4a74)}.deck-modal .deck-card-pick small,.deck-modal .deck-tabs button{color:#e3ecf7}@media(min-width:900px){.challenges-screen .trial-hall>.loadout-summary{grid-column:1;grid-row:3;align-self:stretch;margin:0}.challenges-screen .trial-grid{grid-column:1 / -1;grid-row:4}.challenges-screen .trial-card .trial-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}.challenges-screen .trial-title h3{color:#fff;text-shadow:0 2px 0 rgba(8,22,48,.45)}@media(min-width:900px){.challenges-screen .trial-card .trial-tier{flex-direction:column;align-items:stretch;justify-content:space-between;padding:10px 12px;border-top:0;border-radius:14px;background:#0a1c3a52}.challenges-screen .trial-card .trial-tier>.btn{align-self:stretch}}.ws-multi-btn{flex-direction:column;align-items:stretch;justify-content:center;gap:6px;padding:8px 12px 9px}.ws-multi-label{white-space:nowrap}.ws-multi-label small{white-space:normal}.ws-multi-btn .up-btn-cost{justify-content:flex-start;flex-wrap:wrap}.league-hero.is-clash small,.league-hero.is-clash .field-label{color:#fff3d6!important}.screen.sub-screen .cos,.screen.sub-screen .ach{background:linear-gradient(180deg,#4474ae,#2c5289);box-shadow:inset 0 0 0 1.5px #aad2ff52,0 3px #0a1c3c80}.screen.sub-screen .ach{opacity:.86}.screen.sub-screen .ach.is-on{opacity:1;background:radial-gradient(ellipse at 20% 0%,rgba(255,216,112,.35),transparent 60%),linear-gradient(180deg,#4a7cb8,#2f578f);box-shadow:inset 0 0 0 2px #ffcf3fbf,0 3px #0a1c3c80}.screen.sub-screen .ach small,.screen.sub-screen .cos-state{color:#e3ecf7}.screen.sub-screen .cos.is-on{box-shadow:inset 0 0 0 3px #8bea5a,0 3px #0a1c3c80}.screen.sub-screen .cos.is-on .cos-state{color:#c4f7a8;font-weight:800}.screen.sub-screen .cos:not(.is-on) .cos-state{align-self:flex-start;padding:2px 10px;border-radius:10px;background:#ffffff29;color:#fff;font-weight:800}.screen.sub-screen .cos-slot{color:#e6d8ff}.screen.sub-screen .cos:hover{filter:brightness(1.08)}.screen.sub-screen .hero-shard-balances>span{background:linear-gradient(180deg,#34598f,#26467a);box-shadow:inset 0 0 0 1px #aad2ff4d,0 2px #08142c80;border-color:transparent}@media(max-width:640px){:root[style*="--ui: 1.3"] .cc-card,:root[style*="--ui: 1.15"] .cc-card{grid-template-columns:minmax(0,1fr)}:root[style*="--ui: 1.3"] .cc-actions,:root[style*="--ui: 1.15"] .cc-actions{justify-content:flex-start}:root[style*="--ui: 1.3"] .cc-crest-wrap,:root[style*="--ui: 1.15"] .cc-crest-wrap{top:14px;transform:rotate(-4deg)}:root[style*="--ui: 1.3"] .hc-copy .home-play-btn,:root[style*="--ui: 1.15"] .hc-copy .home-play-btn{--fs: 17px;white-space:nowrap;padding-inline:14px}:root[style*="--ui: 1.3"] .hc-copy>b{font-size:22px}}.modal.accent-gold .panel-head{background:linear-gradient(110deg,#f2a73a,#b8661a);border-bottom-color:#ffdca073}.modal.accent-gold .panel-head h2{color:#fff;text-shadow:0 2px 0 rgba(110,50,0,.55)}.modal.accent-gold .panel-head-icon{background:linear-gradient(#ffe07a,#e89a1a);color:#5a2c00}@media(max-width:420px){:root[style*="--ui: 1.3"] .home-v8 .profile-chip .profile-name,:root[style*="--ui: 1.15"] .home-v8 .profile-chip .profile-name{display:none}:root[style*="--ui: 1.3"] .home-v8 .home-wallet-stack,:root[style*="--ui: 1.15"] .home-v8 .home-wallet-stack{min-width:0}}.league-game{margin:0 0 4px}.league-game .seg-opt{min-height:58px}.league-game .seg-opt small{font-weight:700;opacity:.9}.league-screen .seg.league-game .seg-opt.is-on{background:linear-gradient(180deg,#8a6fd8,#5e45ad);box-shadow:inset 0 0 0 1.5px #ffffff59,0 3px #33236e}.league-clash .seg.league-game .seg-opt.is-on{background:linear-gradient(180deg,#f39a3a,#c4580f);box-shadow:inset 0 0 0 1.5px #ffffff59,0 3px #7a3105}.league-hero.is-clash{background:linear-gradient(180deg,#e88020eb,#783008f0);box-shadow:inset 0 0 0 2px #ffd68c73,0 6px 18px #501e004d}.league-hero.is-clash .league-div{color:#fff6df}.league-recent{display:flex;flex-direction:column;gap:6px}.league-recent .panel-title{margin:0 0 2px}.league-recent .hist-row{margin:0}.score-game{max-width:420px}.score-game .seg-opt .seg-label{display:inline-flex;align-items:center;gap:6px}.highscores-screen .score-primary.score-primary-clash{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:600px){.score-game{max-width:none}.highscores-screen .score-primary.score-primary-clash{grid-template-columns:repeat(2,minmax(0,1fr))}}.hs-game{display:flex;gap:6px;margin-top:8px}.hs-game .chip-btn{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:4px 12px;font-size:12px}.hs-side .hs-game .chip-btn{font-size:11px;padding:4px 9px}.prof-leagues{grid-template-columns:repeat(2,minmax(0,1fr))}.prof-league>div{display:flex;flex-direction:column;gap:1px;min-width:0}.prof-league-tro{display:inline-flex;align-items:center;gap:4px;font:800 13px var(--body);color:#ffe27a}@media(max-width:640px){.prof-leagues{grid-template-columns:1fr}}.prof-league-link{width:100%;border:0;text-align:left;cursor:pointer;color:inherit;font:inherit}.prof-league-link:hover{filter:brightness(1.06)}.prof-league-link:focus-visible{outline:3px solid #ffd34d;outline-offset:2px}.screen.sub-screen .prof-league.is-clash{background:linear-gradient(180deg,#e98a2c,#b1540f);box-shadow:inset 0 0 0 2px #ffdc9680,0 4px #6e2e05}.screen.sub-screen .prof-league.is-clash small,.screen.sub-screen .prof-league.is-clash .hint{color:#fff1d6}.prof-league-total .prof-legacy{color:#ffd34d}.clash-prof{display:flex;flex-direction:column;gap:6px}.clash-prof .field-label{display:flex;align-items:center;gap:6px}.clash-prof-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.screen.sub-screen .clash-prof-stats div{background:linear-gradient(180deg,#e3913d,#b45a17)}.clash-prof-stats small{color:#fff1d6}.clash-prof-sub{font:700 11px var(--body);font-style:normal;opacity:.85}@media(max-width:640px){.clash-prof-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.ach-wrap{display:flex;flex-direction:column;gap:8px}.ach-filter{display:flex;flex-wrap:wrap;gap:6px}.ach-filter .ach-cat{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 12px}.ach-filter .ach-cat small{font:800 11px var(--body);opacity:.8}.ach-filter .ach-cat-clash:not(.is-on){box-shadow:inset 0 0 0 2px #ffaa50bf}.ach-filter .ach-cat-clash.is-on{background:linear-gradient(180deg,#ffb052,#e0661a);color:#2e1404;box-shadow:0 2px #7a3105}.ach-count{margin:0}.ach-clash .ach-icon{box-shadow:inset 0 0 0 2px #ffaa5099}.ach.ach-clash.is-on .ach-icon{background:linear-gradient(180deg,#ffb052,#e0661a);color:#2e1404}.ach-rewards{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.ach-rewards .rw-chip{font-size:11px}.goal-clash-tag{gap:3px;margin-left:6px;vertical-align:2px;background:linear-gradient(180deg,#f39a3a,#c4580f);color:#fff}.trophy-panel.is-clash{background:linear-gradient(180deg,#e88020eb,#783008f0);box-shadow:inset 0 0 0 2px #ffd68c80}.trophy-panel.is-clash .trophy-info small{display:inline-flex;align-items:center;gap:4px;color:#fff1d6}.rw-line.rw-ach .icon,.rw-line.rw-goal .icon{color:#ffd34d}.public-player-overview{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:480px){.public-player-overview{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px}}.public-clash-rank{display:flex;align-items:center;gap:10px}.public-clash-rank p{margin:0}.private-clash{margin-top:10px}.seg-opt.is-disabled{opacity:.5;cursor:not-allowed;filter:saturate(.4)}.pm-clash-note{display:flex;align-items:center;gap:6px;margin:2px 0 0}.cc-rank{pointer-events:auto;position:relative;z-index:3;display:inline-flex;align-items:center;gap:6px;min-height:30px;margin-top:2px;padding:3px 10px 3px 4px;border:0;border-radius:16px;cursor:pointer;background:#6e260080;color:#fff;font:800 12px var(--body);box-shadow:inset 0 0 0 1.5px #ffecbe99}.cc-rank:hover{background:#6e2600a6}.cc-rank:focus-visible{outline:3px solid #fff;outline-offset:2px}.cc-rank .div-badge{flex:none}.cc-rank span{display:inline-flex;align-items:center;gap:3px;color:#ffe27a}@media(max-width:560px){.cc-rank{min-height:26px;padding:2px 8px 2px 3px;font-size:11px}.cc-rank b{display:none}}.league-game .seg-opt .seg-label{display:inline-flex;align-items:center;gap:6px}.hud>.banner:not(.banner-big){top:max(calc(var(--sat, 0px) + 104px),calc(var(--center-bottom, 100px) + 12px));max-width:min(760px,calc(100% - 472px));animation-name:banner-life-hud}@keyframes banner-life-hud{0%{opacity:0;transform:translate(-50%) scale(1.22)}12%{opacity:1;transform:translate(-50%) scale(.97)}18%{transform:translate(-50%) scale(1)}82%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-14px) scale(.97)}}@media(prefers-reduced-motion:reduce){.hud>.banner:not(.banner-big){animation-name:banner-fade-hud}@keyframes banner-fade-hud{0%,to{opacity:0;transform:translate(-50%)}8%,88%{opacity:1;transform:translate(-50%)}}}.hud>.banner:not(.banner-big) .banner-ribbon{padding:8px 34px}.hud>.banner:not(.banner-big) .banner-title{font-size:clamp(24px,3.2vw,40px);line-height:1.05;white-space:normal;text-align:center}.hud>.banner:not(.banner-big) .banner-sub{max-width:100%;font-size:13.5px}.hud .mission-hud,.hud .my-fx{transition:opacity .18s ease}.hud:has(>.banner:not(.banner-big)) .mission-hud,.hud:has(>.banner:not(.banner-big)) .my-fx{opacity:0}body:has(.hud>.banner:not(.banner-big)) .toasts{top:calc(var(--sat, 0px) + 236px)}.hud:has(.spectate)>.banner:not(.banner-big){top:calc(var(--spectate-bottom, 170px) + 10px)}.hud .hud-right{transition:opacity .2s}.hud:has(>.banner-big) .hud-right{opacity:0;pointer-events:none}.hud.is-raid>.banner:not(.banner-big){top:calc(var(--raid-bottom, 300px) + 10px)}body:has(.hud.is-raid>.banner:not(.banner-big)) .toasts{top:calc(300px + var(--sat, 0px))}.hud.is-raid .countdown{top:max(40%,calc(var(--raid-bottom, 0px) + 70px))}.hud .mission-hud{max-width:calc(100% - 472px);white-space:normal;text-align:center}.hud.is-solo .mission-hud{top:calc(var(--row2-bottom, 84px) + 8px)}.tag-ally{background:#5b9be661;color:#e6f0ff;box-shadow:inset 0 0 0 1px #96c3ff8c}.pchip-compact .tag-ally,.mode-2v2 .pchip .tag-ally{height:16px;line-height:16px;font-size:9px;padding:0 5px}.pchip.is-ally .tag-bot{display:none}.hud-top.is-coop .team-0{padding:4px;border-radius:20px;background:#5b9be624;box-shadow:inset 0 0 0 1px #5b9be657}.hud-top.is-coop .team-1:empty{display:none}.hud-top.is-coop.coop-n3 .team-0,.hud-top.is-coop.coop-n4 .team-0{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;justify-self:start}.hud-top.is-coop.coop-n3 .team-0 .pchip,.hud-top.is-coop.coop-n4 .team-0 .pchip{width:auto;min-width:0}@media(min-width:641px)and (min-height:521px){.hud .hud-right{top:max(50%,calc(var(--row2-bottom, 0px) + 10px + var(--rail-h, 0px) / 2))}.hud .raid-hud{width:min(560px,calc(100% - 464px))}}.pchip-shape-inline{display:none;flex:none;font-size:11px;line-height:1;color:var(--pc, #fff);text-shadow:0 1px 0 rgba(0,0,0,.6)}@media(max-width:640px)and (orientation:portrait),(max-width:640px)and (min-height:501px){.hud>.banner:not(.banner-big){top:calc(var(--row2-bottom, 136px) + 10px);max-width:calc(100% - 160px);gap:4px}.hud>.banner:not(.banner-big) .banner-ribbon{padding:6px 20px;gap:0}.hud>.banner:not(.banner-big) .banner-ribbon .icon{display:none}.hud>.banner:not(.banner-big) .banner-title{font-size:20px}.hud>.banner:not(.banner-big) .banner-sub{padding:4px 10px;font-size:12px}.hud:has(.spectate)>.banner:not(.banner-big){top:calc(var(--spectate-bottom, 262px) + 8px)}.hud.is-raid>.banner:not(.banner-big){top:calc(var(--raid-bottom, 300px) + 16px)}.hud-top .pchip-compact .tag-ally,.hud-top.mode-2v2 .pchip .tag-ally,.hud-top.is-coop .pchip .tag-ally{display:none}body:has(.hud>.banner:not(.banner-big)) .toasts{top:calc(var(--sat, 0px) + 246px)}.hud .mission-hud{max-width:calc(100% - 128px)}.hud.is-solo .mission-hud{top:calc(var(--row2-bottom, 112px) + 8px)}.hud .hud-right{top:calc(var(--row2-bottom, 118px) + 8px)}.hud:has(.wave-phone .wave-threat,.wave-phone .wave-overrun) .spectate{margin-top:22px}.hud-top.is-coop .team-0{grid-column:1 / -1;padding:3px;gap:3px;border-radius:16px;display:flex}.hud-top.is-coop.coop-n3 .team-0,.hud-top.is-coop.coop-n4 .team-0{display:flex}.hud-top.is-coop .pchip-avatar{display:none}.hud-top.mode-2v2 .pchip-shape-inline,.hud-top.is-coop .pchip-shape-inline{display:inline-block}.raid-notch em{display:none}.raid-bar{margin:4px 0 5px}.raid-charge small{display:none}.coop-fallen-note{max-width:calc(100% - 16px);padding:4px 10px;font-size:11px}.hud-top.is-coop.coop-n4 .pchip,.hud-top.is-coop.coop-n3 .pchip{padding:4px 4px 4px 6px}.hud-top.is-coop.coop-n4 .hpbar-text,.hud-top.is-coop.coop-n3 .hpbar-text{font-size:8.5px;letter-spacing:0}}@media(max-width:380px){.hud{zoom:min(var(--ui, 1),1.12)}}@media(max-height:520px)and (min-width:641px),(max-height:500px)and (orientation:landscape){.hud>.banner:not(.banner-big){top:calc(var(--sat, 0px) + 74px);max-width:calc(100% - 224px);gap:3px}.hud>.banner:not(.banner-big) .banner-ribbon{padding:5px 24px}.hud>.banner:not(.banner-big) .banner-title{font-size:24px}.hud>.banner:not(.banner-big) .banner-sub{padding:3px 10px;font-size:12px}.hud>.banner-wave .banner-sub,.hud>.banner-clear .banner-sub{display:none}.hud.is-raid>.banner:not(.banner-big){top:calc(var(--raid-bottom, 226px) + 6px)}.hud:has(.spectate)>.banner:not(.banner-big){top:calc(var(--spectate-bottom, 120px) + 6px)}.hud:has(.spectate) .coop-fallen-note{display:none}body:has(.hud>.banner:not(.banner-big)) .toasts{top:calc(var(--sat, 0px) + 150px)}body:has(.hud) .toasts{right:calc(142px + var(--sar, 0px));width:min(360px,calc(100% - 460px))}.hud .mission-hud,.hud.is-solo .mission-hud{top:calc(var(--sat, 0px) + 52px);max-width:calc(100% - 240px);font-size:10.5px;padding:4px 10px}.hud .hud-right{top:calc(var(--row2-bottom, 120px) + 8px)}.hud{zoom:min(var(--ui, 1),1.08)}.hud-top .pchip-compact .pchip-recovery{display:none}.hud-top.is-coop.coop-n4 .pchip,.hud-top.is-coop.coop-n3 .pchip{min-height:0;padding:2px 8px 3px}.hud-top.is-coop.coop-n4 .pchip-avatar,.hud-top.is-coop.coop-n3 .pchip-avatar,.hud-top.is-coop .pchip-meta{display:none}.hud-top.is-coop.coop-n4 .pchip-shape-inline,.hud-top.is-coop.coop-n3 .pchip-shape-inline{display:inline-block}.hud-top.is-coop.coop-n4 .hpbar,.hud-top.is-coop.coop-n3 .hpbar{height:11px}.hud-top.is-coop.coop-n4 .hpbar-text,.hud-top.is-coop.coop-n3 .hpbar-text{font-size:9px;line-height:11px}.hud-top.is-coop .pchip-name{font-size:11.5px}.hud.is-raid:has(.raid-boss) .hud-party-row .pm-badge:not(.is-golden){display:none}.raid-hud{gap:4px}.hud .raid-hud{width:min(520px,calc(100% - 300px))}.hud.is-choosing .raid-hud{opacity:0}.raid-boss{padding:4px 8px;border-radius:12px}.raid-boss-name{font-size:13px}.raid-phase-chip{font-size:9.5px;padding:0 6px}.raid-hp-num{font-size:11px}.raid-bar{height:10px;margin:4px 0 5px}.raid-notch em{display:none}.raid-sub{font-size:10px;gap:4px 6px}.raid-warn{padding:4px 10px 6px;font-size:11.5px;gap:6px}.raid-warn b{font-size:13px}.raid-warn-time{font-size:15px}.hud.is-choosing .mission-hud,.hud-top .pchip-compact .tag-bot,.hud-top.mode-2v2 .pchip .tag-bot,.hud-top .pchip-compact .tag-ally{display:none}}@media(max-height:500px)and (orientation:landscape){.hud:has(.hud-top.coop-n4,.hud-top.coop-n3) .hud-row2{top:92px}}@media(pointer:coarse){.hud .hint-x,.hud .spec-btn{position:relative}.hud .hint-x:after,.hud .spec-btn:after,.hud .panel-close:after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%}.hud .spectate .link-btn{min-height:44px}}.hud-top .pchip-compact .tag-bot{display:none}@media(max-height:520px)and (min-width:641px),(max-height:500px)and (orientation:landscape){.hud-party-row .pm-badge:not(.is-golden){display:none}.hud-party-row:not(:has(.is-golden,.coop-fallen-note)){display:none}}.hud:has(.eom-out) .coop-fallen-note{display:none}@media(max-width:640px),(max-height:520px){.hud:has(.eom-out) .hud-right{visibility:hidden}}@media(max-width:640px)and (orientation:portrait),(max-width:640px)and (min-height:501px){.hud-top.is-coop .team-0{justify-self:stretch;width:100%}}.bc-card{position:relative;isolation:isolate;overflow:hidden;display:block;min-height:156px;margin:0;padding:18px 20px 20px 196px;border-radius:26px;text-align:left;color:#fff;background:radial-gradient(ellipse 60% 90% at 12% 0%,rgba(255,214,170,.4),transparent 60%),linear-gradient(120deg,#d9663c,#b04a2c 45%,#7a2a1a);box-shadow:inset 0 0 0 2px #ffdcbe6b,inset 0 2px #ffffff4d,inset 0 -4px #3c0a0040,0 6px #5a1c10,0 14px 28px #280a0459}.bc-card:after{content:"";position:absolute;inset:3px 4px auto;height:42%;border-radius:23px 23px 50% 50%/23px 23px 20px 20px;background:linear-gradient(180deg,#ffffff2e,#fff0);pointer-events:none;z-index:1}.bc-open{position:absolute;inset:0;z-index:0;border:0;border-radius:inherit;background:none;cursor:pointer;min-height:0;box-shadow:none;padding:0}.bc-open:hover{background:#ffffff0d}.bc-open:focus-visible{outline:3px solid #fff;outline-offset:-5px}.bc-art{position:absolute;z-index:2;left:20px;top:50%;width:156px;transform:translateY(-50%) rotate(-3deg);pointer-events:none}.bc-art .lf-art{width:100%;height:auto;border-radius:16px;box-shadow:0 0 0 3px #ffecd6bf,0 5px #3c0e0473,0 10px 18px #1e06004d}.bc-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:5px;pointer-events:none}.bc-kicker{display:inline-flex;align-items:center;gap:7px;padding:3px 10px;border-radius:9px;background:#3c0c026b;font:800 11px/1.3 var(--body);letter-spacing:.1em;color:#ffeede}.bc-kicker .net-dot{flex:none;width:8px;height:8px;animation:none}.bc-copy>b{font:400 clamp(24px,3.4vw,32px)/1.08 var(--display);color:#fff;text-shadow:0 3px 0 #6a1e0e,0 0 1px #6a1e0e,0 6px 14px rgba(40,6,0,.35)}.bc-copy>em{font:700 15px var(--body);font-style:normal;color:#fff;text-shadow:0 1px 2px rgba(50,8,0,.8)}.bc-actions{display:flex;align-items:center;gap:12px;margin-top:6px;pointer-events:auto}.bc-actions .bc-play{min-width:200px;--fs: 21px;min-height:56px;padding-inline:26px;animation:none}.bc-change{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 16px;border:0;border-radius:22px;cursor:pointer;color:#fff;font:400 15px var(--display);background:#ffffff24;box-shadow:inset 0 0 0 2px #ffecdcb3,0 2px #3c0c0266;text-shadow:0 1px 1px rgba(60,10,0,.5)}.bc-change:hover{background:#ffffff3d}.bc-change:active{transform:translateY(2px)}.bc-change:focus-visible{outline:3px solid #fff;outline-offset:2px}.bc-new{position:absolute;top:-8px;right:-6px;padding:1px 6px;border-radius:8px;background:#ffd34d;color:#3a2104;font:800 10px/1.5 var(--body);letter-spacing:.05em;text-shadow:none;box-shadow:0 2px #9a5a0c}@media(min-width:641px)and (max-width:900px){.bc-card{padding-left:168px}.bc-art{width:132px}}@media(min-width:641px)and (max-height:800px){.bc-card{min-height:140px;padding-top:14px;padding-bottom:16px}}@media(max-width:640px){.bc-card{min-height:0;padding:14px 14px 16px 104px;border-radius:22px}.bc-art{left:12px;top:16px;width:80px;transform:rotate(-3deg)}.bc-art .lf-art{border-radius:10px;box-shadow:0 0 0 2px #ffecd6bf,0 3px #3c0e0473}.bc-kicker{font-size:10px;letter-spacing:.06em;padding:2px 8px}.bc-copy>b{font-size:24px}.bc-copy>em{font-size:14px}.bc-actions{align-self:stretch;margin-left:-90px;margin-top:8px;gap:8px}.bc-actions .bc-play{flex:1;min-width:0;--fs: 20px}.bc-change{min-height:52px;padding:0 12px;font-size:13px}}@media(max-width:380px){.bc-copy>b{font-size:22px}.bc-change span{display:none}.bc-change{width:52px;justify-content:center;padding:0}}@media(max-height:480px)and (min-width:641px){.bc-card{min-height:0;padding:10px 14px 12px 128px}.bc-art{width:100px;left:14px}.bc-copy{gap:3px}.bc-copy>b{font-size:21px}.bc-actions{margin-top:4px}.bc-actions .bc-play{min-height:46px;--fs: 18px;min-width:150px}.bc-change{min-height:40px;font-size:13px}}.home-v8 .hc-copy .home-play-btn{animation:none}.home-v8 .home-lower{margin-top:2px}.mode-picker .panel-head{background:linear-gradient(110deg,#d0573a,#8e3424);border-bottom-color:#ffbea073}.mode-picker .panel-head .panel-head-icon{background:linear-gradient(#ff9a6a,#c24a2e);color:#fff}.mp-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mode-picker .mp-game.lf-game{flex-direction:column;align-items:stretch;min-width:0}.mode-picker .mp-game .lf-choice-art{width:100%}.mode-picker .mp-game .lf-art{width:100%;height:auto;aspect-ratio:120 / 72;border-radius:12px}.mode-picker .mp-game .lf-choice-check{top:16px;right:16px;background:#0a1c3a73}.mode-picker .modal-body,.mode-picker .panel-body{min-width:0}.mp-game.lf-game{padding:10px 10px 12px}.mp-game .lf-choice-text b{font-size:18px}.mp-game .lf-choice-desc{font-size:12.5px}.mp-game.is-on{background:linear-gradient(180deg,#e2774c,#b04a2c);box-shadow:inset 0 0 0 2.5px #ffd870,0 4px #5a1c10,0 10px 22px #5a1c1059}.mp-field{margin:14px 0 0;padding:0;border:0;min-width:0}.mp-field>legend{padding:0;margin:0 0 6px;font:800 11.5px var(--body);letter-spacing:.09em;text-transform:uppercase;color:#cfe0f5}.mp-seg .seg-opt{min-height:44px}.mp-seg .seg-opt:disabled{opacity:.45;cursor:not-allowed}.mp-line{margin:12px 0 0;padding:8px 12px;border-radius:12px;background:#06122c4d;color:#eef4fb;font:700 13px/1.4 var(--body)}.mp-line.is-locked{background:#7a4fd04d}.mp-more{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}.mp-more-btn{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 16px;border:0;border-radius:22px;cursor:pointer;color:#fff;font:700 13.5px var(--body);background:#ffffff14;box-shadow:inset 0 0 0 1.5px #aad2ff61}.mp-more-btn:hover:not(:disabled){background:#ffffff29}.mp-more-btn:disabled{opacity:.5;cursor:not-allowed}.mp-more-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}.mp-more-btn .icon{color:#ffd34d}.mp-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;margin:8px 0 0;color:#cfe0f5}.mp-links:empty{display:none}.mp-links .link-btn{min-height:36px}.chl-status.is-empty{display:none}@media(max-width:420px){.mp-game.lf-game{padding:8px 8px 10px;gap:8px}.mp-game .lf-choice-text b{font-size:16px}.mp-game .lf-choice-desc{font-size:12px}.mp-fmt.is-5 .seg-opt{font-size:13px;padding-inline:2px}.mp-more-btn{flex:1 1 auto;justify-content:center;padding:0 12px}}@media(max-height:480px){.mp-game .lf-choice-desc{display:none}.mp-game .lf-art{max-height:64px;width:auto;margin-inline:auto}.mp-field{margin-top:10px}}.ps-mode{display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;background:#06122c4d;box-shadow:inset 0 0 0 1px #aad2ff33}.ps-mode .ps-art{width:96px;height:auto;flex:none;border-radius:10px}.ps-mode small{display:block;font:800 11px var(--body);letter-spacing:.09em;text-transform:uppercase;color:#cfe0f5}.ps-mode b{font:400 19px var(--display);color:#fff}.chl-screen .sub-inner>.chl-group{width:100%;max-width:760px;margin:0 auto}.chl-group+.chl-group{margin-top:18px}.chl-screen .chl-h{margin:6px 4px 8px;font:800 12px var(--body);letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55)}.chl-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.chl-card{--t1: #7f5ad6;--t2: #5a38ad;--tl: #321c70;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;width:100%;min-height:84px;padding:12px 14px 12px 12px;border:0;border-radius:20px;cursor:pointer;text-align:left;color:#fff;background:linear-gradient(180deg,#2f5a94,#22457a);box-shadow:inset 0 0 0 1.5px #aad2ff4d,0 4px #08163299,0 10px 20px #06122838;transition:transform var(--dur-1) ease,filter var(--dur-2) ease}.chl-card:hover{filter:brightness(1.08);transform:translateY(-1px)}.chl-card:active{transform:translateY(2px)}.chl-card:focus-visible{outline:3px solid #fff;outline-offset:2px}.chl-card.tone-violet{--t1: #a678f0;--t2: #7448cc;--tl: #3e2380}.chl-card.tone-gold{--t1: #ffc94a;--t2: #e08a12;--tl: #7a3b06}.chl-card.tone-blue{--t1: #6fb8ff;--t2: #2f76d6;--tl: #173f80}.chl-card.tone-green{--t1: #6ad46a;--t2: #2f9a3c;--tl: #145a26}.chl-card.tone-red{--t1: #ff8a6a;--t2: #c8402c;--tl: #6a1a10}.chl-ico{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;color:#fff;background:linear-gradient(180deg,var(--t1),var(--t2));box-shadow:inset 0 0 0 2px #ffffff59,0 3px 0 var(--tl)}.chl-ico .icon{filter:drop-shadow(0 2px 0 rgba(0,0,0,.25))}.chl-text{display:grid;gap:3px;min-width:0}.chl-text b{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font:400 20px/1.1 var(--display);text-shadow:0 2px 0 rgba(8,22,50,.45)}.chl-text small{font:600 13.5px/1.35 var(--body);color:#e2ecf8}.chl-new{padding:1px 7px;border-radius:8px;background:#ffd34d;color:#3a2104;font:800 10.5px/1.5 var(--body);letter-spacing:.05em;text-shadow:none}.chl-status{justify-self:end;padding:5px 10px;border-radius:12px;background:#06122c59;font:700 12.5px var(--body);color:#ffe7a8;white-space:nowrap}.chl-chev{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffffff1f;box-shadow:inset 0 0 0 1.5px #fff6}@media(max-width:640px){.chl-card{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ico text chev" "ico status chev";row-gap:6px;gap:6px 12px;min-height:0;padding:12px}.chl-ico{grid-area:ico;width:48px;height:48px;border-radius:14px;align-self:start}.chl-text{grid-area:text}.chl-status{grid-area:status;justify-self:start;padding:3px 8px;font-size:12px}.chl-chev{grid-area:chev;width:28px;height:28px}.chl-text b{font-size:18px}.chl-text small{font-size:12.5px}}.chl-sheet .chl-art{display:block;width:min(240px,70%);height:auto;margin:0 auto 12px;border-radius:14px}.chl-best{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:8px 12px;border-radius:12px;background:#06122c4d;font:700 14px var(--body);color:#ffe7a8}.chl-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chl-opts .mp-field{margin-top:4px}@media(max-width:420px){.chl-opts{grid-template-columns:1fr;gap:0}}.chl-sheet .weekly-stats{margin:0 0 8px}.chl-sheet .loadout-summary{margin-top:12px}.modal.chl-trials{width:min(760px,100%)}.trial-lead{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 10px;font:600 13.5px var(--body);color:#e2ecf8}.trial-lead b{font:400 17px var(--display);color:#ffe08a}.trial-lead .icon{color:#ffd34d}.chl-trials .trial-reward-preview{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:4px}.chl-trials .trial-reward-preview>span{display:inline-flex;align-items:center;gap:4px;font-size:12.5px}.chl-trials .trial-reward-preview svg{width:16px;height:16px}.chl-trials .trial-card{margin:0}.chl-trials .trial-tier{gap:10px}.hint.center,.screen.results .res-head .res-title{text-align:center}.screen.results .res-head .res-title.is-long{font-size:clamp(30px,8.4vw,64px)}.screen.results .campaign-earned-grid{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px}.screen.results .campaign-earned-grid>span{padding:8px 4px;gap:3px}.screen.results .campaign-earned-grid b{font-size:19px}.screen.results .campaign-earned-grid small.cap{text-transform:capitalize}.res-scores-link{display:flex;align-items:center;justify-content:center;gap:6px;margin:4px auto 0;min-height:40px}.res-details{padding:0}.res-details>summary{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;cursor:pointer;list-style:none;font:800 14px var(--body);letter-spacing:.02em;color:#e8f0fa}.res-details>summary::-webkit-details-marker{display:none}.res-details>summary .res-details-caret{margin-left:auto;transition:transform .15s}.res-details[open]>summary .res-details-caret{transform:rotate(180deg)}.res-details>.panel{margin:0 10px 10px;box-shadow:none}@media(max-width:640px){.highscores-screen .score-row{grid-template-columns:52px minmax(0,1fr) auto;gap:8px;padding:10px 6px}.highscores-screen .score-row>strong{grid-column:auto;text-align:right;font-size:16px}.highscores-screen .score-player small{margin-top:2px}.highscores-screen .score-primary,.highscores-screen .score-primary.score-primary-clash{display:flex;flex:none;min-height:46px;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.highscores-screen .score-primary::-webkit-scrollbar{display:none}.highscores-screen .score-primary button{flex:none;flex-direction:row;min-height:44px;gap:6px;padding:0 12px;border-radius:22px;font-size:12.5px;white-space:nowrap}.highscores-screen .score-primary .icon{width:18px;height:18px}.highscores-screen .score-chase{flex-direction:row;align-items:center;gap:10px;padding:12px 14px}.highscores-screen .score-chase p{display:none}.highscores-screen .score-chase b{font-size:19px;margin:2px 0}.highscores-screen .score-chase .btn{flex:none}.highscores-screen .score-chase .pbar{display:none}}@media(max-width:640px){.prof-stats:not(.records){grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.prof-stats:not(.records)>div{padding:8px 4px;min-width:0}.prof-stats:not(.records) small{font-size:9.5px;letter-spacing:.04em}.prof-stats:not(.records) b{font-size:21px}}.queue-panel .queue-fill{margin-top:12px}.screen.results .res-scores-link{display:inline-flex;flex-direction:row;align-self:center;width:auto;white-space:nowrap}@media(max-height:480px)and (min-width:641px){.home-v8 .home-main>.menu-brand{display:none}.home-v8 .home-main{padding-top:calc(10px + var(--sat))}.home-v8 .hc-art-castle{opacity:.35}.bc-card{padding:10px 14px 12px}.bc-art{display:none}.bc-actions{align-self:stretch}.bc-actions .bc-play{flex:1;min-width:0}.bc-change span{display:none}.bc-change{width:46px;min-height:46px;justify-content:center;padding:0}.mode-picker .mp-game.lf-game{flex-direction:row;align-items:center;padding-right:40px}.mode-picker .mp-game .lf-choice-art{width:92px;flex:none}}.home-v8 .home-wallet-stack{min-width:0;align-items:flex-end;gap:6px}.home-v8 .home-wallet{flex-direction:row;gap:6px}.home-v8 .wallet-pill{min-width:0;padding-right:10px}.home-v8 .wallet-pill b{flex:none}.home-v8 .home-trophy-wallet{flex-direction:row;gap:0;min-height:0;padding:3px;border-radius:18px}.home-v8 .home-trophy-wallet .htw-row{flex:1 1 auto;width:auto;min-height:32px;padding:0 8px 0 2px;gap:5px}.home-v8 .home-trophy-wallet .htw-row b{flex:none}.home-v8 .home-trophy-wallet .htw-row+.htw-row{border-top:0;border-left:1px solid rgba(255,214,102,.25);border-radius:0 14px 14px 0;padding-left:6px}.home-v8 .home-top-tools{flex-direction:row;align-items:center;gap:8px}@media(max-width:640px){.home-v8 .wallet-plus{display:none}.home-v8 .wallet-pill{padding-right:12px}.home-v8 .home-wallet-stack{min-width:0}.home-v8 .home-trophy-wallet .htw-row{padding:0 6px 0 1px}.home-v8 .home-trophy-wallet .htw-row b{font-size:14.5px}}@media(max-height:480px)and (min-width:641px){.home-v8 .wallet-plus{display:none}}.mode-tile-online{display:inline-flex;align-items:center;gap:6px}.mode-tile-online .net-dot{flex:none;width:8px;height:8px;border-radius:50%;background:#8ef07a;box-shadow:0 0 0 3px #8ef07a40;animation:none}.cc-copy>small{display:none}.cc-card .cc-more{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;cursor:pointer;color:#fff;background:#fff3;box-shadow:inset 0 0 0 2px #ffffffa6,0 2px #6e280073}.cc-card .cc-more:hover{background:#ffffff4d}@media(min-width:641px){.cc-actions{flex-direction:row;align-items:center;gap:10px;margin-right:0}.cc-card .cc-more{width:46px;height:46px}}@media(max-width:640px){.cc-card .cc-more{width:36px;height:36px}}@media(max-width:380px){.cc-card .cc-more{width:34px;height:34px}}.cc-card:not(:has(.cc-ribbon)) .cc-play:not(:disabled){animation:none}.loadout-towers.has-hero{grid-template-columns:repeat(6,minmax(0,1fr))}.loadout-hero-tile{display:flex;flex-direction:column;align-items:center;min-width:0;border-radius:8px;padding:3px;background:#23364d}.loadout-hero-tile .hero-portrait{width:39px;height:42px}.loadout-hero-tile small{font-size:10px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1.2}.home-main .loadout-hero-tile,.screen.sub-screen .loadout-hero-tile,.modal .loadout-hero-tile,.lobby-screen .loadout-hero-tile{padding:6px 2px 5px;border-radius:14px;background:radial-gradient(ellipse at 50% 22%,rgba(255,226,150,.3),transparent 64%),linear-gradient(180deg,#8a6a2a,#5e4518);box-shadow:inset 0 0 0 1.5px #ffd66673,0 3px #08142c8c}.home-main .loadout-hero-tile .hero-portrait{width:46px;height:50px}.home-main .loadout-hero-tile small{font-size:12px;font-weight:700;color:#fff}.home-main .loadout-hero-tile .loadout-tower-level{font:400 12px var(--display);color:#ffe08a}@media(min-width:641px)and (max-height:800px){.home-main .loadout-hero-tile .hero-portrait{width:39px;height:42px}}@media(max-width:640px){.home-main .loadout-towers.has-hero{gap:4px}.home-main .loadout-hero-tile .hero-portrait{width:33px;height:36px}.home-main .loadout-towers.has-hero svg{width:36px;height:36px}.home-main .loadout-towers.has-hero small,.home-main .loadout-hero-tile small{font-size:10px}}.home-hs-toggle{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 8px 0 2px;border:0;border-radius:14px;background:none;color:#fff;cursor:pointer}.home-hs-toggle:hover{background:#ffffff14}.home-hs-toggle:focus-visible{outline:3px solid #fff;outline-offset:2px}.home-hs-toggle .home-hs-caret{color:#bcd4f2}.home-hs-body{display:flex;flex-direction:column;gap:9px;flex:1}.home-hs.is-collapsed{gap:8px}.home-hs-strip{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:4px 10px 4px 6px;border:0;border-radius:12px;cursor:pointer;text-align:left;color:#fff;background:#06122c61}.home-hs-strip:hover{background:#06122c80}.home-hs-strip:focus-visible{outline:3px solid #fff;outline-offset:2px}.home-hs-strip-lead{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.home-hs-strip-lead .home-hs-rank{flex:none;min-width:40px;color:#4a2c00;background:linear-gradient(180deg,#ffe58a,#f2b228)}.home-hs-strip-lead b{flex:1;min-width:0;font:700 14px var(--body);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home-hs-strip-you{flex:none;padding:3px 9px;border-radius:10px;background:#ffd34d29;box-shadow:inset 0 0 0 1.5px #ffd34db3;font:800 11px var(--body);text-transform:uppercase;letter-spacing:.04em;color:#ffe7a8}.home-hs-strip-you b{font:400 14px var(--display);letter-spacing:0;color:#fff}.home-hs-strip-skel{display:block;width:70%;height:14px;border-radius:7px;background:#ffffff1f}.pvp-setup .pvp-line{margin:2px 0 0;padding:8px 12px;border-radius:12px;background:#06122c4d;color:#eef4fb;font:700 13px/1.35 var(--body)}.pvp-setup .pvp-choice{margin-bottom:0}.pvp-more{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:2px}.pvp-more-btn{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border:0;border-radius:20px;cursor:pointer;color:#fff;font:700 13px var(--body);background:#ffffff14;box-shadow:inset 0 0 0 1.5px #aad2ff59}.pvp-more-btn:hover{background:#ffffff29}.pvp-more-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}.pvp-more-btn .icon{color:#ffd34d}.cp-lock{display:inline-flex;align-items:center;gap:5px}.clash-panel .cp-hero{padding:8px 12px;gap:10px}.clash-panel .cp-hero p{font-size:14px}.clash-panel .cp-hero .cp-crest{width:44px;height:44px}.clash-panel .cp-more .cp-tile{min-height:64px;gap:4px;padding:8px 6px}.clash-panel .cp-more .cp-tile-ico{width:34px;height:34px}.keys-help>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px;min-height:36px}.keys-help>summary::-webkit-details-marker{display:none}.keys-help>summary:after{content:"›";margin-left:auto;font-size:18px;transition:transform .15s}.keys-help[open]>summary:after{transform:rotate(90deg)}.weekly-card .weekly-next{margin:0}.weekly-card .weekly-scores{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;align-self:center}.trial-about>summary,.prof-more>summary,.league-more>summary{cursor:pointer;display:flex;align-items:center;gap:8px;min-height:40px;font-weight:800}.prof-leagues:empty{display:none}.prof-league-sum{grid-column:1 / -1;display:flex;align-items:center;gap:6px;margin:0;padding:6px 12px;border-radius:12px;background:#06122c4d;color:#eef4fb;font:700 13px var(--body)}.prof-league-sum .icon{color:#ffd34d}.prof-league-sum b{color:#fff;font:400 15px var(--display)}.prof-league-sum.prof-mode-stats{flex-wrap:wrap;column-gap:16px;row-gap:4px}.prof-league-sum.prof-mode-stats>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.prof-more .prof-stats.records{margin-top:8px}.prof-more .clash-prof,.prof-more .campaign-ranking-status{margin-top:12px}.league-more .league-stats{margin-top:8px}.league-more .league-ladder{margin-top:12px}@media(max-width:640px){.home-v8 .menu-logo{width:min(250px,70%);margin-top:-4px}}@media(max-width:380px){.home-v8 .menu-logo{width:min(220px,66%)}}.home-hs-head{flex-wrap:wrap;row-gap:6px}.home-hs-head .home-hs-game{margin-left:auto}.home-v8 .home-lower,.home-v8 .home-lower:not(.is-solo){grid-template-columns:minmax(0,1fr)}.deck-strip .loadout-open{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px}.deck-strip-copy{display:flex;flex-direction:column;gap:1px;flex:none;min-width:0;max-width:32%}.home-main .deck-strip-copy small{font-size:11px;font-weight:800;letter-spacing:.1em;color:#bcd4f2}.home-main .deck-strip-copy b{font:400 18px var(--display);color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.deck-strip-icons{display:flex;align-items:center;gap:5px;flex:1;min-width:0;justify-content:flex-start}.deck-strip-icons>span{display:grid;place-items:center;flex:0 1 46px;min-width:0;aspect-ratio:1;border-radius:12px;background:radial-gradient(ellipse at 50% 22%,rgba(190,220,255,.3),transparent 64%),linear-gradient(180deg,#3d66a0,#274a7e);box-shadow:inset 0 0 0 1.5px #aad2ff4d,0 2px #08142c8c}.deck-strip-icons svg{width:82%;height:82%}.deck-strip-icons>.deck-strip-hero{background:radial-gradient(ellipse at 50% 22%,rgba(255,226,150,.3),transparent 64%),linear-gradient(180deg,#8a6a2a,#5e4518);box-shadow:inset 0 0 0 1.5px #ffd66680,0 2px #08142c8c}.deck-strip-hero .hero-portrait{width:80%;height:86%}.deck-strip .loadout-edit{flex:none}@media(max-width:640px){.deck-strip .loadout-open{flex-wrap:wrap;gap:8px 10px;padding:10px 12px}.deck-strip-copy{flex:1;max-width:none;flex-direction:row;align-items:baseline;gap:8px}.deck-strip .loadout-edit{order:2}.deck-strip-icons{order:3;flex:1 0 100%;justify-content:space-between;gap:4px}.deck-strip-icons>span{flex:1 1 0;max-width:52px}}.army-tab-label{position:relative;display:inline-flex;align-items:center;gap:6px}.army-tab-dot{width:9px;height:9px;border-radius:50%;background:#6fe35a;box-shadow:0 0 0 2px #0a1c3cb3,0 0 8px #6fe35ab3}.ws-ready.ws-up{display:grid;place-items:center;top:5px;right:5px;width:20px;height:20px;border-radius:50%;font:900 13px/1 var(--body);font-style:normal;color:#fff;background:linear-gradient(180deg,#5fd85a,#2f9a3c);box-shadow:0 0 0 2px #0a1c3cbf,0 2px #1e6a28;animation:none}.army-castle{padding:14px}.deck-inline.deck-modal{width:100%;height:auto;max-width:900px;margin:0 auto;display:flex;flex-direction:column}.deck-inline>.panel-body{display:flex;flex-direction:column;overflow:visible;padding:12px 14px}.deck-inline .deck-scroll,.deck-inline .deck-details-scroll{overflow:visible}.deck-inline>.panel-foot{padding:8px 14px 12px}.deck-inline .deck-inline-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.deck-inline .deck-saved{font-weight:800;color:#b9f0a8}.deck-inline.is-details{height:auto}.card-sheet.modal{width:min(420px,calc(100vw - 24px))}.card-sheet .panel-body{padding:12px 14px 14px}.cs-body{display:flex;flex-direction:column;gap:12px}.cs-head{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:14px;background:#06122c59;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tc, #8ebcff) 55%,transparent)}.cs-art{display:grid;place-items:center;flex:none;width:64px;height:64px}.cs-art svg{width:64px;height:64px}.cs-art .hero-portrait{width:56px;height:61px}.cs-id{display:flex;flex-direction:column;gap:3px;min-width:0}.cs-id b{font:400 18px var(--display);color:#fff}.cs-id small{font:600 12.5px/1.35 var(--body);color:#dbe7f6}.cs-upgrade{display:flex;flex-direction:column;gap:8px}.cs-gain{display:flex;align-items:center;gap:6px;margin:0;font:800 14px var(--body);color:#b9f0a8}.cs-reason,.cs-done{display:flex;align-items:center;gap:6px;margin:0;padding:8px 10px;border-radius:10px;background:#06122c4d;font:700 13px var(--body);color:#eef4fb}.cs-done{color:#b9f0a8}.cs-upgrade .up-action,.cs-upgrade .ws-multi{margin:0}.cs-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cs-actions>:only-child{grid-column:1 / -1}@media(max-width:640px){.modal-back:has(>.card-sheet){align-items:flex-end;padding-bottom:calc(8px + var(--sab, 0px))}.card-sheet.modal{width:calc(100vw - 16px);max-height:min(78dvh,640px);animation:cs-up .22s var(--ease-out, ease-out) both}}@keyframes cs-up{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.is-reduced-motion .card-sheet.modal{animation:none}@media(prefers-reduced-motion:reduce){.card-sheet.modal{animation:none}}.deck-tower-slots.is-placing button{outline:2px dashed #ffd34d;outline-offset:2px;animation:cs-pulse 1.4s ease-in-out infinite}@keyframes cs-pulse{50%{outline-color:#ffd34d59}}.is-reduced-motion .deck-tower-slots.is-placing button{animation:none}.deck-tower-slots button,.deck-card-pick{position:relative}.deck-card .ws-ready.ws-up,.deck-tower-slots .ws-ready.ws-up{position:absolute;top:4px;left:4px;right:auto;width:18px;height:18px;font-size:12px}.deck-card.is-locked .deck-card-pick{cursor:pointer}.deck-modal>.panel-body{container:deck / inline-size}.deck-main{display:flex;flex-direction:column;gap:10px}.deck-main>*{grid-column:auto;grid-row:auto;align-self:stretch}.deck-main>.deck-strength{margin:0;padding:1px 0 3px}.deck-setups{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.deck-setups button{min-height:44px;padding:6px 10px;gap:7px;align-items:center;text-align:left}.deck-setups span{flex:none}.deck-setups b{font-size:12.5px;line-height:1.2;white-space:normal;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;min-width:0;flex:1}.deck-name{flex-wrap:wrap}.deck-name input{flex:1 1 180px;min-width:0;width:auto;height:44px}.deck-default{min-height:44px;padding:4px 10px;flex:none}.deck-lineup{display:flex;flex-wrap:wrap;align-items:stretch;padding:10px;gap:10px;container:lineup / inline-size}.deck-hero-slot{flex:0 0 116px;min-width:0;padding-right:8px}.deck-hero-slot>button:first-child{flex-direction:column;align-items:center;gap:3px;min-height:44px;padding:26px 0 2px;text-align:center}.deck-hero-slot>button:first-child>span{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.deck-hero-slot small:first-child{display:block}.deck-hero-slot b{font-size:13px;line-height:1.15;overflow-wrap:anywhere}.deck-hero-slot .hero-portrait{width:40px;height:44px}.deck-hero-slot .deck-info{top:0;right:0;width:40px;height:40px}.deck-hero-slot .deck-info>span,.deck-hero-slot .deck-info>span:only-child{display:grid;grid-template-columns:none;place-items:center;justify-content:center;align-content:center;width:21px;height:21px;gap:0}.deck-tower-slots{flex:1 1 300px;min-width:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;align-content:center}.deck-tower-slots button{min-width:0;min-height:86px;padding:7px 3px 6px;gap:2px}.deck-tower-slots svg{width:42px;height:42px;flex:none}.deck-tower-slots b{font-size:11px;line-height:1.15;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;overflow:visible}.deck-tower-slots small{font-size:10.5px;white-space:nowrap}@container lineup (max-width: 459.98px){.deck-hero-slot{flex-basis:100%;border-right:0;padding-right:44px}.deck-hero-slot>button:first-child{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;padding:0;text-align:left}.deck-hero-slot>button:first-child>span{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:baseline;gap:1px 9px}.deck-hero-slot small:first-child{grid-column:1 / -1;font-size:9.5px}.deck-hero-slot .hero-portrait{width:38px;height:41px}.deck-hero-slot .deck-info{top:50%;right:0;transform:translateY(-50%);width:44px;height:44px}.deck-tower-slots{flex-basis:100%;gap:5px}.deck-tower-slots button{min-height:80px}.deck-tower-slots svg{width:36px;height:36px}}@container lineup (max-width: 310px){.deck-tower-slots{grid-template-columns:repeat(3,minmax(0,1fr))}}.deck-collection{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.deck-card,.deck-card-pick{min-height:112px}.deck-card-pick{justify-content:flex-start;padding:24px 4px 8px;gap:3px}.deck-card-pick>svg{width:46px;height:46px;transform:none;flex:none}.deck-card-pick b{font-size:12.5px;line-height:1.15;white-space:normal;overflow-wrap:anywhere;text-align:center;max-width:100%}.deck-card-pick small{font-size:10.5px;white-space:nowrap}.deck-card .deck-info{top:0;right:0;width:40px;height:40px;place-items:start end;padding:4px 4px 0 0}.deck-card .deck-info>span{width:20px;height:20px;font-size:12px}.deck-card .deck-lock{top:6px;left:6px}.deck-card .ws-ready.ws-up{top:5px;left:5px}.deck-card.is-locked .ws-ready.ws-up{left:22px}.deck-tabs button{min-height:44px}.deck-prompt{flex-wrap:wrap}.deck-prompt button{min-height:40px;padding:0 10px}.deck-back{min-height:44px}@container deck (max-width: 520px){.deck-collection{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px}.deck-card-pick>svg{width:42px;height:42px}.deck-card-pick b{font-size:12px}}@media(max-height:560px)and (orientation:landscape){@container deck (min-width: 720px){.deck-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr);gap:6px 14px;align-content:start}.deck-setups{grid-column:1;grid-row:1}.deck-name{grid-column:1;grid-row:2}.deck-strength{grid-column:1;grid-row:3}.deck-lineup{grid-column:1;grid-row:4;align-self:start}.deck-main>.deck-lineup{align-self:start}.deck-tabs{grid-column:2;grid-row:1}.deck-prompt{grid-column:2;grid-row:2}.deck-scroll{grid-column:2;grid-row:3 / 5}}@container deck (max-width: 719.98px){.deck-main{display:flex}}}@media(max-height:560px){.deck-modal:not(.deck-inline)>.panel-body{overflow-y:auto}.deck-modal:not(.deck-inline) .deck-main{min-height:auto;flex:none}.deck-modal:not(.deck-inline) .deck-scroll{overflow:visible;flex:none}}.army-tabs .seg-opt{min-height:44px}.ws-screen .ws-tabs{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.ws-screen .ws-tab{min-width:0;min-height:104px;padding:8px 4px 7px}.ws-screen .ws-tab-name{font-size:13px;line-height:1.15;white-space:normal;overflow-wrap:anywhere;overflow:visible;max-width:100%}.ws-screen .ws-tab-lvl{white-space:nowrap}@media(max-width:460px){.ws-screen .ws-tabs{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}.ws-screen .ws-tab{min-height:96px}.ws-screen .ws-tab-art{width:42px;height:42px}}.ws-hero-picker>.ws-tab{flex:0 0 96px;min-height:112px}.ws-screen details.ws-extra>summary{min-height:44px;display:flex;align-items:center}.modal.card-sheet{min-width:0;max-width:calc(100vw - 16px)}.cs-actions{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.cs-actions .btn{min-height:44px}.navbar .nav-tab{min-width:0;overflow:hidden}@media(max-width:640px){.navbar .nav-tab{font-size:clamp(8.5px,2.75vw,11px);letter-spacing:-.01em;padding-left:0;padding-right:0;white-space:nowrap}}@media(max-height:520px)and (min-width:641px){.navbar .nav-tab{min-height:44px}.sub-inner{padding-bottom:calc(70px + var(--sab))}.home-v8 .home-main{padding-bottom:calc(68px + var(--sab))}.campaign-screen .sub-inner{padding-bottom:calc(70px + var(--sab, 0px))!important}}@media(pointer:coarse){.screen :is(.wallet-pill,.htw-row,.ibtn,.home-hs-toggle,.link-btn,.cur-pills,.profile-chip),.modal :is(.link-btn,.copy-btn){position:relative}.screen :is(.wallet-pill,.htw-row,.ibtn,.home-hs-toggle,.link-btn,.cur-pills,.profile-chip):after,.modal :is(.link-btn,.copy-btn):after{content:"";position:absolute;z-index:1;top:min(0px,calc(50% - 22px));bottom:min(0px,calc(50% - 22px));left:min(0px,calc(50% - 22px));right:min(0px,calc(50% - 22px))}:is(.screen,.modal) summary{min-height:44px}:is(.screen,.modal) :is(input.text-input,.code-input,.deck-name input){min-height:44px}:is(.screen,.modal) .btn-sm{min-height:44px}.screen .seg-opt,.modal .seg-opt{min-height:44px}.acct-ack input[type=checkbox]{width:24px;height:24px}.acct-ack{min-height:44px}}@media(pointer:coarse){.ch-tab{min-height:44px}}.queue-screen{grid-template-rows:auto auto;align-content:safe center;row-gap:12px;padding-bottom:calc(16px + var(--sab))}.queue-screen>.tip-bar{position:relative;left:auto;bottom:auto;transform:none;z-index:2;justify-self:center;width:min(560px,100%)}@media(max-height:520px){.queue-screen>.tip-bar{display:none}}.queue-mode .tag{white-space:normal;text-align:center}.modal.lf-wizard{container:lfwiz / inline-size}.lobby-panel.lf-room{container:lfroom / inline-size}@media(max-height:500px)and (orientation:landscape){@container lfroom (max-width: 639.98px){.lf-room-grid{display:flex;flex-direction:column}.lf-col{display:contents}.lf-room-foot{flex-direction:column;align-items:stretch}.lf-room-foot .lf-status{text-align:center}.lf-room-foot .btn-wide{width:100%;min-width:0}}@container lfwiz (max-width: 599.98px){.lf-games{grid-template-columns:minmax(0,1fr)}.lf-game{flex-direction:row;align-items:center;padding:8px 40px 8px 8px}.lf-game .lf-choice-art{width:96px}.lf-game .lf-art{height:auto}}}.lf-steps span{overflow:visible;white-space:normal;overflow-wrap:anywhere;line-height:1.15}@container lfwiz (max-width: 360px){.lf-steps button{padding:6px 5px;gap:5px}.lf-steps i{width:22px;height:22px}}@container lfwiz (max-width: 540px){.lf-steps .lf-long{display:none}.lf-steps .lf-short{display:inline}}@media(max-height:520px){.home-v8 .home-main>.menu-brand{display:none}}@media(max-height:440px){.modal:not(.deck-modal):not(.card-sheet){overflow-y:auto;overscroll-behavior:contain}.modal:not(.deck-modal):not(.card-sheet)>.panel-body{flex:none;overflow:visible;max-height:none}.modal:not(.deck-modal):not(.card-sheet)>.panel-head{position:sticky;top:0;z-index:3}.modal:not(.deck-modal):not(.card-sheet)>.panel-foot{position:sticky;bottom:0;z-index:3;background:linear-gradient(180deg,#24426ef7,#1a3258fc);box-shadow:0 -8px 16px #06122859}.modal .panel-head{min-height:46px}}.friend-row{flex-wrap:wrap;row-gap:6px}.friend-name{flex:1 1 140px}.friend-row>.btn,.friend-row>.ti-close{flex:none}@media(pointer:coarse){.friend-row .btn{min-height:44px}.friend-row .ti-close{min-width:44px;min-height:44px}}.loadout-chip .loadout-open b{white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sub-back{flex:none;min-width:44px;min-height:44px}.home-top,.home-v8 .menu-top>.home-top-identity,.home-v8 .home-top-tools{pointer-events:none}.home-top :is(button,a,.home-wallet-stack,.home-round-row,.net-pill,.home-trophy-wallet,.home-wallet){pointer-events:auto}.loading-screen{overflow-y:auto;place-items:safe center}.ld-logo{width:min(420px,82vw,62dvh)}@media(max-height:520px){.ld-inner{gap:12px}.ld-logo{width:min(300px,70vw,48dvh)}.ld-player{min-height:44px}}@media(max-height:380px){.ld-tip{display:none}}.reveal{overflow-y:auto;place-items:safe center}.queue-mode{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.queue-mode .tag{height:auto;min-height:18px;line-height:1.3;padding-block:2px}.deck-inline .deck-details-scroll,.deck-inline.is-details .deck-details-scroll{max-height:none}.home-v8 .home-top-identity .profile-chip{max-width:100%;min-width:0}@media(max-width:380px){.home-v8 .home-wallet-stack,.home-v8 .home-wallet-stack:has(.home-trophy-wallet){min-width:0}.home-v8 .home-wallet{gap:4px}.home-v8 .wallet-pill{gap:5px;padding-right:9px;font-size:14px}.home-v8 .wallet-pill .wallet-ico{width:26px;height:26px}}@media(max-width:360px){.home-v8 .profile-name{max-width:none;font-size:13.5px}.home-v8 .profile-chip{gap:6px;padding-right:6px}}@media(max-height:480px)and (min-width:641px){.home-v8 .home-main>*{max-width:min(560px,calc(100vw - 2 * (176px + var(--sal, 0px))))}.home-v8 .home-top-identity .profile-chip,.home-v8 .home-wallet-stack{max-width:160px}.home-v8 .wallet-pill{padding-right:8px;gap:5px}.home-v8 .home-top-tools{flex-wrap:wrap;max-width:160px;row-gap:5px}}.reveal-x{z-index:3}@media(max-height:600px),(max-width:480px){.reveal{padding-top:calc(60px + var(--sat));padding-bottom:calc(12px + var(--sab))}}.modal-back>.modal{min-width:0}.modal .panel-foot .two-col>.btn{min-width:0}.modal .panel-foot .two-col .btn-label{white-space:normal;text-align:center}@media(max-height:480px)and (min-width:641px){.home-v8 .home-top-identity .profile-chip{max-width:162px}.home-v8 .profile-name{font-size:13px;max-width:none}.home-v8 .home-save-copy{min-width:0}.home-v8 .home-save-copy b,.home-v8 .home-save-copy small{white-space:normal;line-height:1.15}}@media(max-height:400px)and (min-width:641px){.home-v8 .home-main{gap:8px;padding-top:calc(4px + var(--sat))}.hc-card{padding:8px 52px 10px 14px}.hc-copy{gap:2px}.hc-copy>b{font-size:19px}.hc-copy .home-play-btn{min-height:44px;--fs: 16px;margin-top:2px}.bc-card{padding:8px 12px 10px;gap:6px}.bc-actions .bc-play,.bc-actions .bc-change{min-height:44px}}.ld-mode{margin:-6px 0 0;padding:4px 12px;border-radius:999px;background:#06122c8c;box-shadow:inset 0 0 0 1px #a0c8ff4d;font:800 12px var(--body);letter-spacing:.06em;text-transform:uppercase;color:#ffe39a;text-align:center;max-width:100%}.ld-inner:has(.ld-versus.is-many,.ld-ffa){width:min(720px,100%)}.ld-versus.is-many .ld-team{gap:6px}.ld-versus.is-many .ld-player{min-height:42px;padding-block:4px;gap:7px}.ld-versus.is-many .ld-avatar{width:32px;height:32px}.ld-versus.is-many .ld-name{font-size:14px}.ld-coop.is-alone{grid-template-columns:minmax(0,1fr)}.ld-foe{--pc: #b4473c}.ld-ffa{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;width:100%}.ld-ffa .ld-player{min-height:42px;padding:4px 10px 4px 4px;gap:7px}.ld-ffa .ld-avatar{width:32px;height:32px}.ld-ffa .ld-name{font-size:14px}@media(max-width:480px){.ld-versus.is-teams .ld-player,.ld-ffa .ld-player{flex-wrap:wrap;row-gap:0}.ld-versus.is-teams .ld-player .tag,.ld-ffa .ld-player .tag{height:15px;line-height:15px;font-size:9px}.ld-versus.is-teams .ld-avatar{width:28px;height:28px}.ld-versus.is-teams .ld-name{font-size:13.5px}.ld-ffa{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-height:520px){.ld-mode{margin:0;font-size:11px}.ld-versus.is-many .ld-player,.ld-ffa .ld-player{min-height:36px}.ld-ffa{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.ld-coop:not(.is-alone) .ld-team{flex-direction:column;flex-wrap:nowrap;justify-content:center}@media(max-width:420px)and (min-height:560px){.ld-versus{grid-template-columns:minmax(0,1fr);gap:6px}.ld-versus .ld-vs{justify-self:center;font-size:18px}.ld-versus .ld-team-r .ld-player{flex-direction:row;text-align:left;padding:4px 12px 4px 4px}.ld-versus .ld-player{min-height:40px}.ld-versus.is-teams .ld-player,.ld-ffa .ld-player{flex-wrap:nowrap}.ld-logo{width:min(260px,70vw)}}@media(max-height:440px){.ld-logo{width:min(220px,40dvh,60vw)}.ld-inner{gap:8px}.ld-tip{display:none}.ld-versus.is-many .ld-player,.ld-coop .ld-player{min-height:34px;padding-block:2px}.ld-versus.is-many .ld-avatar,.ld-coop .ld-avatar{width:28px;height:28px}}@media(max-width:420px)and (min-height:560px){.ld-inner:has(.ld-versus.is-many,.ld-coop:not(.is-alone)){gap:10px}.ld-inner:has(.ld-versus.is-many,.ld-coop:not(.is-alone)) .ld-logo{width:min(200px,60vw)}.ld-inner:has(.ld-versus.is-many,.ld-coop:not(.is-alone)) .ld-tip{display:none}.ld-versus.is-many .ld-player,.ld-coop .ld-player{min-height:36px;padding-block:2px}}@media(max-width:640px){.ld-player .tag-bot{display:inline-flex;flex:none}}@media(max-width:420px)and (min-height:560px){.ld-ffa{grid-template-columns:minmax(0,1fr)}.ld-ffa .ld-player{min-height:36px;padding-block:2px}.ld-inner:has(.ld-ffa.is-many) .ld-logo{width:min(200px,60vw)}.ld-inner:has(.ld-ffa.is-many) .ld-tip{display:none}}@media(pointer:coarse){.hud .ibtn,.hud .minimap-toggle,.hud .is-closed .minimap-toggle{min-width:44px;min-height:44px}.hud .hint-x,.hud .ti-close,.hud .spec-btn{position:relative}.hud .panel-close:after,.hud .hint-x:after,.hud .ti-close:after,.hud .spec-btn:after,.hud .minimap-toggle:after{content:"";position:absolute;inset:50% auto auto 50%;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%}.hud .modal input[type=range]{min-height:44px}}.hud .rail-more{display:none}.hud .rail-sec{display:contents}.hud .hud-right .cam-compass{order:1}.hud .hud-right .team-btns:not(.emote-btns){order:2}.hud .hud-right .hero-ability{order:3}.hud .hud-right .emote-btns{order:4}.hud .hud-right .rail-more{order:0}@media(max-height:500px),(max-width:640px)and (max-height:760px){.hud .hud-right:has(.rail-sec>*) .rail-more{display:grid}.hud .hud-right .rail-sec{display:none}.hud .hud-right.is-more-open .rail-sec{position:absolute;top:0;right:calc(100% + 8px);display:flex;flex-direction:row;align-items:flex-start;gap:8px;padding:6px;border-radius:18px;background:#0a1020b8;box-shadow:inset 0 0 0 1px #ffffff1a,0 8px 18px #00000059;animation:pop-in .18s both}.hud .hud-right .rail-sec .team-btns{position:relative;right:auto;top:auto;flex-direction:row;padding:0;gap:8px;background:none}.hud .hud-right .rail-sec .cam-compass{align-self:flex-start}.hud .hud-right .rail-sec .ping-menu{right:0;bottom:auto;top:calc(100% + 8px)}.hud .hud-right .rail-sec .emote-menu{right:0;top:calc(100% + 8px)}}@media(min-width:641px)and (min-height:501px)and (max-height:800px){.hud .hud-right{top:calc(var(--row2-bottom, 120px) + 10px);transform:none}}@media(min-width:641px)and (max-width:919px)and (min-height:501px){.hud:has(.hud-right>:not(.rail-more)) .hud-bottom,.hud:has(.hud-right>:not(.rail-more)) .hud-left{left:calc(var(--gut) + var(--sal) + 80px);right:calc(var(--gut) + var(--sar) + 80px)}}@media(max-height:500px)and (orientation:landscape){.hud:has(.hud-right .hero-ability) .hud-bottom,.hud:has(.hud-right .hero-ability) .hud-left{right:calc(var(--gut) + var(--sar) + 74px);left:calc(var(--gut) + var(--sal) + 74px)}.hud:not(:has(.hud-right .hero-ability)) .hud-bottom,.hud:not(:has(.hud-right .hero-ability)) .hud-left{right:calc(var(--gut) + var(--sar) + 54px);left:calc(var(--gut) + var(--sal) + 54px)}.hud .hud-right{top:calc(var(--row2-bottom, 120px) + 8px)}.hud.is-choosing .hud-bottom,.hud:has(.card-sheet) .hud-bottom{left:calc(var(--gut) + var(--sal))!important;right:calc(var(--gut) + var(--sar))!important}.hud:has(.card-sheet) .hud-right{visibility:hidden}}@media(max-width:640px)and (max-height:760px)and (orientation:portrait),(max-width:640px)and (min-height:501px)and (max-height:760px){.hud:has(.tower-panel,.hero-panel) .hud-right{visibility:hidden}}@media(min-width:641px),(max-height:500px)and (orientation:landscape){.hud .place-bar:not(:has(.joker-targets)){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px}.hud .place-bar:not(:has(.joker-targets)) .place-actions{flex-wrap:nowrap}.hud .place-bar:not(:has(.joker-targets)) .place-actions .pbtn{flex:none;width:auto;min-width:88px;padding-inline:12px}.hud .place-bar:not(:has(.joker-targets)) .place-actions .pbtn-build{min-width:112px}}@media(min-width:641px)and (max-height:800px),(max-height:500px)and (orientation:landscape){.hud .place-bar{padding:7px 8px 7px 10px;gap:8px}.hud .place-art{width:44px;height:44px}.hud .place-info b{font-size:15.5px}.hud .place-hint{font-size:12px}.hud .place-actions .pbtn{height:50px;font-size:12.5px}.hud .place-actions .pbtn-build{font-size:14px}.hud .joker-target{min-height:44px;flex-basis:120px}}@media(max-height:500px)and (orientation:landscape){.hud .place-bar{width:min(640px,100%)}.hud .place-actions .pbtn{height:46px;min-width:64px;gap:0}.hud .place-bar:not(:has(.joker-targets)) .place-actions .pbtn{min-width:64px;padding-inline:8px}.hud .place-bar:not(:has(.joker-targets)) .place-actions .pbtn-build{min-width:84px}.hud .place-actions .pbtn .icon{width:18px;height:18px}.hud .place-art{width:38px;height:38px}.hud .place-info{gap:1px}.hud .place-hint{font-size:11px;line-height:1.2}.hud .place-status,.hud .move-picks{font-size:10.5px}.hud .place-status{padding:1px 7px}.hud .joker-targets{gap:6px}.hud .joker-target{min-height:44px;padding:4px 8px 4px 4px;flex-basis:110px}.hud .jt-avatar{width:30px;height:30px}}.hud .ct-name{flex:none;line-height:1.2}@media(max-width:640px)and (orientation:portrait),(max-width:640px)and (min-height:501px){.hud .clash-dock{gap:4px}.hud .clash-queue{gap:5px;padding:2px 4px}.hud .cq-slot{width:32px;height:32px;border-radius:9px}.hud .cq-slot .troop-art{width:25px!important;height:25px!important}.hud .cq-army{height:22px}.hud .clash-main{gap:5px;padding:5px;border-radius:18px}.hud .clash-gold{padding:3px 7px 3px 4px}.hud .clash-gold-num{font-size:18px}.hud .clash-age{padding:3px 6px 3px 4px}.hud .ca-medal{width:34px;height:34px}.hud .sp-ring{width:42px;height:42px}.hud .clash-troop{height:68px;padding:3px 3px 4px;border-radius:13px}.hud .ct-art .troop-art{width:34px!important;height:34px!important}.hud .ct-name{margin-top:1px;font-size:10.5px}.hud .ct-cost{margin-top:2px;font-size:12px;line-height:15px}.hud .ct-why{margin-top:2px}.hud .ct-need{top:24px}.hud .clash-build-btn{min-width:50px}}@media(max-width:640px)and (max-height:760px)and (orientation:portrait),(max-width:640px)and (min-height:501px)and (max-height:760px){.hud .clash-troop{height:56px}.hud .ct-name{display:none}.hud .ct-art .troop-art{width:32px!important;height:32px!important}.hud .clash-gold,.hud .clash-age,.hud .clash-special,.hud .clash-build-btn{min-height:44px;padding-block:2px}.hud .clash-gold-top{flex-direction:row;align-items:baseline;gap:4px}.hud .clash-gold-num{font-size:17px}.hud .ca-medal{width:30px;height:30px}.hud .ca-medal b{font-size:14px}.hud .sp-ring{width:38px;height:38px}.hud .sp-name{display:none}.hud .clash-build-btn{gap:1px}}@media(max-width:640px)and (min-width:360px)and (orientation:portrait),(max-width:640px)and (min-width:360px)and (min-height:501px){.hud .clash-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,3.18fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas:"gold age buy special build";gap:4px;padding:4px;align-items:stretch}.hud .clash-buybar{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.hud .clash-troop{height:58px;padding:2px 2px 3px;border-radius:12px}.hud .ct-name{display:none}.hud .ct-art .troop-art{width:30px!important;height:30px!important}.hud .ct-cost{margin-top:2px;padding:0 5px 0 2px;font-size:11.5px;line-height:14px}.hud .ct-why{margin-top:2px;padding:0 3px;font-size:8.5px;line-height:13px}.hud .ct-need{top:20px;font-size:8.5px}.hud .ct-role{top:2px;right:2px;height:14px;padding:0 2px}.hud .clash-gold{flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:58px;padding:3px 2px;border-radius:12px}.hud .clash-gold-coin{display:none}.hud .clash-gold-main{flex:none;align-items:center;gap:1px}.hud .clash-gold-top{flex-direction:column;align-items:center;gap:2px}.hud .clash-gold-num{font-size:15px;line-height:1}.hud .clash-income{padding:0 3px;font-size:9px;line-height:12px}.hud .clash-age{flex-direction:column;align-items:center;justify-content:center;gap:3px;width:auto;padding:3px;border-radius:12px}.hud .clash-age .ca-body{width:100%;align-items:center;gap:2px;flex:none}.hud .clash-age .ca-name,.hud .clash-age .ca-early,.hud .clash-age .ca-next-name,.hud .clash-age .ca-up-label,.hud .clash-age .ca-final{display:none}.hud .clash-age .ca-xp{width:100%;height:5px}.hud .clash-age .ca-medal{width:30px;height:30px}.hud .clash-age .ca-medal b{font-size:13px}.hud .clash-age.is-ready .ca-cost{font-size:10.5px}.hud .clash-special{flex-direction:column;justify-content:center;gap:2px;padding:2px;border-radius:12px}.hud .clash-special .sp-name{display:none}.hud .clash-special .sp-ring{width:40px;height:40px}.hud .clash-build-btn{min-width:0;padding:3px 2px;border-radius:12px}.hud .clash-build-btn b{font-size:10px}}@media(max-width:640px)and (max-height:760px)and (orientation:portrait),(max-width:640px)and (min-height:501px)and (max-height:760px){.hud .hud-top .pchip,.hud .hud-top .pchip-compact{min-height:44px;padding-block:3px}}@media(max-height:500px)and (orientation:landscape)and (max-width:760px){.hud .clash-main{gap:4px;padding:4px}.hud .clash-gold{padding:3px 6px 3px 4px}.hud .clash-gold-num{font-size:17px}.hud .clash-gold-coin{display:none}.hud .clash-age{width:118px}.hud .ca-medal{width:32px;height:32px}.hud .ca-name{font-size:11px}.hud .clash-buybar{grid-template-columns:repeat(3,64px)}.hud .sp-name{display:none}.hud .clash-build-btn{min-width:46px;padding:3px 4px}.hud .clash-build-btn b{font-size:10px}}@media(min-width:641px),(max-height:500px)and (orientation:landscape){.hud .hud-top:not(.is-clash-multi){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.hud .hud-top .team-group{min-width:0}.hud .hud-top:not(.is-coop) .team-group .pchip{flex:0 1 auto;min-width:0}}@media(min-width:641px)and (max-width:1099px),(max-height:500px)and (orientation:landscape){.hud .hud-top:not(.is-coop):not(.is-clash-multi) .team-group{justify-self:stretch}.hud .hud-top:not(.is-coop):not(.is-clash-multi) .team-1{justify-content:flex-end}}@media(min-width:641px)and (max-width:900px),(max-height:500px)and (orientation:landscape)and (max-width:900px){.hud .hud-top.mode-2v2 .pchip-avatar{display:none}.hud .hud-top.mode-2v2 .pchip-shape-inline{display:inline-block}.hud .hud-top.mode-2v2 .pchip{padding-inline:8px}.hud .hud-top .wave-panel{min-width:96px}}@media(max-height:500px)and (orientation:landscape)and (max-width:700px){.hud .hud-top .pchip-name{font-size:11.5px}.hud .hud-top .pchip-dstate{font-size:8.5px;padding:0 4px}.hud .hud-top .wave-panel{min-width:84px;padding-inline:6px}.hud .hud-top .wave-panel .wave-label{font-size:8.5px}}@media(max-height:500px)and (orientation:landscape)and (max-width:900px){body:has(.hud) .toasts{left:50%;right:auto;transform:translate(-50%);width:min(340px,calc(100% - 200px));align-items:center}}@media(max-height:380px)and (orientation:landscape){.hud .card-sheet{min-width:0;width:min(460px,100%);padding:4px 6px 6px}.hud .card-sheet-head{min-height:30px;margin-bottom:3px}.hud .card-sheet-title{font-size:13.5px}.hud .card-timer{margin-bottom:4px}.hud .ccard{padding:3px 3px 5px}.hud .ccard-art{height:40px;padding:2px 6px}.hud .ccard-title{margin-top:3px;font-size:12px}.hud .ccard-line{font-size:10px}.hud .ccard-action{margin-top:3px;padding:0 5px;font-size:8px;line-height:14px}.hud .ccard-training{display:none}}@media(max-height:500px)and (orientation:landscape){.hud .tower-panel{max-height:calc(100dvh - var(--row2-bottom, 120px) - 24px)}}@media(min-width:641px),(max-height:500px)and (orientation:landscape){.hud .minimap-panel{width:clamp(140px,min(calc(10vw + 72px),calc(26vh + 24px)),200px);height:auto;aspect-ratio:200 / 172}}@media(pointer:coarse){.hud .ccard-info:before{inset:-10px}}@media(max-width:640px)and (orientation:portrait),(max-width:640px)and (min-height:501px){body:has(.hud .hud-right>*) .toasts{left:calc(8px + var(--sal, 0px));right:calc(84px + var(--sar, 0px));width:auto;transform:none;align-items:flex-start}}.hud .hud-right .ping-menu,.hud .hud-right .emote-menu{top:0;bottom:auto;right:calc(100% + 26px)}@media(max-height:500px)and (orientation:landscape){.hud .hero-panel{width:min(700px,calc(100% - 2 * (var(--gut) + 74px)))}}@media(max-height:500px)and (orientation:landscape)and (max-width:760px){.hud>.banner:not(.banner-big){top:calc(var(--row2-bottom, 116px) + 6px);max-width:calc(100% - 128px)}}@media(max-width:640px)and (max-height:760px),(max-height:400px)and (orientation:landscape){.hud.is-placing .hud-right{visibility:hidden}.hud.is-placing .hud-bottom{left:calc(var(--gut) + var(--sal))!important;right:calc(var(--gut) + var(--sar))!important}}@media(min-width:641px),(max-height:500px)and (orientation:landscape){.hud .place-bar:has(.joker-targets){display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"top actions" "targets targets";align-items:center;column-gap:12px;row-gap:6px}.hud .place-bar:has(.joker-targets)>.place-top{grid-area:top}.hud .place-bar:has(.joker-targets)>.joker-targets{grid-area:targets}.hud .place-bar:has(.joker-targets)>.place-actions{grid-area:actions;flex-wrap:nowrap}.hud .place-bar:has(.joker-targets) .place-actions .pbtn{flex:none;min-width:84px;padding-inline:10px}.hud .joker-target{min-height:44px}}@media(max-height:500px)and (orientation:landscape){.hud .place-bar:has(.joker-targets) .place-hint{display:none}}@media(max-width:640px)and (orientation:portrait),(max-width:640px)and (min-height:501px){.hud .joker-target{flex:1 1 calc(50% - 4px);min-height:44px}}@media(max-height:500px)and (orientation:landscape){.hud .hud-top.is-clash-multi{display:flex;align-items:flex-start;gap:6px}.hud .hud-top.is-clash-multi>.team-group{flex:var(--n, 1) 1 0;min-width:0;max-width:calc(var(--n, 1) * 118px);display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.hud .hud-top.is-clash-multi>.team-1{margin-left:auto}.hud .hud-top.is-clash-multi .cc-cell,.hud .hud-top.is-clash-multi.is-rows2-l .cc-cell,.hud .hud-top.is-rows2 .cc-cell{height:auto;min-height:44px;padding:3px 4px 4px 7px}.hud:has(.hud-top.is-clash-multi.is-rows2-l) .hud-row2{top:72px}.hud:has(.hud-top.is-clash-multi) .clash-warns{top:calc(var(--row2-bottom, 116px) + 6px)}.hud .hud-top.is-clash-multi .clash-age-panel{min-width:104px}}@media(pointer:coarse){.hud .clash-pbtn{min-height:44px;min-width:44px}.hud .clash-act{min-height:44px}.hud .clash-tchip,.hud .cpc-targets .clash-tchip{min-height:44px;height:auto}.hud .clash-special,.hud .clash-build-btn,.hud .clash-age{min-height:44px;min-width:44px}}@media(max-height:420px)and (orientation:landscape){.hud .clash-dock.has-pop .clash-main,.hud .clash-dock.has-pop .clash-strip,.hud .clash-dock:has(.clash-picker) .clash-main,.hud .clash-dock:has(.clash-picker) .clash-strip{display:none}.hud.is-clash.has-tower .clash-main{display:none}}@media(max-height:500px)and (orientation:landscape){.hud.is-clash .tower-panel{max-height:calc(100dvh - var(--row2-bottom, 116px) - var(--clash-dock-h, 0px) - 26px)}.hud .clash-tray,.hud .clash-pop-card{max-width:calc(100% - 112px)}.hud .ca-next-name{display:none}}@media(max-height:500px)and (orientation:landscape)and (max-width:900px),(min-width:641px)and (max-width:900px){.hud .hud-top .clash-age-panel .cap-long{display:none}.hud .hud-top .clash-age-panel .cap-short{display:inline}}@media(max-height:500px)and (orientation:landscape){.hud .eom-out{top:auto;bottom:calc(10px + var(--sab, 0px));transform:translate(-50%);width:min(520px,calc(100% - 2 * (var(--gut) + 56px)));gap:4px;padding:10px 14px 12px}.hud .eom-out-emblem{width:38px;height:38px}.hud .eom-out-emblem .icon{width:22px;height:22px}.hud .eom-out h2{font-size:24px}.hud .eom-out-reason{font-size:13.5px}.hud .eom-out-note{font-size:11.5px}.hud .eom-out-actions{margin-top:4px;gap:8px;flex-wrap:nowrap}.hud .eom-out-actions .btn{min-height:44px}}@media(max-height:400px)and (orientation:landscape){.hud .eom-out-emblem,.hud .eom-out-note{display:none}}@media(max-height:500px)and (orientation:landscape)and (max-width:900px){.hud .hud-row2 .spectate{top:calc(100% + 8px);max-width:calc(100% - 120px)}}@media(max-height:400px)and (orientation:landscape){.hud .hud-top .pchip-dstate,.hud .hud-top .pchip-recovery{display:none}.hud .hud-top .pchip-meta:not(:has(.fx-badge)){display:none}.hud .hud-top .pchip{min-height:44px;padding-block:3px}}@media(max-height:500px)and (orientation:landscape){.hud .hud-bottom .hint-bubble{max-width:min(460px,calc(100% - 344px));font-size:12px}}@media(max-height:400px)and (orientation:landscape){.hud .clash-troop{height:58px}.hud .ct-art .troop-art{width:30px!important;height:30px!important}.hud .clash-gold,.hud .clash-age,.hud .clash-special,.hud .clash-build-btn{min-height:44px}.hud .clash-main{padding:3px}.hud .cq-slot{width:28px;height:28px}.hud .cq-slot .troop-art{width:22px!important;height:22px!important}.hud .cq-army{height:20px}}@media(max-height:500px)and (orientation:landscape),(max-width:640px)and (max-height:760px)and (orientation:portrait),(max-width:640px)and (min-height:501px)and (max-height:760px){.hud .clash-dock.is-building .clash-main,.hud .clash-dock.is-building .clash-strip{display:none}}@media(min-width:641px)and (max-width:900px)and (min-height:501px){.hud .clash-tray,.hud .clash-pop-card{max-width:calc(100% - 240px)}.hud .clash-tray-list{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-height:500px)and (orientation:landscape){.hud:has(.tower-panel,.hero-panel) .hud-right{visibility:hidden}.hud:has(.tower-panel) .hud-left{left:calc(var(--gut) + var(--sal))!important;right:calc(var(--gut) + var(--sar))!important}.hud .hero-panel{width:min(700px,calc(100% - 2 * var(--gut)))}}@media(max-width:640px)and (orientation:portrait),(max-width:640px)and (min-height:501px){.hud>.banner:not(.banner-big){max-width:calc(100% - 172px)}}@media(max-height:500px)and (orientation:landscape){.hud .hud-top.is-coop.coop-n3,.hud .hud-top.is-coop.coop-n4{grid-template-columns:minmax(0,1fr) auto}.hud .hud-top.is-coop.coop-n3 .team-0,.hud .hud-top.is-coop.coop-n4 .team-0{display:flex;justify-self:stretch;width:auto;max-width:600px;gap:4px}.hud .hud-top.is-coop.coop-n3 .pchip,.hud .hud-top.is-coop.coop-n4 .pchip{flex:1 1 0;width:auto;min-width:0;min-height:44px;padding:3px 8px}.hud:has(.hud-top.coop-n4,.hud-top.coop-n3) .hud-row2{top:72px}.hud .raid-hud{left:50%;transform:translate(-50%);width:min(520px,calc(100% - 328px))}}@media(max-width:640px)and (orientation:portrait),(max-width:640px)and (min-height:501px){.hud .raid-hud,.hud .raid-hud.is-buildup{width:calc(100% - 2 * var(--gut, 8px) - var(--sal, 0px) - var(--sar, 0px) - 80px)}}.hud:has(.spectate) .countdown{top:max(46%,calc(var(--spectate-bottom, 160px) + 90px))}@media(max-height:500px)and (orientation:landscape)and (max-width:760px){.hud.is-clash .clash-warns{top:calc(var(--row2-bottom, 116px) + 6px)}}@media(max-width:640px)and (max-height:640px){.hud .clash-dock.has-pop .clash-main,.hud .clash-dock.has-pop .clash-strip,.hud .clash-dock:has(.clash-picker) .clash-main,.hud .clash-dock:has(.clash-picker) .clash-strip{display:none}}@media(max-width:400px){.hud .ccard-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.1;text-overflow:clip}}@media(min-width:641px)and (max-width:760px)and (min-height:501px){.hud .clash-main{gap:4px;padding:4px}.hud .clash-gold-coin{display:none}.hud .clash-age{width:118px}.hud .clash-buybar{grid-template-columns:repeat(3,64px)}.hud .sp-name{display:none}.hud .clash-build-btn{min-width:46px;padding:3px 4px}.hud .raid-hud,.hud .raid-hud.is-buildup{left:50%;transform:translate(-50%);width:min(560px,calc(100% - 344px))}}@media(min-width:641px)and (max-width:900px)and (min-height:501px){.hud .tutorial:not(.tutorial-milestone){max-width:calc(100% - 344px)}}@media(min-width:641px)and (min-height:501px)and (max-height:760px){.hud .eom-out{top:auto;bottom:calc(14px + var(--sab, 0px));transform:translate(-50%)}}.hud:has(.eom-out) .countdown,.hud:has(.eom-out)>.banner{visibility:hidden}.cl-role-ico{display:inline-flex;align-items:center}.ct-role .cl-glyph.supply{opacity:.9}.ch-cn-unit b:has(.cl-glyph){display:inline-flex;align-items:center;gap:4px}.hud .clash-special.is-empty{filter:grayscale(.55) brightness(.82)}.hud .clash-special.is-empty .sp-ring{opacity:.7}.hud .clash-tray-item.is-sel{box-shadow:inset 0 0 0 2.5px #ffe27a,0 0 0 3px #ffd34d59,0 0 16px #ffd34d66;transform:translateY(-2px)}.hud .clash-tray-item.is-sel .cti-name{color:#fff3b0}.hud .clash-tray-hint.is-go{color:#c9f5a8}@media(max-height:520px)and (min-width:641px),(max-height:500px)and (orientation:landscape){.hud .clash-tray-hint{display:block;margin:4px 0 0;font-size:11px;line-height:1.25;text-align:center}}.hud .clash-gold-num .cg-short{display:none}@media(max-width:640px)and (orientation:portrait),(max-width:640px)and (min-height:501px),(max-height:500px)and (orientation:landscape)and (max-width:760px),(min-width:641px)and (max-width:760px)and (min-height:501px){.hud .clash-gold-num .cg-full{display:none}.hud .clash-gold-num .cg-short{display:inline}}.hud .clash-age .ca-up .icon{width:18px;height:18px}