:root{--bg: #141a2c;--panel: rgba(22, 29, 50, .86);--panel-edge: rgba(255, 255, 255, .1);--text: #f3f1ea;--muted: #a9b2c8;--blue: #3d82ff;--blue-deep: #1f55c9;--red: #e34848;--gold: #f2c14e;--green: #8ee05f;--radius: 14px;--display: "Lilita One", "Nunito", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--body: "Nunito", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}body{background:var(--bg);color:var(--text);font-family:var(--body);font-weight:700;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:default;opacity:.4}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);box-shadow:0 8px 24px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.muted{color:var(--muted)}.blue{color:var(--blue)}.red{color:var(--red)}.btn{display:block;width:100%;padding:14px 18px;border-radius:12px;font-family:var(--display);font-size:22px;letter-spacing:.5px;margin-top:12px;transition:transform .08s,filter .15s;text-align:center;text-decoration:none}.btn:active{transform:translateY(2px)}.btn:hover{filter:brightness(1.1)}.btn-primary{background:linear-gradient(#4d8dff,var(--blue-deep));box-shadow:0 4px #173f96,0 8px 18px #1f55c973}.btn-ghost{background:linear-gradient(#59627a,#3b4258);box-shadow:0 4px #262b3b}.home{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:16px;overflow:auto}.home-sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse at 70% 110%,#6a9a48 0 22%,transparent 23%),radial-gradient(ellipse at 20% 115%,#4f8340 0 26%,transparent 27%),linear-gradient(#5b6fb8,#b98ac0 45%,#f4b07a 75%,#f7cf8f)}.logo{display:flex;flex-direction:column;align-items:center;font-family:var(--display);line-height:.85;transform:rotate(-3deg);filter:drop-shadow(0 6px 0 #5a3418) drop-shadow(0 12px 18px rgba(0,0,0,.35))}.logo span{color:#fff6df;-webkit-text-stroke:3px #6b3d1b;paint-order:stroke fill}.logo-top{font-size:clamp(56px,12vw,96px)}.logo-bottom{font-size:clamp(48px,10vw,84px);margin-left:40px}.challenge-card{width:min(420px,100%);padding:22px}.challenge-card h2{font-family:var(--display);font-weight:400;font-size:32px;margin:4px 0 6px}.facts{list-style:none;display:flex;gap:10px;padding:0;margin:16px 0 6px}.facts li{flex:1;background:#ffffff0f;border-radius:10px;padding:8px;text-align:center;font-size:12px;color:var(--muted)}.facts b{display:block;font-family:var(--display);font-weight:400;font-size:24px;color:var(--text)}.tip{font-size:13px;color:var(--muted);margin:16px 0 0;line-height:1.4}.battle{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}.viewport{position:absolute;top:0;right:0;bottom:0;left:0}.viewport canvas{display:block}.hud-top{position:absolute;top:calc(12px + var(--sat));left:50%;transform:translate(-50%);pointer-events:none}.strength{display:flex;align-items:center;gap:8px}.crest{font-size:22px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.bar{width:min(22vw,200px);height:14px;border-radius:8px;background:#00000073;overflow:hidden;border:2px solid rgba(255,255,255,.15)}.bar i{display:block;height:100%;transition:width .3s}.bar.blue{transform:scaleX(-1)}.bar.blue i{background:linear-gradient(90deg,#6aa5ff,var(--blue))}.bar.red i{background:linear-gradient(90deg,#ff7a7a,var(--red))}.clock{font-family:var(--display);font-size:26px;padding:2px 14px;border-radius:10px;background:var(--panel);border:1px solid var(--panel-edge);min-width:92px;text-align:center}.hud-speed{position:absolute;top:calc(12px + var(--sat));right:calc(12px + var(--sar));display:flex;gap:2px;padding:3px}.hud-speed .chip{min-width:32px;height:30px;font-size:13px;padding:0 6px}.chip{min-width:40px;height:36px;border-radius:9px;font-weight:800;font-size:15px}.chip.on{background:var(--blue-deep);box-shadow:inset 0 0 0 2px #7fb0ff}.hud-exit{position:absolute;top:calc(12px + var(--sat));left:calc(12px + var(--sal));background:var(--panel);border:1px solid var(--panel-edge)}.hud-squads{position:absolute;left:calc(12px + var(--sal));top:calc(64px + var(--sat));display:flex;flex-direction:column;gap:8px}.squad-card{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 10px;width:228px;text-align:left}.squad-card.selected{box-shadow:0 0 0 3px var(--green),0 8px 24px #00000059}.squad-card.out{opacity:.55}.squad-card .idx{font-family:var(--display);font-size:16px;color:var(--muted);width:12px}.squad-card .icon{font-size:24px;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#3d82ff40}.squad-card .info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.squad-card .name{font-weight:800;font-size:14px}.squad-card .count{font-size:12px;color:var(--muted)}.squad-card em{font-style:normal;color:var(--gold)}.meter{height:6px;border-radius:4px;background:#00000073;overflow:hidden}.meter i{display:block;height:100%;transition:width .3s}.meter.hp i{background:var(--green)}.meter.morale{height:4px}.meter.morale i{background:var(--gold)}.hud-stances{position:absolute;bottom:calc(14px + var(--sab));flex-wrap:wrap;justify-content:center;max-width:calc(100% - 24px);left:50%;transform:translate(-50%);display:flex;gap:4px;padding:4px;z-index:2}.stance{display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:9px;font-size:12px;font-weight:800;white-space:nowrap;color:var(--muted)}.stance .s-icon{font-size:15px}.stance.on{background:#f2c14e2e;color:var(--gold);box-shadow:inset 0 0 0 2px var(--gold)}.battle.deploying .hud-stances{bottom:calc(96px + var(--sab))}@media (max-width: 720px),(max-height: 520px){.hud-stances,.battle.deploying .hud-stances{bottom:calc(8px + var(--sab))}.stance{padding:5px 7px;font-size:11px}.battle.has-stances .hud-squads{bottom:calc(60px + var(--sab))}.hud-squads{bottom:calc(10px + var(--sab))}}@media (max-height: 520px) and (min-width: 600px){.battle.has-stances .hud-squads{bottom:auto}}.hud-orders{position:absolute;bottom:calc(14px + var(--sab));left:50%;transform:translate(-50%);display:flex;gap:4px;padding:6px}.order{display:flex;flex-direction:column;align-items:center;gap:2px;width:78px;padding:8px 4px;border-radius:10px;font-size:13px}.order .o-icon{font-size:22px;line-height:1}.order:not(:disabled):hover{background:#ffffff14}.order.active{background:#8ee05f2e;box-shadow:inset 0 0 0 2px var(--green)}.hud-hint{position:absolute;bottom:calc(96px + var(--sab));left:50%;transform:translate(-50%);font-size:13px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap;pointer-events:none}.toast,.paused-tag{position:absolute;left:50%;transform:translate(-50%);pointer-events:none;font-family:var(--display);text-shadow:0 3px 0 rgba(0,0,0,.35)}.toast{top:30%;font-size:clamp(36px,7vw,64px);animation:pop 1.8s ease-out forwards}.paused-tag{top:calc(62px + var(--sat));font-size:18px;color:var(--gold)}@keyframes pop{0%{opacity:0;transform:translate(-50%) scale(.6)}15%{opacity:1;transform:translate(-50%) scale(1.05)}25%{transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0}}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#0a0e1a8c;padding:16px;overflow:auto}.modal{width:min(380px,100%);padding:24px;text-align:center}.modal h1{font-family:var(--display);font-weight:400;font-size:52px;margin:0}.modal.win h1{color:var(--gold)}.modal.lose h1{color:var(--red)}.modal table{width:100%;margin:18px 0 6px;border-collapse:collapse;font-size:15px}.modal td,.modal th{padding:6px}.modal td:first-child{text-align:left;color:var(--muted)}.modal tbody tr+tr td{border-top:1px solid var(--panel-edge)}.modal .row{display:flex;gap:10px}@media (max-width: 720px),(max-height: 520px){.hud-squads{top:auto;bottom:calc(86px + var(--sab));left:calc(8px + var(--sal));right:calc(8px + var(--sar));flex-direction:row;overflow-x:auto;gap:6px;scrollbar-width:none}.hud-squads::-webkit-scrollbar{display:none}.squad-card{width:auto;min-width:128px;flex:1 0 128px;padding:6px 8px;gap:6px}.squad-card .icon{width:26px;height:26px;font-size:16px}.squad-card .idx{display:none}.squad-card .name{font-size:12px}.squad-card .count{font-size:11px}.mstate{font-size:10px}.morale-panel{display:none}.hud-orders{bottom:calc(8px + var(--sab));padding:4px}.order{width:64px;padding:6px 2px;font-size:12px}.order .o-icon{font-size:20px}.bar{width:22vw;height:10px}.clock{font-size:18px;min-width:64px;padding:2px 8px}.hud-top{top:calc(58px + var(--sat))}.chip{min-width:36px;height:34px;font-size:14px}}@media (max-height: 520px) and (min-width: 600px){.hud-squads{top:calc(56px + var(--sat));bottom:auto;right:auto;flex-direction:column;overflow:visible}.squad-card{flex:none;width:170px}.hud-top{top:calc(10px + var(--sat))}}.hud-hint.touch{top:calc(124px + var(--sat));bottom:auto;white-space:normal;text-align:center;width:min(92vw,420px);font-size:12px;display:block}@media (max-height: 520px) and (min-width: 600px){.hud-hint.touch{top:calc(70px + var(--sat))}}canvas{-webkit-touch-callout:none;touch-action:none}.squad-card.alarm{animation:alarm .6s ease-in-out infinite alternate}.squad-card.alarm em{color:#ff7a6b}@keyframes alarm{0%{box-shadow:0 0 0 2px #e3484866,0 8px 24px #00000059}to{box-shadow:0 0 0 3px #e34848f2,0 8px 24px #00000059}}.order.danger.active{background:#ffffff29;box-shadow:inset 0 0 0 2px #fff}.meter.morale.shaken i{background:#f2a33a}.meter.morale.wavering i{background:var(--red)}.mstate{font-size:11px;font-weight:800;letter-spacing:.3px}.mstate.steady{color:var(--green)}.mstate.shaken{color:#f2a33a}.mstate.wavering{color:#ff6b5e}.morale-panel{width:228px;padding:10px 12px;font-size:12px}.mp-head{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.mp-head b{font-family:var(--display);font-weight:400;font-size:22px}.mp-head b.steady{color:var(--green)}.mp-head b.shaken{color:#f2a33a}.mp-head b.wavering{color:#ff6b5e}.mp-row{display:flex;justify-content:space-between;padding:2px 0}.mp-row b.neg{color:#ff7a6b}.mp-row b.pos{color:var(--green)}.mp-foot{margin-top:6px;font-size:11px;line-height:1.3}@media (max-width: 720px){.morale-panel{display:none}}.ammo{color:#e9d9a6}.ammo.empty{color:#ff7a6b}.home{padding-top:calc(16px + var(--sat));padding-bottom:calc(16px + var(--sab))}.landing{min-height:100vh}.hero{position:relative;min-height:min(92vh,860px);display:grid;place-items:center;overflow:hidden}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0}.backdrop canvas{display:block}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#141a2c59,#141a2cd9 75%),linear-gradient(transparent 60%,var(--bg));pointer-events:none}.hero-content{position:relative;text-align:center;padding:48px 16px;max-width:760px;display:flex;flex-direction:column;align-items:center;gap:14px}.tagline{font-family:var(--display);font-weight:400;font-size:clamp(28px,5vw,46px);margin:18px 0 0;text-shadow:0 3px 0 rgba(0,0,0,.4)}.lead{font-size:clamp(15px,2.2vw,19px);color:#dfe4f2;max-width:600px;margin:0;line-height:1.5}.cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}.cta .btn{width:auto;min-width:210px;margin-top:0}.cta.center{justify-content:center}.hint-small{font-size:13px;color:var(--muted);margin:0}.section{max-width:1080px;margin:0 auto;padding:56px 16px}.section h2{font-family:var(--display);font-weight:400;font-size:clamp(28px,4vw,40px);margin:0 0 12px;text-align:center}.section-lead{text-align:center;color:var(--muted);max-width:680px;margin:0 auto 28px;line-height:1.6;font-size:16px}.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:24px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.card{padding:20px}.card h3,.feature h3{font-family:var(--display);font-weight:400;font-size:22px;margin:4px 0 8px}.card p,.feature p{color:var(--muted);line-height:1.5;margin:0;font-size:15px}.card-icon{font-size:30px}.step{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:1.2px;margin-top:8px}.feature{padding:20px;border-left:4px solid var(--blue)}.footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;max-width:1080px;margin:0 auto;padding:28px 16px 40px;color:var(--muted);font-size:14px;border-top:1px solid var(--panel-edge)}.app-page{min-height:100vh;background:radial-gradient(ellipse at top,#24305a,var(--bg) 60%)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + var(--sat)) calc(16px + var(--sar)) 10px calc(16px + var(--sal));border-bottom:1px solid var(--panel-edge);position:sticky;top:0;background:#141a2ceb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;flex-wrap:wrap}.topbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.logo.small .logo-top{font-size:48px}.logo.small .logo-bottom{font-size:42px;margin-left:24px}.logo.tiny{flex-direction:row;gap:6px;transform:none;text-decoration:none;filter:drop-shadow(0 3px 0 #5a3418)}.logo.tiny span{font-size:24px;-webkit-text-stroke:2px #6b3d1b;margin:0}.chip-link{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:9px;background:#ffffff12;text-decoration:none;font-size:13px}.chip-link:hover{background:#ffffff24}.avatar{width:20px;height:20px;border-radius:50%}.points{color:var(--gold);font-size:14px}.city-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;border:2px solid;font-size:13px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle}.dot.big{width:22px;height:22px}.app-main{max-width:980px;margin:0 auto;padding:24px 16px 48px}.app-main.wide{max-width:1200px}.center-page{min-height:100vh;display:grid;place-items:center;padding:calc(16px + var(--sat)) 16px calc(16px + var(--sab));background:radial-gradient(ellipse at top,#24305a,var(--bg) 60%)}.notice{max-width:480px;padding:24px;text-align:center;margin:40px auto}.notice .btn{width:auto;display:inline-block}.error{color:#ff7a6b}.warn{color:#f2a33a;font-size:14px}.small{font-size:13px}.text-link{color:var(--muted);font-size:14px;display:block;margin-top:16px}.eyebrow{color:var(--gold);text-transform:uppercase;font-size:12px;letter-spacing:1.5px}.badge{font-size:20px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row .btn{width:auto}.signin{width:min(420px,100%);padding:28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.signin h2{font-family:var(--display);font-weight:400;font-size:30px;margin:12px 0 0}.btn-google{background:#fff;color:#1f2937;box-shadow:0 4px #b9c0cc;display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--body);font-size:17px;font-weight:800}.btn-google .g{font-family:var(--display);color:#4285f4;font-size:22px}.btn-google:disabled{opacity:.5}.dev-auth{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:16px;border-top:1px dashed var(--panel-edge)}input,select,textarea{font:inherit;font-weight:600;color:var(--text);background:#0000004d;border:1px solid var(--panel-edge);border-radius:9px;padding:9px 10px}input[type=color]{padding:2px;height:40px;width:64px}.lobby{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start}@media (max-width: 760px){.lobby{grid-template-columns:1fr}}.challenge,.standings{padding:22px}.challenge h2{font-family:var(--display);font-weight:400;font-size:34px;margin:6px 0}.standings h3{font-family:var(--display);font-weight:400;font-size:26px;margin:4px 0 12px}.matchup{display:flex;align-items:center;gap:14px;margin:16px 0;flex-wrap:wrap}.matchup .side{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:#ffffff0d}.matchup .side.mine{box-shadow:inset 0 0 0 2px var(--green)}.matchup .vs{font-family:var(--display);color:var(--muted);font-size:20px}.role{font-size:17px}.role b.attack{color:#ff7a6b}.role b.defend{color:#7fb0ff}.standing{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--panel-edge)}.standing .name{flex:1}.standing b{font-family:var(--display);font-weight:400;font-size:22px}.standing.mine .name{color:var(--green)}.reward{margin-top:14px;color:var(--muted);font-size:14px}.picker{text-align:center}.picker h1{font-family:var(--display);font-weight:400;font-size:clamp(32px,5vw,48px);margin:6px 0}.city-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:24px;text-align:left}.city-card{padding:22px;border-top:6px solid;display:flex;flex-direction:column;gap:6px}.city-card h2{font-family:var(--display);font-weight:400;font-size:36px;margin:0}.city-card ul{margin:4px 0 8px;padding-left:18px;color:var(--muted);font-size:14px}.city-card .btn{margin-top:auto}.motto{font-style:italic;color:#dfe4f2;margin:0}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tabs button{padding:8px 14px;border-radius:9px;font-size:14px}.tabs button.on{background:var(--blue-deep)}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.admin-head h1{font-family:var(--display);font-weight:400;font-size:34px;margin:0}.month{min-width:150px;text-align:center}.small-btn{width:auto;font-size:16px;padding:9px 14px;margin-top:0}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:12px}.cal-dow{color:var(--muted);font-size:12px;text-align:center;padding:4px}.cal-day{min-height:96px;border-radius:10px;background:var(--panel);border:1px solid var(--panel-edge);padding:6px;text-align:left;display:flex;flex-direction:column;gap:2px;font-size:12px;overflow:hidden}.cal-day:hover{border-color:#7fb0ff}.cal-day.out{opacity:.4}.cal-day.past{opacity:.65}.cal-day.today{box-shadow:inset 0 0 0 2px var(--gold);opacity:1}.cal-date{font-family:var(--display);font-size:16px}.cal-num{color:var(--gold)}.cal-scn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-vs{display:flex;align-items:center;gap:4px;color:var(--muted)}.cal-vs i{width:8px;height:8px;border-radius:50%;display:inline-block}.cal-empty{color:var(--muted);margin-top:auto}@media (max-width: 720px){.cal-day{min-height:70px;font-size:10px}.cal-scn,.cal-vs{display:none}}.admin-form{display:flex;flex-direction:column;gap:12px;text-align:left;width:min(460px,100%)}.admin-form.wide-form{width:min(640px,100%);max-height:90vh;overflow:auto}.admin-form h2{font-family:var(--display);font-weight:400;font-size:26px;margin:0}.admin-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.admin-form label.grow{flex:1}.checks{display:flex;flex-direction:column;gap:6px}label.check{flex-direction:row!important;align-items:center;gap:8px!important;color:var(--text)!important;font-size:14px!important}.units-editor{display:flex;flex-direction:column;gap:6px}.unit-row{display:grid;grid-template-columns:1fr 2fr auto;gap:6px}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:12px}.admin-card{padding:16px;display:flex;flex-direction:column;gap:4px}.admin-card h3{font-family:var(--display);font-weight:400;font-size:26px;margin:0}.admin-section{padding:20px;margin-top:14px}.admin-section h2{font-family:var(--display);font-weight:400;font-size:28px;margin:4px 0}.admin-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}.admin-table th{text-align:left;color:var(--muted);font-weight:700;padding:6px}.admin-table td{padding:8px 6px;border-top:1px solid var(--panel-edge)}.admin-toast{position:fixed;bottom:calc(20px + var(--sab));left:50%;transform:translate(-50%);background:#1f7a3a;padding:10px 16px;border-radius:10px;z-index:50;max-width:90vw;font-size:14px}.admin-toast.error{background:#9a2a2a}.scn-layout{display:grid;grid-template-columns:260px 1fr;gap:14px;margin-top:12px}@media (max-width: 760px){.scn-layout{grid-template-columns:1fr}}.scn-list{display:flex;flex-direction:column;gap:8px}.scn-item{padding:12px;text-align:left;display:flex;flex-direction:column;gap:2px}.scn-item.on{box-shadow:0 0 0 2px var(--blue)}.scn-editor{display:flex;flex-direction:column;gap:10px}.scn-editor textarea{min-height:460px;font-family:ui-monospace,Menlo,monospace;font-size:12px;line-height:1.45}.scn-empty{padding:40px;text-align:center}code{background:#ffffff14;padding:1px 5px;border-radius:5px}a.logo{text-decoration:none}.points-earned{font-family:var(--display);font-size:30px;color:var(--gold);margin-top:8px}.official-btn{background:linear-gradient(#f2c14e,#d99a1e)!important;color:#2a1a05;box-shadow:0 4px #8a5d0d,0 8px 18px #d99a1e59!important}.attempt-done{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:6px 0 4px}.attempt-done b{font-family:var(--display);font-weight:400;font-size:24px;color:var(--gold)}.result{font-family:var(--display);font-size:22px}.result.victory{color:var(--green)}.result.defeat,.result.surrender{color:#ff7a6b}.result.draw{color:var(--muted)}.ranking{padding:22px;grid-column:1 / -1}.ranking h3{font-family:var(--display);font-weight:400;font-size:26px;margin:4px 0 12px}.rank-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--panel-edge)}.rank-row .rank{width:28px;color:var(--muted);font-family:var(--display)}.rank-row .name{flex:1}.rank-row b{font-family:var(--display);font-weight:400;font-size:20px}.rank-row.me .name{color:var(--green)}.avatar.ph{display:inline-block;background:#ffffff1f}.objective{position:absolute;top:calc(52px + var(--sat));left:50%;transform:translate(-50%);font-size:13px;font-weight:800;padding:3px 10px;border-radius:99px;background:var(--panel);border:1px solid var(--panel-edge);white-space:nowrap;pointer-events:none;z-index:1}.objective.attack{color:#ff9a8a}.objective.defend{color:#9cc2ff}@media (max-width: 720px),(max-height: 520px){.objective{top:calc(96px + var(--sat));font-size:11px}}@media (max-height: 520px) and (min-width: 600px){.objective{top:calc(44px + var(--sat))}}.surprise-note{color:#f2c14e;font-size:14px;margin:4px 0}.conditions-chip{position:absolute;top:calc(80px + var(--sat));left:50%;transform:translate(-50%);font-size:12px;font-weight:800;color:#f2c14e;padding:3px 10px;border-radius:99px;background:var(--panel);border:1px solid var(--panel-edge);white-space:nowrap;pointer-events:none}@media (max-width: 720px),(max-height: 520px){.conditions-chip{top:calc(122px + var(--sat));font-size:10px}.hud-hint.touch{top:calc(150px + var(--sat))}}@media (max-height: 520px) and (min-width: 600px){.conditions-chip{top:calc(70px + var(--sat))}.hud-hint.touch{top:calc(96px + var(--sat))}}.btn-apple{background:#000;color:#fff;box-shadow:0 4px #333;display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--body);font-size:17px;font-weight:800}.btn-apple .a{font-size:20px}.install-hero{margin-top:6px;font-size:14px}.ios-steps{text-align:left;line-height:1.6;padding-left:20px}.ios-share{display:inline-block;padding:0 6px;border-radius:6px;background:#ffffff1f}.tomorrow{padding:22px}.tomorrow h3{font-family:var(--display);font-weight:400;font-size:26px;margin:4px 0}.tomorrow .btn{width:auto}.notice .btn{display:block;width:100%}.reminder{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;grid-column:1 / -1}.reminder h3{font-family:var(--display);font-weight:400;font-size:22px;margin:0 0 4px}.reminder p{margin:0;max-width:560px}.deploy-bar{position:absolute;bottom:calc(104px + var(--sab));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:10px 14px;width:min(760px,calc(100% - 24px));justify-content:space-between;z-index:3}.deploy-bar .btn{white-space:nowrap}@media (max-width: 720px),(max-height: 520px){.deploy-bar{bottom:auto;top:calc(150px + var(--sat));font-size:12px}}.pg-map{padding:16px;text-align:left;display:flex;flex-direction:column;gap:6px}.pg-map h3{font-family:var(--display);font-weight:400;font-size:22px;margin:0}.pg-map.on{box-shadow:0 0 0 3px var(--green)}.pg-unit{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--panel-edge)}.pg-icon{font-size:26px;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#3d82ff33}.pg-count{font-family:var(--display);font-size:22px;min-width:24px;text-align:center}.pg-budget{display:flex;align-items:center;gap:12px;margin-top:14px}.pg-budget .meter{height:10px}.grow{flex:1}.pg-float{position:fixed;bottom:calc(104px + var(--sab));right:calc(12px + var(--sar));display:flex;flex-direction:column;align-items:flex-end;gap:4px;z-index:4}@media (max-width: 720px){.pg-float{bottom:auto;top:calc(56px + var(--sat))}}.planner h1{font-family:var(--display);font-weight:400;font-size:clamp(28px,5vw,38px);margin:4px 0}.unit-blurb{display:block;margin-top:2px}.planner-actions{justify-content:flex-end;margin-top:14px}.qty{min-width:40px;height:40px;justify-content:center;font-size:20px}.brand-link{display:inline-flex;text-decoration:none}.logo-svg{display:block;height:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}.logo-svg.tiny{width:150px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.logo-svg.small{width:260px}.logo-svg.logo-hero{width:min(640px,92vw)}html{scroll-behavior:smooth}.btn-gold{background:linear-gradient(#ffd25e,#f2a91c);color:#2a1a05;box-shadow:0 4px #a86a0c,0 8px 18px #f2a91c59}.btn-outline{background:#141a2c8c;border:2px solid #e8eefc;box-shadow:none}.site-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(10px + var(--sat)) clamp(16px,4vw,48px) 10px;background:#12192ef0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--panel-edge)}.nav-links{display:flex;gap:clamp(14px,3vw,34px);font-size:17px}.nav-links a{text-decoration:none;color:#e8eefc}.nav-links a.on,.nav-links a:hover{color:var(--gold)}.nav-cta{width:auto;margin:0;padding:10px 22px;font-size:18px;white-space:nowrap}@media (max-width: 720px){.nav-links{display:none}.nav-cta{padding:8px 14px;font-size:16px}}.landing .hero{min-height:min(86vh,760px);background:#3e6bd0}.hero-art{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 32%;display:block}.hero-art-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 55% at 50% 48%,#0e163073,#0e163000 70%),linear-gradient(#0e163040,#0e163000 30%,#0e163000 70%,#141c33)}@media (max-width: 700px){.hero-art img{object-position:50% 40%}}.landing .hero-content{gap:10px;padding-top:28px}.landing .tagline{margin-top:4px;color:#fff8e6;-webkit-text-stroke:2px #2a1a0e;paint-order:stroke fill;text-shadow:0 4px 0 rgba(20,20,40,.35);font-size:clamp(34px,6vw,56px)}.landing .lead{color:#fff;text-shadow:0 2px 6px rgba(10,20,50,.65);font-weight:800}.landing .cta .btn{min-width:190px}.hero-sub{justify-content:center;margin-top:4px}.hero-sub .text-link{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6);margin:0}.showcase{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(20px,4vw,56px);align-items:center}@media (max-width: 860px){.showcase{grid-template-columns:1fr}}.live-frame{position:relative;aspect-ratio:16 / 10;border-radius:18px;overflow:hidden;border:3px solid #e8eefc;box-shadow:0 18px 40px #00000073;background:#9fd3f2}.live-battle{position:absolute;top:0;right:0;bottom:0;left:0}.live-battle canvas{display:block}.live-badge{position:absolute;top:12px;left:12px;background:#141a2ccc;color:#ff7a6b;font-size:12px;font-weight:800;padding:4px 10px;border-radius:99px}.showcase-text h2{text-align:left;font-size:clamp(34px,5vw,52px);line-height:1.05;margin-bottom:14px}.showcase-text p{color:#cfd6e8;font-size:17px;line-height:1.6}.showcase-text .btn{width:auto;display:inline-block}.footer .logo-svg{width:120px}.challenge-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.big-countdown{display:flex;flex-direction:column;align-items:flex-end;background:#00000047;border:1px solid var(--panel-edge);border-radius:12px;padding:8px 14px;line-height:1.1}.bc-label{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted)}.bc-time{font-family:var(--display);font-size:34px;color:var(--gold);font-variant-numeric:tabular-nums}.bc-local{font-size:12px;color:var(--muted)}.big-countdown.urgent .bc-time{color:#ff7a6b;animation:alarm .9s ease-in-out infinite alternate}.logo-svg svg{display:block;width:100%;height:auto}.logo-svg{display:block}.logo-h{display:block;width:190px}.logo-h svg{display:block;width:100%;height:auto}.brand-hero{text-align:center;padding:20px 0 10px}.brand-big{width:min(560px,90vw);margin:0 auto}.brand-hero h1,.brand-section h2{font-family:var(--display);font-weight:400}.brand-hero h1{font-size:40px;margin:10px 0 4px}.brand-section{margin-top:36px}.brand-section h2{font-size:30px;margin:0 0 12px}.brand-list{line-height:1.7;padding-left:20px;margin:0}.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.brand-card{padding:14px;display:flex;flex-direction:column;gap:6px}.brand-card h3{font-family:var(--display);font-weight:400;font-size:22px;margin:4px 0 0}.brand-swatch{height:180px;border-radius:10px;display:grid;place-items:center;padding:18px;background:#1b2440;background-image:linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.04) 75%),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.04) 75%);background-size:20px 20px;background-position:0 0,10px 10px}.brand-swatch.light{background-color:#f4efe3}.brand-art{display:block;width:100%;height:100%}.brand-art svg{width:100%;height:100%;display:block}.brand-dl{gap:6px}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.color-card{display:flex;flex-direction:column;gap:3px}.color-chip{height:72px;border-radius:10px;border:1px solid var(--panel-edge)}.type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.type-card{padding:18px}.type-sample{display:block;font-size:34px}.type-sample.display{font-family:var(--display)}.type-sample.body{font-family:var(--body);font-weight:800;font-size:26px}h3.do{color:var(--green);margin:0 0 6px}h3.dont{color:#ff7a6b;margin:0 0 6px}.brand-art{display:flex;align-items:center;justify-content:center}.brand-art svg{width:auto!important;height:100%!important;max-width:100%}img.logo-hero{display:block;width:min(640px,92vw);height:auto;filter:drop-shadow(0 10px 16px rgba(0,0,0,.35))}img.logo-h{display:block;width:128px;height:auto}.footer img.logo-h{width:110px}img.brand-big{display:block;width:min(560px,90vw);height:auto;margin:0 auto}img.logo-svg.small{display:block;width:280px;height:auto}.brand-img{max-width:100%;max-height:100%;object-fit:contain;display:block}.eyebrow.center{text-align:center}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:24px}.step-card{background:#18213b;border:1px solid var(--panel-edge);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.step-art{position:relative;aspect-ratio:4 / 3;overflow:hidden}.step-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.step-card:hover .step-art img{transform:scale(1.04)}.step-num{position:absolute;left:14px;bottom:10px;font-family:var(--display);font-size:44px;line-height:1;color:#fff8e6;-webkit-text-stroke:2px #2a1a0e;paint-order:stroke fill;text-shadow:0 3px 0 rgba(0,0,0,.35)}.step-card h3{font-family:var(--display);font-weight:400;font-size:28px;margin:14px 18px 4px;color:var(--gold)}.step-card p{margin:0 18px 20px;color:#cfd6e8;line-height:1.55}@media (max-width: 860px){.steps-grid{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}}.today-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(18px,3vw,36px);align-items:center;margin-top:20px}.today-grid .live-frame{aspect-ratio:16 / 11}.today-info{display:flex;flex-direction:column;gap:12px;padding:22px;align-items:flex-start}.today-name{font-family:var(--display);font-weight:400;font-size:32px;margin:0}.today-sides{margin:0;font-size:18px}.today-facts{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;color:#cfd6e8;line-height:1.45}.today-facts li{display:flex;gap:10px}.today-info .big-countdown{align-items:flex-start}.today-info .btn{width:auto}@media (max-width: 860px){.today-grid{grid-template-columns:1fr}.today-grid .live-frame{aspect-ratio:16 / 10}}.tactics{list-style:none;padding:0;margin:4px 0 22px;display:flex;flex-direction:column;gap:10px;color:#cfd6e8;line-height:1.45}.tactics li{display:flex;gap:12px;align-items:flex-start}.tactic-icon{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#18213b;border:1px solid var(--panel-edge);font-size:18px}.counts{position:relative;overflow:hidden;min-height:560px;display:flex;align-items:center;margin-top:24px}.counts-art,.final-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.counts-art{object-position:70% 30%}.counts-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0e1630eb,#0e1630bf 38%,#0e163000 65%),linear-gradient(#141c33,transparent 14%,transparent 86%,#141c33)}.counts-content{position:relative;max-width:1080px;width:100%;margin:0 auto;padding:56px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.counts-content>*{max-width:500px}.counts h2{font-family:var(--display);font-weight:400;font-size:clamp(32px,4.5vw,48px);margin:0}.counts-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;line-height:1.5;color:#e4e9f6}.counts-list b{color:var(--gold)}.city-row{display:flex;flex-wrap:wrap;gap:8px}.city-pill{display:flex;align-items:center;gap:8px;padding:6px 12px;border:2px solid;border-radius:99px;background:#0e1630bf}.city-dot{width:12px;height:12px;border-radius:50%;flex:none}.mini-rank{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;min-width:260px}.mini-rank li{display:flex;gap:10px;background:#0e1630b3;border-radius:8px;padding:4px 10px}.mini-rank li b{margin-left:auto;color:var(--gold)}.counts .btn{width:auto}@media (max-width: 760px){.counts{min-height:0;flex-direction:column;align-items:stretch}.counts-art{position:relative;height:auto;aspect-ratio:16 / 9}.counts-shade{background:linear-gradient(#141c33,transparent 18%,transparent 30%,#141c33 min(56vw,440px))}.counts-content{padding-top:0;margin-top:-40px}}.final-cta{position:relative;overflow:hidden;min-height:460px;display:grid;place-items:center;text-align:center;margin-top:24px}.final-art{object-position:50% 40%}.final-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 50% 60% at 50% 50%,#0e163099,#0e16301a 75%),linear-gradient(#141c33,transparent 18%,transparent 80%,#141c33)}.final-content{position:relative;padding:48px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:640px}.final-content h2{font-family:var(--display);font-weight:400;margin:0;font-size:clamp(36px,6vw,60px);color:#fff8e6;-webkit-text-stroke:2px #2a1a0e;paint-order:stroke fill;text-shadow:0 4px 0 rgba(20,20,40,.35)}.final-content p{margin:0 0 6px;color:#fff;font-weight:800;font-size:18px;text-shadow:0 2px 6px rgba(10,20,50,.7)}.gold{color:var(--gold)}.lb-page{min-height:100vh;background:linear-gradient(180deg,#14275a,#10204a 45%,#0d1a3d);color:#fff}.lb-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:calc(8px + var(--sat)) clamp(12px,3vw,40px) 8px;background:linear-gradient(#13224d,#101d42);border-bottom:1px solid rgba(140,170,230,.25);box-shadow:0 4px 18px #00000059}.lb-top .logo-h{width:118px}.lb-tabs{flex:1;display:flex;justify-content:center;gap:6px}.lb-tab{display:flex;align-items:center;gap:10px;padding:10px 22px;border-radius:14px;border:0;background:transparent;color:#e8eefc;font:700 17px var(--body, "Nunito"),system-ui,sans-serif;cursor:pointer}.lb-tab:hover:not(:disabled){background:#ffffff0f}.lb-tab:disabled{opacity:.45;cursor:default}.lb-tab.on{background:linear-gradient(#22396f,#1a2d5c);box-shadow:inset 0 0 0 1px #96b4f059,inset 0 -3px 0 var(--gold);color:#fff}.lb-user-wrap{position:relative}.lb-user{display:flex;align-items:center;gap:10px;padding:4px 14px 4px 4px;border-radius:99px;border:2px solid rgba(160,185,235,.35);background:#0810288c;color:#fff;font:800 16px Nunito,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;cursor:pointer}.lb-user .avatar,.lb-row .avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #f2c14e}.avatar.ph{display:inline-grid;place-items:center;background:#3e6bd0;color:#fff;font-weight:800}.lb-user-pts{display:flex;gap:4px}.lb-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:#172a5a;border:1px solid rgba(150,180,240,.35);border-radius:14px;padding:8px;box-shadow:0 16px 40px #00000080;display:flex;flex-direction:column;gap:2px}.lb-menu-who{display:flex;flex-direction:column;padding:6px 10px 10px;border-bottom:1px solid rgba(150,180,240,.2);margin-bottom:4px}.lb-menu-item{display:block;width:100%;text-align:left;padding:9px 10px;border-radius:10px;border:0;background:none;color:#e8eefc;font:700 15px Nunito,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;cursor:pointer;text-decoration:none}.lb-menu-item:hover{background:#ffffff12}.lb-bottom{display:none}.lb-banner{position:relative;height:290px;overflow:hidden}.lb-banner-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%}.lb-banner-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 34% 60% at 50% 42%,rgba(14,26,64,.38),transparent 75%),linear-gradient(rgba(10,20,50,.2),transparent 30%,transparent 62%,#13265a)}.lb-welcome{position:relative;text-align:center;padding-top:22px;display:flex;flex-direction:column;align-items:center}.lb-crown{color:#f2c14e;filter:drop-shadow(0 2px 0 rgba(0,0,0,.3))}.lb-welcome h1{font-family:var(--display);font-weight:400;font-size:clamp(26px,3.4vw,42px);margin:2px 0 0;color:#fff3d6;-webkit-text-stroke:1.5px #2a1a0e;paint-order:stroke fill;text-shadow:0 3px 0 rgba(20,20,40,.4)}.lb-welcome p{margin:4px 0 0;font-size:clamp(15px,1.6vw,21px);font-weight:700;text-shadow:0 2px 6px rgba(5,15,40,.8)}.lb-main{padding:0 0 40px}.lb-main>.lb-grid{max-width:1440px;margin-left:auto;margin-right:auto}.lb-main>.lb-grid{margin-top:-26px}.lb-grid{position:relative;display:grid;grid-template-columns:repeat(24,1fr);gap:26px 28px;padding:0 clamp(12px,3vw,48px);align-items:stretch}.lb-daily{grid-column:span 16}.lb-tomorrow{grid-column:span 8}.lb-season{grid-column:span 12}.lb-side{grid-column:span 12;display:flex;flex-direction:column;gap:18px}.lb-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#1c3168,#172a5b);border:2px solid rgba(120,155,225,.5);border-radius:22px;padding:24px 28px;box-shadow:inset 0 1px #ffffff14,0 12px 30px #00000059}.lb-card h2{position:relative;font-family:var(--display);font-weight:400;font-size:32px;margin:0;line-height:1.1}.lb-desc{color:#dfe6f5;font-size:16px;line-height:1.45;margin:8px 0 0}.lb-note{color:#c9d3ea;font-size:14px;margin:10px 0 0}.lb-eyebrow{position:relative;color:var(--gold);font-family:var(--display);font-size:17px;letter-spacing:1.2px;text-transform:uppercase}.lb-eyebrow.season{text-transform:none;font-size:20px;letter-spacing:.3px}.lb-eyebrow.small{font-size:14px;text-transform:none;letter-spacing:.4px}.lb-skyline{position:absolute;right:0;bottom:0;width:62%;color:#96b4f01f;pointer-events:none}.lb-skyline.top{top:0;bottom:auto;width:55%;transform:translateY(-8px);opacity:.9}.lb-daily-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.lb-pill{display:inline-flex;align-items:center;gap:10px;padding:6px 16px;border-radius:12px;background:linear-gradient(#ffd75a,#f2b632);color:#3a250c;font:900 17px Nunito,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 3px #b9821e}.lb-countdown{display:inline-flex;align-items:center;gap:10px;padding:6px 22px;border-radius:16px;background:#0810288c;border:2px solid rgba(150,180,240,.3)}.lb-countdown .lbl{font-weight:700;font-size:18px;color:#e8eefc}.lb-countdown b{font-family:var(--display);font-weight:400;font-size:30px;color:var(--gold);font-variant-numeric:tabular-nums}.lb-countdown.urgent b{color:#ff7a6b;animation:alarm .9s ease-in-out infinite alternate}.lb-daily-body{display:grid;grid-template-columns:1fr minmax(260px,40%);gap:24px;margin-top:12px;align-items:start}.lb-daily-text h2{font-size:clamp(32px,3vw,40px)}.lb-thumb{position:relative;aspect-ratio:16 / 7.8;border-radius:16px;overflow:hidden;border:3px solid #e8eefc;box-shadow:0 10px 24px #0006;background:#8fc96a;margin-top:4px}.lb-thumb-3d{position:absolute;top:0;right:0;bottom:0;left:0}.lb-thumb-3d canvas{display:block}.lb-matchup{display:flex;align-items:center;gap:14px;margin-top:16px;flex-wrap:wrap}.lb-side-chip{display:inline-flex;align-items:center;gap:10px;padding:8px 18px 8px 10px;border-radius:99px;background:#08102873;border:2px solid rgba(160,185,235,.35)}.lb-side-chip.mine{border-color:#7ddc4f;box-shadow:0 0 0 1px #7ddc4f40,inset 0 0 12px #7ddc4f1f}.lb-side-chip .dot.big{width:26px;height:26px;box-shadow:inset 0 -3px #00000040}.lb-side-chip b{font-size:17px}.lb-side-chip .role{color:#cfd8ee;font-size:14px}.lb-matchup .vs{font-family:var(--display);font-size:22px;color:#c9d3ea}.lb-matchup.compact{gap:8px;flex-wrap:nowrap}.lb-matchup.compact .lb-side-chip{padding:5px 10px 5px 6px;gap:7px}.lb-matchup.compact .vs{font-size:17px}.lb-matchup.compact .dot.big{width:22px;height:22px}.lb-matchup.compact b{font-size:14px}.lb-matchup.compact .role{font-size:12px}.lb-actions{display:flex;align-items:center;gap:20px;margin-top:22px;flex-wrap:wrap}.lb-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 34px;border-radius:16px;font-family:var(--display);font-size:28px;line-height:1;cursor:pointer;text-decoration:none;border:0;transition:transform .08s,filter .15s}.lb-btn:hover:not(:disabled){filter:brightness(1.07)}.lb-btn:active:not(:disabled){transform:translateY(2px)}.lb-btn:disabled{opacity:.6;cursor:default}.lb-btn-gold{background:linear-gradient(#ffd85c,#f5ae2c);color:#3a1f08;box-shadow:0 5px #b8741a,0 10px 22px #00000059;min-width:300px}.lb-btn-slate{background:linear-gradient(#6d80aa,#4a5c86);color:#fff;border:2px solid rgba(200,215,245,.45);box-shadow:0 5px #2c3a5e,0 10px 22px #00000059;min-width:240px;text-shadow:0 2px 0 rgba(0,0,0,.25)}.lb-info{display:flex;gap:12px;align-items:flex-start;margin:0;padding-left:22px;border-left:2px solid rgba(160,185,235,.3);color:#dfe6f5;font-size:15px;line-height:1.4;max-width:280px;flex:1;min-width:220px}.lb-info svg{flex:none;margin-top:2px}.lb-daily .attempt-done{margin-top:16px}.lb-tomorrow{display:flex;flex-direction:column;gap:10px}.lb-tomorrow h2{font-size:32px}.lb-prepare{margin-top:auto;width:100%;min-width:0;justify-content:space-between;padding:16px 20px;font-size:22px;text-align:left}.lb-prepare span{flex:1;line-height:1.15}.lb-tomorrow .lb-matchup{margin:8px 0 20px}.lb-tomorrow{padding:22px}.lb-card-head{position:relative;display:flex;align-items:center;gap:16px;margin-bottom:14px}.lb-rows{position:relative;display:flex;flex-direction:column}.lb-row{display:flex;align-items:center;gap:14px;padding:12px 6px;border-bottom:2px solid rgba(150,180,240,.18)}.lb-row:last-child{border-bottom:0}.lb-season .lb-row:last-child{border-bottom:2px solid rgba(150,180,240,.18)}.lb-row .dot{width:16px;height:16px;flex:none}.lb-row .name{flex:1;font-family:var(--display);font-size:22px}.lb-row.mine .name{color:#8be35a}.lb-row b{font-family:var(--display);font-weight:400;font-size:24px;min-width:36px;text-align:right}.lb-row .rank{font-family:var(--display);font-size:22px;color:#c9d3ea;width:22px}.lb-row .muted{color:#d4dcef;font-size:16px}.lb-reward{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0 0;font-size:17px;color:#e8eefc}.lb-reminder{display:flex;align-items:center;gap:18px;padding:18px 24px}.lb-reminder h3{font-family:var(--display);font-weight:400;font-size:24px;margin:0}.lb-reminder p{margin:2px 0 0;color:#dfe6f5;font-size:15px;line-height:1.35}.lb-switch{flex:none;position:relative;width:62px;height:34px;border-radius:99px;border:0;background:#3a4a72;cursor:pointer;box-shadow:inset 0 2px 4px #00000059;transition:background .2s}.lb-switch i{position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #00000059;transition:transform .2s}.lb-switch.on{background:#2f6ee6}.lb-switch.on i{transform:translate(28px)}.lb-switch:disabled{opacity:.5;cursor:default}.lb-ranking{flex:1;padding:18px 24px}.lb-ranking .lb-card-head{margin-bottom:4px}.lb-ranking .lb-row .name{font-size:21px}@media (max-width: 1180px){.lb-daily,.lb-tomorrow,.lb-season,.lb-side{grid-column:span 24}.lb-tab{padding:10px 14px}}@media (max-width: 820px){.lb-tabs{display:none}.lb-top{justify-content:space-between;padding:calc(6px + var(--sat)) 12px 6px}.lb-top .logo-h{width:100px}.lb-user{padding:3px 10px 3px 3px;gap:8px;font-size:15px}.lb-user .avatar{width:32px;height:32px}.lb-bottom{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;background:linear-gradient(#13224d,#0e1a3d);border-top:1px solid rgba(140,170,230,.3);padding:6px 6px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 18px #00000059}.lb-bottom .lb-tab{flex:1;flex-direction:column;gap:3px;padding:6px 2px;font-size:12px;border-radius:12px}.lb-main{padding-bottom:96px}.lb-banner{height:200px}.lb-banner-art{object-position:50% 60%}.lb-main>.lb-grid{margin-top:-14px}.lb-welcome{padding:18px 16px 0}.lb-grid{gap:16px;padding:0 12px}.lb-card{padding:18px 16px;border-radius:18px}.lb-pill{font-size:14px;padding:5px 12px}.lb-countdown{padding:4px 12px;gap:6px}.lb-countdown .lbl{font-size:14px}.lb-countdown b{font-size:24px}.lb-daily-body{grid-template-columns:1fr;gap:14px}.lb-daily-text h2{font-size:30px}.lb-desc{font-size:15px}.lb-matchup,.lb-matchup.compact{gap:6px;flex-wrap:nowrap}.lb-side-chip,.lb-matchup.compact .lb-side-chip{flex:1;min-width:0;padding:6px 10px 6px 6px;border-radius:16px}.lb-side-chip .who{display:flex;flex-direction:column;line-height:1.15;min-width:0}.lb-side-chip{padding:6px 12px 6px 7px;gap:7px}.lb-side-chip .dot.big{width:20px;height:20px}.lb-side-chip b{font-size:15px}.lb-side-chip .role{font-size:12px}.lb-matchup .vs{font-size:17px}.lb-actions{gap:12px;margin-top:18px}.lb-actions .lb-btn{flex:1;min-width:0;padding:14px 8px;font-size:21px;gap:8px;white-space:nowrap}.lb-actions .lb-btn svg{width:22px;height:22px;flex:none}.lb-info{flex-basis:100%;max-width:none;padding-left:0;border-left:0;font-size:13px}.lb-prepare{font-size:19px;padding:14px 16px}.lb-row .name{font-size:19px}.lb-reminder{padding:16px;gap:14px}.lb-reminder h3{font-size:20px}.lb-ranking{padding:16px}}@media (max-width: 380px){.lb-user-name{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.name-card{grid-column:1 / -1;max-width:620px;width:100%;margin:36px auto 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.name-form{display:flex;gap:12px;width:100%;margin-top:10px;flex-wrap:wrap}.name-form input{flex:1;min-width:200px;font:400 26px var(--display);padding:12px 16px;border-radius:14px;border:2px solid rgba(160,185,235,.45);background:#0810288c;color:#fff;outline:none}.name-form input:focus{border-color:var(--gold)}.name-form .lb-btn{min-width:0;padding:12px 26px;font-size:24px}.name-status{margin:0;font-size:15px;color:#c9d3ea;min-height:20px}.name-status.bad{color:#ff8a7a}.name-status.good{color:#8be35a}@media (max-width: 820px){.name-card{margin-top:16px}.name-form .lb-btn{flex:1}}.unseen-tag{font-size:10px;font-weight:800;color:#9fe870;letter-spacing:.3px;white-space:nowrap}.ae-unit+.ae-unit{border-top:1px solid var(--panel-edge);margin-top:6px;padding-top:6px}.ae-squads{display:flex;flex-direction:column;gap:6px;margin:2px 0 10px 44px}.ae-squad{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:#ffffff0a;border-radius:10px;padding:6px 8px}.ae-name{font-weight:800;min-width:92px;font-size:14px}.ae-count{min-width:64px;text-align:center;font-size:14px}.ae-squad .chip-link{padding:4px 9px;font-size:13px}@media (max-width: 560px){.ae-squads{margin-left:0}.ae-name{min-width:0;flex-basis:100%}}.cal-tweak{color:#9fe870}.cal-tpl{color:#b9c7ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.overrides{border:1px solid var(--panel-edge);border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;gap:10px}.overrides[open]{padding-bottom:12px}.overrides summary{cursor:pointer;font-weight:800}.overrides>*+*{margin-top:8px}.dup-box{border-top:1px solid var(--panel-edge);padding-top:10px}.dup-box .row{align-items:flex-end}.chip-link.swap{align-self:flex-end;margin-bottom:4px}.plan-list{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}.plan-list li{display:flex;align-items:center;gap:6px}@media (max-width: 720px){.cal-tpl{display:none}}.units-h{font-family:var(--display);font-weight:400;font-size:24px;margin:22px 0 6px}.table-scroll{overflow-x:auto;border:1px solid var(--panel-edge);border-radius:12px}.units-table{width:100%;border-collapse:collapse;font-size:13px}.units-table th,.units-table td{padding:4px 5px;border-bottom:1px solid var(--panel-edge);white-space:nowrap;text-align:center}.units-table tbody th{text-align:left;position:sticky;left:0;background:var(--panel);z-index:1}.units-table input[type=number]{width:62px;padding:4px 5px;border-radius:6px;border:1px solid var(--panel-edge);background:#00000040;color:inherit;font:inherit;text-align:right}.units-table td.changed input{border-color:var(--gold);background:#f2c14e1f}.units-table.matrix td.good input{background:#7ddc4f2e}.units-table.matrix td.bad input{background:#ff6a4d2e}.units-tab textarea{resize:vertical;font:inherit;padding:6px 8px;border-radius:8px;border:1px solid var(--panel-edge);background:#00000040;color:inherit}.admin .app-main.wide:has(.sce){max-width:1500px}.scn-bar{align-items:center;gap:8px;flex-wrap:wrap}.small-tabs button{padding:6px 12px;font-size:14px}.sce{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.sce-main{display:flex;flex-direction:column;gap:8px;min-width:0}.sce-tools{display:flex;flex-wrap:wrap;gap:6px}.sce-tools .chip-link.on{background:var(--gold);color:#2a1a0e;border-color:var(--gold)}.field-map{width:100%;max-width:720px;aspect-ratio:1;background:#1b3a2a;border-radius:14px;border:1px solid var(--panel-edge);touch-action:none;-webkit-user-select:none;user-select:none}.field-map.tool-select .item{cursor:grab}.field-map:not(.tool-select){cursor:crosshair}.field-map .field{fill:#6fae3e}.field-map .grid line{stroke:#ffffff1f;stroke-width:.15}.field-map .zone{stroke-width:.35;stroke-dasharray:1 .8}.field-map .zone.blue{fill:#3d82ff2e;stroke:#7fb0ff}.field-map .zone.red{fill:#ff5a4a2e;stroke:#ff9a8a}.field-map .hill{stroke:#e7f0b0;stroke-width:.25;stroke-dasharray:.6 .6}.field-map .forest{fill:#1e5a28bf;stroke:#1b4d24;stroke-width:.3}.field-map .house{fill:#e9dcc0;stroke:#8f3e2d;stroke-width:.5}.field-map .ridge{stroke:#b5523b;stroke-width:.5}.field-map .squad rect{stroke:#fff;stroke-width:.25}.field-map .squad.blue rect{fill:#2f6ee6}.field-map .squad.red rect{fill:#d8383a}.field-map .squad .arrow{fill:#fff}.field-map .label{font-size:2.2px;fill:#fff;text-anchor:middle;font-weight:800;paint-order:stroke;stroke:#0000008c;stroke-width:.35px;pointer-events:none}.field-map .label.big{font-size:4px}.field-map .item.sel>:first-child{stroke:var(--gold);stroke-width:.7;stroke-dasharray:none}.field-map .item.sel rect{stroke:var(--gold);stroke-width:.7}.sce-sel{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-end;padding:12px 14px;max-width:720px}.sce-sel label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);min-width:150px}.sce-sel input[type=range]{width:100%}.sce-sel b.blue{color:#7fb0ff}.sce-sel b.red{color:#ff9a8a}.sce-sel>b{flex-basis:100%}.chip-link.danger{color:#ff8a7a}.sce-side{width:100%}.sce-side h3{font-family:var(--display);font-weight:400;font-size:20px;margin:6px 0 0}.sce-side textarea{font:inherit;padding:6px 8px;border-radius:8px;border:1px solid var(--panel-edge);background:#00000040;color:inherit;resize:vertical}.zone-row{align-items:flex-end;gap:6px}.zone-row input{width:64px}.zone-tag{font-weight:800;font-size:12px;text-transform:uppercase;padding-bottom:8px}.zone-tag.blue{color:#7fb0ff}.zone-tag.red{color:#ff9a8a}.problems{margin:0;padding-left:18px;color:#ff8a7a;font-size:13px}.good-note{color:#8be35a;margin:0;font-weight:800}@media (max-width: 1100px){.sce{grid-template-columns:1fr}}.scn-editor .sce-side textarea{min-height:76px;font-family:inherit;font-size:14px}.sce-layers{display:flex;flex-wrap:wrap;gap:6px}.sce-layers .chip-link.on{background:#3e6bd0;color:#fff;border-color:#3e6bd0}.sce-ai{padding:10px 14px;display:flex;flex-direction:column;gap:8px;max-width:720px}.sce-ai p{margin:0}.field-map .squad.faded{opacity:.45}.test-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--bg);overflow:auto}.test-back{position:fixed;left:calc(14px + var(--sal));bottom:calc(14px + var(--sab));z-index:70;box-shadow:0 6px 18px #00000073}.city-banner{flex:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.lb-user .city-banner{margin:0 -2px 0 -4px}.lb-menu-city{display:flex;align-items:center;gap:6px;font-size:13px;color:#cfd8ee;margin-top:4px}.lb-menu-city .city-banner{width:13px;height:19px}.ai-status{display:flex;flex-direction:column;gap:4px}.ai-chip{font-size:13px;padding:4px 8px;border-radius:8px;background:#0003;border-left:3px solid}.ai-chip.blue{border-color:#7fb0ff}.ai-chip.red{border-color:#ff9a8a}.ai-chip .good-note{font-weight:700}.design-note{color:#8be35a;margin:0}.ai-origin{margin:0;font-weight:800}.view-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hud-catapults{position:absolute;top:64px;right:12px;display:flex;gap:6px;align-items:center;padding:6px;flex-wrap:wrap;max-width:330px;justify-content:flex-end;z-index:3}.aim-card{pointer-events:none;animation:fadeout 6s forwards;position:absolute;left:50%;transform:translate(-50%);bottom:calc(120px + var(--sab));z-index:4;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;padding:12px 16px;max-width:min(460px,calc(100vw - 32px));border:1px solid var(--gold);font-size:14px}.aim-card b{color:var(--gold)}@media (max-width: 720px){.hud-catapults{top:auto;bottom:calc(150px + var(--sab))}}.siege-shop h3{margin:0 0 4px;font-family:var(--display);font-weight:400;font-size:22px}.siege-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--panel-edge)}.siege-row select{min-width:190px}.field-map .ruin{fill:#aaa08c40;stroke:#c9bfa8;stroke-width:.6;stroke-dasharray:1.2 .8}.field-map .wall{stroke:#b3ab9c;stroke-linecap:square}.field-map .stairs{stroke:#8f887a;stroke-dasharray:.4 .4}.field-map .tower{fill:#9d968a;stroke:#6f695f;stroke-width:.4}.field-map .gate{fill:#7a5233;stroke:#3d2a1a;stroke-width:.3}.field-map .spot{stroke:#fff;stroke-width:.25}.field-map .spot.wall{fill:#c08a3e}.field-map .spot.artillery{fill:#8a3ec0}.lang-switch{display:inline-flex;border:1px solid rgba(160,185,235,.35);border-radius:99px;overflow:hidden;flex:none}.lang-switch button{border:0;background:transparent;color:#cfd8ee;font:800 12px Nunito,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;padding:4px 9px;cursor:pointer}.lang-switch button.on{background:var(--gold);color:#2a1a0e}.hud-lang{margin:0 2px}.lang-row{display:flex;align-items:center;gap:8px}.signin-lang{align-self:flex-end}@media (max-width: 720px){.hud-lang{display:none}}.ready-tag{font:800 10px Nunito,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;padding:2px 6px;border-radius:99px;vertical-align:middle;letter-spacing:.4px;text-transform:uppercase}.ready-tag.live{background:#7ddc4f33;color:#8be35a}.ready-tag.draft{background:#f2c14e2e;color:var(--gold)}.ready-toggle{font-size:13px}.streak-chip{margin-left:4px;font-size:13px}.rank-icon{font-size:16px}.rank-card{display:flex;flex-direction:column;gap:6px;padding:10px;border-bottom:1px solid rgba(150,180,240,.2);margin-bottom:4px;cursor:default}.rank-line{display:flex;align-items:center;gap:8px}.rank-big{font-size:26px}.streak-line{font-size:13px}.streak-bonus{display:block;font-size:14px;color:#ffb347;font-family:Nunito,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif}@media (min-width: 721px) and (min-height: 521px){.hud-squads{gap:5px;max-height:calc(100vh - 150px);overflow-y:auto;scrollbar-width:none}.squad-card{width:200px;padding:6px 9px 6px 7px;gap:7px}.squad-card .icon{width:28px;height:28px;font-size:17px;border-radius:8px}.squad-card .idx{font-size:13px;width:9px}.squad-card .info{gap:2px}.squad-card .name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.squad-card .count{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.squad-card .meter{height:4px}.squad-card:not(.selected) .mstate{display:none}.squad-card:not(.selected):not(.alarm) .meter.hp{display:none}}@keyframes fadeout{0%,80%{opacity:1}to{opacity:0}}.lb-perks{grid-column:span 24;display:grid;grid-template-columns:1fr 1fr;gap:26px 28px}@media (max-width: 760px){.lb-perks{grid-template-columns:1fr}}.perk{display:flex;flex-direction:column;gap:10px}.perk-head{display:flex;align-items:center;gap:12px}.perk-icon{font-size:34px;line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.perk-big{font-family:var(--display);font-size:30px;line-height:1;color:#fff8e6}.perk-big small{font-family:inherit;font-size:15px;color:var(--muted)}.perk-gain{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;padding:6px 12px;border-radius:12px;background:#f2c14e1f;border:1px solid rgba(242,193,78,.45)}.perk-gain b{font-family:var(--display);font-size:24px;color:var(--gold);line-height:1}.perk-gain span{font-size:12px;color:var(--muted);font-weight:800}.flames{display:flex;gap:6px;justify-content:space-between}.flames span{flex:1;text-align:center;font-size:22px;padding:6px 0;border-radius:10px;background:#ffffff0d;filter:grayscale(1) opacity(.35)}.flames span.lit{filter:none;background:#ff782829;box-shadow:inset 0 0 0 1px #ff8c3c80}.perk-bar{position:relative;height:12px;border-radius:99px;background:#ffffff14;overflow:visible}.perk-bar i{position:absolute;inset:0 auto 0 0;border-radius:99px;background:linear-gradient(90deg,#ff7a2f,#f2c14e)}.perk-bar em{position:absolute;top:-3px;width:4px;height:18px;margin-left:-2px;border-radius:2px;background:#ffffff40}.perk-bar em.got{background:#fff2c4}.tiers{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.tier{display:flex;flex-direction:column;align-items:center;padding:8px 2px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.tier b{font-family:var(--display);font-size:18px;color:var(--muted)}.tier span{font-size:12px;color:var(--muted);font-weight:800}.tier.got{background:#8ee05f24;border-color:#8ee05f99}.tier.got b{color:var(--green)}.perk .lb-btn.small{align-self:flex-start;padding:8px 16px;font-size:15px;min-height:0}.rep-bars{display:flex;align-items:flex-end;gap:4px;height:180px;overflow-x:auto;padding-bottom:4px}.rep-col{flex:1 0 22px;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}.rep-stack{flex:1;width:100%;display:flex;flex-direction:column-reverse;gap:2px}.rep-stack i{display:block;width:100%;min-height:2px;border-radius:0}.rep-stack i:last-child{border-radius:4px 4px 0 0}.rep-col:hover .rep-stack i{filter:brightness(1.15)}.rep-col span{font-size:10px;color:var(--muted)}.rep-dot{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:middle}.rep-funnel{display:flex;flex-direction:column;gap:8px}.rep-step{display:grid;grid-template-columns:minmax(150px,1.4fr) 2fr 48px 44px;align-items:center;gap:10px;font-size:13px}.rep-track{height:14px;border-radius:7px;background:#ffffff12;overflow:hidden}.rep-track i{display:block;height:100%;background:#3987e5;border-radius:0 4px 4px 0}.rep-step b{text-align:right}.crown{display:inline-block;font-size:.95em;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.duel-btn.locked{opacity:.55;filter:grayscale(.6);cursor:pointer}.duel-btn.locked .crown{filter:none;opacity:1}.premium-modal{max-width:440px;display:flex;flex-direction:column;gap:12px;text-align:left}.premium-head{display:flex;align-items:center;gap:12px}.premium-head h2{margin:0}.premium-crown{font-size:40px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.premium-perks{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.premium-modal{max-height:calc(100dvh - 32px);overflow-y:auto}.test-badge{margin-left:auto;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#1a1408;background:var(--gold);border-radius:999px;padding:3px 8px}.premium-price{display:flex;flex-direction:column;gap:8px;border:1px solid rgba(242,193,78,.35);border-radius:12px;padding:12px;background:#f2c14e0f}.premium-price p{margin:0}.premium-price-main{font-size:26px;font-weight:900}.premium-price-pitch{font-weight:700}.price-ladder{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;align-items:end;padding-top:4px}.price-step{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.price-step-amount{font-size:11px;font-weight:800;white-space:nowrap}.price-step-bar{width:100%;max-width:38px;border-radius:4px 4px 0 0;background:#f2c14e73}.price-step:last-child .price-step-bar{background:var(--gold)}.price-step-month{font-size:10px;color:var(--muted);white-space:nowrap}.price-step.past .price-step-bar{background:#a9b2c84d}.price-step.now .price-step-bar{background:var(--gold);box-shadow:0 0 0 2px #fff}.price-step.now .price-step-month{color:var(--gold);font-weight:800}.duel-menu{display:flex;flex-direction:column;gap:10px;align-items:stretch;max-width:440px;text-align:center}.duel-search{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:18px}.duel-link{width:100%;font-size:13px}.coop-by-name{display:flex;flex-direction:column;gap:6px}.coop-by-name .row{display:flex;gap:8px}.coop-by-name input{flex:1;min-width:0}.coop-invites{display:flex;flex-direction:column;gap:10px;grid-column:1 / -1;position:relative;z-index:2}.coop-invite{display:flex;align-items:center;justify-content:space-between;gap:12px 18px;flex-wrap:wrap;border:1px solid var(--gold);margin:0!important;padding:14px 18px!important;max-width:none;width:auto;text-align:left}.coop-invite p{margin:0;font-weight:700;flex:1 1 280px}.coop-invite .row{display:flex;gap:8px;flex-wrap:nowrap}.coop-invite .row .btn{flex:0 0 auto;min-width:130px;width:auto;margin:0;padding:10px 16px;font-size:16px}@media (max-width: 600px){.coop-invite .row{width:100%}.coop-invite .row .btn{flex:1;min-width:0}}.friends-card{display:flex;flex-direction:column;gap:10px;padding:16px}.friends-screen{max-width:720px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:12px}.friends-title{margin:4px 0;font-size:26px}.lb-tab-icon{position:relative;display:inline-flex}.lb-badge{position:absolute;top:-6px;right:-10px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e5484d;color:#fff;font:800 11px/18px var(--body, "Nunito"),system-ui,sans-serif;text-align:center;box-shadow:0 0 0 2px #14213f}.friends-card h3{margin:0}.friend-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.friend-row .friend-name{flex:1;min-width:0;font-weight:700;overflow-wrap:anywhere}.friend-add{display:flex;gap:8px}.friend-add input{flex:1;min-width:0}.friend-picker{display:flex;flex-direction:column;gap:6px;width:100%}.btn-sm{padding:6px 12px;font-size:13px}.duel-rematch{flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 32px);z-index:80}.duel-rematch .btn{width:auto;margin:0}.friend-row .btn,.friend-add .btn,.friend-picker .btn{width:auto;flex:0 0 auto;margin:0}.friend-row{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.08)}.friend-row:last-of-type{border-bottom:0}.spinner{width:18px;height:18px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:var(--gold);animation:spin .9s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.duel-waiting{position:fixed;left:50%;top:calc(110px + var(--sat));transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--gold);font-weight:700}.lb-daily.wide{grid-column:span 24}.attempt-done{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-radius:14px;background:#8ee05f1a;border:1px solid rgba(142,224,95,.4);margin-bottom:12px}.done-check{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--green);color:#12301a;font-weight:900}.practice-btn{flex-direction:column;gap:2px}.practice-btn .pb-main{display:inline-flex;align-items:center;gap:8px}.practice-btn .pb-hint{font-family:var(--font, inherit);font-size:13px;font-weight:800;color:var(--gold);letter-spacing:0}.lb-row .streak-chip{font-size:13px;font-weight:800;color:#ffb347}.lb-perks.single{grid-template-columns:1fr}.lb-btn-gold:disabled{opacity:.6;cursor:not-allowed;flex-direction:column;gap:2px}.lb-btn-gold .pb-hint{font-size:13px;font-weight:800;color:#3a2a06}.rep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.rep-grid .admin-section{margin-top:0;overflow-x:auto}@media (max-width: 900px){.rep-grid{grid-template-columns:1fr}}.rep-col span{white-space:nowrap}.stance.danger{color:#ff9a8a}.stance.danger.on{background:#ff5a4a2e;box-shadow:inset 0 0 0 2px #ff5a4a;color:#ffb3a8}.stance.weapon.on{background:#ffb34729;box-shadow:inset 0 0 0 2px #ffb347;color:#ffd28a}.duel-clock{position:fixed;right:calc(14px + var(--sar));top:calc(70px + var(--sat));z-index:60;padding:8px 14px;font-weight:900;font-size:18px;border:1px solid var(--gold)}.duel-clock.urgent{color:#ff9a8a;border-color:#ff5a4a;animation:pulse 1s infinite}@keyframes pulse{50%{transform:scale(1.06)}}.lb-thumb-small{width:100%;aspect-ratio:16 / 9}.offline-panel{max-width:520px;display:flex;flex-direction:column;gap:10px}.offline-profile{margin:0}.offline-library{display:flex;flex-direction:column;gap:6px;max-height:40vh;overflow-y:auto;text-align:left;border-top:1px solid var(--panel-edge);padding-top:10px}.offline-map{display:flex;align-items:center;gap:8px}.install-card{padding:16px 20px}.install-row{display:flex;align-items:center;gap:12px}.install-row h3{margin:0}.install-icon{font-size:30px}.install-steps{margin:10px 0 0;padding-left:22px;display:flex;flex-direction:column;gap:4px;font-size:14px}.premium-thanks{grid-column:span 24;text-align:center;font-weight:800;border-color:var(--gold)}.lb-menu-item.danger{color:#ff9a8a}.legal-page{align-items:flex-start;padding:24px 16px}.legal{max-width:720px;text-align:left;display:flex;flex-direction:column;gap:10px;line-height:1.5}.legal .row{display:flex;justify-content:space-between;align-items:center}.legal h1{margin:8px 0 0}.legal h2{margin:14px 0 0;font-size:18px}.legal ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.social-grid{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:18px;align-items:start}.social-controls{display:flex;flex-direction:column;gap:10px;margin-top:0}.social-controls h3{font-family:var(--display);font-weight:400;font-size:22px;margin:10px 0 0}.social-controls p{margin:0}.social-controls input[type=range]{width:100%}.social-busy{color:var(--gold);font-weight:800}.social-tab .chip-link.on{background:var(--gold);color:#2a1a0e}.social-preview{position:relative;display:flex;justify-content:center}.social-preview canvas{display:block;max-width:100%;max-height:78vh;border-radius:10px;box-shadow:0 10px 30px #00000073}.social-preview.square canvas{aspect-ratio:1 / 1}.social-preview.story canvas{aspect-ratio:9 / 16}.social-host{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}@media (max-width: 860px){.social-grid{grid-template-columns:1fr}}.social-controls label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.premium-legal{text-align:center;margin:0}@media (max-width: 560px){.lb-actions .lb-btn-gold{flex-basis:100%}.lb-actions .practice-btn,.lb-actions .duel-btn{flex:1 1 0;font-size:19px}.practice-btn .pb-hint{white-space:normal;font-size:12px;line-height:1.15;text-align:center}}@media (max-width: 720px),(max-height: 520px){.hud-stances{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.hud-stances::-webkit-scrollbar{display:none}.squad-card .name,.squad-card .count{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.center-page{grid-template-columns:minmax(0,1fr)}.center-page>.panel{justify-self:center;max-width:100%;box-sizing:border-box}.signin .logo-svg{max-width:100%;height:auto}@media (max-width: 360px){.signin{padding:20px 16px}}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:12px 0}.form-grid label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700}.form-grid textarea{resize:vertical;font:inherit}.heat{display:grid;grid-template-columns:34px repeat(24,minmax(10px,1fr));gap:2px;margin-top:8px;font-size:11px}.heat-h{color:var(--muted);text-align:left}.heat-d{color:var(--muted);font-weight:700;align-self:center}.heat-c{aspect-ratio:1;border-radius:3px;background:#ffffff0d}.heat-c.sw{width:14px;display:inline-block}.settings-modal{max-width:420px;display:flex;flex-direction:column;gap:14px;text-align:left}.settings-modal h2{margin:0}.settings-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.08)}.settings-row p{margin:2px 0 0}.settings-icon{font-size:24px;width:26px;text-align:center}.reminder-prompt{text-align:center;align-items:center}.reminder-prompt p{margin:0}.error-stack{white-space:pre-wrap;font-size:11px;max-height:220px;overflow:auto;margin:6px 0 0;color:var(--muted)}.app-page.planner{padding-top:var(--sat)}.lb-main .app-page.planner{padding-top:0;min-height:0;background:none}@media (max-width: 560px){.lb-actions{align-items:stretch}.lb-actions .practice-btn,.lb-actions .duel-btn{min-height:74px}.lb-actions .duel-btn{align-self:stretch}}@media (max-width: 720px){.lb-welcome p{background:#0a14328c;padding:4px 12px;border-radius:10px;font-size:14px}}@media (max-width: 720px){.deploy-bar{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}.deploy-bar>div{font-size:12px;line-height:1.35}.deploy-bar .btn{width:100%;padding:10px 12px;font-size:16px}}.connecting{display:flex;flex-direction:column;align-items:center;gap:12px;font-weight:800;font-size:18px;text-align:center}.connecting p{margin:0}.offline-banner{position:sticky;top:var(--sat);z-index:5;width:min(560px,100%);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;margin-bottom:12px;border-radius:12px;background:#3a2a08;border:1px solid var(--gold);font-weight:800}.update-banner{position:fixed;left:12px;right:12px;bottom:calc(92px + var(--sab));z-index:30;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-radius:14px;background:#1d3a1f;border:1px solid #5fd16a;box-shadow:0 10px 30px #00000073;font-weight:800}.update-banner span{flex:1 1 100%}.update-banner .btn{flex:1}.lb-user-text{display:flex;align-items:center;gap:10px;min-width:0}.lb-user-name{display:inline-flex;align-items:center;gap:4px;min-width:0}.lb-user-handle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-user-pts{align-items:center;white-space:nowrap}@media (max-width: 720px){.lb-user-text{flex-direction:column;align-items:flex-start;gap:0;line-height:1.15}.lb-user-name{max-width:150px;font-size:15px}.lb-user-name .crown{font-size:13px}.lb-user-pts{font-size:13px;color:#d9e2f7;gap:3px}.lb-rank-icon{display:none}.lb-user-pts .streak-chip{margin-left:4px}}.planner-main{padding-bottom:calc(110px + var(--sab))}.planner-hero{position:relative;overflow:hidden;border-radius:18px;min-height:190px;margin-bottom:14px;border:1px solid rgba(160,185,235,.25);background:#14203f}.planner-hero-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:20% 35%}.planner-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0a12280d,#0a12288c 42%,#0a1228d9)}.planner-hero-text{position:relative;z-index:1;margin-left:auto;width:min(62%,460px);padding:18px 18px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.planner-hero-text h1{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(26px,4vw,40px);line-height:1.05;color:#fff3d6;-webkit-text-stroke:1px #2a1a0e;paint-order:stroke fill}.planner-hero-kicker{font-family:var(--display);font-size:clamp(15px,2vw,20px);color:#cfe0ff}.planner-hero-sub{margin:2px 0 0;font-size:13px;font-weight:700;color:#e8eefc;text-shadow:0 1px 3px rgba(0,0,0,.6)}.role-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;font-weight:800;font-size:14px;margin-top:4px;border:1px solid}.role-badge.defend{background:#3d82ff38;border-color:#78aaff99;color:#dbe7ff}.role-badge.attack{background:#e3484838;border-color:#ff828299;color:#ffe0e0}.unit-card{border-radius:16px;background:linear-gradient(180deg,#1d2b4d,#172340);border:1px solid rgba(160,185,235,.22);overflow:hidden}.unit-card.picked{border-color:#f2c14eb3;box-shadow:0 0 0 1px #f2c14e40 inset}.unit-card-main{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:12px;padding:8px 12px 8px 6px}.unit-portrait{position:relative;width:96px;height:96px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle at 50% 40%,#2b3f6e,#1b2a4a 70%);overflow:hidden}.unit-portrait img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.unit-portrait-icon{font-size:40px}.unit-portrait img+.unit-portrait-icon{display:none}.unit-text{display:flex;flex-direction:column;gap:3px;min-width:0}.unit-name{font-family:var(--display);font-weight:400;font-size:21px;color:#fff}.unit-blurb{font-size:13px;line-height:1.3;color:#c6d2ee}.unit-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.unit-price{font-size:13px;font-weight:800;color:#e8eefc;white-space:nowrap}.unit-qty{display:flex;align-items:center;gap:8px}.qty-btn{width:46px;height:42px;border-radius:12px;border:0;font:900 24px/1 Nunito,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;color:#fff;background:#3a4a70;box-shadow:0 3px #253153;cursor:pointer}.qty-btn.plus{background:linear-gradient(#4b8bff,#2f6ae0);box-shadow:0 3px #1d4aa8}.qty-btn:disabled{opacity:.35;cursor:default}.qty-count{min-width:30px;text-align:center;font-size:22px}.unit-card .ae-squads{padding:6px 12px 10px;border-top:1px solid rgba(160,185,235,.15);background:#080e2040}.budget-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#172340;border:1px solid rgba(160,185,235,.22)}.budget-coins{font-size:20px;font-weight:900;white-space:nowrap}.budget-card .meter{height:12px;border-radius:99px}.budget-squads{font-weight:800;color:#c6d2ee;white-space:nowrap}.planner-hint{margin:2px 4px 0;font-size:13px;color:#b7c3e0}.planner-bar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;gap:10px;justify-content:center;padding:10px calc(12px + var(--sar)) calc(10px + var(--sab)) calc(12px + var(--sal));background:linear-gradient(transparent,#0a1022eb 30%)}.planner-bar .btn{flex:1;max-width:260px}.planner-bar .btn-gold:disabled{opacity:.55}@media (max-width: 820px){.lb-main .planner-bar{bottom:calc(68px + var(--sab));background:none;padding-bottom:6px}.lb-main .planner-main{padding-bottom:calc(150px + var(--sab))}}@media (max-width: 560px){.planner-hero{min-height:170px}.planner-hero-text{width:66%;padding:14px 12px 12px}.unit-card-main{grid-template-columns:74px 1fr;grid-template-rows:auto auto;gap:6px 10px}.unit-portrait{width:74px;height:74px;grid-row:span 2}.unit-side{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between}.unit-name{font-size:19px}.planner-bar{gap:6px}.planner-bar .btn{padding:12px 6px;font-size:15px}}.unit-portrait img{transform:scale(1.32);transform-origin:50% 42%}@media (max-width: 820px){.lb-main .planner-bar{background:linear-gradient(#0a102200,#0a1022f5 28%);padding-top:18px}}.planner-bar .btn{max-width:none}.planner-bar .planner-back{flex:0 0 56px;padding-left:0;padding-right:0;font-size:22px}.planner-bar .planner-suggest{flex:1 1 0;max-width:220px}.planner-bar .planner-deploy{flex:2 1 0;max-width:420px;font-size:19px}@media (max-width: 560px){.planner-bar .planner-deploy{font-size:18px}.planner-bar .planner-suggest{font-size:15px}}.lb-bottom .lb-tab{color:#9fb0d6}.lb-bottom .lb-tab .gold{filter:grayscale(.5) brightness(.85)}.lb-bottom .lb-tab.on{color:var(--gold);background:linear-gradient(#22396f,#1a2d5c);box-shadow:inset 0 0 0 1px #f2c14e73,inset 0 -3px 0 var(--gold)}.lb-bottom .lb-tab.on .gold{filter:none}.lb-bottom .lb-tab:disabled{opacity:.4}.tut-bubble{position:fixed;z-index:60;top:calc(env(safe-area-inset-top,0px) + 92px);left:50%;transform:translate(-50%);width:min(460px,calc(100vw - 24px));padding:14px 16px;display:grid;gap:8px;color:#fff;background:#10204af0;border:2px solid #ffd24a;border-radius:16px;box-shadow:0 10px 30px #00000073}.tut-bubble p{margin:0;font-size:15px;line-height:1.45}.tut-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.tut-step{font:800 12px var(--body);letter-spacing:.06em;text-transform:uppercase;color:#ffd24a}.tut-skip{font-size:13px;color:#cfd8ee}.tut-bubble .btn{justify-self:end}.tut-glow{outline:3px solid #ffd24a!important;outline-offset:2px;box-shadow:0 0 0 5px #ffd24a4d,0 0 22px #ffd24ae6!important;animation:tut-beat 1.1s ease-in-out infinite;z-index:5}@keyframes tut-beat{0%,to{scale:1}14%{scale:1.08}28%{scale:1}42%{scale:1.06;outline-color:#fff6d0;box-shadow:0 0 0 8px #ffd24a26,0 0 32px #ffd24a}70%{scale:1}}@media (prefers-reduced-motion: reduce){.tut-glow{animation:none}}.tut-end{text-align:center;display:grid;gap:12px;justify-items:center}.tut-end p{margin:0}.tut-end .btn{min-width:200px}.tut-card{grid-column:1 / -1;display:flex;align-items:center;gap:16px;flex-wrap:wrap;border:2px solid #ffd24a;background:linear-gradient(135deg,#ffd24a29,#2350c840)}.tut-card .grow{flex:1;min-width:200px}.tut-card h3{margin:0 0 4px;font-family:var(--display);font-weight:400;font-size:22px}.tut-card p{margin:0}.tut-card .row{display:flex;gap:10px;flex-wrap:wrap}@media (min-width: 900px){.tut-bubble{left:auto;right:16px;transform:none;top:calc(env(safe-area-inset-top,0px) + 72px)}}@media (max-width: 899px){.tut-bubble{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 200px);max-height:46vh;overflow:auto}.tut-bubble p{font-size:14px}}@media (max-width: 760px){.tut-card{flex-direction:column;align-items:stretch;text-align:center;gap:10px}.tut-card .row{justify-content:center}.tut-card .row .btn{flex:1}}.tut-card .row{display:flex;align-items:stretch;gap:12px}.tut-card .row .btn{flex:1 1 0;margin:0;min-height:56px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15}@media (max-width: 760px){.tut-card .row .btn{font-size:18px;padding:10px 12px}}.weapon-pick{display:inline-flex;gap:2px;padding:2px;border-radius:11px;background:#00000040}.weapon-pick .stance:disabled{opacity:.4}.paused-tag{white-space:nowrap;padding:4px 14px;border-radius:99px;background:#10204ad9;border:1px solid rgba(255,210,74,.5);z-index:3}@media (max-width: 720px),(max-height: 520px){.paused-tag{top:calc(128px + var(--sat));font-size:14px}}@media (max-height: 520px) and (min-width: 600px){.paused-tag{top:calc(76px + var(--sat))}}.review-link{font-size:12px;opacity:.7;margin-top:4px}.lang-switch button{min-height:34px;min-width:42px;padding:6px 12px;font-size:13px}.hud-speed .lang-switch button{min-height:0;min-width:0;padding:4px 9px;font-size:12px}.texts-editor{display:grid;gap:8px;padding:10px 12px;margin:6px 0}.texts-editor summary{cursor:pointer}.texts-lang{display:grid;gap:6px;border:1px solid var(--line, rgba(127,127,127,.3));border-radius:8px;padding:8px 10px}.texts-lang legend{font-weight:600;padding:0 4px}.texts-field{display:grid;gap:2px}.store-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:14px}.store-badge{display:inline-flex;flex-direction:column;align-items:center;gap:4px;line-height:0}.store-badge img.apple,.store-badge img.google{height:44px;width:auto}.store-badge.soon{cursor:default}.store-badge small{line-height:1.2;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7);margin-top:6px}.flames span.frozen{position:relative;background:#78beff2e;box-shadow:inset 0 0 0 1px #96cdffbf}.flames .frozen .flame{font-weight:inherit;filter:hue-rotate(185deg) saturate(.8) brightness(1.2)}.flames .frozen .ice{position:absolute;right:2px;bottom:0;font-style:normal;font-size:.6em}.streak-saved{margin:6px 0 0;padding:8px 10px;border-radius:10px;background:#78beff24;border:1px solid rgba(120,190,255,.4);color:#cfe8ff;font-weight:800;font-size:14px}.wr-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:12px 0}.wr-kpis .panel{display:flex;flex-direction:column;gap:2px;padding:12px 14px}.wr-kpis b{font-size:28px}.wr-low{color:#ff7a6b}.wr-high{color:#ffb347}.wr-ok{color:#5fd38a}.wr-chart svg{width:100%;height:auto;display:block}.wr-band{fill:#5fd38a24}.wr-grid{stroke:#ffffff14;stroke-width:1}.wr-axis{fill:#ffffff8c;font-size:11px}.wr-line{fill:none;stroke:#6aa8ff;stroke-width:2}.wr-dot{fill:#6aa8ff;stroke:#10204a;stroke-width:2}.wr-spread{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:end}.wr-bin{display:flex;flex-direction:column;align-items:center;gap:4px}.wr-bar-wrap{height:140px;width:100%;display:flex;align-items:flex-end}.wr-bar{width:100%;min-height:2px;border-radius:4px 4px 0 0;background:#6aa8ff}.wr-bar.ok{background:#5fd38a}.wr-bar.far{background:#ff7a6b}.sortable{cursor:pointer}.table-scroll{overflow-x:auto}.coop-tag{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:linear-gradient(180deg,#ffd24a,#f0a92a);color:#3a2400;font-size:12px;font-weight:900;letter-spacing:.02em;vertical-align:middle;white-space:nowrap}.official-choice{display:grid;gap:10px}.official-choice .btn{width:100%;justify-content:center}.coop-choice.locked{opacity:.8}.coop-partner{position:fixed;left:50%;transform:translate(-50%);top:calc(env(safe-area-inset-top,0px) + 64px);z-index:30;display:grid;gap:6px;padding:10px 14px;max-width:min(92vw,420px);text-align:center}.coop-partner .row{justify-content:center;gap:8px;flex-wrap:wrap}.flag-card{display:grid;gap:10px}.flag-card h3{margin:0}.flag-state{padding:3px 10px;border-radius:999px;font-weight:800;font-size:12px}.flag-state.all{background:#5fd38a33;color:#5fd38a}.flag-state.admins{background:#ffb34733;color:#ffb347}.flag-state.off{background:#ff7a6b33;color:#ff7a6b}.flag-people{margin:4px 0;padding-left:18px}.ally-squads{display:flex;flex-direction:column;gap:6px;margin-top:4px;opacity:.85}.ally-squads .ally-head{font-size:12px;font-weight:800;color:#9fd0ff;text-shadow:0 1px 3px rgba(0,0,0,.7)}.ally-squads>:not(.ally-head){pointer-events:none;transform:scale(.88);transform-origin:left top;margin-bottom:-6px;filter:saturate(.7)}.btn-email{width:100%;background:#2a3a6a;color:#fff}.email-login{width:100%}.email-login .code-input{font-size:26px;letter-spacing:8px;text-align:center;font-weight:800}.hud-gates{position:absolute;top:64px;right:12px;display:flex;gap:6px;align-items:center;padding:6px;flex-wrap:wrap;max-width:330px;justify-content:flex-end;z-index:3}.hud-gates+.hud-catapults{top:112px}@media (max-width: 720px){.hud-gates{top:auto;bottom:calc(196px + var(--sab))}}.hud-flags{position:absolute;top:calc(98px + var(--sat));left:50%;transform:translate(-50%);display:flex;gap:6px;align-items:center;z-index:3;pointer-events:none;flex-wrap:wrap;justify-content:center;max-width:92vw}.hud-flag{position:relative;display:inline-flex;align-items:center;gap:2px;padding:3px 8px 5px;border-radius:999px;font-weight:900;font-size:13px;background:#141828bf;border:2px solid #e9e4d6;color:#fff}.hud-flag.blue{border-color:#4f8cff;background:#2f6fe08c}.hud-flag.red{border-color:#ff6a6a;background:#d23c3c8c}.hud-flag-meter{position:absolute;left:6px;right:6px;bottom:2px;height:3px;border-radius:2px;background:#ffffff40;overflow:hidden}.hud-flag-meter b{display:block;height:100%}.hud-flag-meter.blue b{background:#6aa8ff}.hud-flag-meter.red b{background:#ff7a6b}.hud-flag-all{padding:3px 10px;border-radius:999px;font-weight:800;font-size:13px;color:#fff;background:#141828cc}.hud-flag-all.blue{box-shadow:inset 0 0 0 2px #4f8cff}.hud-flag-all.red{box-shadow:inset 0 0 0 2px #ff6a6a}.field-map .flag-zone{fill:#ffd24a1f;stroke:#e0a92a;stroke-width:.35;stroke-dasharray:1 .6}.field-map .flag.sel .flag-zone{stroke:#fff;stroke-width:.6}.field-map .flag-label{font-size:3.4px;text-anchor:middle}.wr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:12px}.wr-grid h4{margin:0 0 6px}.battle .hud-bottom{position:absolute;left:50%;transform:translate(-50%);bottom:calc(10px + var(--sab));width:min(900px,calc(100% - 16px));display:flex;flex-direction:column;align-items:center;gap:6px;z-index:3;pointer-events:none}.battle .hud-bottom>*{pointer-events:auto}.battle.deploying .hud-bottom{bottom:calc(84px + var(--sab))}.battle .hud-bottom .hud-squads{position:static;display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;max-width:100%;overflow-x:auto;overflow-y:visible;max-height:none;padding:2px;scrollbar-width:none}.battle .hud-bottom .hud-squads::-webkit-scrollbar{display:none}.battle .hud-bottom .hud-stances{position:static;transform:none;max-width:100%}.battle .hud-bottom .squad-card{flex:0 0 auto;width:156px;min-width:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:6px 8px;border-radius:12px}.battle .hud-bottom .squad-card .idx{display:none}.battle .hud-bottom .squad-card .icon{width:30px;height:30px;font-size:17px;border-radius:9px;grid-row:span 1}.battle .hud-bottom .squad-card .info{display:flex;flex-direction:column;gap:2px;min-width:0}.battle .hud-bottom .squad-card .name{font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.battle .hud-bottom .squad-card .count{font-size:13px;color:#fff;white-space:nowrap}.battle .hud-bottom .squad-card .count b{font-weight:900}.battle .hud-bottom .squad-card .meter{height:4px}.battle .hud-bottom .squad-card .meter.morale.shaken i{background:#f2a33a}.battle .hud-bottom .squad-card .meter.morale.wavering i,.battle .hud-bottom .squad-card .meter.morale.routed i{background:#ff6b5e}.battle .hud-bottom .squad-card .sc-state{font-size:15px;width:22px;text-align:center}.battle .hud-bottom .squad-card .sc-state.bad{color:#ff7a6b}.battle .hud-bottom .squad-card.selected{box-shadow:0 0 0 2px var(--gold),0 0 16px #f2c14e73}.battle .hud-bottom .ally-squads{display:flex;align-items:center;gap:6px;max-width:100%}.battle .hud-bottom .ally-head{font-size:12px;font-weight:800;color:var(--muted);white-space:nowrap}.squad-info{display:grid;grid-template-columns:auto auto auto 1fr auto;align-items:center;gap:6px 16px;padding:10px 14px;width:100%;max-width:760px}.si-crest{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:24px;background:#3d82ff4d;box-shadow:inset 0 0 0 2px #7fb0ff99}.si-crest.red{background:#e5484d4d;box-shadow:inset 0 0 0 2px #ff8c8299}.si-who{display:flex;flex-direction:column;gap:1px;min-width:0}.si-who b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.si-who .muted{font-size:12px}.si-state{font-size:12px;font-weight:800;color:var(--gold)}.si-state.bad{color:#ff7a6b}.si-nums{display:flex;flex-direction:column;gap:3px;font-size:13px;font-weight:800;white-space:nowrap}.si-morale.steady{color:var(--green)}.si-morale.shaken{color:#f2a33a}.si-morale.wavering,.si-morale.routed{color:#ff6b5e}.si-stats{display:flex;flex-direction:column;gap:3px;font-size:11px;font-weight:800;color:var(--muted);justify-self:end}.si-stats>span{display:flex;align-items:center;gap:6px;justify-content:space-between}.si-bar{display:inline-flex;gap:2px}.si-bar i{width:12px;height:6px;border-radius:3px;background:#ffffff24}.si-bar i.on{background:#dfe7f7}.si-why{width:30px;height:30px;border-radius:50%;font-size:16px;color:#7fb0ff;box-shadow:inset 0 0 0 2px #7fb0ff80}.si-factors{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px;font-weight:800}.si-factors .neg{color:#ff8a7d}.si-factors .pos{color:var(--green)}.si-help{flex-basis:100%;font-weight:600;line-height:1.35}.battle-feed{position:absolute;left:calc(12px + var(--sal));top:calc(64px + var(--sat));display:flex;flex-direction:column;gap:6px;z-index:4;max-width:min(340px,calc(100% - 24px))}.bf-item{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:10px;font-size:13px;font-weight:800;text-align:left;animation:bf-in .25s ease-out}.bf-item.good{color:#b6f08f;box-shadow:inset 3px 0 0 var(--green)}.bf-item.bad{color:#ffb0a6;box-shadow:inset 3px 0 #ff5a4a}.bf-item.info{color:#ffe199;box-shadow:inset 3px 0 0 var(--gold)}.bf-icon{font-size:15px}@keyframes bf-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@media (max-width: 720px),(max-height: 520px){.battle .hud-bottom{bottom:calc(6px + var(--sab));gap:5px}.battle .hud-bottom .squad-card{width:108px;grid-template-columns:auto 1fr;padding:5px 6px;gap:5px}.battle .hud-bottom .squad-card .sc-state{position:absolute;top:2px;right:4px;font-size:12px;width:auto}.battle .hud-bottom .squad-card{position:relative}.battle .hud-bottom .squad-card .icon{width:24px;height:24px;font-size:14px}.battle .hud-bottom .squad-card .name{font-size:10px;padding-right:12px}.battle .hud-bottom .squad-card .count{font-size:12px}.squad-info{grid-template-columns:auto 1fr auto auto;gap:4px 10px;padding:8px 10px}.si-crest{width:36px;height:36px;font-size:19px}.si-who b{font-size:14px}.si-stats{grid-column:1 / -1;flex-direction:row;justify-self:stretch;justify-content:space-between}.si-bar i{width:9px}.battle-feed{top:calc(118px + var(--sat))}.bf-item{font-size:12px;padding:5px 10px}}@media (max-height: 520px) and (min-width: 600px){.squad-info{max-width:560px}.battle-feed{top:calc(56px + var(--sat))}}.battle .hud-bottom .squad-card .meter.hp{display:block}.battle .hud-bottom .hud-stances{flex-wrap:wrap;justify-content:center}.squad-info{position:relative}@media (max-width: 720px),(max-height: 520px){.si-why{position:absolute;top:6px;right:8px;width:26px;height:26px;font-size:14px}.si-nums{padding-right:28px}}.card-bar{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;pointer-events:auto}.cb-panel{display:flex;align-items:stretch;gap:10px;width:100%;padding:10px 12px;border-radius:18px;background:linear-gradient(180deg,#16203af0,#0c1224f5);border:2px solid rgba(120,150,210,.35);box-shadow:0 6px 18px #00000059,inset 0 1px #ffffff14}.cb-points{flex:0 0 auto;width:132px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;color:#fff}.cb-points .cb-label{font-size:13px;font-weight:700;color:#dfe6f5}.cb-points .cb-num{white-space:nowrap;font-size:32px;font-weight:900;line-height:1;color:#ffd34d;text-shadow:0 2px 0 #8a5a00}.cb-points .cb-meter{width:100%;height:10px;border-radius:6px;background:#ffffff26;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.cb-points .cb-meter i{display:block;height:100%;border-radius:6px;background:linear-gradient(180deg,#ffe07a,#f2a90c);transition:width .3s linear}.cb-points .cb-regen{font-size:12px;color:#dfe6f5}.cb-hand{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cb-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:4px 5px 18px;border-radius:12px;border:3px solid #f0b429;background:radial-gradient(120% 80% at 50% 25%,#7b4fd6,#4a2a96 55%,#2c1a63);color:#fff;cursor:pointer;font:inherit;box-shadow:inset 0 0 0 1px #ffffff40,0 3px #9a6a07;transition:transform .12s ease,box-shadow .12s ease}.cb-card .cb-art{width:72%;max-width:86px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 3px 2px rgba(0,0,0,.45));pointer-events:none}.cb-card .cb-name{font-size:14px;font-weight:900;line-height:1.05;text-align:center;text-shadow:0 2px 0 rgba(0,0,0,.55)}.cb-card .cb-blurb{font-size:10.5px;line-height:1.15;text-align:center;color:#e4dcff}.cb-card .cb-cost{position:absolute;left:50%;bottom:-12px;transform:translate(-50%);min-width:28px;height:26px;padding:0 6px;border-radius:8px;display:grid;place-items:center;font-size:17px;font-weight:900;color:#1d1300;background:linear-gradient(180deg,#ffe58a,#f2a90c);border:2px solid #1d1300}.cb-card.on{transform:translateY(-6px);border-color:#fff3b0;box-shadow:0 0 0 3px #ffd34d,0 0 18px #ffd34dcc,0 3px #9a6a07}.cb-card.short,.cb-card:disabled{opacity:1;filter:saturate(.6) brightness(.75);cursor:default}.cb-card.short .cb-cost{background:linear-gradient(180deg,#c9c9c9,#8d8d8d)}.buff-tag{font-size:11px;margin-left:2px}.battle .hud-bottom:has(.card-bar){bottom:calc(14px + var(--sab))}@media (max-width: 640px){.cb-panel{gap:6px;padding:8px 6px 14px;border-radius:14px}.cb-points{width:64px;gap:3px}.cb-points .cb-label{font-size:9.5px;text-align:center;line-height:1.1}.cb-points .cb-num{font-size:17px;letter-spacing:-.5px}.cb-points .cb-meter{height:7px}.cb-points .cb-regen{font-size:10px}.cb-hand{gap:5px}.cb-card{padding:3px 2px 14px;border-width:2px;border-radius:10px}.cb-card .cb-art{width:80%}.cb-card .cb-name{font-size:10px}.cb-card .cb-blurb{display:none}.cb-card .cb-cost{min-width:22px;height:20px;font-size:13px;bottom:-10px;border-width:1.5px}}.battle .hud-top{top:calc(10px + var(--sat))}.battle .strength{display:flex;align-items:center;gap:6px}.battle .strength .side{display:flex;align-items:center;gap:4px}.battle .strength .side.red{flex-direction:row-reverse}.battle .strength .crest{width:54px;height:54px;object-fit:contain;font-size:0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));position:relative;z-index:1}.battle .strength .side-bar{display:flex;flex-direction:column;gap:1px}.battle .strength .side.blue .side-bar{align-items:flex-start;margin-left:-10px}.battle .strength .side.red .side-bar{align-items:flex-end;margin-right:-10px}.battle .strength .pct{font-family:var(--display);font-size:17px;font-weight:900;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.7);padding:0 12px;line-height:1}.battle .strength .bar{width:min(20vw,210px);height:16px;border-radius:9px;background:#0e1426d9;border:2px solid rgba(14,20,38,.95);box-shadow:inset 0 1px 3px #0009}.battle .strength .bar.blue{transform:none}.battle .strength .bar i{border-radius:7px}.battle .strength .bar.blue i{background:linear-gradient(180deg,#8cc0ff,#3b7df0 60%,#2a62c9)}.battle .strength .bar.red i{background:linear-gradient(180deg,#ff9a9a,#e5424a 60%,#b8262f)}.battle .strength .bar.red{transform:scaleX(-1)}.battle .strength .clock{font-size:30px;font-weight:900;min-width:104px;padding:4px 14px;border-radius:14px;color:#fff;background:linear-gradient(180deg,#1e2842f5,#0e1426f5);border:2px solid rgba(140,165,220,.45);box-shadow:0 3px 8px #0006}.battle .objective{top:calc(62px + var(--sat));font-size:15px;padding:4px 16px;background:#0e1426e0;border:2px solid rgba(140,165,220,.35)}.battle .objective.attack{color:#ff8a7a}.hud-pause{position:absolute;top:calc(12px + var(--sat));left:calc(12px + var(--sal));width:48px;height:48px;border-radius:12px;font-size:18px;font-weight:900;color:#fff;background:linear-gradient(180deg,#1e2842f5,#0e1426f5);border:2px solid rgba(140,165,220,.45);box-shadow:0 3px 8px #0006;z-index:4}.hud-pause.on{background:linear-gradient(180deg,#3b7df0,#2a62c9)}.battle .hud-exit{left:auto;right:calc(12px + var(--sar));width:36px;min-width:36px;height:36px}.battle .hud-speed{right:calc(54px + var(--sar))}@media (max-width: 720px){.hud-pause{width:38px;height:38px;font-size:14px;border-radius:10px;top:calc(10px + var(--sat));left:calc(8px + var(--sal))}.battle .hud-exit{width:32px;min-width:32px;height:32px;top:calc(12px + var(--sat));right:calc(8px + var(--sar))}.battle .hud-top{top:calc(8px + var(--sat))}.battle .strength{gap:3px}.battle .strength .crest{width:32px;height:32px}.battle .strength .side.blue .side-bar{margin-left:-8px}.battle .strength .side.red .side-bar{margin-right:-8px}.battle .strength .pct{font-size:12px;padding:0 9px}.battle .strength .bar{width:calc((100vw - 238px)/2);height:11px}.battle .strength .clock{font-size:18px;min-width:62px;padding:2px 6px;border-radius:10px}.battle .hud-speed{top:calc(54px + var(--sat));right:calc(8px + var(--sar))}.battle .objective{top:calc(54px + var(--sat));font-size:11px;padding:3px 10px;max-width:calc(100vw - 190px);overflow:hidden;text-overflow:ellipsis}.battle .conditions-chip{top:calc(86px + var(--sat))}}.cb-prompt{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 8px;border-radius:14px;background:#0c1224f0;border:2px solid #ffd34d;box-shadow:0 0 18px #ffd34d73;color:#fff;max-width:min(520px,100%);animation:cb-pop .18s ease-out}.cb-prompt img{width:44px;height:44px;object-fit:contain;flex:none}.cb-prompt-text{display:flex;flex-direction:column;gap:2px;min-width:0}.cb-prompt-text b{font-size:16px;color:#ffd34d}.cb-prompt-text span{font-size:12.5px;color:#dfe6f5}.cb-prompt-x{flex:none;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#ffffff1a;color:#fff;font-weight:900;cursor:pointer}.cb-note{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:12px;font-size:15px;font-weight:800;color:#fff;background:#0c1224eb;border:2px solid rgba(255,211,77,.7);animation:cb-pop .18s ease-out}.cb-note.bad{border-color:#e5424a;color:#ffb3b3}.cb-note img{width:32px;height:32px;object-fit:contain}@keyframes cb-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.squad-card.card-target{box-shadow:0 0 0 3px #ffd34d,0 0 16px #ffd34dcc;animation:cb-glow .9s ease-in-out infinite alternate;cursor:pointer}@keyframes cb-glow{0%{box-shadow:0 0 0 2px #ffd34d,0 0 8px #ffd34d80}to{box-shadow:0 0 0 4px #ffd34d,0 0 20px #ffd34df2}}@media (max-width: 640px){.cb-prompt-text b{font-size:14px}.cb-prompt-text span{font-size:11px}.cb-prompt img{width:36px;height:36px}}.sc-info{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font:900 15px/1 Georgia,Times New Roman,serif;font-style:italic;color:#7fb0ff;box-shadow:inset 0 0 0 2px #7fb0ff99;cursor:pointer;flex:none}.sc-info.on{background:#2f6fe0;color:#fff;box-shadow:inset 0 0 0 2px #9cc2ff}.battle .hud-bottom .hud-stances.stance-bar{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:6px;padding:5px;border-radius:14px;background:#0e1426e6;border:1.5px solid rgba(140,165,220,.3);box-shadow:0 3px 8px #0000004d;max-width:100%;overflow:visible}.sb-group{display:inline-flex;gap:2px;padding:2px;border-radius:11px;background:#ffffff0d}.sb-btn{display:inline-flex;align-items:center;gap:6px;height:36px;min-width:38px;padding:0 9px;border-radius:9px;color:#b9c4dc;font-size:13px;font-weight:800;white-space:nowrap;justify-content:center;transition:background .12s,color .12s}@media (hover: hover){.sb-btn:hover{color:#fff;background:#ffffff0f}}.sb-btn.on{color:#ffd34d;background:#ffd34d24;box-shadow:inset 0 0 0 1.5px #ffd34d}.sb-btn.weapon.on{color:#ffd34d}.sb-btn.danger{color:#ff8a7a}.sb-btn.danger.on{color:#fff;background:#c8323a;box-shadow:none}.sb-btn:disabled{opacity:.35}.sb-icon{flex:none;display:block}@media (max-width: 640px){.sb-btn{height:34px;min-width:34px;padding:0 7px;font-size:12px;gap:4px}.battle .hud-bottom .hud-stances.stance-bar{gap:4px;padding:4px}}.troops-screen{max-width:760px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:12px}.troops-intro{margin:0}.troops-h{margin:14px 0 0;font-size:22px}.troop-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}.troop{display:flex;flex-direction:column;gap:8px;padding:12px 14px}.troop-head{display:flex;align-items:center;gap:10px;text-align:left;width:100%;color:inherit;background:none;padding:0;cursor:pointer}.troop-icon{flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:26px;background:#2f6fe040;box-shadow:inset 0 0 0 2px #7fb0ff73}.troop-who{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.troop-who b{font-size:17px}.troop-cost{flex:none;font-weight:900;color:var(--gold)}.troop-ratings{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12px;font-weight:800;color:var(--muted)}.troop-pc{display:grid;grid-template-columns:1fr 1fr;gap:8px}.troop-pc ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px;font-size:13px}.troop-pc .pros li:before{content:"+ ";color:#6fdc8c;font-weight:900}.troop-pc .cons li:before{content:"− ";color:#ff8a7a;font-weight:900}.troop-vs{display:flex;flex-direction:column;gap:5px;font-size:12px}.troop-vs .vs-label{font-weight:900;margin-right:4px}.troop-vs .vs-label.good{color:#6fdc8c}.troop-vs .vs-label.bad{color:#ff8a7a}.troop-chip{display:inline-block;margin:2px 4px 2px 0;padding:2px 8px;border-radius:99px;background:#ffffff12;white-space:nowrap}.troop-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;margin:0}.troop-stats div{padding:6px 8px;border-radius:9px;background:#ffffff0d}.troop-stats dt{font-size:11px;color:var(--muted)}.troop-stats dd{margin:0;font-weight:900}.troop-blurb{margin:0}.troop-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px 10px;padding-bottom:12px}.troop-cards .cb-card{cursor:default;padding-bottom:20px}.troop-cards .cb-blurb{display:block}.tc-copies{position:absolute;top:4px;right:6px;font-size:11px;font-weight:900;color:#e4dcff}.troops-soon{padding:10px 14px;font-size:13px}@media (max-width: 640px){.troop-list{grid-template-columns:1fr}.troop-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.troop-cards .cb-blurb{display:block;font-size:10px}.troop-cards .cb-name{font-size:13px}}.minimap{position:absolute;top:calc(58px + var(--sat));right:calc(12px + var(--sar));border-radius:12px;border:2px solid rgba(140,165,220,.55);box-shadow:0 3px 8px #0006;z-index:3;cursor:pointer;touch-action:none}@media (max-width: 720px){.minimap{top:calc(96px + var(--sat));right:calc(8px + var(--sar));width:92px!important;height:92px!important}}@media (max-width: 720px){.battle-feed{max-width:calc(100% - 122px)}}.army-screen{max-width:860px;margin:0 auto;padding:8px 14px 24px;display:flex;flex-direction:column;gap:12px}.army-head{position:relative;display:flex;align-items:center;gap:12px;min-height:96px;padding:10px 12px;border-radius:18px;overflow:hidden;background:#0f1a38 url(/hud/army-header.webp) right center / auto 100% no-repeat;box-shadow:inset 0 0 0 1px #8caae640}.army-head:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0f1a38 0,#0f1a38 calc(100% - 250px),#0f1a3899 calc(100% - 200px),#0f1a3800 calc(100% - 130px))}.army-head>*{position:relative}.army-head-crest{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}.army-head h1{margin:0;font-family:var(--display);font-size:34px;line-height:1;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.5)}.army-head p{margin:4px 0 0;color:#c9d4ee;font-size:14px}.army-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.army-tab{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 10px;border-radius:14px 14px 6px 6px;font-family:var(--display);font-size:20px;color:#c9d4ee;background:linear-gradient(#1c2b55,#142146);box-shadow:inset 0 0 0 1.5px #8caae64d}.army-tab .army-tab-icon{font-size:20px;filter:grayscale(.4)}.army-tab.on{color:#ffd34d;background:linear-gradient(#3a3216,#241f10);box-shadow:inset 0 0 0 2px #f0b429,0 0 14px #f0b42959}.army-tab.on .army-tab-icon{filter:none}.army-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}.army-chips::-webkit-scrollbar{display:none}.army-chip{flex:none;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:99px;font-weight:800;font-size:14px;color:#dfe6f5;background:#141e3ee6;box-shadow:inset 0 0 0 1.5px #8caae659;white-space:nowrap}.army-chip.on{color:#ffd34d;box-shadow:inset 0 0 0 2px #f0b429;background:#3c3010b3}.au-list{display:flex;flex-direction:column;gap:10px}.au-row{position:relative;border-radius:16px;background:linear-gradient(#1a2850,#121d3f);box-shadow:inset 0 0 0 1.5px #8caae647;overflow:hidden}.au-row.open{box-shadow:inset 0 0 0 2px #f0b429,0 0 14px #f0b42940}.au-main{display:grid;grid-template-columns:92px 1fr auto auto 18px;align-items:center;gap:10px;width:100%;padding:0 12px 0 0;text-align:left;color:inherit;background:none;cursor:pointer}.au-portrait{width:92px;height:96px;object-fit:cover;object-position:top;align-self:end;filter:drop-shadow(2px 0 4px rgba(0,0,0,.4))}.au-who{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:10px 0}.au-who b{font-family:var(--display);font-size:22px;line-height:1;color:#ffe3a3}.au-tag{font-size:12.5px;font-weight:800;padding:2px 10px;border-radius:99px;background:#ffffff12;color:#e8eefc}.au-line{font-size:13px;color:#c9d4ee;line-height:1.25}.au-bars{display:flex;flex-direction:column;gap:6px;padding-left:12px;border-left:1px solid rgba(140,170,230,.2);font-size:12px;font-weight:800;color:#c9d4ee}.au-bars em{font-style:normal;display:inline-block;width:30px}.pips{display:inline-flex;gap:3px;vertical-align:middle}.pips i{width:14px;height:7px;border-radius:4px;background:#ffffff1f}.pips i.on{background:#f3e2b4}.au-cost{display:flex;align-items:center;gap:5px;font-family:var(--display);font-size:22px;color:#fff;padding-left:10px;border-left:1px solid rgba(140,170,230,.2);align-self:stretch}.au-cost .coin{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f4f4f4,#9aa0aa 60%,#6b7079);box-shadow:inset 0 0 0 2px #00000026}.au-chev{font-size:28px;color:#f0b429;transition:transform .15s}.au-row.open .au-chev{transform:rotate(90deg)}.au-detail{display:flex;flex-direction:column;gap:10px;padding:4px 14px 14px;border-top:1px solid rgba(140,170,230,.15)}.cards-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.cards-head h2{margin:0;font-family:var(--display);font-size:24px;color:#fff;display:flex;align-items:center;gap:8px}.cards-head p{margin:2px 0 0;color:#c9d4ee;font-size:13px}.cards-info{width:24px;height:24px;border-radius:50%;font:italic 900 14px Georgia,serif;color:#c9d4ee;box-shadow:inset 0 0 0 1.5px #c8d4eeb3}.deck-count{flex:none;padding:6px 12px;border-radius:99px;font-family:var(--display);font-size:18px;color:#fff;background:#141e3ee6;box-shadow:inset 0 0 0 1.5px #8caae659}.cards-help{margin:0;padding:10px 12px;font-size:13px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}.deck-card{--rc: #9aa6c0;position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 8px 22px;min-height:210px;border-radius:14px;color:#fff;background:linear-gradient(#0a102400 40%,#0a1024d9 75%),url(/cards/bg.webp) center top / cover;border:3px solid var(--rc);box-shadow:0 0 12px color-mix(in srgb,var(--rc) 35%,transparent),inset 0 0 0 1px #ffffff26}.deck-card.common{--rc: #b9c2d6}.deck-card.rare{--rc: #4ea3ff}.deck-card.epic{--rc: #b16bff}.deck-card.legendary{--rc: #f0b429}.dc-cost{position:absolute;top:-8px;left:-6px;width:34px;height:34px;display:grid;place-items:center;font-family:var(--display);font-size:20px;color:#1d1300;background:linear-gradient(#ffe58a,#f2a90c);clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%)}.dc-copies{position:absolute;top:6px;right:8px;font-family:var(--display);font-size:16px;text-shadow:0 1px 2px #000}.dc-art{width:78%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.55));margin-top:6px}.dc-name{font-family:var(--display);font-size:18px;line-height:1.05;text-align:center;text-shadow:0 2px 0 rgba(0,0,0,.6)}.dc-blurb{font-size:12px;line-height:1.2;text-align:center;color:#dfe6f5}.dc-rarity{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);padding:3px 14px;border-radius:6px;font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#fff;background:linear-gradient(#22315e,#16224a);box-shadow:inset 0 0 0 1.5px var(--rc);white-space:nowrap}@media (max-width: 640px){.army-head{min-height:82px}.army-head h1{font-size:28px}.army-head p{font-size:12.5px}.army-head-crest{width:52px;height:52px}.army-tab{font-size:16px;padding:10px 6px;gap:6px}.army-chip{padding:7px 12px;font-size:13px}.au-main{grid-template-columns:74px 1fr auto 14px;gap:8px;padding-right:8px}.au-portrait{width:74px;height:92px}.au-who b{font-size:18px}.au-line{display:none}.au-bars{padding-left:8px;gap:5px;font-size:10.5px}.au-bars em{width:26px}.pips i{width:9px;height:6px}.au-cost{display:none}.au-cost-sm{display:inline-flex}.au-cost .coin{width:15px;height:15px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-name{font-size:16px}}.au-tags{display:flex;align-items:center;gap:8px}.au-cost-sm{display:none;align-items:center;gap:4px;font-family:var(--display);font-size:15px;color:#fff}.au-cost-sm .coin{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f4f4f4,#9aa0aa 60%,#6b7079)}.lb-bottom .lb-tab.on{color:#ffd34d;background:linear-gradient(#3a3216,#241f10);box-shadow:inset 0 0 0 2px #f0b429,0 0 12px #f0b42959;transform:translateY(-3px)}.lb-bottom .lb-tab{transition:transform .12s}@media (max-width: 640px){.au-cost-sm{display:inline-flex}}.tut-paused{margin:6px 0 0;font-size:12.5px;font-weight:800;color:#ffd34d}.battle .deploy-bar{top:calc(100px + var(--sat));bottom:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:8px 10px 8px 14px;width:min(820px,calc(100% - 24px));background:#0e1426eb;border:1.5px solid rgba(140,165,220,.35)}.battle.deploying .hud-bottom{bottom:calc(14px + var(--sab))}.deploy-steps{display:flex;align-items:center;gap:6px;font-weight:900;font-size:14px;white-space:nowrap}.deploy-steps .ds.done{color:#6fdc8c}.deploy-steps .ds.on{color:#ffd34d}.deploy-steps .ds-sep{color:var(--muted)}.deploy-help-btn{width:24px;height:24px;border-radius:50%;font-weight:900;color:#c9d4ee;box-shadow:inset 0 0 0 1.5px #c8d4ee99}.deploy-hint{flex:1 1 240px;min-width:0;line-height:1.3}.deploy-start{flex:none}.deploy-help{max-width:460px;text-align:left}.deploy-help ol{margin:8px 0 10px;padding-left:20px;display:flex;flex-direction:column;gap:8px;line-height:1.4}@media (max-width: 720px){.battle .deploy-bar{top:calc(98px + var(--sat));padding:7px 8px 7px 10px;gap:6px 10px}.battle .deploy-bar .deploy-start{width:auto;padding:8px 12px;font-size:14px}.deploy-hint{flex-basis:100%;order:3;font-size:11.5px}}.audio-menu{position:relative;display:inline-flex}.audio-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:220px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;background:#0e1426f7;border:1.5px solid rgba(140,165,220,.4);border-radius:14px;box-shadow:0 8px 24px #00000073;text-align:left}.audio-pop .ap-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.audio-pop .ap-label{font-weight:800;font-size:14px;color:#e8eefc}.audio-pop .ap-mute{font-size:18px}.audio-pop input[type=range]{width:100%;accent-color:#f0b429}.audio-pop .ap-val{font-size:12px;color:var(--muted);margin-top:-4px}.audio-pop .ap-fx{padding-top:8px;border-top:1px solid rgba(140,165,220,.2);cursor:pointer}.audio-pop .ap-fx input{width:18px;height:18px;accent-color:#f0b429}.lb-audio .audio-btn{min-width:40px;height:40px;border-radius:12px;background:#141e3ee6;box-shadow:inset 0 0 0 1.5px #8caae659}.battle .hud-speed{z-index:6}.sound-settings{display:flex;flex-direction:column;gap:8px;margin-top:6px}.ss-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label mute" "range val";gap:2px 8px;align-items:center}.ss-label{grid-area:label;font-weight:800;font-size:13.5px;color:#e8eefc}.ss-mute{grid-area:mute;font-size:17px}.ss-row input[type=range]{grid-area:range;width:100%;accent-color:#f0b429}.ss-val{grid-area:val;font-size:12px;color:var(--muted);min-width:34px;text-align:right}.audio-pop{width:240px}.speed-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;color:#e8eefc}.speed-chip.on{color:#ffd34d}.speed-chip.locked{opacity:.7}.speed-crown{position:absolute;top:-6px;right:-4px;font-size:11px}.lb-main.slide-from-right{animation:lb-slide-r .22s ease-out}.lb-main.slide-from-left{animation:lb-slide-l .22s ease-out}@keyframes lb-slide-r{0%{transform:translate(18%);opacity:.4}to{transform:none;opacity:1}}@keyframes lb-slide-l{0%{transform:translate(-18%);opacity:.4}to{transform:none;opacity:1}}.lb-main{touch-action:pan-y}.fr-head{min-height:104px}.fr-head-icon{font-size:40px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.fr-head p{max-width:62%}.fr-tabs{grid-template-columns:repeat(3,1fr)}.fr-tabs .army-tab{font-size:16px;position:relative}.fr-badge{position:static;margin-left:4px}.fr-card{border-radius:16px;padding:12px 14px;background:linear-gradient(#1a2850,#121d3f);box-shadow:inset 0 0 0 1.5px #8caae647}.fr-list{display:flex;flex-direction:column}.fr-row{display:flex;align-items:center;gap:10px;padding:10px 0}.fr-row+.fr-row{border-top:1px solid rgba(140,170,230,.15)}.fr-avatar{flex:none;width:52px;height:52px;border-radius:50%;object-fit:cover;background:#22315e;box-shadow:0 0 0 2.5px #f0b429}.fr-avatar.portrait{object-position:top}.fr-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.fr-who b{font-family:var(--display);font-size:19px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fr-pts{font-weight:800;color:#ffd34d;font-size:14px}.fr-btn{flex:none;display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:12px;font-weight:800;font-size:14px;line-height:1.1}.fr-btn.duel{color:#e8eefc;background:linear-gradient(#3a4870,#2a3658);box-shadow:inset 0 0 0 1.5px #aabee659,0 3px #18213d}.fr-btn.coop{color:#ffd34d;background:linear-gradient(#3a3216,#241f10);box-shadow:inset 0 0 0 2px #f0b429,0 3px #151007;max-width:150px;text-align:left}.fr-btn.locked{opacity:.85}.fr-more-wrap{position:relative;flex:none}.fr-more{width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:900;color:#c9d4ee;background:#ffffff12}.fr-menu{position:absolute;right:0;top:40px;z-index:10;padding:6px;min-width:150px}.fr-menu button{width:100%;text-align:left;padding:8px 10px;border-radius:8px;color:#ff9a8a;font-weight:800}.fr-add{display:flex;flex-direction:column;gap:10px}.fr-add-head{display:flex;align-items:center;gap:12px}.fr-add-icon{font-size:22px}.fr-add-head b{font-family:var(--display);font-size:20px;color:#fff}.fr-add-head p{margin:2px 0 0;font-size:13px;color:#c9d4ee}.fr-add-row{display:flex;gap:10px}.fr-add-row input{flex:1;min-width:0;padding:12px 14px;border-radius:12px;border:1.5px solid rgba(140,170,230,.35);background:#080c1ab3;color:#fff;font:inherit}.fr-add-row .btn{flex:none}.fr-info{display:flex;align-items:center;gap:14px;background:linear-gradient(#2c2714,#1d190c);box-shadow:inset 0 0 0 2px #f0b42999}.fr-info-icon{font-size:34px;padding-right:14px;border-right:1px solid rgba(240,180,41,.4)}.fr-info b{font-family:var(--display);font-size:18px;color:#fff}.fr-info p{margin:4px 0 0;font-size:13.5px;color:#e8dcc0}@media (max-width: 640px){.fr-head p{max-width:70%;font-size:12.5px}.fr-tabs .army-tab{font-size:13px;padding:10px 4px;gap:4px}.fr-row{flex-wrap:wrap;gap:8px 10px}.fr-avatar{width:46px;height:46px}.fr-who{flex-basis:calc(100% - 110px)}.fr-btn{font-size:13px;padding:8px 10px}.fr-btn.duel{margin-left:56px}.fr-btn.coop{max-width:none}}.fr-add-row .btn{flex:none;width:auto;min-width:0;padding:0 20px;margin:0}.fr-add-row input{flex:1 1 auto}@media (max-width: 640px){.fr-avatar{order:0}.fr-who{order:1}.fr-more-wrap{order:2}.fr-btn.duel{order:3}.fr-btn.coop{order:4}}@media (max-width: 640px){.fr-head p{max-width:56%}}.lb-premium{position:absolute;right:14px;bottom:10px;z-index:3;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;padding:0;background:radial-gradient(circle at 50% 40%,#6b3fd0,#3a1f86 70%);box-shadow:0 0 0 4px #f0b429,0 0 0 7px #f0b42959,0 0 26px #ffc85099;animation:lb-premium-glow 2.4s ease-in-out infinite alternate;cursor:pointer}.lb-premium img{width:74%;margin-top:-14px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))}.lb-premium-label{position:absolute;bottom:10px;left:50%;transform:translate(-50%);padding:3px 12px;border-radius:99px;font-family:var(--display);font-size:15px;color:#2a1a05;background:linear-gradient(#ffe58a,#f2a90c);box-shadow:0 2px #8a5a00;white-space:nowrap}.lb-premium-dot{position:absolute;top:6px;right:8px;width:16px;height:16px;border-radius:50%;background:#e5323a;box-shadow:0 0 0 3px #fff}.lb-premium.has{animation:none;box-shadow:0 0 0 3px #f0b429,0 0 14px #ffc85059}@keyframes lb-premium-glow{0%{box-shadow:0 0 0 4px #f0b429,0 0 0 7px #f0b4294d,0 0 16px #ffc85073}to{box-shadow:0 0 0 4px #ffd34d,0 0 0 9px #f0b42973,0 0 32px #ffc850cc}}@media (max-width: 720px){.lb-premium{width:88px;height:88px;right:10px;bottom:8px}.lb-premium-label{font-size:12.5px;bottom:6px;padding:2px 9px}.lb-premium-dot{width:13px;height:13px}}.streak-row{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px 14px 12px;border:2px solid rgba(90,140,230,.6)}.streak-info{position:absolute;top:8px;right:10px;width:24px;height:24px;border-radius:50%;font:italic 900 14px Georgia,serif;color:#e8eefc;box-shadow:inset 0 0 0 1.8px #e8eefccc}.sr-main{display:flex;align-items:center;gap:12px}.sr-left{display:flex;align-items:center;gap:8px;padding-right:12px;border-right:1px solid rgba(140,170,230,.3)}.sr-flame{font-size:38px;filter:drop-shadow(0 2px 6px rgba(255,120,40,.6))}.sr-label{font-family:var(--display);font-size:15px;letter-spacing:1px;text-transform:uppercase;color:#ffb547}.sr-days{font-family:var(--display);font-size:30px;line-height:1;color:#fff}.sr-days small{font-size:17px}.sr-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.streak-row .flames{gap:4px}.streak-row .flames span{font-size:16px;padding:4px 0;border-radius:9px}.streak-row .flames span.lit{background:#aa281e73;box-shadow:inset 0 0 0 1.5px #ff6e3ca6}.streak-row .perk-bar{height:8px}.streak-row .perk-bar em{top:-3px;height:14px;width:3px}.streak-row .perk-gain{margin:14px 0 0;align-items:center;padding:6px 10px;border:2px solid #f0b429;background:#3c2e0a8c}.streak-row .perk-gain b{font-size:22px}.sr-why{margin:0}@media (max-width: 720px){.sr-main{gap:8px}.sr-left{padding-right:8px;gap:4px}.sr-flame{font-size:30px}.sr-label{font-size:12px}.sr-days{font-size:24px}.sr-days small{font-size:13px}.streak-row .flames span{font-size:12px;padding:3px 0;border-radius:7px}.streak-row .perk-gain{padding:4px 6px}.streak-row .perk-gain b{font-size:17px}.streak-row .perk-gain span{font-size:10px}}.city-pick{max-width:980px;margin:0 auto;padding:18px 12px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;background:radial-gradient(120% 60% at 50% 0%,rgba(80,110,200,.35),transparent 70%)}.cp-ribbon{padding:5px 22px;font-weight:900;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#2a1a05;background:linear-gradient(#ffe58a,#e7a51c);clip-path:polygon(0 50%,10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%)}.city-pick h1{margin:4px 0 0;font-family:var(--display);font-size:clamp(30px,8vw,52px);color:#fff3d6;text-shadow:0 3px 0 rgba(0,0,0,.45)}.cp-sub{margin:0 0 10px;color:#dfe6f5;font-size:15px}.cp-grid{display:grid;gap:12px;width:100%;align-items:stretch}.cp-card{--cc: #888;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:linear-gradient(color-mix(in srgb,var(--cc) 30%,#10183a),#0f1733 70%);border:3px solid var(--cc);box-shadow:0 0 22px color-mix(in srgb,var(--cc) 55%,transparent)}.cp-art{position:relative;aspect-ratio:4 / 3;background:color-mix(in srgb,var(--cc) 40%,#0f1733)}.cp-art>img:first-child{width:100%;height:100%;object-fit:cover;display:block}.cp-crest{position:absolute;left:50%;bottom:-26px;transform:translate(-50%);width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}.cp-body{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:30px 10px 12px}.cp-body h2{margin:0;font-family:var(--display);font-size:clamp(22px,6vw,36px);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.5)}.cp-motto{margin:0;font-style:italic;color:#f3e6c4;font-size:13.5px}.cp-desc{margin:0;color:#dfe6f5;font-size:13px;line-height:1.35}.cp-perks{list-style:none;margin:4px 0 0;padding:8px 0 0;width:100%;display:flex;flex-direction:column;gap:6px;text-align:left;border-top:1px solid color-mix(in srgb,var(--cc) 50%,transparent)}.cp-perks li{display:flex;flex-direction:column;gap:1px;padding:6px 8px;border-radius:10px;background:#ffffff0f}.cp-perks b{font-size:13px;color:#ffd98a}.cp-perks span{font-size:11.5px;color:#c9d4ee;line-height:1.3}.cp-players{margin-top:auto;padding-top:6px;font-weight:800;font-size:13px;color:#ffd98a}.cp-btn{width:100%;margin-top:4px;padding:12px 8px;border-radius:14px;font-family:var(--display);font-size:clamp(14px,3.8vw,20px);color:#fff;background:linear-gradient(color-mix(in srgb,var(--cc) 85%,#fff),var(--cc));box-shadow:0 4px color-mix(in srgb,var(--cc) 55%,#000),inset 0 1px #ffffff59;text-shadow:0 1px 2px rgba(0,0,0,.4)}.cp-lock{margin:14px 0 0;color:#dfe6f5;font-size:14px}@media (max-width: 520px){.cp-grid{gap:8px}.cp-body{padding:26px 7px 10px;gap:5px}.cp-crest{width:48px;height:48px;bottom:-22px}.cp-motto,.cp-desc{font-size:12px}.cp-perks li{padding:5px 6px}.cp-perks b{font-size:12px}.cp-perks span{font-size:10.5px}.cp-players{font-size:12px}}.result-wrap{background:radial-gradient(ellipse at 50% 20%,rgba(255,200,90,.18),transparent 60%),linear-gradient(#060c0e73,#060c0ebf),url(/result/bg.webp) center / cover}.result-card{position:relative;width:min(560px,calc(100vw - 20px));padding:0;margin:0;text-align:center;background:none;border:0;box-shadow:none;overflow:visible;animation:rc-in .35s ease-out}@keyframes rc-in{0%{transform:scale(.88) translateY(18px);opacity:0}to{transform:none;opacity:1}}.rc-top{display:flex;flex-direction:column;align-items:center}.rc-head{position:relative;width:100%}.rc-head img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.55))}.result-card.victory .rc-head img{filter:drop-shadow(0 0 30px rgba(255,200,80,.45)) drop-shadow(0 8px 16px rgba(0,0,0,.55))}.rc-head h1{position:absolute;left:15%;right:15%;top:66%;bottom:7%;margin:0;display:grid;place-items:center;font-family:var(--display);font-weight:400;font-size:clamp(30px,10.5vw,60px);line-height:1;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;color:#ffe9a6;background:linear-gradient(#fff6c9 10%,#ffd256 55%,#e89a1c 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 #5a1a08) drop-shadow(0 0 2px #5a1a08)}.rc-head.defeat h1{left:24%;right:23%;top:66%;bottom:5%;font-size:clamp(26px,9vw,52px);background:linear-gradient(#f2f6ff 10%,#b8c4da 55%,#7d8aa6 95%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 0 #0b1020) drop-shadow(0 0 2px #0b1020)}.result-card.draw .rc-head img{filter:grayscale(.85) brightness(.9) drop-shadow(0 8px 16px rgba(0,0,0,.55))}.rc-time{margin-top:6px;padding:7px 20px;border-radius:12px;font-weight:800;font-size:15px;color:#f3ead8;background:linear-gradient(#2b2a2f,#18171b);border:2.5px solid #8a7a5a;box-shadow:0 3px #00000080}.result-card .points-earned{margin:10px 0 0;color:#ffd98a;text-shadow:0 2px 0 rgba(0,0,0,.5)}.rc-board{margin-top:12px;border-style:solid;border-width:26px;border-image:url(/result/board.webp) 100 fill / 26px stretch;padding:4px 6px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55))}.rc-table{width:100%;border-collapse:separate;border-spacing:0 5px}.rc-table th{padding:6px 4px 8px;font-family:var(--display);font-weight:400;font-size:18px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.45);clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%)}.rc-table th.rc-you{background:linear-gradient(#4b8cff,#1f56c4);border-radius:8px 8px 0 0}.rc-table th.rc-foe{background:linear-gradient(#e2473f,#a1231d);border-radius:8px 8px 0 0}.rc-table td{padding:8px 6px;font-size:16px;background:#0c0a08a6}.rc-table td.rc-label{text-align:left;font-family:var(--display);font-weight:400;font-size:17px;color:#f6ecd2;border-radius:10px 0 0 10px}.rc-table td.rc-you{background:#1f4696d9;font-family:var(--display);font-weight:400;font-size:22px;color:#fff;width:25%}.rc-table td.rc-foe{background:#781c18d9;font-family:var(--display);font-weight:400;font-size:22px;color:#fff;width:25%;border-radius:0 10px 10px 0}.rc-icon{display:inline-block;width:26px;text-align:center;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6))}.rc-actions{display:flex;gap:10px;margin-top:14px}.rc-btn{flex:1;min-height:64px;padding:6px 18px 10px;font-family:var(--display);font-weight:400;font-size:clamp(18px,5vw,26px);background:center / 100% 100% no-repeat;border:0;box-shadow:none;filter:drop-shadow(0 5px 6px rgba(0,0,0,.5));transition:transform .08s}.rc-btn:active{transform:translateY(2px) scale(.98)}.rc-btn.gold{flex:1.5;color:#4a2208;background-image:url(/result/btn-gold.webp);text-shadow:0 1px 0 rgba(255,245,190,.7)}.rc-btn.stone{color:#fbf3e2;background-image:url(/result/btn-stone.webp);text-shadow:0 2px 0 rgba(0,0,0,.5)}.rc-confetti{position:absolute;inset:-20px 0 auto;height:260px;pointer-events:none;overflow:hidden;z-index:3}.rc-confetti i{position:absolute;top:-12px;width:8px;height:13px;border-radius:2px;background:#f6c94a;animation:rc-fall linear infinite}.rc-confetti i:nth-child(3n){background:#fff3b0;width:6px}.rc-confetti i:nth-child(4n){background:#e8a51c}@keyframes rc-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(280px) rotate(540deg);opacity:0}}@media (max-width: 520px){.rc-board{border-width:20px;border-image-width:20px;padding:2px}.rc-table td{padding:7px 4px;font-size:14px}.rc-table td.rc-label{font-size:14.5px}.rc-table td.rc-you,.rc-table td.rc-foe{font-size:19px}.rc-table th{font-size:15px}.rc-btn{min-height:56px}}.castle-nav{--cw: 400px;--wh: calc(var(--cw) * .2926)}.cn-inner{position:relative;width:var(--cw);height:var(--wh);margin:0 auto;background:url(/nav/wall.webp) center bottom / 100% 100% no-repeat;pointer-events:auto}.castle-nav .lb-tab{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0;margin:0;border-radius:0;background:none!important;box-shadow:none!important;color:#e8dcc0;font-family:var(--display);font-weight:400;font-size:clamp(12px,calc(var(--cw) * .034),17px);text-shadow:0 2px 0 rgba(0,0,0,.75);cursor:pointer}.castle-nav .lb-tab .gold{filter:drop-shadow(0 2px 0 rgba(0,0,0,.6))!important}.castle-nav .lb-tab svg{width:clamp(18px,calc(var(--cw) * .055),28px);height:auto}.castle-nav .lb-tab-army,.castle-nav .lb-tab-friends{bottom:calc(var(--wh) * .08);width:calc(var(--cw) * .24);aspect-ratio:503 / 401;background:url(/nav/plaque.webp) center / 100% 100% no-repeat!important;transform:none!important;transition:filter .15s,transform .15s}.castle-nav .lb-tab-army{left:calc(var(--cw) * .1)}.castle-nav .lb-tab-friends{right:calc(var(--cw) * .1)}.castle-nav .lb-tab-army.on,.castle-nav .lb-tab-friends.on{color:#ffd34d;filter:drop-shadow(0 0 3px #ffcc4a) drop-shadow(0 0 12px rgba(255,190,60,.85));transform:translateY(-3px)!important}.castle-nav .lb-tab-home{left:50%;bottom:0;transform:translate(-50%)!important;width:calc(var(--cw) * .36);aspect-ratio:759 / 703;justify-content:flex-end;padding-bottom:calc(var(--cw) * .02);background:url(/nav/gate.webp) center bottom / 100% 100% no-repeat!important;color:#fff3d6;font-size:clamp(14px,calc(var(--cw) * .04),20px)}.castle-nav .lb-tab-home .lb-tab-icon,.castle-nav .lb-tab-home>span:last-child{position:relative;z-index:2}.castle-nav .gate-glow{position:absolute;left:50%;bottom:2%;width:34%;height:42%;transform:translate(-50%);border-radius:50% 50% 4px 4px/40% 40% 4px 4px;background:radial-gradient(ellipse at 50% 75%,#ffe182f2,#ffaa28b3 45%,#ff8c1400 78%);opacity:0;transition:opacity .25s;z-index:1}.castle-nav .lb-tab-home.on .gate-glow{opacity:1;animation:gate-flicker 2.6s ease-in-out infinite alternate}.castle-nav .lb-tab-home.on{color:#fff;filter:drop-shadow(0 0 12px rgba(255,190,60,.55))}@keyframes gate-flicker{0%{opacity:.8}to{opacity:1}}.castle-nav .lb-badge{top:-6px;right:-12px}.lb-bottom.castle-nav{--cw: min(100vw, 560px, 62vh);--wh: calc(var(--cw) * .2926);display:block;position:fixed;left:0;right:0;bottom:0;z-index:20;height:calc(var(--wh) + env(safe-area-inset-bottom));padding:0;border:0;box-shadow:none;pointer-events:none;background:linear-gradient(transparent 0,transparent calc(var(--wh) * .42),#171b27 calc(var(--wh) * .42))}.lb-main{padding-bottom:calc(min(100vw,560px,62vh)*.2926 + 50px)!important}.lb-bottom.castle-nav{background:linear-gradient(transparent 0,transparent calc(var(--wh) * .42),#232733 calc(var(--wh) * .42),#14171f 100%)}.lb-bottom.castle-nav{display:block!important;background:none!important}.lb-tabs{display:none!important}.army-head{background:#0c1322}.army-head:before{content:"";position:absolute;top:0;bottom:0;right:0;left:auto;height:100%;width:auto;aspect-ratio:900 / 355;background:url(/hud/army-header.webp) center / 100% 100% no-repeat;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 55%);mask-image:linear-gradient(to right,transparent 0,#000 55%)}@media (min-width: 0px){.lb-main .planner-bar{bottom:calc(min(100vw,560px,62vh) * .2926 + var(--sab) - 4px)!important;padding-bottom:6px;background:linear-gradient(#0a102200,#0a1022f5 28%);padding-top:18px}.lb-main .planner-main{padding-bottom:calc(min(100vw,560px,62vh)*.2926 + 90px)!important}}@media (min-width: 700px){.cp-art{aspect-ratio:16 / 9}.cp-grid{max-width:900px}.cp-art>img:first-child{object-position:50% 60%}}.result-card{width:min(560px,calc(100vw - 20px),64vh)}.result-wrap{align-items:center}.cp-art{overflow:visible}.cp-art>img:first-child{position:absolute;top:0;right:0;bottom:0;left:0}.result-card{width:min(560px,calc(100vw - 20px),52vh)}@media (min-width: 900px){.battle .card-bar{max-width:760px}.cb-card .cb-art{width:52%;max-width:64px}.cb-card .cb-blurb{display:none}.cb-panel{padding:8px 10px}}.lb-main .planner-bar{background:none!important}.planner-bar .btn-gold:disabled{opacity:1;filter:saturate(.35) brightness(.55)}.lb-main .planner-bar{bottom:calc(min(100vw,560px,62vh) * .34 + var(--sab))!important}.prem-wrap{background:#060a18b3}.prem-card{position:relative;width:min(560px,calc(100vw - 20px));padding:16px 16px 14px;text-align:left;border-radius:24px;color:#fff;background:radial-gradient(120% 60% at 70% 0%,#1f3266,#121d3f 60%,#0e1733);border:3px solid #f0b429;box-shadow:0 0 0 1px #ffdc7866 inset,0 0 30px #f0b42959,0 20px 50px #0009;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 24px);overflow-y:auto}.prem-x{position:absolute;top:12px;right:12px;z-index:3;width:38px;height:38px;border-radius:50%;font-size:18px;font-weight:900;color:#fff;background:#16224a;box-shadow:inset 0 0 0 2.5px #dfe6f5}.prem-head{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;min-height:120px;padding-right:34%}.prem-crown{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(255,210,90,.6))}.prem-title h2{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(26px,7.5vw,40px);line-height:1;color:#fff3d6;text-shadow:0 3px 0 rgba(0,0,0,.5)}.prem-title p{margin:6px 0 0;font-weight:800;font-size:clamp(13px,3.6vw,16px);color:#fff}.prem-castle{position:absolute;right:26px;top:-6px;width:34%;max-width:190px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4));pointer-events:none}.prem-head .test-badge{position:absolute;left:0;top:-6px}.prem-perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:16px;background:#080e2299;box-shadow:inset 0 0 0 1.5px #8caae64d}.prem-perk{display:flex;flex-direction:column;gap:6px;padding:10px 8px;text-align:center}.prem-perk+.prem-perk{border-left:1px solid rgba(140,170,230,.25)}.prem-perk-top{display:flex;align-items:center;justify-content:center;gap:6px}.prem-perk-top img{width:40px;height:40px;object-fit:contain;flex:none}.prem-perk b{font-family:var(--display);font-weight:400;font-size:15px;line-height:1.1;text-align:left}.prem-perk span{font-size:12.5px;line-height:1.3;color:#dfe6f5}.prem-plan{position:relative;padding:14px 14px 12px;border-radius:18px;background:radial-gradient(90% 80% at 85% 20%,rgba(255,200,80,.18),transparent 60%),linear-gradient(#1b2a58,#13204a);border:2.5px solid #f0b429;box-shadow:0 0 18px #f0b42940;display:flex;flex-direction:column;gap:6px;overflow:hidden}.prem-mascot{position:absolute;right:-6px;top:0;width:38%;max-width:200px;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}.prem-ribbon{align-self:flex-start;padding:4px 18px 4px 12px;font-weight:900;font-size:14px;letter-spacing:.5px;text-transform:uppercase;color:#2a1a05;background:linear-gradient(#ffe58a,#f2a91c);clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}.prem-price{margin:2px 0 0;font-family:var(--display);font-weight:400;font-size:clamp(36px,10vw,54px);line-height:1;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.45);position:relative}.prem-price small{font-family:var(--body, inherit);font-size:16px;font-weight:800;color:#9cc2ff}.prem-pitch{margin:0;max-width:62%;font-weight:800;font-size:14px;line-height:1.3;position:relative}.prem-plan .price-ladder{position:relative;margin-top:8px;padding:10px 8px 8px;border-radius:14px;background:#080e22b3;box-shadow:inset 0 0 0 1.5px #8caae640;gap:8px}.prem-plan .price-step-amount{font-size:13px;color:#fff}.prem-plan .price-step-bar{max-width:56px;border-radius:6px 6px 2px 2px;background:linear-gradient(#a8895a,#7e6440)}.prem-plan .price-step:last-child .price-step-bar{background:linear-gradient(#ffe27a,#f2a91c);box-shadow:0 0 12px #ffc84699}.prem-plan .price-step:last-child .price-step-amount{color:#ffd34d}.prem-plan .price-step-month{font-size:12px;color:#dfe6f5}.prem-notes{display:flex;justify-content:space-around;gap:10px;flex-wrap:wrap;padding-top:4px;font-size:13px;font-weight:700;color:#dfe6f5;text-align:center}.prem-buy{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 12px;border-radius:16px;font-family:var(--display);font-weight:400;font-size:clamp(18px,5vw,24px);color:#3a1f08;background:linear-gradient(#ffe27a,#f2a91c);border:2px solid #fff0b0;box-shadow:0 5px #a8680c,0 0 18px #ffc84673}.prem-buy img{width:34px;height:34px;object-fit:contain}.prem-buy:disabled{opacity:1;filter:saturate(.4) brightness(.7)}.prem-foot{margin:0;text-align:center;font-size:13px;color:#b8c4dc}.prem-plan.store{padding-bottom:14px}.prem-plan.store .muted{position:relative;max-width:64%}.prem-plan.store .prem-buy{position:relative;margin-top:6px}.prem-plan.store .btn{position:relative}@media (max-width: 520px){.prem-card{padding:12px 10px;gap:10px}.prem-head{min-height:96px;padding-right:30%}.prem-crown{width:64px;height:64px}.prem-castle{width:32%;right:30px;top:4px}.prem-perk{padding:8px 5px}.prem-perk-top{flex-direction:column;gap:3px}.prem-perk-top img{width:34px;height:34px}.prem-perk b{font-size:13px;text-align:center}.prem-perk span{font-size:11px}.prem-mascot{width:40%}.prem-pitch{max-width:60%;font-size:12.5px}.prem-plan .price-ladder{gap:4px;padding:8px 4px 6px}.prem-plan .price-step-amount{font-size:11px}.prem-plan .price-step-month{font-size:10px}.prem-notes{font-size:11.5px}}.prem-castle{width:min(34%,150px);top:0}@media (min-width: 700px){.prem-head{min-height:130px}}@media (max-width: 820px){.lb-bottom.castle-nav{background:linear-gradient(transparent 0,transparent calc(var(--wh) * .55),#2a2d36 calc(var(--wh) * .55),#17191f 100%)!important}.cn-inner{background-size:100% 100%}}.support-card{grid-column:span 24;position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;text-align:left;color:#fff;cursor:pointer}.sc-bubbles{font-size:40px;flex:none}.sc-text{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.sc-text b{font-family:var(--display);font-weight:400;font-size:20px}.sc-text span{color:#c9d4ee;font-size:14px}.sc-chev{font-size:30px;color:#c9d4ee}.support-card .sc-badge{position:static}.sp-head p{max-width:70%}.sp-new{margin:2px 0}.sp-list{display:flex;flex-direction:column;gap:8px}.sp-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;text-align:left;color:#fff;border-radius:14px;background:linear-gradient(#1a2850,#121d3f);box-shadow:inset 0 0 0 1.5px #8caae647;cursor:pointer}.sp-item.unread{box-shadow:inset 0 0 0 2px #f0b429}.sp-kind{font-size:24px;flex:none}.sp-sub{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sp-sub b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-new-dot{flex:none;font-size:11px;font-weight:900;color:#2a1a05;background:#ffd34d;padding:2px 8px;border-radius:99px}.sp-status{flex:none;font-size:12px;font-weight:900;padding:3px 10px;border-radius:99px}.sp-status.open{background:#4ea3ff33;color:#9cc8ff}.sp-status.progress{background:#f0b42933;color:#ffd34d}.sp-status.answered{background:#6fdc8c33;color:#8fe6a6}.sp-status.closed{background:#ffffff1a;color:#b8c4dc}.sp-back{align-self:flex-start}.sp-kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sp-kind-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:14px;text-align:center;color:#e8eefc;background:#141e3ee6;box-shadow:inset 0 0 0 1.5px #8caae64d}.sp-kind-btn.on{color:#ffd34d;background:#3c3010b3;box-shadow:inset 0 0 0 2px #f0b429}.sp-kind-icon{font-size:26px}.sp-kind-btn b{font-size:15px}.sp-kind-btn span{font-size:11.5px;color:#b8c4dc}.sp-text,.sp-reply textarea{width:100%;padding:12px 14px;border-radius:14px;border:1.5px solid rgba(140,170,230,.35);background:#080c1ab3;color:#fff;font:inherit;font-size:15px;resize:vertical}.sp-attach{display:flex;align-items:center;gap:8px}.sp-thumb{position:relative;display:inline-block}.sp-thumb img{max-height:90px;border-radius:10px;display:block}.sp-thumb button{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#c8323a;color:#fff;font-weight:900}.sp-ticket-head{display:flex;align-items:center;gap:10px}.sp-ticket-head b{flex:1;font-family:var(--display);font-weight:400;font-size:20px}.sp-thread{display:flex;flex-direction:column;gap:10px}.sp-msg{max-width:85%;padding:10px 12px;border-radius:14px;display:flex;flex-direction:column;gap:4px}.sp-msg.me{align-self:flex-end;background:#2f6fe059;border-bottom-right-radius:4px}.sp-msg.team{align-self:flex-start;background:#3c3010bf;box-shadow:inset 0 0 0 1.5px #f0b42999;border-bottom-left-radius:4px}.sp-msg p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.sp-msg img{max-width:100%;max-height:260px;border-radius:10px;display:block}.sp-who{font-size:12px;font-weight:900;color:#ffd98a}.sp-msg.me .sp-who{color:#9cc8ff}.sp-at{font-size:11px;color:#9fb0d6;align-self:flex-end}.sp-reply{display:flex;flex-direction:column;gap:8px}.sp-reply-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.support-admin{display:grid;grid-template-columns:minmax(260px,1fr) 2fr;gap:12px;align-items:start}@media (max-width: 820px){.support-admin{grid-template-columns:1fr}}.sa-list{display:flex;flex-direction:column;gap:4px;padding:8px;max-height:75vh;overflow-y:auto}.sa-item{display:flex;gap:8px;align-items:flex-start;width:100%;text-align:left;padding:8px;border-radius:10px;color:inherit}.sa-item.on{background:#ffffff14}.sa-item.unread b{color:#ffd34d}.sa-item:not(.unread) b{font-weight:600}.sa-main{display:flex;flex-direction:column;gap:2px;min-width:0}.sa-main b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-view{padding:14px}.sc-bubbles{width:56px;height:56px;object-fit:contain;font-size:0}.sp-head-icon{width:56px;height:56px;object-fit:contain}.sp-kind-btn .sp-kind-icon{font-size:28px;color:inherit}.sp-sub b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sp-tags{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}@media (min-width: 1181px){.lb-grid{grid-auto-flow:row dense}.lb-grid>.support-card{grid-column:1 / span 16}.lb-grid>.lb-daily:not(.wide)~.support-card~.lb-tomorrow{grid-row:span 2}.lb-grid>.lb-daily.wide~.support-card{grid-column:1 / span 24}}.sp-reward{padding:10px 14px;border-radius:14px;font-weight:800;font-size:14px;color:#ffe3a3;background:#3c301099;box-shadow:inset 0 0 0 1.5px #f0b42999}.battle .strength .bar{display:flex}.battle .strength .bar.red{flex-direction:row-reverse}.battle .strength .bar i.ally{background:linear-gradient(180deg,#8ff0a4,#2fae4a 60%,#1d6e2f)!important;border-radius:0 7px 7px 0}.avatar-row{align-items:flex-start}.avatar-now{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:top;box-shadow:0 0 0 2px #f0b429}.avatar-choices{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.avatar-choice{width:46px;height:46px;border-radius:50%;overflow:hidden;padding:0;background:#22315e;box-shadow:inset 0 0 0 2px #8caae666;display:grid;place-items:center}.avatar-choice img{width:100%;height:100%;object-fit:cover;object-position:top}.avatar-choice.on{box-shadow:0 0 0 3px #f0b429}.avatar-choice.upload{width:auto;padding:0 12px;border-radius:99px;gap:4px;display:flex;font-size:18px;color:#fff}.avatar-choice.upload span{font-size:12px;font-weight:800}.lb-top{z-index:30}.lb-menu{max-height:calc(100vh - 90px - var(--sat));overflow-y:auto}.settings-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:4px}.settings-foot .danger{color:#ff8a7a}body.typing .lb-bottom.castle-nav{display:none!important}.paused-tag.reconnecting{display:flex;align-items:center;gap:8px;z-index:50}.planner-hero{position:relative}.pl-info{position:absolute;top:12px;right:12px;z-index:2;width:34px;height:34px;border-radius:50%;font:italic 900 18px Georgia,serif;color:#fff;background:#0a10228c;box-shadow:inset 0 0 0 2px #fffc}.pl-help{margin:0;padding:10px 14px;font-size:13.5px}.pl-stats{position:sticky;top:calc(64px + var(--sat));z-index:6;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:8px;padding:6px 0;background:linear-gradient(#10204a 80%,#10204a00)}@media (min-width: 821px){.pl-stats{top:calc(76px + var(--sat))}}.pl-gold{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px 14px;border-radius:16px;background:linear-gradient(#3a3216,#241f10);box-shadow:inset 0 0 0 2px #f0b429,0 0 14px #f0b4294d;overflow:hidden}.pl-gold.full{box-shadow:inset 0 0 0 2px #ff8a3a,0 0 14px #ff782866}.pl-coin{flex:none;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b0,#f6c240 45%,#c7880f 80%);box-shadow:inset 0 0 0 2px #78460080;display:inline-block;vertical-align:middle}.pl-coin.sm{width:16px;height:16px;box-shadow:inset 0 0 0 1.5px #78460080}.pl-gold-text{display:flex;flex-direction:column;min-width:0}.pl-gold-text b{font-family:var(--display);font-weight:400;font-size:26px;line-height:1;color:#ffd34d}.pl-gold-text b small{font-size:17px;color:#f3e6c4}.pl-gold-text span{font-size:12px;color:#e8dcc0;font-weight:700}.pl-gold-bar{position:absolute;left:10px;right:10px;bottom:5px;height:5px;border-radius:4px;background:#00000073}.pl-gold-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#7ee26c,#ffd34d);transition:width .2s}.pl-counts{display:grid;grid-template-columns:1fr 1fr;border-radius:16px;background:linear-gradient(#1a2850,#121d3f);box-shadow:inset 0 0 0 1.5px #8caae64d}.pl-counts>span{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 4px;font-size:18px}.pl-counts>span+span{border-left:1px solid rgba(140,170,230,.25)}.pl-counts b{font-family:var(--display);font-weight:400;font-size:22px;color:#fff;line-height:1.05}.pl-counts small{font-size:11.5px;color:#c9d4ee;font-weight:700}.pl-unit{border-radius:18px;background:linear-gradient(#1a2850,#121d3f);box-shadow:inset 0 0 0 1.5px #8caae64d;overflow:hidden}.pl-unit.picked{box-shadow:inset 0 0 0 2.5px #f0b429,0 0 14px #f0b4294d}.army-editor{display:flex;flex-direction:column;gap:10px}.pl-main{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 4px}.pl-portrait{flex:none;width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.45))}.pl-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.pl-text b{font-family:var(--display);font-weight:400;font-size:21px;color:#fff}.pl-blurb{font-size:12.5px;line-height:1.3;color:#c9d4ee;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pl-side{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.pl-price{display:inline-flex;align-items:center;gap:6px;padding:3px 12px;border-radius:99px;font-family:var(--display);font-weight:400;font-size:18px;color:#fff;background:#3c3010bf;box-shadow:inset 0 0 0 1.5px #c99a2a}.pl-chev{margin-left:2px;font-size:18px;color:#fff;line-height:1}.pl-qty{display:flex;align-items:center;gap:10px}.pl-qty b{min-width:30px;text-align:center;font-family:var(--display);font-weight:400;font-size:26px;color:#fff}.pl-btn{width:50px;height:44px;border-radius:12px;font-size:26px;font-weight:900;color:#fff}.pl-btn.minus{background:linear-gradient(#3a4870,#2a3658);box-shadow:inset 0 0 0 1.5px #aabee659,0 3px #18213d}.pl-btn.plus{background:linear-gradient(#3d8bff,#1f5fd6);box-shadow:inset 0 1px #ffffff4d,0 3px #123a8a}.pl-btn:disabled{opacity:.4}.pl-squads{margin:0 8px 8px;border-radius:14px;background:#080c1a8c;box-shadow:inset 0 0 0 1px #f0b42959;overflow:hidden}.pl-squads-head{display:flex;justify-content:space-between;gap:8px;padding:8px 12px;font-size:14px;background:#3c301080}.pl-squads-head b{color:#ffd34d}.pl-squads-head span{color:#fff;font-weight:800;display:flex;align-items:center;gap:4px}.pl-squad{display:grid;grid-template-columns:1fr auto auto auto auto;align-items:center;gap:6px;padding:6px 8px 6px 12px}.pl-squad+.pl-squad{border-top:1px solid rgba(140,170,230,.15)}.pl-sq-name{font-weight:800;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-sq-men{display:inline-flex;align-items:center;gap:4px;color:#fff;font-size:14px}.pl-sq-men button{width:22px;height:22px;border-radius:6px;font-weight:900;color:#c9d4ee;background:#ffffff14}.pl-sq-men button:disabled{opacity:.3}.pl-sq-cost{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:99px;font-weight:800;color:#fff;background:#00000059;font-size:14px}.pl-sq-act{padding:6px 10px;border-radius:10px;font-size:13px;font-weight:800;color:#e8eefc;background:#283864cc;box-shadow:inset 0 0 0 1px #8caae659;white-space:nowrap}.pl-sq-act:disabled{opacity:.35}@media (max-width: 520px){.pl-portrait{width:66px;height:66px}.pl-text b{font-size:18px}.pl-blurb{font-size:11.5px}.pl-btn{width:42px;height:40px;font-size:22px}.pl-qty{gap:6px}.pl-qty b{font-size:22px;min-width:24px}.pl-gold-text b{font-size:22px}.pl-coin{width:28px;height:28px}.pl-squad{grid-template-columns:1fr auto auto;grid-template-areas:"name men cost" "acts acts acts"}.pl-sq-name{grid-area:name}.pl-sq-men{grid-area:men}.pl-sq-cost{grid-area:cost}.pl-squad .pl-sq-act{grid-row:2}.pl-squad .pl-sq-act:nth-of-type(1){grid-column:1 / 3}.pl-squad .pl-sq-act:nth-of-type(2){grid-column:3}}.settings-wrap{padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));align-items:center}.settings-modal{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:18px 18px 14px;gap:10px;overflow:hidden}.settings-title{flex:none}.settings-body{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px;margin:0 -6px;padding:0 6px;overscroll-behavior:contain}.settings-close{flex:none;width:100%}.avatar-head{display:flex;align-items:center;gap:10px}.avatar-row .avatar-now{flex:none;width:40px;height:40px}.avatar-row .avatar-choices{margin-top:10px}.gold-inline{margin:0 2px;vertical-align:-2px}.welcome{max-width:620px;margin:0 auto;display:flex;flex-direction:column}.wc-hero{position:relative;aspect-ratio:1 / .82;overflow:hidden}.wc-hero img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}.wc-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(transparent,#14214a)}.wc-body{position:relative;margin-top:-90px;padding:0 16px 120px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;background:linear-gradient(transparent 0,#14214a 90px,#101b3d)}.wc-plaque{position:relative;width:min(100%,460px)}.wc-plaque img{width:100%;display:block;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}.wc-plaque h1{position:absolute;top:22%;right:10%;bottom:10%;left:10%;margin:0;display:grid;place-items:center;font-family:var(--display);font-weight:400;font-size:clamp(24px,7vw,38px);line-height:1.05;color:#ffe3a3;text-shadow:0 3px 0 rgba(0,0,0,.6);text-wrap:balance}.wc-desc{margin:0;max-width:460px;font-size:16px;line-height:1.4;color:#eef2fb}.wc-form{width:min(100%,460px);display:flex;flex-direction:column;gap:8px;position:relative;z-index:2}.wc-form input{width:100%;padding:16px 18px;border-radius:16px;font:inherit;font-size:18px;color:#fff;background:#080c1ad9;border:2.5px solid #f0b429;box-shadow:0 0 14px #f0b4294d}.wc-form .name-status{margin:0;font-size:13.5px;color:#c9d4ee}.wc-form .name-status.bad{color:#ff9a8a}.wc-form .name-status.good{color:#8fe6a6}.wc-go{margin-top:6px}.wc-torch{position:absolute;bottom:0;width:22%;max-width:120px;pointer-events:none}.wc-torch.left{left:-4px}.wc-torch.right{right:-4px;transform:scaleX(-1)}@media (max-width: 520px){.wc-torch{width:18%;opacity:.9}.wc-body{padding-bottom:110px}.wc-desc{font-size:14.5px}}.wc-hero{aspect-ratio:auto;height:min(52vh,92vw,460px)}.wc-plaque{min-height:108px;padding:26px 26px 18px;display:grid;place-items:center;background:url(/welcome/plaque.webp) center / 100% 100% no-repeat;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}.wc-plaque h1{position:static;inset:auto;display:block}.wc-body{margin-top:-70px}@media (min-width: 700px){.welcome{max-width:720px}.wc-hero img{-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}}.rankings{padding-top:0}.rk-head{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:6px}.rk-wall{width:min(100%,560px);margin-top:40px}.rk-podium{position:absolute;top:0;left:50%;transform:translate(-50%);width:min(34%,200px);filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.rk-head h1{margin:-26px 0 0;font-family:var(--display);font-weight:400;font-size:clamp(32px,9vw,46px);color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.5);position:relative}.rk-head p{margin:2px 0 0;color:#dfe6f5;font-size:14px}.rk-back{position:absolute;left:0;top:8px;z-index:2;width:44px;height:44px;border-radius:50%;font-size:28px;font-weight:900;color:#fff;background:#141e3ee6;box-shadow:inset 0 0 0 2px #8caae666}.rk-tab{justify-content:flex-start;text-align:left;font-size:17px}.rk-tab>span:last-child{display:flex;flex-direction:column;line-height:1.1}.rk-tab small{font-family:var(--body, inherit);font-size:12px;color:#c9d4ee;font-weight:700}.rk-me{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:linear-gradient(#1a2850,#121d3f);box-shadow:inset 0 0 0 1.5px #8caae64d}.rk-me-pos{padding:6px 14px;border-radius:12px;font-family:var(--display);font-size:26px;color:#fff;background:linear-gradient(#2f6fe0,#1d4596);box-shadow:inset 0 0 0 2px #f0b429}.rk-me-label{font-weight:800;color:#fff}.rk-me-pts{font-family:var(--display);font-size:20px;color:#fff}.rk-list{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:18px;background:#0c122899;box-shadow:inset 0 0 0 1.5px #8caae640}.rk-cols{display:grid;grid-template-columns:44px 1fr auto;padding:2px 12px 6px;font-size:13px;font-weight:800;color:#9fb0d6}.rk-row{display:grid;grid-template-columns:36px 40px auto 1fr auto;align-items:center;gap:8px;padding:6px 12px;border-radius:12px;background:#ffffff0a}.rk-row.top1{background:linear-gradient(90deg,#f0b4298c,#785a1459);box-shadow:inset 0 0 0 1.5px #f0b429}.rk-row.top2{background:linear-gradient(90deg,#bec8dc66,#505a6e4d)}.rk-row.top3{background:linear-gradient(90deg,#cd783c73,#64371e4d)}.rk-row.me{box-shadow:inset 0 0 0 2px #7fb0ff;background:#2f6fe04d}.rk-pos{font-family:var(--display);font-size:20px;color:#fff;text-align:center}.rk-row.top1 .rk-pos,.rk-row.top2 .rk-pos,.rk-row.top3 .rk-pos{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#2a1a05;background:radial-gradient(circle at 35% 30%,#fff3b0,#f6c240 60%,#c7880f)}.rk-row.top2 .rk-pos{background:radial-gradient(circle at 35% 30%,#fff,#c9d2e0 60%,#8a94a8)}.rk-row.top3 .rk-pos{background:radial-gradient(circle at 35% 30%,#ffd2a8,#d98a4a 60%,#9a5422)}.rk-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#22315e;box-shadow:0 0 0 2px #f0b429;font-weight:900}.rk-avatar img{width:100%;height:100%;object-fit:cover;object-position:top}.rk-city{width:12px;height:18px;border-radius:2px 2px 6px 6px;box-shadow:inset 0 0 0 1.5px #fff9}.rk-name{font-family:var(--display);font-weight:400;font-size:17px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rk-pts{font-family:var(--display);font-size:17px;color:#fff;white-space:nowrap}.rk-gap{text-align:center;color:#9fb0d6}.daily-rank-btn{position:absolute;right:14px;bottom:14px;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#1b2a58,#0f1733);box-shadow:0 0 0 3px #f0b429,0 0 16px #f0b42973;z-index:2}.daily-rank-btn img{width:72%}@media (max-width: 520px){.daily-rank-btn{width:74px;height:74px;right:10px;bottom:10px}.rk-row{grid-template-columns:32px 34px auto 1fr auto;gap:6px;padding:6px 8px}.rk-avatar{width:32px;height:32px}}.lb-daily{position:relative}.rk-wall{margin-top:4px;max-height:230px;width:auto;max-width:100%}.rk-head h1{margin-top:-18px}.daily-rank-btn{top:12px;right:12px;bottom:auto;width:76px;height:76px}@media (max-width: 520px){.daily-rank-btn{top:10px;right:10px;bottom:auto;width:62px;height:62px}}@media (min-width: 821px){.daily-rank-btn{top:auto;bottom:24px;right:24px;width:84px;height:84px}}.rank-fab{position:fixed;z-index:21;right:calc(12px + var(--sar));bottom:calc(min(100vw,560px,62vh) * .2926 + 10px + var(--sab));width:62px;height:62px;border-radius:50%;display:grid;place-items:center;padding:0;background:radial-gradient(circle,#1b2a58,#0f1733);box-shadow:0 0 0 3px #f0b429,0 0 16px #f0b42973,0 6px 12px #00000073}.rank-fab img{width:74%}@media (min-width: 821px){.rank-fab{width:84px;height:84px;bottom:calc(18px + var(--sab));right:calc(22px + var(--sar))}}body.typing .rank-fab{display:none}.title-banner{--ta: #7a4a1c;--tb: #3a2410;--tt: #ffe9b0;position:relative;display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:1px 10px;font-family:var(--display);font-weight:400;font-size:12px;line-height:1.5;color:var(--tt);text-shadow:0 1px 0 rgba(0,0,0,.5);background:linear-gradient(var(--ta),var(--tb));border-top:1.5px solid #f0b429;border-bottom:1.5px solid #f0b429;clip-path:polygon(0 0,100% 0,calc(100% - 6px) 50%,100% 100%,0 100%,6px 50%);white-space:nowrap;overflow:hidden}.title-banner .tb-name{overflow:hidden;text-overflow:ellipsis}.title-banner.lg{padding:4px 30px;font-size:22px;border-width:3px;clip-path:polygon(0 0,100% 0,calc(100% - 16px) 50%,100% 100%,0 100%,16px 50%);box-shadow:0 4px 10px #00000059}.title-banner.lg .tb-icon{font-size:20px}.rk-who{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px}.fr-who .title-banner{align-self:flex-start}.pf-bar{display:grid;grid-template-columns:44px 1fr 44px;align-items:center}.pf-bar h1{margin:0;text-align:center;font-family:var(--display);font-weight:400;font-size:26px;color:#fff}.pf-bar .rk-back{position:static}.pf-gear{font-size:20px}.pf-head{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 12px 12px;border-radius:18px;overflow:hidden;text-align:center;background:#0c1322}.pf-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.55}.pf-head>*:not(.pf-bg){position:relative}.pf-avatar{position:relative;width:112px;height:112px;border-radius:50%;padding:0;overflow:visible;background:#22315e;box-shadow:0 0 0 4px #f0b429,0 0 18px #f0b42980;display:grid;place-items:center;font-size:44px;font-weight:900;color:#fff}.pf-avatar img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:50%}.pf-edit{position:absolute;right:-2px;bottom:4px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:16px;background:#16224a;box-shadow:inset 0 0 0 2px #dfe6f5}.pf-head h2{margin:4px 0 0;font-family:var(--display);font-weight:400;font-size:30px;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.5)}.pf-title{padding:0;background:none}.pf-facts{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-weight:800;color:#fff}.pf-facts>span{display:inline-flex;align-items:center;gap:6px}.pf-points{font-family:var(--display);font-size:20px;color:#fff}.pf-rank{display:flex;flex-direction:column;gap:6px}.pf-rank b{font-family:var(--display);font-weight:400;font-size:20px;color:#fff}.pf-bar-in{position:relative;left:0;right:0;bottom:0;height:10px}.pf-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pf-stat{display:flex;align-items:center;gap:10px}.pf-stat-icon{font-size:34px}.pf-stat>span:last-child{display:flex;flex-direction:column}.pf-stat small{font-size:12.5px;color:#c9d4ee}.pf-stat b{font-family:var(--display);font-weight:400;font-size:22px;color:#fff}.pf-stat em{font-style:normal;font-weight:800;font-size:13px;color:#8fe6a6}.pf-worn{display:flex;align-items:center;gap:12px;width:100%;text-align:left;color:#fff;box-shadow:inset 0 0 0 2px #f0b429}.pf-worn-icon{font-size:36px}.pf-worn-text{flex:1;min-width:0;display:flex;flex-direction:column}.pf-worn-text b{font-family:var(--display);font-weight:400;font-size:19px}.pf-worn-text span{font-size:13px;color:#c9d4ee}.pf-badge{flex:none;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:900;color:#0f3a1a;background:#6fdc8c}.pf-titles{display:flex;flex-direction:column;gap:8px}.pf-title-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px;border-radius:12px;background:#ffffff0a}.pf-title-row.on{box-shadow:inset 0 0 0 2px #f0b429}.pf-title-line{min-width:0}.pf-faction{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.pf-faction img{width:100%;max-width:320px;border-radius:14px}.pf-faction b{font-family:var(--display);font-weight:400;font-size:26px}.lb-menu-profile{font-weight:900;color:#ffd34d!important;background:#3c301099;box-shadow:inset 0 0 0 1.5px #f0b429;border-radius:10px;display:flex;justify-content:space-between}@media (max-width: 520px){.pf-title-row{grid-template-columns:1fr auto}.pf-title-line{grid-column:1 / -1;grid-row:2}}.castle-fab{bottom:calc(min(100vw,560px,62vh) * .2926 + 82px + var(--sab))}.castle-fab img{width:82%}@media (min-width: 821px){.castle-fab{bottom:calc(116px + var(--sab))}}.ac-hero{position:relative;border-radius:22px;overflow:hidden;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:14px 12px 16px;border:2px solid rgba(120,155,225,.45);box-shadow:0 12px 30px #00000059}.ac-hero-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.castle-hero{min-height:min(62vw,420px)}.castle-hero .ac-hero-art{object-position:center 60%}.ac-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a122c8c,#0a122c00 45%,#0a122c26 75%,#0a122ca6)}.ac-back{left:12px;top:12px}.ac-plaque{position:relative;display:flex;align-items:center;gap:4px;padding:4px 26px 4px 8px;background:linear-gradient(#20356f,#142450);border:3px solid #f0b429;border-radius:16px;box-shadow:0 6px 18px #00000073;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 50%,100% 100%,0 100%)}.ac-plaque img{width:54px;height:54px;margin:-6px 0;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}.ac-plaque h1{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(28px,8vw,44px);color:#fff;text-shadow:0 3px 0 #0c1736,0 0 14px rgba(0,0,0,.4)}.ac-sub{position:relative;margin:8px 0 0;max-width:420px;text-align:center;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.85)}.castle-building{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;margin-top:-42px;position:relative;z-index:2;text-align:left;color:#fff;background:linear-gradient(180deg,#213a78,#152a5c);border:3px solid #f0b429;border-radius:22px;box-shadow:0 0 22px #f0b42959,0 10px 26px #00000073}.castle-building:hover{filter:brightness(1.08)}.cb-book{width:74px;height:74px;flex:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.cbl-text{flex:1;min-width:0;display:grid;gap:2px}.cbl-text b{font-family:var(--display);font-weight:400;font-size:26px}.cbl-text span{color:#cfdcff;font-size:14px}.cbl-progress{display:grid;gap:6px;justify-items:center;width:120px;flex:none}.cbl-count{padding:2px 14px;border-radius:99px;font-weight:900;font-size:18px;background:#0f1d44;border:2px solid rgba(140,170,230,.5)}.cbl-bar{display:block;width:100%;height:10px;border-radius:99px;background:#0d1838;overflow:hidden;box-shadow:inset 0 0 0 1px #8caae659}.cbl-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd24a,#f0a21c)}.cbl-chev{font-size:34px;font-weight:900;color:#fff}.castle-soon{text-align:center}@media (max-width: 520px){.cbl-progress{width:76px}.cb-book{width:56px;height:56px}.cbl-text b{font-size:22px}.cbl-text span{font-size:13px}}.ac-sections{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ac-section{display:flex;align-items:center;gap:10px;padding:10px 12px;text-align:left;color:#fff;background:linear-gradient(180deg,#1c3168,#152757);border:2px solid rgba(120,155,225,.5);border-radius:18px}.ac-section.on{border:3px solid #f0b429;box-shadow:0 0 18px #f0b42966;background:linear-gradient(180deg,#2a3b70,#1b2c5e)}.ac-section img{width:46px;height:46px;flex:none}.acs-text{flex:1;min-width:0;display:grid}.acs-text b{font-family:var(--display);font-weight:400;font-size:18px;color:#ffd24a}.ac-section:not(.on) .acs-text b{color:#fff}.acs-text span{font-size:12px;color:#cfdcff}.acs-count{padding:2px 10px;border-radius:99px;font-weight:900;font-size:14px;background:#0f1d44;border:2px solid rgba(140,170,230,.5);white-space:nowrap}.acs-count.full{border-color:#5fd35f;color:#9ff09f}@media (max-width: 560px){.ac-section img{width:34px;height:34px}.acs-text span{display:none}.acs-text b{font-size:15px}}.ac-body{display:grid;grid-template-columns:1fr 250px;gap:14px;align-items:start}@media (max-width: 760px){.ac-body{grid-template-columns:1fr}}.ac-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;position:relative}.ac-lesson{display:flex;align-items:center;gap:10px;position:relative}.ac-lesson:not(:last-child):after{content:"";position:absolute;left:19px;top:50%;height:calc(100% + 12px);width:4px;background:#2c3e72;z-index:0}.ac-lesson.done:not(:last-child):after{background:#4caf50}.acl-node{position:relative;z-index:1;flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:18px;color:#cfdcff;background:#1a2a58;border:3px solid #3a4f8a}.ac-lesson.done .acl-node{color:#fff;background:#3fae47;border-color:#a6f0a6}.ac-lesson.next .acl-node{color:#3a1f08;background:radial-gradient(#fff3b0,#f0a21c);border-color:#fff0b0;box-shadow:0 0 0 4px #ffc84659,0 0 18px #ffc846cc;animation:tut-beat 1.4s ease-in-out infinite}.acl-card{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:10px 14px;text-align:left;color:#2a1a05;background:linear-gradient(180deg,#fbe7bd,#efd29a);border:2px solid #d9b26a;border-radius:16px;box-shadow:0 4px #b88b45,0 8px 18px #0000004d}.ac-lesson.next .acl-card{border:3px solid #ffd24a;box-shadow:0 4px #b88b45,0 0 22px #ffc84699}.acl-card:hover{filter:brightness(1.04)}.acl-icon{width:62px;height:62px;flex:none;filter:drop-shadow(0 3px 3px rgba(0,0,0,.35))}.acl-text{flex:1;min-width:0;display:grid;gap:2px}.acl-text b{font-family:var(--display);font-weight:400;font-size:20px;color:#20160a}.acl-text span{font-size:13px;color:#5a4220}.acl-state{display:grid;justify-items:end;gap:4px}.acl-pill{padding:3px 12px;border-radius:99px;font-weight:900;font-size:13px;color:#fff;background:linear-gradient(#5fd35f,#2f9a37);white-space:nowrap}.acl-replay{font-size:12px;font-weight:800;color:#6a4c1c;white-space:nowrap}.acl-go{padding:8px 14px;border-radius:12px;font-family:var(--display);font-size:18px;color:#3a1f08;background:linear-gradient(#ffe27a,#f2a91c);border:2px solid #fff0b0;box-shadow:0 3px #a8680c;white-space:nowrap}.acl-play{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:16px;color:#fff;background:#3c5394}@media (max-width: 520px){.acl-icon{width:46px;height:46px}.acl-text b{font-size:17px}.acl-text span{font-size:12px}.acl-node{width:34px;height:34px;font-size:15px}.ac-lesson:not(:last-child):after{left:15px}.acl-go{font-size:15px;padding:6px 10px}.acl-replay{display:none}.acl-card{gap:8px;padding:8px 10px}}.ac-reward{display:grid;justify-items:center;gap:10px;padding:16px 14px;text-align:center;color:#2a1a05;background:linear-gradient(180deg,#fbe7bd,#ecd09a);border:3px solid #c8954a;border-radius:18px;box-shadow:0 10px 24px #00000059}.ac-reward h3{margin:0;font-family:var(--display);font-weight:400;font-size:22px}.ac-reward p{margin:0;font-weight:700;font-size:14px}.acr-ring{--p: 0deg;position:relative;width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#f0a21c var(--p),#d8c39a 0)}.acr-ring:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:#f6e2b6}.acr-ring img{position:absolute;top:14px;width:46px;height:46px}.acr-ring b{position:relative;margin-top:40px;font-family:var(--display);font-weight:400;font-size:26px}.acr-bar{width:80%}.acr-prize{display:grid;justify-items:center;gap:4px;width:100%;padding:20px 10px 12px;position:relative;background:#f8ebcb;border:2px solid #d7b679;border-radius:14px}.acr-prize.won{box-shadow:0 0 18px #7b4fd680;border-color:#7b4fd6}.acr-ribbon{position:absolute;top:-12px;padding:2px 18px;font-family:var(--display);font-size:16px;color:#fff;background:linear-gradient(#8a4a22,#5e2e12);border-radius:6px}.acr-prize img{width:86px;height:86px}.acr-prize b{font-family:var(--display);font-weight:400;font-size:18px}.acr-kind{padding:1px 12px;border-radius:99px;font-size:12px;font-weight:800;color:#fff;background:#8a6a3a}.acr-prize.won .acr-kind{background:#7b4fd6}@media (max-width: 760px){.ac-reward{grid-template-columns:auto 1fr;justify-items:start;text-align:left}.ac-reward h3{grid-column:1 / -1}.acr-ring{width:96px;height:96px;grid-row:span 2}.acr-ring img{width:34px;height:34px;top:12px}.acr-ring b{font-size:21px;margin-top:34px}.acr-bar{display:none}.acr-prize{grid-column:1 / -1;grid-template-columns:auto 1fr auto;text-align:left;align-items:center;padding:14px 12px 10px}.acr-prize img{width:56px;height:56px}}.academy-card img{flex:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.co-bubble{position:fixed;z-index:62;top:calc(env(safe-area-inset-top,0px) + 74px);left:50%;transform:translate(-50%);width:min(520px,calc(100vw - 20px));display:flex;align-items:center;gap:12px;padding:10px 12px;color:#fff;background:#0e1a3ef0;border:2px solid #ffd24a;border-radius:18px;box-shadow:0 10px 28px #00000073;animation:co-in .28s ease-out;pointer-events:auto}@keyframes co-in{0%{opacity:0;transform:translate(-50%,-10px)}}.co-icon{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:28px;background:radial-gradient(circle at 35% 30%,#ffe680,#f0a21c);box-shadow:0 0 0 3px #fff0b0,0 4px 10px #0006}.co-body{flex:1;min-width:0;display:grid;gap:6px}.co-body p{margin:0;font-weight:800;font-size:16px;line-height:1.3}.co-dots{display:flex;gap:4px}.co-dots i{width:8px;height:8px;border-radius:50%;background:#3a4f8a}.co-dots i.done{background:#5fd35f}.co-dots i.on{background:#ffd24a;width:18px;border-radius:4px}.co-next{flex:none;padding:10px 14px;border-radius:12px;font-family:var(--display);font-size:17px;color:#3a1f08;background:linear-gradient(#ffe27a,#f2a91c);border:2px solid #fff0b0;box-shadow:0 3px #a8680c;animation:tut-beat 1.4s ease-in-out infinite}.co-skip{flex:none;padding:6px 10px;border-radius:10px;font-size:13px;font-weight:800;color:#cfdcff;background:#ffffff14}@media (max-width: 640px){.co-bubble{top:calc(env(safe-area-inset-top,0px) + 64px);gap:8px;padding:8px 10px}.co-icon{width:42px;height:42px;font-size:22px}.co-body p{font-size:14px}}.co-diagram{width:150px;height:auto;max-width:100%}.co-diagram .dg-in{animation:dg-in 2.4s ease-in-out infinite}@keyframes dg-in{0%,15%{transform:translateY(0)}55%,70%{transform:translateY(20px)}to{transform:translateY(0)}}.co-diagram .dg-near{animation:dg-near 3s ease-in-out infinite}@keyframes dg-near{0%{transform:translate(14px,-6px)}35%,60%{transform:translate(-26px,10px)}to{transform:translate(14px,-6px)}}.co-diagram .dg-guard{animation:dg-guard 3s ease-in-out infinite}@keyframes dg-guard{0%,30%{transform:translate(0)}50%,62%{transform:translate(20px,-16px)}90%,to{transform:translate(0)}}.co-diagram .dg-chase{animation:dg-chase 2.6s ease-in infinite}@keyframes dg-chase{0%{transform:translate(0)}80%,to{transform:translate(50px,-26px)}}.co-diagram .dg-arrow{stroke-dasharray:4 3;animation:dg-dash 1s linear infinite;opacity:.5}@keyframes dg-dash{to{stroke-dashoffset:-14}}.co-diagram .dg-morale{transform-origin:18px 42px;animation:dg-drain 3s ease-in infinite}@keyframes dg-drain{0%{transform:scaleX(1)}75%,to{transform:scaleX(.04)}}.co-diagram .dg-hp{transform-origin:18px 26px;animation:dg-hp 3s ease-in infinite}@keyframes dg-hp{0%{transform:scaleX(1)}75%,to{transform:scaleX(.55)}}.co-diagram .dg-flee{opacity:0;animation:dg-flee 3s infinite}@keyframes dg-flee{0%,70%{opacity:0}76%,to{opacity:1}}.co-diagram .dg-points{transform-origin:10px 20px;animation:dg-fill 2.8s linear infinite}@keyframes dg-fill{0%{transform:scaleX(.1)}60%,to{transform:scaleX(1)}}.co-diagram .dg-card{animation:dg-card 2.8s ease-in-out infinite}@keyframes dg-card{0%,60%{transform:translate(0);opacity:1}85%{transform:translate(-4px,22px) scale(.6);opacity:.2}to{transform:translate(0);opacity:1}}.co-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:61;pointer-events:none}.co-center{display:grid;place-items:center}.co-hand{filter:drop-shadow(0 4px 6px rgba(0,0,0,.55))}.co-tap,.co-drag,.co-dot,.co-ripple{position:absolute}.co-tap{transform:translate(-14px,-6px);animation:co-tap 1.1s ease-in-out infinite}@keyframes co-tap{0%,to{transform:translate(-14px,4px) scale(1)}45%{transform:translate(-14px,-4px) scale(.88)}}.co-ripple{width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;border:4px solid #ffd24a;animation:co-ripple 1.1s ease-out infinite}@keyframes co-ripple{0%{transform:scale(.3);opacity:1}to{transform:scale(1.4);opacity:0}}.co-drag{transform:translate(-14px,-6px);animation:co-drag 1.8s ease-in-out infinite}@keyframes co-drag{0%,12%{transform:translate(-14px,-6px) scale(1)}22%{transform:translate(-14px,-6px) scale(.88)}78%{transform:translate(calc(var(--dx) - 14px),calc(var(--dy) - 6px)) scale(.88)}90%,to{transform:translate(calc(var(--dx) - 14px),calc(var(--dy) - 6px)) scale(1);opacity:0}}.co-trail{position:absolute;height:0;border-top:4px dashed #ffd24a;transform-origin:0 50%;filter:drop-shadow(0 0 4px rgba(0,0,0,.6))}.co-dot{width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#ffd24a;box-shadow:0 0 0 4px #ffd24a59}.co-pan{animation:co-pan 2s ease-in-out infinite}@keyframes co-pan{0%,to{transform:translate(-70px)}50%{transform:translate(70px)}}.co-pinch,.co-twist{position:relative;width:160px;height:160px}.co-pinch i,.co-twist i{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px;border-radius:50%;background:#ffffffeb;border:3px solid #1d2547;box-shadow:0 0 0 6px #ffd24a73}.co-pinch i:first-child{animation:co-pinch-a 1.6s ease-in-out infinite}.co-pinch i:last-child{animation:co-pinch-b 1.6s ease-in-out infinite}@keyframes co-pinch-a{0%,to{transform:translate(-18px,18px)}50%{transform:translate(-62px,62px)}}@keyframes co-pinch-b{0%,to{transform:translate(18px,-18px)}50%{transform:translate(62px,-62px)}}.co-twist{animation:co-twist 2s ease-in-out infinite}.co-twist i:first-child{transform:translate(-50px)}.co-twist i:last-child{transform:translate(50px)}@keyframes co-twist{0%,to{transform:rotate(-35deg)}50%{transform:rotate(35deg)}}.co-mouse{position:relative;width:56px;height:84px;border-radius:28px;background:#ffffffeb;border:3px solid #1d2547;box-shadow:0 6px 14px #00000080}.co-wheel{position:absolute;left:50%;top:14px;width:10px;height:20px;margin-left:-5px;border-radius:5px;background:#ffb21c;animation:co-wheel 1s ease-in-out infinite}@keyframes co-wheel{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.co-keys{display:flex;align-items:center;gap:12px}.co-keys kbd{min-width:54px;padding:10px 0;text-align:center;font:900 26px var(--display, sans-serif);color:#1d2547;background:#fff;border-radius:10px;border:3px solid #1d2547;box-shadow:0 5px #8a96bd;animation:co-key 1.2s ease-in-out infinite}.co-keys kbd:last-child{animation-delay:.6s}@keyframes co-key{0%,to{transform:translateY(0);box-shadow:0 5px #8a96bd}30%{transform:translateY(4px);box-shadow:0 1px #8a96bd}}.co-turn{font-size:34px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.7)}.co-done{position:fixed;top:0;right:0;bottom:0;left:0;z-index:63;display:grid;place-items:center;pointer-events:none}.co-done span{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;font-size:70px;font-weight:900;color:#fff;background:radial-gradient(circle at 35% 30%,#8ff08f,#2f9a37);box-shadow:0 0 0 6px #e6ffe6,0 0 40px #5fd35fcc;animation:co-pop .75s ease-out forwards}@keyframes co-pop{0%{transform:scale(.2);opacity:0}35%{transform:scale(1.12);opacity:1}70%{transform:scale(1);opacity:1}to{transform:scale(1.05);opacity:0}}@media (prefers-reduced-motion: reduce){.co-tap,.co-drag,.co-pan,.co-twist,.co-pinch i,.co-next,.co-ripple{animation-duration:3s}}.ls-brief,.ls-end,.title-earned{display:grid;justify-items:center;gap:10px;text-align:center;max-width:420px}.ls-num{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#ffd24a}.ls-icon{width:110px;height:110px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.ls-brief h2,.ls-end h2,.title-earned h2{margin:0;font-family:var(--display);font-weight:400;font-size:30px}.ls-brief p,.ls-end p,.title-earned p{margin:0}.ls-learn{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.ls-learn span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 6px;border-radius:99px;font-weight:800;font-size:14px;background:#1b2c5e;border:2px solid rgba(140,170,230,.45)}.ls-learn i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-style:normal;background:#0f1d44}.ls-learn span.ok i{background:#3fae47;color:#fff;font-weight:900}.ls-go{margin-top:6px}.ls-actions{display:grid;gap:10px;width:100%}.ls-actions .row{justify-content:center}.ls-seal{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-size:56px;font-weight:900;color:#3a1f08;background:radial-gradient(circle at 35% 30%,#fff3b0,#f0a21c);box-shadow:0 0 0 5px #fff0b0,0 0 30px #ffc846b3;animation:co-pop-in .5s ease-out}.ls-seal.lost{color:#fff;background:radial-gradient(circle at 35% 30%,#8fb3ff,#3a5bb8);box-shadow:0 0 0 5px #cfdcff}@keyframes co-pop-in{0%{transform:scale(.3)}70%{transform:scale(1.1)}to{transform:scale(1)}}.ls-next{text-align:left}.ls-next img{width:44px;height:44px}.ls-next span{flex:1;display:grid;line-height:1.1}.ls-next small{font-family:system-ui,sans-serif;font-size:12px;font-weight:800;opacity:.8}.title-earned{position:relative;overflow:hidden;border:3px solid #b48cff;box-shadow:0 0 40px #7b4fd699}.te-rays{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:repeating-conic-gradient(rgba(255,220,120,.12) 0 10deg,transparent 10deg 20deg);animation:te-spin 18s linear infinite;pointer-events:none}@keyframes te-spin{to{transform:rotate(360deg)}}.title-earned>*:not(.te-rays){position:relative}.te-kicker{font-weight:900;color:#ffd24a;letter-spacing:.04em}.te-badge{width:140px;height:140px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5));animation:co-pop-in .6s ease-out}.aa-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:10px 0 16px}.aa-kpi{display:grid;gap:2px;padding:12px 14px}.aa-kpi b{font-size:28px}.aa-scroll{overflow-x:auto}.aa-bar{display:inline-block;vertical-align:middle;width:70px;height:8px;border-radius:4px;background:#8caae633;overflow:hidden}.aa-bar.wide{width:auto;flex:1}.aa-bar i{display:block;height:100%;background:#f0b429}.aa-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:10px}.aa-lesson{padding:12px 14px;display:grid;gap:6px}.aa-step{display:flex;align-items:center;gap:8px;font-size:12px}.aa-step-n{width:52%;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aa-num{width:30px;text-align:right;font-weight:800}.aa-quit{width:36px;color:#ff7a6a;font-weight:800}.aa-two{display:grid;grid-template-columns:1fr 1.6fr;gap:16px}@media (max-width: 900px){.aa-two{grid-template-columns:1fr}}.ac-sections{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ac-section,.acl-card,.castle-building{min-width:0}.cbl-count,.acs-count{white-space:nowrap}.academy-screen,.castle-screen{overflow-x:hidden}@media (max-width: 520px){.ac-plaque{margin-left:44px;padding-right:18px}.ac-plaque img{width:40px;height:40px}.ac-sub{font-size:13px}.ac-hero{min-height:170px}.acl-pill{padding:0;width:30px;height:30px;display:grid;place-items:center;font-size:0}.acl-pill:before{content:"✓";font-size:16px}.ac-section{padding:8px;gap:6px}.acs-count{padding:1px 7px;font-size:12px}.castle-building{gap:10px;padding:12px}.cbl-count{font-size:15px;padding:2px 8px}}@media (max-width: 520px){.castle-hero{min-height:300px}.ac-section{position:relative}.acs-count{position:absolute;top:-9px;right:8px;background:#0f1d44}}.lesson.coached .objective{display:none}.lesson:has(.battle.deploying) .co-bubble{top:calc(env(safe-area-inset-top,0px) + 150px)}@media (max-width: 640px){.lesson:has(.battle.deploying) .co-bubble{top:calc(env(safe-area-inset-top,0px) + 168px)}}@media (min-width: 721px){.hud-catapults{top:calc(190px + var(--sat))}.hud-gates+.hud-catapults{top:calc(238px + var(--sat))}}.battle.aiming .hud-bottom,.battle.aiming .card-bar{opacity:0;pointer-events:none;transition:opacity .2s}.aim-card.short,.aim-card{animation:none;bottom:calc(24px + var(--sab))}.aim-cancel{pointer-events:auto;margin-top:2px;padding:8px 18px;border-radius:12px;font-weight:900;color:#fff;background:#3c5394;box-shadow:inset 0 0 0 2px #a0beff80}@media (max-width: 720px){.hud-catapults{top:calc(196px + var(--sat));bottom:auto;right:calc(8px + var(--sar));padding:4px}.hud-catapults .chip{font-size:12px;padding:4px 8px}}.ram-chip.idle{box-shadow:0 0 0 2px #ffb21c;animation:tut-beat 1.6s ease-in-out infinite}.ram-chip.on{background:#2f9a37;color:#fff}.castle-soon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.castle-soon-card{position:relative;display:grid;justify-items:center;gap:4px;padding:26px 8px 12px;text-align:center;color:#cfdcff;background:linear-gradient(180deg,#1a2a58,#121f45);border:2px dashed rgba(140,170,230,.45);border-radius:18px;overflow:hidden}.castle-soon-card img{width:min(100%,110px);aspect-ratio:1;object-fit:contain;filter:saturate(.55) brightness(.8) drop-shadow(0 4px 6px rgba(0,0,0,.5))}.castle-soon-card b{font-family:var(--display);font-weight:400;font-size:18px;color:#fff}.castle-soon-card>span:not(.cs-ribbon):not(.cs-lock){font-size:12px;line-height:1.3}.cs-ribbon{position:absolute;top:14px;left:-36px;transform:rotate(-35deg);width:140px;padding:2px 0;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#3a1f08;background:linear-gradient(#ffe27a,#f2a91c);box-shadow:0 2px 6px #0006}.cs-lock{position:absolute;top:8px;right:10px;font-size:16px;opacity:.8}@media (max-width: 520px){.castle-soon-card{padding:22px 6px 10px}.castle-soon-card b{font-size:15px}.castle-soon-card>span:not(.cs-ribbon):not(.cs-lock){font-size:11px}.cs-ribbon{font-size:8px;left:-34px}}.hc-practice{display:grid;gap:12px;padding:18px}.hcp-head{display:flex;align-items:center;gap:12px}.hcp-swords{width:56px;height:56px;flex:none}.hcp-title{flex:1;min-width:0}.hcp-title h3{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(20px,5.4vw,28px);letter-spacing:.03em;text-transform:uppercase;color:#ffd24a;text-shadow:0 2px 0 #3a2208}.hcp-title p{margin:2px 0 0;font-weight:700;color:#dfe8ff;font-size:14px}.hcp-earned{display:flex;align-items:center;gap:6px;padding:6px 14px 6px 8px;border-radius:22px;background:#0a143299;box-shadow:inset 0 0 0 2px #8caae659;flex:none}.hcp-earned img{width:52px;height:52px}.hcp-earned span{display:grid;justify-items:end;line-height:1}.hcp-earned b{font-family:var(--display);font-weight:400;font-size:30px;color:#fff}.hcp-earned small{font-size:12px;font-weight:700;color:#cfdcff}.hcp-tiers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.hcp-tier{position:relative;display:grid;justify-items:center;padding:10px 2px;border-radius:14px;background:#172656;box-shadow:inset 0 0 0 2px #8caae64d}.hcp-tier b{font-family:var(--display);font-weight:400;font-size:clamp(18px,5vw,26px);color:#fff}.hcp-tier span{font-weight:800;font-size:13px;color:#cfdcff}.hcp-tier.got{background:linear-gradient(180deg,#1f5a3a,#17402c);box-shadow:inset 0 0 0 3px #5fd35f}.hcp-tier.got b{color:#ffd24a}.hcp-tier.next{box-shadow:inset 0 0 0 2px #ffd24a}.hcp-tier i{position:absolute;right:-5px;bottom:-5px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:13px;font-weight:900;color:#fff;background:#2f9a37;box-shadow:0 0 0 2px #0f1d44}.hcp-next{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;text-align:left;border-radius:99px;background:#0a14328c;box-shadow:inset 0 0 0 2px #8caae64d}.hcp-arrow{font-size:18px;color:#ffd24a}.hcp-next-text{flex:1;min-width:0;font-weight:800;font-size:15px;color:#ffd24a}.hcp-i,.hcs-i{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:50%;font:italic 900 16px Georgia,serif;color:#fff;box-shadow:inset 0 0 0 2px #ffffffb3}.hcp-info,.hcs-info{margin:0;font-size:13px;color:#cfdcff}.hcp-go{width:min(100%,440px);justify-self:center}.hcp-go img{width:34px;height:34px}@media (max-width: 520px){.hcp-earned img{width:36px;height:36px}.hcp-earned b{font-size:24px}.hcp-swords{width:42px;height:42px}.hcp-title p{font-size:12px}.hcp-tiers{gap:5px}.hcp-next-text{font-size:13px}}.hc-season{display:grid;gap:12px;padding:16px 18px 18px}.hcs-head{display:flex;align-items:center;gap:12px}.hcs-banner{width:46px;height:60px;flex:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))}.hcs-title{flex:1;min-width:0;display:grid}.hcs-eyebrow{font-family:var(--display);font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:#ffd24a}.hcs-title h3{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(24px,7vw,36px);color:#fff;text-shadow:0 2px 0 #0c1736}.hcs-versus{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:0;padding:14px 6px;margin:0 -18px;overflow:hidden}.hcs-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.75}.hcs-city{position:relative;display:flex;align-items:center;gap:8px;padding:12px 10px;border-radius:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--cc) 55%,#0b1430),color-mix(in srgb,var(--cc) 25%,#0b1430));border:3px solid color-mix(in srgb,var(--cc) 75%,#fff);box-shadow:0 8px 18px #00000073}.hcs-city.left{margin-right:-14px;padding-right:22px}.hcs-city.right{margin-left:-14px;padding-left:22px;flex-direction:row}.hcs-crest{width:clamp(48px,15vw,80px);flex:none;filter:drop-shadow(0 4px 5px rgba(0,0,0,.5))}.hcs-city-text{flex:1;min-width:0;display:grid;justify-items:center;text-align:center}.hcs-name{font-family:var(--display);font-size:clamp(14px,4vw,20px);color:color-mix(in srgb,var(--cc) 45%,#fff)}.hcs-pts{font-family:var(--display);font-weight:400;font-size:clamp(30px,9vw,46px);line-height:1;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.4)}.hcs-label{font-size:12px;font-weight:700;color:#e6ecff}.hcs-state{margin-top:4px;padding:2px 12px;border-radius:99px;font-family:var(--display);font-size:clamp(12px,3.4vw,16px);white-space:nowrap}.hcs-state.leading{color:#fff;background:linear-gradient(#5fd35f,#2f9a37)}.hcs-state.trailing{color:#e6ecff;background:#28466ed9}.hcs-state.tied{color:#3a1f08;background:linear-gradient(#ffe27a,#f2a91c)}.hcs-swords{position:relative;z-index:2;width:clamp(44px,12vw,64px);filter:drop-shadow(0 3px 5px rgba(0,0,0,.6))}.hcs-bar{--split: 50%;height:16px;border-radius:99px;background:linear-gradient(90deg,var(--ca) 0 var(--split),var(--cb) var(--split) 100%);box-shadow:inset 0 0 0 2px #ffffff59,0 0 10px #0006}.hcs-shares{display:flex;justify-content:space-between;margin-top:-6px;font-family:var(--display);font-size:15px}.hcs-shares span{filter:brightness(1.35)}.hcs-mine,.hcs-reward{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:16px;background:#0a14328c;box-shadow:inset 0 0 0 2px #8caae64d}.hcs-flag{width:40px;height:36px;flex:none}.hcs-mine-text,.hcs-reward-text{flex:1;min-width:0;display:grid}.hcs-mine-text b{font-family:var(--display);font-weight:400;font-size:18px;color:#fff}.hcs-mine-text span,.hcs-reward-text span{font-size:13px;color:#cfdcff}.hcs-mine-pts{padding-left:14px;border-left:2px solid rgba(140,170,230,.3);font-family:var(--display);font-size:30px;color:#fff;white-space:nowrap}.hcs-mine-pts small{font-size:18px}.hcs-trophy{width:54px;height:54px;flex:none}.hcs-reward-text small{font-family:var(--display);font-size:15px;color:#ffd24a}.hcs-reward-text b{font-family:var(--display);font-weight:400;font-size:18px;color:#fff}.hcs-keep{width:70px;height:70px;flex:none;margin:-8px 0}@media (max-width: 520px){.hcs-keep{display:none}.hcs-city{flex-direction:column!important;gap:2px;padding:10px 6px}.hcs-city.left{padding-right:16px}.hcs-city.right{padding-left:16px}.hcs-mine-pts{font-size:24px}}@media (max-width: 520px){.hcp-swords{display:none}.hcp-title h3{font-size:21px}.hcp-earned{padding:4px 10px 4px 4px;gap:4px}.hcp-earned b{font-size:22px}.hcp-earned small{font-size:10px}.hcp-earned img{width:30px;height:30px}}.dc-card{overflow:visible;margin-top:20px;padding-top:34px;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.dc-ribbon{position:absolute;top:-20px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:6px 22px;white-space:nowrap;border-radius:14px;font-family:var(--display);font-size:clamp(15px,4.4vw,22px);color:#2a1a05;background:linear-gradient(#ffe27a,#f2a91c);border:2px solid #fff0b0;box-shadow:0 4px #a8680c,0 6px 14px #0006;z-index:2}.dc-head{position:relative;display:flex;align-items:center;gap:12px;min-height:64px}.dc-banner{width:44px;height:58px;flex:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))}.dc-head h2{flex:1;min-width:0;margin:0;font-size:clamp(26px,7vw,40px);line-height:1.05;text-wrap:balance;position:relative;z-index:1;text-shadow:0 3px 0 #0c1736}.dc-castle{width:clamp(80px,24vw,130px);flex:none;margin:-26px -8px -10px 0;filter:drop-shadow(0 6px 8px rgba(0,0,0,.45))}.dc-desc{margin:0;overflow-wrap:anywhere;font-size:15px;line-height:1.4;color:#dfe8ff}.dc-objective{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:4px 12px;padding:12px 16px;border-radius:18px;background:#0a143280;box-shadow:inset 0 0 0 2px #8caae64d}.dc-target{font-size:34px;line-height:1}.dc-objective b{font-family:var(--display);font-weight:400;font-size:20px;color:#ffd24a}.dc-objective>span:last-child{font-size:14px;line-height:1.35;color:#e6ecff;padding-left:12px;border-left:2px solid rgba(140,170,230,.25)}.dc-versus{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.dc-city{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:18px;background:#0a14328c;box-shadow:inset 0 0 0 2px #8caae64d;min-width:0}.dc-city.mine{box-shadow:inset 0 0 0 3px #5fd35f,0 0 14px #5fd35f59}.dc-city img{width:46px;height:46px;flex:none}.dc-city span{display:grid;min-width:0}.dc-city b{font-family:var(--display);font-weight:400;font-size:18px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-city small{font-size:14px;color:#cfdcff}.dc-vs{width:46px;height:50px;display:grid;place-items:center;font-family:var(--display);font-size:20px;color:#3a1f08;background:linear-gradient(#ffe27a,#f2a91c);clip-path:polygon(50% 100%,0 70%,0 0,100% 0,100% 70%);filter:drop-shadow(0 3px 3px rgba(0,0,0,.4))}.dc-chip{margin:0;justify-self:start;padding:4px 12px;border-radius:99px;font-size:13px;font-weight:700;color:#ffe38a;background:#f0b4291f;box-shadow:inset 0 0 0 1px #f0b42966}.dc-map{position:relative;aspect-ratio:16 / 9;border-radius:18px;overflow:hidden;border:3px solid rgba(255,255,255,.85);box-shadow:0 8px 20px #0006;background:#10203f}.dc-map .lb-thumb-3d{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.dc-map-label{position:absolute;left:10px;bottom:10px;padding:3px 12px;border-radius:99px;font-size:13px;font-weight:800;color:#fff;background:#0a1024bf;pointer-events:none}.dc-official{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;text-align:left;border-radius:18px;color:#2a1a05;background:linear-gradient(#ffe27a,#e9a320);border:2px solid #fff0b0;box-shadow:0 5px #a8680c,0 8px 18px #00000059}.dc-official.waiting{background:linear-gradient(#e8c870,#c99a32)}.dc-official.go:hover{filter:brightness(1.06)}.dc-clock{font-size:34px;line-height:1}.dc-official-text{display:grid;flex:1;min-width:0;line-height:1.1}.dc-official-text b{font-family:var(--display);font-weight:400;font-size:clamp(18px,5vw,24px)}.dc-official-text small{font-weight:800;font-size:14px}.dc-timer{padding:6px 16px;border-radius:14px;background:#3a2a10;box-shadow:inset 0 2px 6px #00000073}.dc-timer b{font-family:var(--display);font-weight:400;font-size:clamp(22px,6.5vw,34px);color:#ffd24a;letter-spacing:.02em}.dc-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dc-btn{display:grid;justify-items:center;align-content:center;gap:2px;min-height:66px;padding:8px;border-radius:18px;color:#fff;background:linear-gradient(#4f78d6,#2f53a8);border:2px solid #8fb0ff;box-shadow:0 4px #1d356e,0 8px 16px #0000004d}.dc-btn:hover{filter:brightness(1.08)}.dc-btn.locked{filter:saturate(.75)}.dc-btn-main{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-size:clamp(20px,5.6vw,26px)}.dc-btn-hint{font-family:var(--display);font-size:14px;color:#ffd24a}.dc-done{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 14px;border-radius:16px;background:#288c462e;box-shadow:inset 0 0 0 2px #5fd35f80}.dc-done .result{font-family:var(--display);font-size:22px}.dc-done b{font-family:var(--display);font-weight:400;font-size:22px;color:#ffd24a}@media (max-width: 520px){.dc-objective{grid-template-columns:auto minmax(0,1fr)}.dc-objective>span:last-child{grid-column:1 / -1;padding-left:0;border-left:0}.dc-city{gap:6px;padding:6px 8px}.dc-city img{width:34px;height:34px}.dc-city b{font-size:15px}.dc-city small{font-size:12px}.dc-vs{width:36px;height:40px;font-size:16px}.dc-desc{font-size:14px}}.dc-map{aspect-ratio:auto;height:clamp(190px,52vw,340px)}.lb-tomorrow .dc-versus{margin:10px 0}.lb-tomorrow .dc-city{gap:6px;padding:6px 8px}.lb-tomorrow .dc-city img{width:34px;height:34px}.lb-tomorrow .dc-city b{font-size:15px;white-space:normal;overflow-wrap:anywhere}.dc-timer{flex:none;text-align:center}.dc-timer b,.lb-countdown b{display:inline-block;min-width:4.9em;font-variant-numeric:tabular-nums}.bo{--bo-nav: 230px}.bo-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:calc(8px + var(--sat)) calc(12px + var(--sar)) 8px calc(12px + var(--sal));background:#101628f5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--panel-edge)}.bo-burger{width:42px;height:42px;flex:none;border-radius:12px;font-size:22px;color:#fff;background:#ffffff14}.bo-brand{flex:none;padding:0;background:none}.bo-brand .logo-h{height:30px;width:auto}.bo-title{flex:1;min-width:0;font-family:var(--display);font-weight:400;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bo-game{flex:none}.bo-nav{position:fixed;z-index:40;top:0;bottom:0;left:0;width:min(300px,84vw);overflow-y:auto;padding:calc(64px + var(--sat)) 12px calc(20px + var(--sab)) calc(12px + var(--sal));background:#121a33;border-right:1px solid var(--panel-edge);transform:translate(-102%);transition:transform .22s ease;display:grid;align-content:start;gap:14px}.bo.menu-open .bo-nav{transform:none;box-shadow:10px 0 30px #00000080}.bo-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#00000073}.bo-group{display:grid;gap:2px}.bo-group-name{padding:0 10px 4px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.bo-link{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 10px;border-radius:10px;text-align:left;font-size:16px;font-weight:600;color:#e6ecff;background:none;text-decoration:none}.bo-link:hover{background:#ffffff0f}.bo-link.on{background:var(--blue-deep);color:#fff}.bo-link-icon{width:24px;text-align:center}.bo-main{padding:14px calc(12px + var(--sar)) calc(40px + var(--sab)) calc(12px + var(--sal))}@media (min-width: 1000px){.bo-burger{display:none}.bo-nav{top:59px;transform:none;width:var(--bo-nav);padding-top:14px;box-shadow:none}.bo-scrim{display:none}.bo-main{margin-left:var(--bo-nav);max-width:1240px;padding:20px 28px 48px}}.bo-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (min-width: 700px){.bo-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}.bo-kpi{display:grid;gap:2px;padding:14px;text-align:left;border-radius:16px;color:#fff;background:var(--panel, #1a2444);box-shadow:inset 0 0 0 1px var(--panel-edge)}.bo-kpi b{font-size:30px;line-height:1.1}.bo-kpi-label{font-size:13px;color:var(--muted);font-weight:700}.bo-kpi-sub{font-size:12px;color:#9fd89f}.bo-kpi.alert{box-shadow:inset 0 0 0 2px #ff7a6a}.bo-kpi.alert b{color:#ff9a8a}.bo-sub{margin:22px 0 8px;font-size:16px;color:var(--muted)}.bo-shortcuts{display:grid;gap:14px}.bo-shortcut-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.bo-shortcut{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 12px;border-radius:12px;font-weight:700;color:#fff;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--panel-edge);text-align:left}.bo-main .admin-head h1{font-size:28px}.bo-main table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.bo-main .admin-table td,.bo-main .admin-table th{white-space:nowrap}.bo-main .admin-table td.wrap,.bo-main .admin-table td:has(>p),.bo-main .admin-table td:has(>textarea){white-space:normal}.bo-main .row{flex-wrap:wrap}.bo-main .admin-form{width:100%;max-width:640px}.bo-main .admin-section{padding:14px}.bo-main pre,.bo-main code{white-space:pre-wrap;word-break:break-word}.bo-main img,.bo-main video,.bo-main canvas{max-width:100%}@media (max-width: 700px){.bo-main input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.bo-main select,.bo-main textarea{font-size:16px;min-height:40px;max-width:100%}.bo-main .btn,.bo-main button.chip-link,.bo-main .chip-link{min-height:38px}.bo-main .admin-grid{grid-template-columns:1fr}.bo-main .modal{width:100vw;max-width:100vw;max-height:100dvh;border-radius:0;overflow-y:auto;padding-bottom:calc(20px + var(--sab))}.bo-main .modal-wrap{padding:0;align-items:stretch}.bo-main .admin-head{position:sticky;top:calc(58px + var(--sat));z-index:5;padding:6px 0;background:var(--bg)}}.bo-help{margin:4px 0 10px}.bo-help summary{cursor:pointer;font-size:14px;font-weight:700;color:var(--muted)}@media (max-width: 700px){.bo-main table.bo-stack{display:block;overflow:visible}.bo-stack thead{display:none}.bo-stack tbody{display:grid;gap:10px}.bo-stack tr{display:grid;gap:6px;padding:12px;border-radius:14px;background:#ffffff0a;box-shadow:inset 0 0 0 1px var(--panel-edge)}.bo-stack th,.bo-stack td{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0!important;border:0!important;white-space:normal!important;text-align:right}.bo-stack .bo-stack-title{justify-content:flex-start;font-size:18px;text-align:left}.bo-stack td[data-label]:before{content:attr(data-label);flex:none;font-size:12px;font-weight:700;color:var(--muted);text-align:left}.bo-stack td select{max-width:60%}.bo-main .admin-section:has(>.bo-stack){padding:0;background:none;box-shadow:none;border:0}}.bo-top{z-index:45}.sa-back{display:none}.support-admin>*{min-width:0}.sa-view .sp-thread,.sa-view .sp-msg{max-width:100%;min-width:0;overflow-wrap:anywhere}.sa-view .sp-text{width:100%;box-sizing:border-box}@media (max-width: 820px){.support-admin.has-open .sa-list{display:none}.support-admin:not(.has-open) .sa-view{display:none}.sa-back{display:inline-flex;margin-bottom:10px}.sa-list{max-height:none}.sa-main b{white-space:normal}}@media (min-width: 1000px){.bo-overview .bo-sub,.bo-overview .bo-shortcuts{display:none}}.ac-dot{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;pointer-events:none;z-index:2}.ac-dot.new{background:#ff3b30;box-shadow:0 0 0 2.5px #fff,0 2px 6px #00000073;animation:ac-dot 1.6s ease-in-out infinite}.ac-dot.pending{width:12px;height:12px;top:4px;right:4px;background:#f0b429;box-shadow:0 0 0 2px #0f1d44}@keyframes ac-dot{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.castle-building{position:relative}.castle-building .ac-dot{top:-6px;right:-6px;width:20px;height:20px}.castle-fab{position:fixed}@media (prefers-reduced-motion: reduce){.ac-dot.new{animation:none}}@media (max-width: 480px){.site-nav{gap:8px}.site-nav .logo-h{width:104px;height:auto}.site-nav .lang-switch button{min-width:32px;padding:6px 7px}.site-nav .nav-cta{padding:8px 10px;font-size:14px}}.ar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}@media (min-width: 760px){.ar-grid.cards.pick{grid-template-columns:repeat(5,minmax(0,1fr))}}.ar-unit,.ar-card,.ar-pick,.ar-slot{--rc: #9fb0d0;--rg: rgba(159, 176, 208, .25);--rb: #26375f}.common{--rc: #a9b8d6;--rg: rgba(169, 184, 214, .22);--rb: #283a63}.rare{--rc: #3fb0ff;--rg: rgba(63, 176, 255, .45);--rb: #173a74}.epic{--rc: #b768ff;--rg: rgba(183, 104, 255, .45);--rb: #3a1f74}.legendary{--rc: #f5bb2e;--rg: rgba(245, 187, 46, .5);--rb: #4a3612}.basic{--rc: #8fb7c9;--rg: rgba(143, 183, 201, .25);--rb: #1f3f52}.ar-stars{display:inline-flex;gap:2px;justify-content:center}.ar-stars i{width:15px;height:15px;background:#56627e;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.ar-stars i.on{background:linear-gradient(#ffe27a,#f2a50c);filter:drop-shadow(0 1px 0 #8a5300)}.ar-stars.lg{gap:6px;justify-content:flex-start}.ar-stars.lg i{width:34px;height:34px}.ar-cardicon{display:inline-block;flex:none;width:13px;height:17px;border-radius:3px;background:linear-gradient(135deg,#f6f1e0,#c9c2ad);box-shadow:inset 0 0 0 1.5px #7d7560,3px -2px 0 -.5px #cfc7b1;transform:rotate(-8deg)}.ar-cardicon.big{width:20px;height:26px}.ar-prog{display:flex;align-items:center;gap:6px;width:100%}.ar-prog-bar{position:relative;flex:1;height:18px;border-radius:99px;background:#0c142c;box-shadow:inset 0 0 0 1.5px #8caae659;overflow:hidden}.ar-prog-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(#ffd75e,#f0a514);border-radius:99px}.ar-prog-bar b{position:relative;display:block;text-align:center;font:400 13px/18px var(--display);color:#fff;text-shadow:0 1px 0 #2a1a05,0 0 3px #2a1a05}.ar-prog.max .ar-prog-fill{background:linear-gradient(#ffe27a,#e79a00)}.ar-prog.big .ar-prog-bar{height:30px}.ar-prog.big .ar-prog-bar b{font-size:22px;line-height:30px}.ar-prog.big .ar-cardicon{width:26px;height:34px}.ar-cost{position:absolute;z-index:2;left:-8px;top:-10px;width:34px;height:38px;display:grid;place-items:center;font:400 20px var(--display);color:#2a1a05;background:linear-gradient(#ffe27a,#f0a514);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);filter:drop-shadow(0 2px 0 #7a4a00)}.ar-copies{position:absolute;z-index:2;right:6px;top:6px;padding:1px 8px;border-radius:99px;font:400 15px var(--display);color:#fff;background:#080e20bf}.ar-rarity,.ar-basic-note{align-self:center;padding:1px 12px;border-radius:99px;font-weight:900;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:color-mix(in srgb,var(--rc) 35%,#0b1430);box-shadow:inset 0 0 0 1.5px var(--rc)}.ar-basic-note{text-transform:none;letter-spacing:0;font-size:11.5px}.ar-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:6px 7px 9px;border-radius:16px;color:#fff;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--rb) 80%,#000),#101a38);border:3px solid var(--rc);box-shadow:0 0 14px var(--rg),inset 0 0 0 1px #ffffff1f}.ar-art{position:relative;display:block;aspect-ratio:1 / .86;border-radius:10px;overflow:hidden;background:url(/cards/bg.webp) center / cover}.ar-art img{position:absolute;top:6%;right:12%;bottom:22%;left:12%;width:76%;height:72%;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(0,0,0,.5))}.ar-card-name{position:absolute;left:2px;right:2px;bottom:4px;font:400 clamp(13px,3.6vw,18px)/1.05 var(--display);color:#fff;text-shadow:0 2px 0 #0a1020,0 0 6px #0a1020}.ar-card.big{width:100%;padding:8px 8px 14px;border-width:4px;border-radius:20px}.ar-card.big .ar-card-name{font-size:clamp(22px,6vw,32px)}.ar-card.big .ar-cost{width:48px;height:54px;font-size:30px;left:-12px;top:-14px}.ar-card.big .ar-copies{font-size:22px;padding:2px 12px}.ar-card.big .ar-rarity{font-size:14px;padding:3px 22px}.ar-unit{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:30px 6px 10px;border-radius:16px;color:#fff;background:radial-gradient(120% 70% at 50% 25%,#2a3c70,#142045 70%),#142045;border:2.5px solid var(--rc);box-shadow:0 0 12px var(--rg),inset 0 0 0 1px #ffffff1a}.ar-unit.legendary{box-shadow:0 0 18px var(--rg),inset 0 0 0 1px #ffe6a066}.ar-role{position:absolute;left:6px;top:-4px;width:30px;height:36px;display:grid;place-items:center;font-size:15px;background:linear-gradient(#3b5aa8,#1e3370);clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);filter:drop-shadow(0 2px 0 rgba(0,0,0,.4))}.ar-count{position:absolute;right:6px;top:6px;display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:8px;font:400 14px var(--display);background:#080e20bf}.ar-portrait{width:82%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 6px 6px rgba(0,0,0,.45))}.ar-name{font:400 clamp(14px,3.8vw,20px)/1.05 var(--display);text-shadow:0 2px 0 #0a1020}.ar-unit.big{width:100%;padding:40px 10px 14px}.ar-unit.big .ar-role{width:40px;height:48px;font-size:20px}.ar-unit.big .ar-name{font-size:26px}.ar-sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:calc(12px + var(--sat, 0px)) 12px 12px;background:#040814b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto}.ar-sheet{position:relative;width:min(560px,100%);display:flex;flex-direction:column;gap:12px;padding:18px 16px 16px;border-radius:24px;color:#fff;background:linear-gradient(180deg,#22325f,#17244c);box-shadow:inset 0 0 0 2px #8caae659,0 20px 50px #0009}.ar-x{position:absolute;right:-8px;top:-10px;width:44px;height:44px;border-radius:50%;font-size:22px;font-weight:900;color:#fff;background:linear-gradient(#3a4f86,#24365f);box-shadow:inset 0 0 0 2.5px #8fa6d8,0 3px #0d1530}.ar-sheet-top{display:grid;grid-template-columns:44% minmax(0,1fr);gap:14px;align-items:start}.ar-sheet-side{display:flex;flex-direction:column;gap:10px;min-width:0}.ar-sheet-side h2{margin:0;display:flex;align-items:center;gap:8px;font:400 clamp(26px,7vw,38px)/1 var(--display)}.ar-sheet-side h2 span{font-size:.7em}.ar-tagline{font-size:13px;color:#c9d4ee;font-weight:700}.ar-stats{display:flex;flex-direction:column;padding:4px 10px;border-radius:14px;background:#0a122a8c;box-shadow:inset 0 0 0 1.5px #8caae64d}.ar-stats>div{display:grid;grid-template-columns:22px 44px minmax(0,1fr) 42px;align-items:center;gap:6px;padding:7px 0;border-bottom:1px solid rgba(140,170,230,.15)}.ar-stats>div:last-child{border-bottom:0}.ar-stats em{font-style:normal;font-weight:900;font-size:13px}.ar-stat-icon{font-size:16px}.ar-bar{display:flex;gap:3px}.ar-bar i{flex:1;height:10px;border-radius:3px;background:#3a4766;transform:skew(-12deg)}.ar-bar i.on{background:linear-gradient(#ffe27a,#f0a514)}.ar-bonus{text-align:right;font-weight:900;font-size:14px;color:#6fe08c}.ar-about{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:16px;background:#0a122a73;box-shadow:inset 0 0 0 1.5px #8caae640}.ar-about.card{flex-direction:row;align-items:center;gap:12px}.ar-about-art{flex:none;width:88px;height:76px;object-fit:contain;border-radius:12px;background:url(/cards/bg.webp) center / cover;box-shadow:inset 0 0 0 2px #c8d4ee80;padding:6px}.ar-about-line{margin:0;font-weight:800;font-size:15px;line-height:1.35}.ar-about-facts{margin:4px 0 0;font-size:13px;color:#c9d4ee}.ar-more summary{cursor:pointer;font-weight:800;font-size:13px;color:#c9d4ee}.ar-more dl{margin-top:8px}.ar-tip{display:flex;gap:10px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:14px;font-size:14px;line-height:1.35;background:#0a122a73;box-shadow:inset 0 0 0 1.5px #8caae640}.ar-tip>span:first-child{font-size:22px}.ar-tip b{color:#ffd24a}.ar-upgrade{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:#0a122a8c;box-shadow:inset 0 0 0 1.5px #8caae64d}.ar-up-arrow{font-size:30px;color:#5ad46c;text-shadow:0 2px 0 #1d6b2a}.ar-up-to{display:flex;flex-direction:column;gap:3px;font:400 18px/1 var(--display)}.ar-up-to .ar-stars{justify-content:flex-start}.ar-up-items{flex:1;display:flex;justify-content:space-around;gap:6px;padding-left:8px;border-left:1.5px solid rgba(140,170,230,.25)}.ar-up-items span{display:flex;flex-direction:column;align-items:center;gap:2px}.ar-up-items em{font-style:normal;font-weight:900;font-size:12px}.ar-up-items b{font:400 22px var(--display);color:#6fe08c}.ar-buttons{display:grid;grid-template-columns:1fr 1.4fr;gap:12px}.ar-buttons.one{grid-template-columns:1fr}.ar-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 14px;border-radius:16px;font:400 clamp(20px,5.5vw,28px) var(--display)}.ar-btn.ghost{color:#fff;background:linear-gradient(#4a5c8c,#34446e);box-shadow:inset 0 0 0 2px #b4c4ec66,0 4px #1c2646}.ar-btn.gold{color:#2a1a05;background:linear-gradient(#ffd75e,#f0a514);box-shadow:inset 0 0 0 2px #ffe9a0,0 4px #9a6200}.ar-btn.green{color:#fff;background:linear-gradient(#5ee05a,#22a33a);box-shadow:inset 0 0 0 2px #a8f5a0,0 4px #11692a;text-shadow:0 2px 0 #0f5a22}.ar-btn:disabled{filter:grayscale(.8) brightness(.75)}.ar-btn-cost{display:inline-flex;align-items:center;padding:2px 12px;border-radius:10px;font-size:.85em;color:#fff;background:#3c2305bf}.ar-hint{margin:-4px 0 0;text-align:center;font-size:13px;color:#c9d4ee}.ar-err{margin:0;text-align:center;font-weight:800;color:#ff8a7a}.ar-basic-box{margin:0;padding:10px 12px;border-radius:12px;font-size:14px;line-height:1.35;background:#0a122a80;box-shadow:inset 0 0 0 1.5px #8fb7c980}@media (max-width: 480px){.ar-sheet-top{grid-template-columns:42% minmax(0,1fr);gap:10px}.ar-stars.lg i{width:26px;height:26px}.ar-stats>div{grid-template-columns:18px 38px minmax(0,1fr) 38px;gap:4px}.ar-up-items b{font-size:18px}}.ar-subtabs{display:flex;gap:8px;margin-bottom:-12px;padding-left:8px}.ar-subtabs button{padding:9px 20px 13px;border-radius:14px 14px 0 0;font:400 18px var(--display);color:#c9d4ee;background:linear-gradient(#1c2b55,#16234a);box-shadow:inset 0 0 0 1.5px #8caae64d}.ar-subtabs button.on{color:#ffd34d;background:linear-gradient(#4a3a12,#2d2410);box-shadow:inset 0 0 0 2px #f0b429}.ar-deck{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border-radius:18px;background:linear-gradient(#1a2850,#142046);box-shadow:inset 0 0 0 2px #8caae659}.ar-deck-count{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;border-radius:14px;background:#0a122a99}.ar-deck-count span{display:flex;align-items:center;gap:6px;font:400 18px var(--display);color:#c9d4ee;white-space:nowrap}.ar-deck-count b{font:400 34px/1 var(--display);color:#ffd24a}.ar-slots{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.ar-slot{position:relative;aspect-ratio:.8;border-radius:10px;background:url(/cards/bg.webp) center / cover,var(--rb);border:2.5px solid var(--rc);box-shadow:0 0 10px var(--rg)}.ar-slot img{width:100%;height:100%;object-fit:contain;padding:14% 8% 8%}.ar-slot .ar-cost{width:24px;height:27px;font-size:14px;left:-6px;top:-9px}.ar-slot.empty{border:2px dashed rgba(140,170,230,.4);background:#0a122a66;box-shadow:none}.ar-clear{padding:10px 14px;border-radius:12px;font-weight:900;font-size:15px;color:#fff;background:#283864e6;box-shadow:inset 0 0 0 1.5px #8caae666;white-space:nowrap}@media (max-width: 640px){.ar-deck{grid-template-columns:1fr auto}.ar-deck-count{flex-direction:row;gap:12px;justify-self:start}.ar-slots{grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}}.ar-pick-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.ar-pick-head h2{margin:0;font:400 22px var(--display);color:#fff}.ar-pick{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:26px 6px 8px;border-radius:16px;color:#fff;background:url(/cards/bg.webp) center top / 100% auto no-repeat,linear-gradient(180deg,var(--rb),#101a38);border:3px solid var(--rc);box-shadow:0 0 12px var(--rg);opacity:.85}.ar-pick.in{opacity:1;box-shadow:0 0 16px var(--rg),0 0 0 2px #ffd24a59}.ar-pick img{width:72%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(0,0,0,.5))}.ar-pick .ar-card-name{position:static;font-size:clamp(13px,3.5vw,17px)}.ar-pick .ar-copies{right:34px;top:4px;font-size:13px;background:transparent;padding:0}.ar-check{position:absolute;right:-8px;top:-10px;z-index:3;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font:900 16px var(--display);color:#ffd24a;background:#18244a;box-shadow:inset 0 0 0 2.5px #c7d2ea}.ar-pick.in .ar-check{box-shadow:inset 0 0 0 2.5px #f0b429;background:#2d2410}.ar-save{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:linear-gradient(#1a2850,#142046);box-shadow:inset 0 0 0 2px #8caae659}.ar-save>div{flex:1;min-width:0}.ar-save b{font:400 20px var(--display)}.ar-save p{margin:2px 0 0;font-size:14px;color:#c9d4ee;line-height:1.35}.ar-save-i{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font:italic 900 22px Georgia,serif;color:#fff;background:linear-gradient(#4e7ae0,#2a4aa8)}.ar-save .ar-btn{flex:none;min-width:180px}@media (max-width: 640px){.ar-save{flex-wrap:wrap}.ar-save .ar-btn{flex:1 1 100%}}.ar-count{gap:3px;padding:1px 6px;font-size:13px;right:5px;top:5px}.ar-count .ar-cardicon{width:10px;height:13px}.ar-unit .ar-name{overflow-wrap:anywhere;font-size:clamp(13px,3.4vw,19px)}.ar-unit.ready .ar-count,.ar-card.ready .ar-prog-fill{background:linear-gradient(#6ee86a,#23a63b)}.ar-unit.ready .ar-count{color:#fff}.ar-unit.ready{box-shadow:0 0 16px #5ee05a73,inset 0 0 0 1px #ffffff1a}.ar-deck-count b{white-space:nowrap}.ar-btn.green:disabled{filter:none;opacity:.75}.ar-name.long{font-size:clamp(11px,2.9vw,17px)}@media (max-width: 640px){.ar-deck-count{padding:8px 14px}.ar-deck-count b{font-size:28px}.ar-slot{aspect-ratio:1}}@media (min-width: 1000px){.ar-grid.cards.pick{grid-template-columns:repeat(6,minmax(0,1fr))}}.ar-stats>div{grid-template-columns:22px minmax(56px,auto) minmax(0,1fr) 44px}.ar-about-line{color:#fff}.ar-card .ar-basic-note{white-space:nowrap;font-size:11px;padding:1px 8px}@media (max-width: 480px){.ar-stats>div{grid-template-columns:18px minmax(50px,auto) minmax(0,1fr) 40px}}.us-top{position:relative;display:grid;grid-template-columns:42% minmax(0,1fr);gap:12px;align-items:center;margin:-18px -16px 0;padding:18px 16px 0;border-radius:24px 24px 0 0;background:linear-gradient(90deg,#17244c00 30%,#1f2e5c 52%),url(/hud/army-header.webp) left center / auto 100% no-repeat,#1a2a58}.us-hero{align-self:end}.us-hero img{display:block;width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55));transform:scale(1.12);transform-origin:bottom center}.us-head{display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 0 14px;min-width:0}.us-head h2{margin:0;font:400 clamp(28px,8vw,44px)/1 var(--display);text-align:center;text-shadow:0 3px 0 #0a1020;overflow-wrap:anywhere}.us-role{padding:3px 14px;border-radius:99px;font-weight:800;font-size:14px;background:#283864e6;box-shadow:inset 0 0 0 1.5px #8caae666}.us-rarity{font-size:12px}.us-head .ar-stars.lg{justify-content:center}.us-copies{position:absolute;right:52px;top:18px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:6px 12px;border-radius:14px;background:#0a122aa6;box-shadow:inset 0 0 0 1.5px #8caae659}.us-cards{grid-row:1 / 3;width:26px;height:32px;border-radius:4px;background:linear-gradient(135deg,#f6f1e0,#c9c2ad);box-shadow:inset 0 0 0 1.5px #7d7560,-4px 2px 0 -1px #f0b429,-8px 4px 0 -2px #d38f12;transform:rotate(-6deg)}.us-copies b{font:400 22px/1 var(--display)}.us-copies small{font-size:12px;color:#c9d4ee;font-weight:700}.us-stats{display:flex;flex-direction:column;padding:4px 16px;border-radius:18px;background:#0a122a99;box-shadow:inset 0 0 0 2.5px #e9b23a,0 0 14px #f0b4292e}.us-stats>div{display:grid;grid-template-columns:30px minmax(70px,1fr) 26px minmax(0,1.6fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(140,170,230,.18)}.us-stats>div:last-child{border-bottom:0}.us-stat-icon{font-size:22px}.us-stats em{font-style:normal;font:400 20px var(--display)}.us-stats b{font:400 24px var(--display);text-align:center}.us-stats .ar-bar i{height:16px;border-radius:99px;transform:none}.us-stats .ar-bonus{font-size:13px}.us-info{display:grid;grid-template-columns:44% minmax(0,1fr);gap:14px;padding:12px;border-radius:18px;background:#0a122a80;box-shadow:inset 0 0 0 1.5px #8caae64d}.us-squad{position:relative;min-height:130px;border-radius:14px;overflow:hidden;background:radial-gradient(70% 60% at 50% 70%,#6ea0468c,#14281e00 70%),url(/cards/bg.webp) center / cover}.us-squad img{position:absolute;width:52%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.5))}.us-squad img:nth-child(1){left:2%;bottom:18%;width:44%}.us-squad img:nth-child(2){right:2%;bottom:18%;width:44%}.us-squad img:nth-child(3){left:24%;bottom:-2%}.us-texts{display:flex;flex-direction:column;gap:10px;min-width:0}.us-texts>div+div{padding-top:10px;border-top:1.5px solid rgba(140,170,230,.2)}.us-texts b{font:400 19px var(--display)}.us-texts p{margin:3px 0 0;font-size:14px;line-height:1.35;color:#dfe6f5}.us-vs{padding:0 4px}.us-up{flex-direction:column;gap:2px;min-height:66px}.us-up-label{font:400 26px var(--display)}.us-up-count{display:inline-flex;align-items:center;gap:6px;padding:1px 12px;border-radius:10px;font:400 17px var(--display);background:#0a122a73}.us-up-count i{font-style:normal}.us-up-count i.short{color:#ff6b5a}.ar-btn.us-up.ghost:disabled{filter:none;opacity:.9}@media (max-width: 480px){.us-copies{right:46px;top:14px;padding:4px 9px}.us-copies b{font-size:18px}.us-top{grid-template-columns:40% minmax(0,1fr)}.us-head{padding-top:54px}.us-stats>div{grid-template-columns:26px minmax(62px,1fr) 20px minmax(0,1.5fr) auto;gap:7px}.us-stats em{font-size:17px}.us-info{grid-template-columns:minmax(0,1fr)}.us-squad{min-height:120px}}.us-top{background:linear-gradient(90deg,#1f2e5c00 25%,#1f2e5cd9 45%,#1f2e5c 60%),url(/brand/landing-banner-800.webp) 18% center / cover no-repeat,#1a2a58}.us-stats>div{grid-template-columns:30px minmax(70px,1fr) 26px minmax(0,1.6fr) 44px}.us-squad img{width:34%!important}.us-squad img:nth-child(1){left:12%;bottom:22%}.us-squad img:nth-child(2){right:12%;left:auto;bottom:22%}.us-squad img:nth-child(3){left:33%;bottom:2%}@media (max-width: 480px){.ar-x{right:6px;top:6px;width:40px;height:40px}.us-stats>div{grid-template-columns:24px minmax(58px,1fr) 20px minmax(0,1.5fr) 38px}.us-squad{min-height:140px}}.ar-x{z-index:5}.us-head{padding-top:56px}.us-copies{right:56px}@media (max-width: 480px){.us-copies{right:50px}}.cd-deck{position:relative;display:flex;flex-direction:column;gap:12px;padding:12px 14px 16px;border-radius:20px;background:linear-gradient(#1b2a55,#142046) padding-box,linear-gradient(#a26a36,#6b4420 40%,#4a2c12) border-box;border:7px solid transparent;box-shadow:0 6px 14px #00000073,inset 0 0 0 2px #ffd28c26}.cd-deck-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-24px -6px 0}.cd-plaque{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;border-radius:14px;font:400 clamp(19px,5vw,24px) var(--display);color:#ffe2a8;background:linear-gradient(#8a5a2c,#5e3a18);box-shadow:inset 0 0 0 2px #ffd28c59,0 3px #2e1a08;text-shadow:0 2px 0 #2e1a08}.cd-crown{display:grid;place-items:center;width:34px;height:38px;font-size:18px;background:linear-gradient(#3b5aa8,#1e3370);clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%)}.cd-plaque .cards-info{color:#ffe2a8;box-shadow:inset 0 0 0 1.5px #ffe2a8b3}.cd-count{padding:6px 16px;border-radius:12px;font:400 clamp(20px,5vw,26px) var(--display);color:#fff;background:linear-gradient(#4a2c12,#2e1a08);box-shadow:inset 0 0 0 2px #ffd28c4d}.cd-help{margin:0;font-size:13.5px;line-height:1.4;color:#dfe6f5}.cd-slots{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.cd-mini{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;aspect-ratio:.78;padding:4px 2px 6px;border-radius:12px;background:radial-gradient(90% 70% at 50% 35%,color-mix(in srgb,var(--rc) 35%,#1a2a58),#101a38);border:3px solid var(--rc);box-shadow:0 0 10px var(--rg)}.cd-mini img{position:absolute;top:10%;right:8%;bottom:30%;left:8%;width:84%;height:60%;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}.cd-mini .ar-cost{width:26px;height:29px;font-size:15px;left:-7px;top:-9px}.cd-mini .ar-stars i{width:11px;height:11px}.cd-inf{font:400 18px/1 var(--display);color:#cfe6f0}.cd-coll{display:flex;flex-direction:column;gap:14px;padding:14px;border-radius:20px;background:linear-gradient(#18264e,#121d40);box-shadow:inset 0 0 0 2px #8caae64d}.cd-coll-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.cd-coll-head h2{margin:0;font:400 clamp(22px,5.5vw,28px) var(--display);color:#fff}.cd-owned{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:99px;font:400 18px var(--display);background:#080e20b3;box-shadow:inset 0 0 0 1.5px #8caae64d}.cd-rarity{margin-left:auto;padding:8px 30px 8px 14px;border-radius:99px;font-weight:800;font-size:14px;color:#fff;background:#141e3ef2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23fff' stroke-width='2' fill='none'/%3E%3C/svg%3E") right 12px center no-repeat;border:0;box-shadow:inset 0 0 0 1.5px #8caae659;-webkit-appearance:none;-moz-appearance:none;appearance:none}.cd-kinds{display:flex;align-items:center;gap:8px}.cd-icons{display:inline-flex;padding:3px;border-radius:99px;background:#141e3ef2;box-shadow:inset 0 0 0 1.5px #8caae659}.cd-icons button{width:40px;height:32px;border-radius:99px;font-size:17px}.cd-icons button.on{background:#3c3010e6;box-shadow:inset 0 0 0 2px #f0b429}.cd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}@media (min-width: 640px){.cd-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.cd-item{display:flex;flex-direction:column;align-items:stretch;gap:7px}.cd-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;aspect-ratio:.86;padding:4px 4px 8px;border-radius:14px;color:#fff;background:radial-gradient(90% 70% at 50% 35%,color-mix(in srgb,var(--rc) 40%,#1a2a58),#101a38);border:3px solid var(--rc);box-shadow:0 0 12px var(--rg),inset 0 0 0 1px #ffffff1f}.cd-card img{position:absolute;top:8%;right:10%;bottom:32%;left:10%;width:80%;height:60%;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(0,0,0,.5))}.cd-name{position:relative;font:400 clamp(12px,3.2vw,15px)/1.05 var(--display);text-shadow:0 2px 0 #0a1020,0 0 5px #0a1020;text-align:center}.cd-card .ar-stars i{width:14px;height:14px}.cd-in{position:absolute;right:-8px;top:-9px;z-index:3;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font:900 15px var(--display);color:#fff;background:linear-gradient(#5ee05a,#22a33a);box-shadow:0 0 0 2.5px #0f1a38,0 2px #11692a}.cd-item .ar-prog-bar{height:16px}.cd-item .ar-prog-bar b{font-size:12px;line-height:16px}.cd-item .ar-basic-note{align-self:center}.cd-card.ready{box-shadow:0 0 16px #5ee05a80}.ar-btn.blue{color:#fff;background:linear-gradient(#4f8dff,#2559d6);box-shadow:inset 0 0 0 2px #9cc0ff,0 4px #173c96;text-shadow:0 2px 0 #173c96;font-size:clamp(18px,5vw,24px)}@media (max-width: 640px){.cd-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 10px}.cd-rarity{margin-left:0}}@media (min-width: 900px){.cd-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width: 640px){.cd-rarity{padding:7px 26px 7px 11px;font-size:13px;background-position:right 9px center}.cd-kinds{gap:6px}.cd-kinds .army-chip{padding:7px 11px;font-size:13px}.cd-icons button{width:32px;height:28px;font-size:15px}.cd-name{font-size:11.5px}.cd-card img{top:6%;right:14%;bottom:38%;left:14%;width:72%;height:56%}}.ar-sheet .ar-about-line{color:#fff}.ar-sheet .ar-about-facts{color:#c9d4ee}.us-up-label{white-space:nowrap}@media (max-width: 480px){.us-up-label{font-size:21px}.ar-btn.blue,.ar-btn.ghost{font-size:19px}}.ar-link{background:none;padding:0;color:#9cc0ff;font-weight:800;text-decoration:underline}.ar-upnow{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:0 14px;border-radius:14px;font:400 22px var(--display);color:#d8deec;background:linear-gradient(#4a5c8c,#34446e);box-shadow:inset 0 0 0 2px #b4c4ec59,0 3px #1c2646}.ar-upnow.can{color:#2a1a05;background:linear-gradient(#ffd75e,#f0a514);box-shadow:inset 0 0 0 2px #ffe9a0,0 4px #9a6200,0 0 16px #ffc83c73;animation:arPulse 1.6s ease-in-out infinite}.ar-upnow:disabled:not(.can){opacity:.75}.ar-upnow-cost{display:inline-flex;align-items:center;gap:5px;padding:1px 10px;border-radius:10px;font-size:.8em;color:#fff;background:#0a122a73}.ar-upnow-hint{margin:-4px 0 0;font-size:12.5px;color:#c9d4ee;text-align:center}@keyframes arPulse{50%{transform:scale(1.03)}}.ar-upbadge{position:absolute;z-index:4;left:50%;bottom:-14px;transform:translate(-50%);width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font:900 17px/1 var(--display);color:#3a2200;background:linear-gradient(#ffe27a,#f0a514);box-shadow:0 0 0 2.5px #0f1a38,0 0 12px #ffc83ccc;animation:arBounce 1.2s ease-in-out infinite}@keyframes arBounce{50%{transform:translate(-50%) translateY(-4px)}}.ar-unit .ar-upbadge{bottom:auto;top:50%;left:auto;right:-10px;transform:none;animation-name:arBounce2}@keyframes arBounce2{50%{transform:translateY(-4px)}}.cd-card .ar-upbadge{left:-9px;top:40%;bottom:auto;transform:none;animation-name:arBounce2}.us-head{gap:7px}.ar-upnow{white-space:nowrap;font-size:clamp(17px,4.6vw,22px);flex-wrap:nowrap}.us-nums{display:flex;flex-direction:column;padding:8px 16px;border-radius:18px;background:#0a122a80;box-shadow:inset 0 0 0 1.5px #8caae64d}.us-nums-head{display:flex;align-items:center;gap:8px;margin:0 0 4px;font:400 17px var(--display);color:#ffd24a}.us-nums>div{display:grid;grid-template-columns:minmax(70px,1fr) auto 56px minmax(84px,auto);align-items:center;gap:8px;padding:7px 0;border-top:1px solid rgba(140,170,230,.15)}.us-nums em{font-style:normal;font-weight:800;color:#c9d4ee}.us-nums b{font:400 22px var(--display);text-align:right}.us-has{font-weight:900;color:#6fe08c;text-align:right}.us-next{font-size:12px;font-weight:800;color:#9fb0d0;text-align:right}@media (max-width: 480px){.us-nums>div{grid-template-columns:minmax(56px,1fr) auto 44px auto;gap:6px}.us-nums b{font-size:19px}}.us-nums.card{padding:4px 12px}.us-nums.card>div{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l h" "v v" "n n";gap:2px 8px}.us-nums.card em{grid-area:l}.us-nums.card .us-has{grid-area:h}.us-nums.card .us-next{grid-area:n;text-align:left}.us-nums.card b{grid-area:v;text-align:left;font-size:16px;line-height:1.2}.us-nums.card>div:first-child{border-top:0}.cd-item.in-deck .cd-card{border-color:#56627e;box-shadow:none;background:#141c34}.cd-item.in-deck .cd-card img{filter:grayscale(.9) brightness(.85);opacity:.75}.cd-item.in-deck .cd-card .ar-stars,.cd-item.in-deck .cd-name,.cd-item.in-deck .ar-cost{filter:grayscale(1) brightness(.8)}.cd-item.in-deck .ar-prog,.cd-item.in-deck .ar-basic-note{opacity:.6}.cd-indeck{position:absolute;z-index:3;left:50%;top:36%;transform:translate(-50%,-50%) rotate(-6deg);padding:2px 9px;border-radius:8px;font:400 clamp(12px,3.2vw,15px) var(--display);color:#fff;white-space:nowrap;background:#22a33af2;box-shadow:0 2px #11692a,0 0 0 2px #0f1a38}.castle-soon-card.open{border:2px solid #f0b429;box-shadow:0 0 16px #f0b42959;cursor:pointer}.castle-soon-card.open img{filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.castle-soon-card.open .cbl-chev{position:absolute;right:10px;top:50%}.cs-count{position:absolute;top:8px;right:8px;min-width:26px;height:26px;padding:0 7px;display:grid;place-items:center;border-radius:99px;font:400 15px var(--display);color:#fff;background:#e23b3b;box-shadow:0 0 0 2px #121f45}.mk-hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:230px;padding:14px 12px 16px;border-radius:22px;overflow:hidden;border:2px solid rgba(120,155,225,.45);box-shadow:0 12px 30px #00000059}.mk-hero-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 60%}.mk-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a122c59,#0a122c00 40%,#0a122c40)}.mk-plaque{position:relative;display:flex;align-items:center;gap:10px;padding:6px 22px 6px 10px;border-radius:16px;background:linear-gradient(#20356f,#142450);border:3px solid #f0b429;box-shadow:0 6px 18px #00000073}.mk-plaque img{width:52px;height:52px;margin:-8px 0;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}.mk-plaque h1{margin:0;font:400 clamp(30px,8vw,44px) var(--display);color:#fff;text-shadow:0 3px 0 #0c1736}.mk-sub{position:relative;margin:0;max-width:420px;padding:8px 14px;border-radius:12px;text-align:center;font-weight:800;color:#fff;background:#0a122ca6}.mk-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mk-tabs .army-tab{font-size:clamp(15px,4vw,20px);padding:12px 6px}.mk-frame{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px 14px;border-radius:18px;background:linear-gradient(#1a2850,#142046) padding-box,linear-gradient(#a3a7b3,#6d717d 50%,#4a4e5a) border-box;border:7px solid transparent;box-shadow:0 6px 16px #00000073}.mk-soon{margin:20px 0;text-align:center;font:400 22px var(--display);color:#c9d4ee}.mk-empty{margin:4px 0 0;text-align:center;font-size:14px;color:#c9d4ee}.mk-chest{display:grid;grid-template-columns:34% minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:linear-gradient(#1c2b55,#132045);box-shadow:inset 0 0 0 1.5px #8caae64d}.mk-chest-art{position:relative;display:grid;place-items:center}.mk-chest-art img{width:100%;max-width:150px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}.mk-chest-n{position:absolute;bottom:0;left:50%;transform:translate(-50%);padding:1px 14px;border-radius:99px;font:400 20px var(--display);color:#fff;background:#281808e6;box-shadow:inset 0 0 0 2px #c58a2a}.mk-chest-text{display:flex;flex-direction:column;gap:4px;min-width:0}.mk-chest-text b{font:400 clamp(19px,5vw,24px) var(--display);color:#fff}.mk-chest-text>span{font-size:13.5px;line-height:1.35;color:#c9d4ee}.mk-chest-cards{display:inline-flex;align-items:center;gap:8px;font:400 18px var(--display);color:#fff!important}.mk-open{padding:12px 18px;border-radius:14px;font:400 clamp(19px,5vw,24px) var(--display);color:#2a1a05;background:linear-gradient(#ffd75e,#f0a514);box-shadow:inset 0 0 0 2px #ffe9a0,0 4px #9a6200}.mk-open:disabled{color:#8e97ad;background:linear-gradient(#3a4566,#2a3352);box-shadow:inset 0 0 0 2px #8caae640}@media (max-width: 480px){.mk-chest{grid-template-columns:28% minmax(0,1fr) auto;gap:8px;padding:10px 8px}.mk-open{padding:10px 12px;font-size:18px}.mk-chest-text>span{font-size:12.5px}}.mk-open-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;overflow-y:auto;background:radial-gradient(80% 50% at 50% 30%,#3a2a6a,#121a3a 60%,#0b1129);padding:calc(10px + var(--sat, 0px)) 14px 24px}.mk-open-screen{max-width:620px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff}.mk-open-head{position:relative;width:100%;display:flex;justify-content:center;min-height:56px;align-items:center}.mk-open-head .ac-back{position:absolute;left:0;top:4px}.mk-open-title{display:inline-flex;align-items:center;gap:10px;padding:6px 26px 6px 10px;border-radius:16px;font:400 clamp(24px,7vw,34px) var(--display);background:linear-gradient(#5a3a18,#3a240c);border:3px solid #f0b429;box-shadow:0 6px 16px #00000073}.mk-open-title img{width:46px;height:46px;margin:-8px 0;object-fit:contain}.mk-stage{position:relative;width:min(78vw,340px);aspect-ratio:1.15;display:grid;place-items:center}.mk-stage:after{content:"";position:absolute;left:6%;right:6%;bottom:2%;height:26%;border-radius:50%;background:radial-gradient(#5b2f8a,#2c1550 70%);box-shadow:0 10px 24px #00000080;z-index:0}.mk-stage-chest{position:relative;z-index:2;width:82%;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(0,0,0,.55))}.mk-stage.shaking .mk-stage-chest{animation:mkShake .45s ease-in-out infinite}.mk-stage.opened .mk-stage-chest{animation:mkPop .5s ease-out both}.mk-rays{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:1;border-radius:50%;opacity:0;background:repeating-conic-gradient(from 0deg,#ffdc7859 0,#ffdc7859 8deg,#ffdc7800 8deg,#ffdc7800 20deg);-webkit-mask:radial-gradient(circle,#000 20%,transparent 65%);mask:radial-gradient(circle,#000 20%,transparent 65%)}.mk-stage.opened .mk-rays{animation:mkRays 8s linear infinite,mkFade .6s ease-out forwards}@keyframes mkShake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg) translateY(-3px)}75%{transform:rotate(5deg) translateY(-3px)}}@keyframes mkPop{0%{transform:scale(.9)}55%{transform:scale(1.12) translateY(-10px)}to{transform:scale(1)}}@keyframes mkRays{to{transform:rotate(360deg)}}@keyframes mkFade{to{opacity:1}}.mk-open-name{margin:0;font:400 clamp(30px,9vw,44px) var(--display);text-shadow:0 3px 0 #0c1736}.mk-open-rarity{font-size:14px;padding:3px 26px}.mk-summary{display:flex;align-items:center;justify-content:center;gap:10px;width:min(100%,420px);padding:10px 16px;border-radius:16px;font:400 22px var(--display);background:#0a122a99;box-shadow:inset 0 0 0 1.5px #8caae659}.mk-summary b{color:#ffd24a;font-weight:400;font-size:26px}.mk-rewards-title{display:flex;align-items:center;gap:12px;width:100%;font:400 22px var(--display)}.mk-rewards-title:before,.mk-rewards-title:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,transparent,#f0b429)}.mk-rewards-title:after{background:linear-gradient(90deg,#f0b429,transparent)}.mk-rewards-title span{padding:4px 18px;border-radius:99px;background:#0a122ab3;box-shadow:inset 0 0 0 1.5px #8caae659}.mk-rewards{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:14px 10px}.mk-reward{--rc: #a9b8d6;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:14px;background:radial-gradient(90% 60% at 50% 30%,color-mix(in srgb,var(--rc) 35%,#1a2a58),#101a38);border:3px solid var(--rc);box-shadow:0 0 14px var(--rg, rgba(0, 0, 0, 0));opacity:0;animation:mkReward .45s ease-out forwards}.mk-reward img{width:72%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(0,0,0,.5))}.mk-reward b{font:400 16px/1.05 var(--display);text-align:center}.mk-reward-n{font:400 24px var(--display);color:#ffd24a;text-shadow:0 2px 0 #3a2200}.mk-reward-kind{font-size:11px;font-weight:800;color:#9fb0d0;text-transform:uppercase;letter-spacing:.06em}.mk-reward .ar-cost{left:-8px;top:-10px}@keyframes mkReward{0%{opacity:0;transform:translateY(18px) scale(.85)}to{opacity:1;transform:none}}.mk-again{display:inline-flex;align-items:center;gap:12px;margin-top:8px;padding:10px 22px;border-radius:18px;font:400 clamp(22px,6vw,30px) var(--display);color:#2a1a05;background:linear-gradient(#ffd75e,#f0a514);box-shadow:inset 0 0 0 2px #ffe9a0,0 5px #9a6200,0 0 18px #ffc83c66}.mk-again img{width:44px;height:44px;margin:-6px 0;object-fit:contain}.mk-again-n{padding:0 12px;border-radius:10px;color:#fff;background:#3c2305bf;font-size:.85em}.mk-open-wrap{overscroll-behavior:contain}.mk-open-screen{gap:8px}.mk-stage{width:min(56vw,250px)}.mk-stage.shaking .mk-stage-chest{animation-duration:.35s}.mk-open-name{font-size:clamp(26px,7vw,36px)}.mk-summary{padding:6px 14px;font-size:19px}.mk-rewards{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 8px}.mk-reward{width:calc((100% - 16px) / 3);max-width:150px;padding:8px 4px}.mk-reward img{width:64%}.mk-reward b{font-size:14px}.mk-reward .ar-rarity{font-size:10px;padding:1px 8px}.mk-reward-n{font-size:20px}.mk-reward-kind{font-size:9.5px}.mk-again{margin:6px 0 calc(10px + env(safe-area-inset-bottom,0px))}.mk-stage{width:min(44vw,210px)}.mk-open-head{min-height:48px}.mk-reward-kind{display:none}.rc-chest{display:flex;align-items:center;gap:12px;margin:6px auto 4px;padding:8px 16px 8px 8px;width:fit-content;max-width:100%;border-radius:16px;background:#0a122a99;box-shadow:inset 0 0 0 2px #f0b429,0 0 16px #f0b4294d;animation:mkReward .5s ease-out .4s both}.rc-chest img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(0,0,0,.5))}.rc-chest span{display:flex;flex-direction:column;gap:2px;text-align:left}.rc-chest b{font:400 18px var(--display);color:#ffd24a}.rc-chest small{font-size:12.5px;color:#c9d4ee}.link-btn{background:none;padding:0;border:0;color:inherit;font:inherit;font-weight:900;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.goal-card{position:absolute;z-index:30;left:50%;top:42%;transform:translate(-50%,-50%);width:min(420px,calc(100% - 32px));display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 20px 14px;border-radius:22px;text-align:center;color:#fff;background:linear-gradient(180deg,#1c2a58f5,#101a3af5);box-shadow:inset 0 0 0 3px #f0b429,0 18px 40px #0000008c;animation:goalIn .45s cubic-bezier(.2,1.4,.4,1) both}.goal-card.defend{box-shadow:inset 0 0 0 3px #6ea8ff,0 18px 40px #0000008c}.goal-icon{font-size:44px;line-height:1;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}.goal-card b{font:400 clamp(30px,8vw,40px)/1 var(--display);color:#ffd24a;text-shadow:0 3px 0 #3a2200}.goal-card.defend b{color:#9cc2ff;text-shadow:0 3px 0 #0c1736}.goal-text{font-weight:800;font-size:17px;line-height:1.35}.goal-time{font-weight:800;font-size:14px;color:#c9d4ee}.goal-card small{font-size:12px;color:#9fb0d0}@keyframes goalIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}}.objective{pointer-events:auto;cursor:pointer}.oc-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:calc(40px + var(--sat, 0px)) 12px 12px;background:#04081480}.oc-card{--bg1: #3a1a26;--bg2: #1b0c16;--gl: rgba(255, 120, 60, .25);position:relative;width:min(580px,100%);min-height:270px;display:flex;flex-direction:column;border-radius:26px;color:#fff;cursor:pointer;background:radial-gradient(70% 90% at 20% 40%,color-mix(in srgb,var(--bg1) 80%,#fff 6%),transparent 70%),linear-gradient(160deg,var(--bg1),var(--bg2));box-shadow:inset 0 0 0 3px #f0bf4a,inset 0 0 0 5px #6b4410,inset 0 0 0 6px #ffe6a059,0 0 30px var(--gl),0 22px 50px #000000a6;animation:goalIn .5s cubic-bezier(.2,1.4,.4,1) both}.oc-card.defend{--bg1: #1b3570;--bg2: #0b1636;--gl: rgba(90, 150, 255, .25)}@keyframes goalIn{0%{opacity:0;transform:scale(.8)}}.oc-art{position:absolute;top:6px;right:6px;bottom:6px;width:62%;height:calc(100% - 12px);object-fit:cover;border-radius:0 20px 20px 0;-webkit-mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.6) 22%,#000 45%);mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.6) 22%,#000 45%)}.oc-glow{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:20px;pointer-events:none;background:linear-gradient(to top,#0a060ebf 0,#0a060e00 38%)}.oc-card.defend .oc-glow{background:linear-gradient(to top,#060c22bf 0,#060c2200 38%)}.oc-x{position:absolute;z-index:5;top:-16px;right:-12px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;font:900 22px/1 system-ui,sans-serif;color:#fff;background:radial-gradient(circle at 35% 30%,#ff6b5e,#c9182a 65%,#8c0f1c);box-shadow:inset 0 0 0 3px #f4c14a,0 3px #5a0810,0 6px 12px #00000080;text-shadow:0 2px 0 rgba(0,0,0,.4)}.oc-head{position:relative;z-index:3;align-self:flex-start;width:64%;max-width:360px;margin:-46px 0 0 -14px;display:flex;flex-direction:column;align-items:center}.oc-emblem{width:96px;height:96px;object-fit:contain;margin-bottom:-26px;position:relative;z-index:2;filter:drop-shadow(0 6px 8px rgba(0,0,0,.55))}.oc-ribbon{position:relative;width:100%;aspect-ratio:900 / 260;display:grid;place-items:center;background:center / 100% 100% no-repeat;filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}.oc-ribbon b{margin-top:-4%;font:400 clamp(30px,9vw,46px)/1 var(--display);color:#fff3cf;-webkit-text-stroke:1.5px rgba(70,20,10,.6);paint-order:stroke fill;text-shadow:0 3px 0 rgba(0,0,0,.45)}.oc-card.defend .oc-ribbon b{-webkit-text-stroke-color:rgba(10,25,70,.6)}.oc-body{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px;width:56%;padding:8px 0 0 22px}.oc-main{display:flex;gap:10px;align-items:center;font-weight:900;font-size:clamp(18px,4.8vw,23px);line-height:1.22;text-shadow:0 2px 4px rgba(0,0,0,.8)}.oc-icon{flex:none;width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}.oc-key{font-style:normal;color:#ffd24a}.oc-sub{padding-top:9px;border-top:1.5px solid rgba(255,255,255,.22);font-weight:800;font-size:clamp(14px,3.8vw,17px);line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.8)}.oc-timebar{position:relative;z-index:3;display:flex;align-items:center;gap:6px;margin:auto 14px 0;padding-top:14px}.oc-line{flex:1;height:2px;background:linear-gradient(90deg,transparent,#f0bf4a)}.oc-line.r{background:linear-gradient(90deg,#f0bf4a,transparent)}.oc-diamond{width:10px;height:10px;transform:rotate(45deg);background:linear-gradient(135deg,#ffe08a,#c58a16);box-shadow:0 0 6px #ffc850b3}.oc-time{display:inline-flex;align-items:center;gap:8px;padding:6px 28px 7px;font:400 clamp(19px,5.2vw,25px) var(--display);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.45);background:linear-gradient(#6a4419,#3f260b);box-shadow:inset 0 0 0 2.5px #f0bf4a,inset 0 0 0 4px #5a3a10;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,16px 100%,0 50%)}.oc-time img{width:26px;height:26px;object-fit:contain}.oc-close{position:relative;z-index:3;align-self:center;margin:8px 0 10px;font-size:13px;font-weight:700;color:#d6def2;text-shadow:0 1px 3px rgba(0,0,0,.9)}@media (max-width: 480px){.oc-card{min-height:250px}.oc-art{width:66%}.oc-head{width:70%;margin-left:-10px;margin-top:-40px}.oc-emblem{width:80px;height:80px;margin-bottom:-22px}.oc-body{width:60%;padding-left:14px}.oc-icon{width:38px;height:38px}.oc-time{padding:5px 20px 6px}}.ce-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:16px;background:#040814b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ce-card{position:relative;width:min(400px,100%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 18px 18px;border-radius:26px;text-align:center;color:#fff;background:radial-gradient(90% 60% at 50% 30%,#3a2a6a,#16224a 70%);box-shadow:inset 0 0 0 3px #e9b23a,0 20px 50px #0009;animation:goalIn .45s cubic-bezier(.2,1.4,.4,1) both}.ce-ribbon{position:absolute;top:-18px;padding:6px 26px 8px;font:400 20px var(--display);color:#fff1c4;background:linear-gradient(#d92f36,#9a1520);border-top:2.5px solid #f2c14a;border-bottom:2.5px solid #f2c14a;clip-path:polygon(0 0,100% 0,calc(100% - 16px) 50%,100% 100%,0 100%,16px 50%);white-space:nowrap}.ce-stage{position:relative;width:70%;aspect-ratio:1.1;display:grid;place-items:center}.ce-stage img{position:relative;z-index:2;width:86%;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(0,0,0,.55));animation:ceBob 1.8s ease-in-out infinite}.ce-stage .mk-rays{opacity:1;animation:mkRays 10s linear infinite}@keyframes ceBob{50%{transform:translateY(-8px) rotate(-2deg)}}.ce-title{font:400 clamp(24px,7vw,32px)/1.1 var(--display);color:#ffd24a;text-shadow:0 3px 0 #3a2200}.ce-text{margin:0;font-weight:700;color:#dfe6f5;line-height:1.35}.ce-later{margin-top:2px;padding:6px 14px;font-weight:800;color:#c9d4ee;background:none;text-decoration:underline;text-underline-offset:3px}.oc-emblem{width:118px;height:118px;margin-bottom:-34px}.oc-icon{width:58px;height:58px;margin:-6px -4px -6px -8px}.oc-time img{width:34px;height:34px;margin:-6px 0}@media (max-width: 480px){.oc-emblem{width:104px;height:104px;margin-bottom:-30px}.oc-icon{width:52px;height:52px}}