.hud{position:absolute;inset:0;z-index:8;pointer-events:none;font-family:var(--fT)}.hud small{font:500 .55em/1 var(--fT);color:var(--soft);margin-inline-start:4px}.paper{background:var(--paper) url(/brand/textures/paper.jpg);box-shadow:0 18px 50px #3b281a2e,0 2px 6px #3b281a1f}.turnbar{position:absolute;top:44px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:22px;padding:14px 26px;background:var(--paper) url(/brand/textures/paper.jpg);border:1px solid rgba(160,139,113,.5);box-shadow:0 10px 30px #3b281a1f;white-space:nowrap;transition:opacity .4s}.tb-round{font:500 20px/1 var(--fT);color:var(--soft)}.tb-round b{color:var(--ink2);font-weight:700}.tb-phase{font:700 26px/1 var(--fD);color:var(--ink2);padding-inline:18px;border-inline:1px solid rgba(160,139,113,.45)}.tb-team{display:flex;align-items:center;gap:10px;font:700 24px/1 var(--fD);color:var(--tc)}.tb-team img{width:40px;height:40px}.tb-timer{font:700 30px/1 var(--fS);color:var(--ink2);min-width:0;opacity:0;transition:opacity .3s}.tb-timer.on{opacity:1;min-width:70px;text-align:center}.tb-timer.hot{color:var(--rust);animation:pulse .5s ease-in-out infinite alternate}@keyframes pulse{to{transform:scale(1.12)}}.cinema .turnbar,.cinema .teamsboard{opacity:0}.teamsboard{position:absolute;right:96px;top:330px;width:400px;display:grid;gap:12px;transition:opacity .4s}.tcard{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--paper) url(/brand/textures/paper.jpg);border-right:4px solid var(--tc);box-shadow:0 8px 22px #3b281a1a;transition:transform .4s,box-shadow .4s}.tcard.cur{transform:translate(-14px);box-shadow:0 12px 30px #3b281a33}.tcard.out{opacity:.55;filter:grayscale(.5)}.tcard .seal-img{width:56px;height:56px;flex:none;filter:drop-shadow(0 2px 3px rgba(59,40,26,.3))}.tc-name{font:700 26px/1.1 var(--fD);color:var(--tc)}.tc-name em{font:500 14px/1 var(--fT);font-style:normal;color:var(--paper);background:var(--gold);padding:4px 8px;margin-inline-start:10px;vertical-align:middle}.tc-name em.reb{background:var(--rust)}.tc-stats{display:flex;gap:16px;margin-top:8px;font:700 20px/1 var(--fS);color:var(--ink)}.qcard{position:absolute;left:50%;top:170px;width:1240px;transform:translate(-50%,30px);opacity:0;padding:46px 64px 40px;background:var(--paper) url(/brand/textures/paper.jpg);border-top:5px solid var(--tc);box-shadow:0 30px 80px #3b281a47;transition:opacity .45s,transform .6s cubic-bezier(.16,1,.3,1)}.qcard.show{opacity:1;transform:translate(-50%)}.qcard.in-battle{top:430px;width:960px;padding:30px 44px 28px}.q-kick{font:500 22px/1 var(--fD);color:var(--soft)}.q-kick b{color:var(--tc)}.q-text{font:700 54px/1.45 var(--fD);color:var(--ink2);margin-top:20px;font-feature-settings:"ss01"}.in-battle .q-text{font-size:40px}.q-ans{display:grid;grid-template-columns:1fr 1fr;gap:14px 26px;margin-top:30px}.qa{display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px solid var(--grey);font:500 30px/1.3 var(--fT);color:var(--ink);transition:background .4s,border-color .4s,color .4s}.in-battle .qa{font-size:24px;padding:10px 16px}.qa b{font:700 26px/1 var(--fD);color:var(--gold);width:28px}.qa.ok{background:#3c8c8d1f;border-color:var(--teal);color:var(--teal2)}.qa.ok b{color:var(--teal)}.revealed .qa:not(.ok){opacity:.45}.q-verdict{position:absolute;left:64px;top:40px;font:900 34px/1 var(--fD);padding:10px 18px;animation:stampIn .45s cubic-bezier(.3,1.6,.5,1)}.q-verdict.ok{color:var(--teal);border:3px solid var(--teal)}.q-verdict.no{color:var(--rust);border:3px solid var(--rust)}@keyframes stampIn{0%{opacity:0;transform:scale(1.6) rotate(-8deg)}to{opacity:1;transform:rotate(-4deg)}}.q-timer{height:6px;background:#a08b7140;margin-top:28px;overflow:hidden}.q-timer i{display:block;height:100%;background:var(--tc);transform-origin:right;transition:transform .25s linear}.market{position:absolute;left:50%;top:150px;width:1480px;transform:translate(-50%,30px);opacity:0;padding:40px 52px;background:var(--paper) url(/brand/textures/paper.jpg);box-shadow:0 30px 80px #3b281a47;transition:opacity .45s,transform .6s cubic-bezier(.16,1,.3,1)}.market.show{opacity:1;transform:translate(-50%)}.mk-head{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid rgba(160,139,113,.5);padding-bottom:22px}.mk-title{font:900 64px/1 var(--fD);color:var(--ink2)}.mk-index{display:flex;align-items:baseline;gap:16px}.mk-index span{font:500 22px/1 var(--fD);color:var(--soft)}.mk-index b{font:700 60px/1 var(--fS);color:var(--ink2)}.mk-index em{font:700 26px/1 var(--fS);font-style:normal}.mk-index.up em{color:var(--teal)}.mk-index.down em{color:var(--soft)}.mk-assets{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin-top:28px}.mk-asset{padding:22px 24px;border:1px solid var(--grey);position:relative}.mk-name{font:700 28px/1 var(--fD);color:var(--ink)}.mk-price{font:700 52px/1 var(--fS);color:var(--ink2);margin-top:14px;transition:color .3s}.mk-ch{font:700 24px/1 var(--fS);margin-top:10px}.up .mk-ch{color:var(--teal)}.down .mk-ch{color:var(--soft)}.mk-spark{width:100%;height:46px;margin-top:12px}.mk-spark polyline{fill:none;stroke-width:2.5;stroke:var(--gold)}.up .mk-spark polyline{stroke:var(--teal)}.mk-news{margin-top:24px;font:500 26px/1.4 var(--fT);color:var(--ink)}.mk-news b{font:700 22px var(--fD);color:var(--paper);background:var(--ink);padding:4px 10px;margin-inline-end:14px}.mk-seal{position:absolute;inset:0;display:none;place-items:center;align-content:center;gap:20px;background:var(--paper) url(/brand/textures/paper.jpg)}.mk-seal img{width:180px;height:180px;filter:drop-shadow(0 8px 14px rgba(59,40,26,.35))}.mk-seal span{font:700 32px var(--fD);color:var(--soft)}.market.sealed .mk-seal{display:grid}.market.opening .mk-seal{display:grid;animation:sealBreak 1.1s .1s forwards}@keyframes sealBreak{40%{transform:scale(1.04)}to{opacity:0;transform:scale(1.15);visibility:hidden}}.battle{position:absolute;inset:0;opacity:0;transition:opacity .5s;background:radial-gradient(80% 70% at 50% 45%,#f3eee88c,#f3eee8eb)}.battle.show{opacity:1}.bt-side{position:absolute;top:150px;width:420px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .4s}.bt-side.att{right:110px}.bt-side.def{left:110px}.bt-side.turn{transform:scale(1.06)}.bt-side .seal-img{width:120px;height:120px;filter:drop-shadow(0 6px 10px rgba(59,40,26,.35))}.bt-garrison{width:110px;height:110px;border:2px solid var(--gold);transform:rotate(45deg) scale(.7)}.bt-name{font:900 46px/1.1 var(--fD);color:var(--tc);margin-top:14px}.bt-role{font:500 22px/1.4 var(--fT);color:var(--soft);margin-top:6px}.bt-bar{width:26px;height:300px;margin-top:22px;background:#a08b7133;position:relative;overflow:hidden}.bt-bar i{position:absolute;inset:0;background:var(--tc);transform-origin:bottom;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.bt-count{font:700 64px/1 var(--fS);color:var(--ink2);margin-top:16px}.bt-strike{font:500 22px/1 var(--fT);color:var(--soft);margin-top:10px}.bt-strike b{font:700 28px var(--fS);color:var(--ink2)}.bt-gear{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:14px}.bt-gear span{font:500 18px/1 var(--fT);color:var(--ink);border:1px solid var(--grey);padding:6px 10px}.bt-gear .ops.win{border-color:var(--teal);color:var(--teal2)}.bt-streak{margin-top:12px;font:900 26px/1 var(--fD);color:var(--paper);background:var(--tc);padding:8px 16px;animation:stampIn .4s}.bt-mid{position:absolute;left:50%;top:150px;transform:translate(-50%);width:820px;text-align:center}.bt-title{font:900 58px/1.1 var(--fD);color:var(--ink2)}.bt-ex{display:flex;justify-content:center;gap:10px;margin-top:20px}.bt-ex i{width:14px;height:14px;transform:rotate(45deg);border:2px solid var(--gold)}.bt-ex i.done{background:var(--gold)}.bt-ex i.now{border-color:var(--ink2);animation:pulse .6s infinite alternate}.bt-note{margin-top:18px;font:500 24px/1.4 var(--fT);color:var(--ink)}.bt-decisive{display:inline-block;margin-top:18px;font:900 34px/1 var(--fD);color:var(--rust);border:3px solid var(--rust);padding:10px 22px;animation:pulse .7s infinite alternate}.bt-hit{position:absolute;top:80px;font:900 72px/1 var(--fS);color:var(--rust);animation:hitFly 1.4s forwards}.bt-hit.att{left:-80px}.bt-hit.def{right:-80px}@keyframes hitFly{0%{opacity:0;transform:translateY(20px) scale(.6)}20%{opacity:1;transform:none}to{opacity:0;transform:translateY(-60px)}}.breakp,.winner,.waiting{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transition:opacity .5s;background:#f3eee8db}.breakp.show,.winner.show,.waiting.show{opacity:1}.br-in,.w-in{width:1100px;padding:56px 70px;background:var(--paper) url(/brand/textures/paper.jpg);box-shadow:0 30px 80px #3b281a40;text-align:center}.br-kick,.w-kick{font:500 24px/1 var(--fD);color:var(--soft)}.br-title,.w-title{font:900 72px/1.1 var(--fD);color:var(--ink2);margin-top:14px}.br-in .rule,.w-in .rule,.wn-deed .rule,.cf-front .rule{margin:22px auto 0;width:240px}.br-log{list-style:none;margin-top:30px;text-align:right;display:grid;gap:12px}.br-log li{font:500 28px/1.4 var(--fT);color:var(--ink);padding-right:22px;position:relative}.br-log li:before{content:"";position:absolute;right:0;top:.55em;width:8px;height:8px;background:var(--gold);transform:rotate(45deg)}.br-log li.fall{color:var(--rust)}.br-log li.conquest{color:var(--ink2);font-weight:700}.br-rank{list-style:none;display:flex;justify-content:center;gap:34px;margin-top:36px;padding-top:28px;border-top:1px solid rgba(160,139,113,.45)}.br-rank li{display:flex;align-items:center;gap:10px;font:700 26px var(--fD);color:var(--tc)}.br-rank b{font:900 34px var(--fS);color:var(--gold)}.br-rank img{width:44px}.br-rank em{font:500 20px var(--fT);font-style:normal;color:var(--soft)}.w-code{margin-top:34px;display:flex;flex-direction:column;align-items:center;gap:8px}.w-code span{font:500 24px var(--fT);color:var(--soft)}.w-code b{font:700 120px/1 var(--fS);letter-spacing:18px;color:var(--teal)}.cardflip{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transition:opacity .4s;perspective:1600px;background:#f3eee899}.cardflip.show{opacity:1}.cf-card{width:560px;height:720px;position:relative;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}.cardflip.flip .cf-card{transform:rotateY(180deg)}.cf-back,.cf-front{position:absolute;inset:0;backface-visibility:hidden;background:var(--paper) url(/brand/textures/paper.jpg);box-shadow:0 30px 70px #3b281a4d;display:grid;place-items:center;outline:1px solid rgba(160,139,113,.6);outline-offset:-16px}.cf-back img{width:200px}.cf-front{transform:rotateY(180deg);align-content:center;text-align:center;padding:50px}.cf-kick{font:500 26px var(--fD);color:var(--soft)}.cf-name{font:900 76px/1.15 var(--fD);color:var(--ink2);margin-top:18px}.cf-text{font:500 32px/1.5 var(--fT);color:var(--ink);margin-top:30px}.explain{position:absolute;left:96px;bottom:150px;width:600px;display:flex;gap:20px;padding:24px 28px;background:var(--paper) url(/brand/textures/paper.jpg);border-right:4px solid var(--teal);box-shadow:0 18px 44px #3b281a33;opacity:0;transform:translate(-30px);transition:opacity .5s,transform .6s cubic-bezier(.16,1,.3,1)}.explain.show{opacity:1;transform:none}.ex-q{flex:none;width:52px;height:52px;display:grid;place-items:center;font:900 32px var(--fD);color:var(--paper);background:var(--teal);border-radius:50%}.ex-title{font:700 28px/1 var(--fD);color:var(--teal2)}.ex-text{font:500 25px/1.5 var(--fT);color:var(--ink);margin-top:8px}.wn-deed{width:900px;padding:70px 80px 60px;text-align:center;position:relative;background:var(--paper) url(/brand/textures/paper.jpg);box-shadow:0 40px 100px #3b281a59;outline:1px solid rgba(160,139,113,.7);outline-offset:-20px;animation:deedIn 1.2s cubic-bezier(.16,1,.3,1)}@keyframes deedIn{0%{opacity:0;transform:translateY(60px) rotate(-3deg)}}.wn-kick{font:500 30px var(--fD);color:var(--soft)}.wn-title{font:900 110px/1.1 var(--fD);color:var(--ink2);margin-top:6px}.wn-team{font:900 84px/1.1 var(--fD);color:var(--tc);margin-top:30px}.wn-line{font:500 28px var(--fT);color:var(--soft);margin-top:16px}.wn-seal{width:170px;margin-top:30px;filter:drop-shadow(0 8px 12px rgba(59,40,26,.35));animation:stamp .6s .8s both cubic-bezier(.3,1.6,.5,1)}.wn-foot{font:500 20px var(--fT);color:var(--soft);margin-top:20px}.city .troops{position:absolute;transform:translate(50%,10%);white-space:nowrap;display:flex;gap:6px;font:700 15px/1 var(--fS);color:var(--ink2)}.city .troops .pill{display:inline-flex;align-items:center;gap:6px;background:#fbf8f2f0;border:1px solid rgba(160,139,113,.55);padding:3px 8px;box-shadow:0 2px 6px #3b281a1f}.city .troops .pill b{font:700 17px/1 var(--fS);color:var(--ink2)}.city .troops i{display:inline-flex;align-items:center;gap:2px;font:700 14px/1 var(--fS);font-style:normal;color:var(--soft)}.city .troops svg{width:18px;height:12px}.city .troops i.ad{color:var(--teal2)}.city .troops i.ad svg{width:12px;height:14px}.cinema .city .troops{opacity:0}.battle-on .masthead,.battle-on .teamsboard,.battle-on .logo,.battle-on .labels,.battle-on .turnbar{opacity:0;transition:opacity .4s}.battle-on .explain{left:50%;bottom:36px;transform:translate(-50%)}.battle-on .qcard.in-battle{width:820px;top:470px}.modal-on .labels{opacity:.25;transition:opacity .4s}.modal-on .masthead{opacity:.15;transition:opacity .4s}.mk-title small{display:block;font:500 24px var(--fT);color:var(--soft);margin-top:10px}.mk-asset.flat .mk-ch{color:var(--soft)}.mk-tape{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;font:500 22px/1.5 var(--fT);color:var(--ink)}.mk-tape b{font:700 20px var(--fD);color:var(--paper);background:var(--teal2);padding:4px 10px}.mk-tape span{position:relative;padding-right:16px}.mk-tape span:before{content:"";position:absolute;right:0;top:.62em;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}.br-rank em.m{color:var(--soft)}.w-hint{margin-top:26px;max-width:900px;font:500 26px/1.5 var(--fT);color:var(--rust);text-align:center}.landmark.quiet{opacity:0;transition:opacity .4s}.mk-asset.hot{border-color:var(--gold);box-shadow:0 0 0 2px #a08b7159 inset}.mk-tag{font:700 16px var(--fD);font-style:normal;color:var(--paper);background:var(--gold);padding:3px 8px;margin-inline-start:10px;vertical-align:middle}.mk-wave{position:absolute;top:18px;left:18px;font:700 16px var(--fD);padding:3px 8px;border:1px solid}.mk-wave.up{color:var(--teal2);border-color:var(--teal)}.mk-wave.down{color:var(--soft);border-color:var(--grey)}.mk-stock{margin-top:12px;position:relative;height:30px;background:#a08b7124;overflow:hidden}.mk-stock i{position:absolute;inset:0;transform-origin:right;background:#3c8c8d38;transition:transform .6s cubic-bezier(.16,1,.3,1)}.mk-stock span{position:relative;z-index:1;display:block;font:600 19px/30px var(--fT);color:var(--ink2);padding:0 10px}.mk-stock.low i{background:#b4532a38}.mk-stock.low span{color:var(--rust)}.mk-stock.out span{color:var(--rust);font-weight:700}.mk-asset.gone .mk-price{opacity:.45;text-decoration:line-through;text-decoration-thickness:3px}.mk-flags{display:flex;flex-wrap:wrap;gap:14px 30px;align-items:center;margin-top:20px}.mk-early{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font:700 22px var(--fD);color:var(--tc,var(--ink))}.mk-early b{font:700 20px var(--fD);color:var(--paper);background:var(--teal2);padding:4px 10px}.mk-early span{display:inline-flex;align-items:center;gap:8px;color:var(--tc)}.mk-early img{width:40px}.mk-fr{font:500 22px var(--fT);color:var(--ink)}.mk-fr b{font-weight:700}.mk-fr.hit b{color:var(--teal2)}.mk-fr.miss b{color:var(--rust)}.mk-teaser{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:6px}.mk-teaser em{font:500 26px var(--fT);font-style:normal;color:var(--ink)}.mk-teaser em:first-child{color:var(--teal2);font-weight:700}.br-forecast{margin-top:22px;padding:14px 20px;border:1px dashed rgba(160,139,113,.7);font:500 26px var(--fT);color:var(--ink);text-align:center}.br-forecast b{color:var(--teal2)}.br-forecast small{display:block;font:500 18px var(--fT);color:var(--soft);margin-top:6px}