:root{--u0:min(1vh,.56vw);--u:var(--u0);--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);--gold:#e8c068;--gold2:#a8803a;--ink:#0e0c12;--panel:#100e16db;--line:#e8c06859;--blue:#50a8ff;--red:#ff5848;--serif:"STKaiti","KaiTi","Kaiti SC","楷体","Songti SC","SimSun",serif;--sans:"PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif}@supports (height:1dvh){:root{--u0:min(1dvh,.56vw)}}@media (max-height:520px){:root{--u:max(var(--u0),min(5px,.62vw))}}*{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%;font-family:var(--sans);color:#f0e8d8;font-size:calc(var(--u)*2.2);background:#0c0a10;margin:0;overflow:hidden}#gl{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0;overflow:hidden}#ui>*{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}h3{font-family:var(--serif);font-size:calc(var(--u)*3);margin:0 0 calc(var(--u)*1.2);color:var(--gold);letter-spacing:.1em;font-weight:400}.hint{opacity:.7;font-size:calc(var(--u)*1.9);margin:calc(var(--u)*1) 0;line-height:1.6}@media (orientation:portrait) and (max-width:820px){#ui:after{content:"请将设备横屏以获得最佳体验";text-align:center;color:var(--gold);z-index:99;background:#000000bf;padding:8px;font-size:13px;position:fixed;top:0;left:0;right:0}}@media (orientation:portrait) and (max-width:820px) and (pointer:coarse){#ui:after{content:"⟳\a 请将手机横过来\a 烽火三国为横屏游戏";white-space:pre;font-family:var(--serif);letter-spacing:.15em;pointer-events:auto;background:#0c0a10f5;justify-content:center;align-items:center;padding:0;font-size:20px;line-height:2.2;display:flex;inset:0}}.screen{padding:max(calc(var(--u)*2.5),var(--st)) max(calc(var(--u)*4),var(--sr)) max(calc(var(--u)*2.5),var(--sb)) max(calc(var(--u)*4),var(--sl));background:linear-gradient(90deg,#0a080eed 0%,#0a080ecc 46%,#0a080e1f 72%,#0a080e00 100%);flex-direction:column;display:flex;position:absolute;inset:0}.head{align-items:center;gap:calc(var(--u)*3);margin-bottom:calc(var(--u)*2);display:flex}.head b{font-family:var(--serif);font-size:calc(var(--u)*4.4);color:var(--gold);letter-spacing:.15em;text-shadow:0 2px #000;font-weight:400}.back,.ibtn,.tab{padding:calc(var(--u)*.9) calc(var(--u)*2.2);border:1px solid var(--line);border-radius:calc(var(--u)*.8);font-size:calc(var(--u)*2.1);background:#14121cbf;transition:all .12s}.back:active,.ibtn:active,.tab:active{transform:scale(.95)}.tab.on,.ibtn.on{color:#201808;background:linear-gradient(#f0d080,#b88a38);border-color:#fff0b0}.seg{gap:calc(var(--u)*1);margin-bottom:calc(var(--u)*1.6);flex-wrap:wrap;display:flex}.big-btn{margin-top:calc(var(--u)*2);padding:calc(var(--u)*1.6) calc(var(--u)*6);font-family:var(--serif);font-size:calc(var(--u)*3.4);letter-spacing:.3em;color:#281c08;border-radius:calc(var(--u)*1);box-shadow:0 calc(var(--u)*.5) 0 #5a3c10,0 0 calc(var(--u)*3) #e8c06859;background:linear-gradient(#ffe8a0,#d8a848 55%,#a87828);border:2px solid #fff4c0;transition:all .1s;display:block}.big-btn:active{transform:translateY(calc(var(--u)*.4));box-shadow:0 calc(var(--u)*.1) 0 #5a3c10}.big-btn.ghost{color:var(--gold);border:1px solid var(--line);box-shadow:none;font-size:calc(var(--u)*2.6);background:#14121ccc}.big-btn.sm{font-size:calc(var(--u)*2.2);padding:calc(var(--u)*.8) calc(var(--u)*2);letter-spacing:.05em;margin:0}.link{opacity:.55;margin-top:calc(var(--u)*2);font-size:calc(var(--u)*1.9);text-decoration:underline}.toast{padding:calc(var(--u)*1.4) calc(var(--u)*5);color:var(--gold);font-family:var(--serif);font-size:calc(var(--u)*3.2);letter-spacing:.2em;white-space:nowrap;background:linear-gradient(90deg,#0000,#000000d9 20% 80%,#0000);animation:3.2s forwards toast;position:absolute;top:14%;left:50%;transform:translate(-50%);pointer-events:none!important}@keyframes toast{0%{opacity:0;transform:translate(-50%,20px)}10%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}.p{width:calc(var(--u)*5);height:calc(var(--u)*5);border:2px solid var(--gold2);background-position:50%;background-size:cover;border-radius:50%;flex:none;display:inline-block}.title{cursor:pointer;background:radial-gradient(#0a080e59 0%,#0a080ee0 100%);justify-content:center;align-items:center}.logo{font-family:var(--serif);font-size:calc(var(--u)*20);letter-spacing:.08em;gap:calc(var(--u)*1);line-height:1;display:flex}.logo .l1{background:linear-gradient(#fff0c0 10%,#ffb040 50%,#e04020 95%);color:#0000;filter:drop-shadow(0 calc(var(--u)*.6) 0 #300) drop-shadow(0 0 calc(var(--u)*4) #ff5a1e99);-webkit-background-clip:text;background-clip:text}.logo .l2{background:linear-gradient(#fff 10%,#f0d890 55%,#a87828 95%);color:#0000;filter:drop-shadow(0 calc(var(--u)*.6) 0 #210) drop-shadow(0 0 calc(var(--u)*3) #e8c06866);-webkit-background-clip:text;background-clip:text}.title .sub{font-family:var(--serif);font-size:calc(var(--u)*3.6);letter-spacing:.5em;color:var(--gold);margin-top:calc(var(--u)*2);text-shadow:0 2px 6px #000}.title .tap{margin-top:calc(var(--u)*10);font-size:calc(var(--u)*2.6);letter-spacing:.3em;animation:1.6s infinite blink}.title .ver{bottom:calc(var(--u)*2 + var(--sb));opacity:.45;font-size:calc(var(--u)*1.7);position:absolute}@keyframes blink{50%{opacity:.25}}.lobby{background:linear-gradient(90deg,#0a080ee6 0%,#0a080eb8 50%,#0a080e0d 78%,#0000)}.topbar{align-items:center;gap:calc(var(--u)*4);margin-bottom:calc(var(--u)*3);display:flex}.player{flex-direction:column;display:flex}.pname{font-family:var(--serif);font-size:calc(var(--u)*3.6);cursor:pointer}.rank{color:var(--gold);font-size:calc(var(--u)*2)}.res{font-size:calc(var(--u)*2);opacity:.9;flex-direction:column;display:flex}.coin{color:var(--gold)}.topbar .tr{gap:calc(var(--u)*1);margin-left:auto;display:flex}.modes{grid-template-columns:repeat(4,1fr);grid-auto-rows:calc(var(--u)*17);gap:calc(var(--u)*1.6);width:min(64%,calc(var(--u)*110));display:grid}.mode{padding:calc(var(--u)*1.6);border:1px solid var(--line);border-radius:calc(var(--u)*1.2);cursor:pointer;background:linear-gradient(160deg,#3c2818e6,#120e16eb);flex-direction:column;justify-content:flex-end;transition:all .15s;display:flex;position:relative;overflow:hidden}.mode:before{content:"";right:calc(var(--u)*-3);top:calc(var(--u)*-3);width:calc(var(--u)*14);height:calc(var(--u)*14);border:calc(var(--u)*.4) solid #e8c06824;box-shadow:inset 0 0 0 calc(var(--u)*1.6) #e8c0680d;border-radius:50%;position:absolute}@media (hover:hover){.mode:hover{border-color:var(--gold);transform:translateY(-2px)}}.mode:active{transform:scale(.97)}.mode b{font-family:var(--serif);font-size:calc(var(--u)*3.4);letter-spacing:.12em;color:#fff4d8;text-shadow:0 2px #000;font-weight:400}.mode span{font-size:calc(var(--u)*1.75);opacity:.75;margin-top:calc(var(--u)*.4)}.mode.big{background:linear-gradient(160deg,#aa321ceb,#280e12f2);grid-area:span 2/span 2}.mode.big b{font-size:calc(var(--u)*6.4)}.m-rank{background:linear-gradient(160deg,#966e1ee6,#1e160ef0)}.m-league{background:linear-gradient(160deg,#284696e6,#0e101ef0)}.m-online{background:linear-gradient(160deg,#1e786ee6,#0c1618f0)}.m-editor{background:linear-gradient(160deg,#5a3c82e6,#120e1af0)}.mode.dot:after{content:"";right:calc(var(--u)*1.4);top:calc(var(--u)*1.4);width:calc(var(--u)*1.6);height:calc(var(--u)*1.6);background:#ff4030;border-radius:50%;position:absolute;box-shadow:0 0 8px #ff4030}.setup-body,.select-body{gap:calc(var(--u)*4);flex:1;min-height:0;display:flex}.col{min-width:0;padding-right:calc(var(--u)*1);touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1.3;overflow-y:auto}.col.side{flex:.9}.map-list{gap:calc(var(--u)*1.4);grid-template-columns:repeat(2,1fr);display:grid}.map-card{padding:calc(var(--u)*1.6);border:1px solid var(--line);border-radius:calc(var(--u)*1);cursor:pointer;gap:calc(var(--u)*.4);border-left:calc(var(--u)*.8) solid #888;background:#18141ed1;flex-direction:column;display:flex}.map-card[data-theme=chibi]{border-left-color:#ff6a30}.map-card[data-theme=guandu]{border-left-color:#e0a030}.map-card[data-theme=dingjun]{border-left-color:#c0e0ff}.map-card[data-theme=taoyuan]{border-left-color:#ff90c0}.map-card[data-theme=changban]{border-left-color:#c07850}.map-card.on{border-color:var(--gold);background:linear-gradient(90deg,#e8c0684d,#18141ed9)}.map-card b{font-family:var(--serif);font-size:calc(var(--u)*3.2);font-weight:400}.map-card em{color:var(--gold);font-style:normal;font-size:calc(var(--u)*1.8)}.map-card span{font-size:calc(var(--u)*1.75);opacity:.7}.select{background:linear-gradient(90deg,#0a080ef0 0%,#0a080edb 40%,#0a080e00 62% 100%)}.select .col.left{flex:0 0 calc(var(--u)*62)}.hero-grid{gap:calc(var(--u)*1.2);grid-template-columns:repeat(4,1fr);display:grid}.hero-card{aspect-ratio:1;border-radius:calc(var(--u)*1);cursor:pointer;background-position:50%;background-size:cover;border:2px solid #ffffff26;align-items:flex-end;transition:all .12s;display:flex;position:relative;overflow:hidden}.hero-card b{text-align:center;width:100%;font-family:var(--serif);font-weight:400;font-size:calc(var(--u)*2.4);padding:calc(var(--u)*.3);background:linear-gradient(#0000,#000000d9)}.hero-card.on{border-color:var(--gold);box-shadow:0 0 calc(var(--u)*2) #e8c068b3;transform:scale(1.04)}.fac{width:calc(var(--u)*3.2);height:calc(var(--u)*3.2);font-family:var(--serif);font-size:calc(var(--u)*2);border-radius:0 0 calc(var(--u)*1) 0;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.f-魏{background:#3050c0}.f-蜀{background:#208048}.f-吴{background:#c03038}.f-群{background:#7a5a30}.hero-info{right:calc(var(--u)*3 + var(--sr));top:calc(var(--u)*10 + var(--st));bottom:calc(var(--u)*3 + var(--sb));touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:calc(var(--u)*50);padding:calc(var(--u)*2);background:var(--panel);border:1px solid var(--line);border-radius:calc(var(--u)*1.2);flex-direction:column;display:flex;position:absolute;overflow-y:auto}.hname{align-items:baseline;gap:calc(var(--u)*1.4);display:flex}.hname b{font-family:var(--serif);font-size:calc(var(--u)*5.4);color:#fff4d8;font-weight:400}.hname em{font-style:normal;font-family:var(--serif);color:var(--gold);font-size:calc(var(--u)*2.6)}.hname .role{font-size:calc(var(--u)*1.9);opacity:.8;margin-left:auto}.lore{font-family:var(--serif);font-size:calc(var(--u)*2.05);opacity:.85;margin:calc(var(--u)*.8) 0;line-height:1.5}.stars{gap:calc(var(--u)*.3) calc(var(--u)*2);font-size:calc(var(--u)*1.8);margin-bottom:calc(var(--u)*1);grid-template-columns:1fr 1fr;display:grid}.stars i{color:var(--gold);margin-left:calc(var(--u)*.8);letter-spacing:.1em;font-style:normal}.sk{gap:calc(var(--u)*1.2);margin-bottom:calc(var(--u)*1);align-items:flex-start;display:flex}.sk b{font-size:calc(var(--u)*2);color:var(--gold);font-weight:400;display:block}.sk span{font-size:calc(var(--u)*1.75);opacity:.85;line-height:1.45;display:block}.sk-ic,.glyph{font-family:var(--serif)}.sk-ic{width:calc(var(--u)*5);height:calc(var(--u)*5);font-style:normal;font-size:calc(var(--u)*2.8);background:radial-gradient(circle at 35% 30%,#fff8,transparent 45%),radial-gradient(circle,var(--c,#888),#111 130%);border:2px solid var(--gold2);text-shadow:0 1px 2px #000;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.sk-ic.p{--c:#6a6a70}.hero-info .big-btn{align-self:stretch;margin-top:auto}.loading{background:#0c0a10;justify-content:center;align-items:center}.load-name{font-family:var(--serif);font-size:calc(var(--u)*14);color:var(--gold);letter-spacing:.2em;text-shadow:0 0 calc(var(--u)*4) #e8963c80}.load-sub{font-size:calc(var(--u)*2.6);margin-top:calc(var(--u)*1.5);opacity:.8}.load-tip{bottom:calc(var(--u)*8);font-family:var(--serif);font-size:calc(var(--u)*2.4);opacity:.6;animation:1.4s infinite blink;position:absolute}.lg-teams{gap:calc(var(--u)*1.2);width:min(70%,calc(var(--u)*120));grid-template-columns:repeat(4,1fr);display:grid}.lg-team{padding:calc(var(--u)*1.2);border:1px solid var(--line);border-left:calc(var(--u)*.8) solid var(--c);border-radius:calc(var(--u)*.8);cursor:pointer;gap:calc(var(--u)*.3);background:#18141ed9;flex-direction:column;display:flex}.lg-team.on{border-color:var(--gold);background:linear-gradient(90deg,#e8c0684d,#18141ed9)}.lg-team b{font-family:var(--serif);font-size:calc(var(--u)*3);font-weight:400}.lg-team span,.lg-team em{font-size:calc(var(--u)*1.7);opacity:.8;font-style:normal}.roster{gap:2px;display:flex}.roster .p{width:calc(var(--u)*3.4);height:calc(var(--u)*3.4);border-width:1px}.lg-champ{font-family:var(--serif);color:var(--gold);font-size:calc(var(--u)*2.8);margin-bottom:calc(var(--u)*1)}.lg-table{flex-direction:column;gap:2px;display:flex}.lg-row{padding:calc(var(--u)*.9) calc(var(--u)*1.4);border-left:calc(var(--u)*.6) solid var(--c,transparent);font-size:calc(var(--u)*2.1);background:#18141ecc;grid-template-columns:.6fr 2.4fr 1fr 1fr 1fr;display:grid}.lg-row.hd{opacity:.6;font-size:calc(var(--u)*1.8);background:0 0}.lg-row.me{background:linear-gradient(90deg,#e8c06859,#18141ecc)}.lg-row.top span:first-child{color:var(--gold)}.lg-row .nm{font-family:var(--serif)}.lg-row em{opacity:.55;margin-left:.6em;font-size:.8em;font-style:normal}.lg-fix .fx{padding:calc(var(--u)*.7) calc(var(--u)*1.2);font-size:calc(var(--u)*2);background:#18141ecc;justify-content:space-between;margin-bottom:2px;display:flex}.fx.me{outline:1px solid var(--gold)}.fx em{color:var(--gold);font-style:normal}.lg-next{margin-top:calc(var(--u)*2);font-family:var(--serif);font-size:calc(var(--u)*2.4);color:#fff4d8}.task{padding:calc(var(--u)*1.3) calc(var(--u)*1.8);border:1px solid var(--line);border-radius:calc(var(--u)*.8);margin-bottom:calc(var(--u)*1);background:#18141ed1;justify-content:space-between;align-items:center;display:flex}.task b{font-weight:400;font-size:calc(var(--u)*2.3)}.task.done{opacity:.5}.task em{color:var(--gold);font-style:normal}.tbar{width:calc(var(--u)*34);height:calc(var(--u)*.8);margin:calc(var(--u)*.6) 0;background:#0008;border-radius:9px;position:relative;overflow:hidden}.tbar .fill{background:linear-gradient(90deg,#c89030,#ffe090);height:100%;display:block;position:absolute;inset:0 auto 0 0;transform:none}.ranks{gap:calc(var(--u)*.8);margin-bottom:calc(var(--u)*2);flex-wrap:wrap;display:flex}.ranks span{padding:calc(var(--u)*.4) calc(var(--u)*1.2);border:1px solid var(--line);font-size:calc(var(--u)*1.8);opacity:.5;border-radius:9px}.ranks span.on{opacity:1;background:var(--gold);color:#201808}.ms{align-items:center;gap:calc(var(--u)*1.2);margin-bottom:calc(var(--u)*.6);display:flex}.ms .p{width:calc(var(--u)*4);height:calc(var(--u)*4)}.ms b{font-family:var(--serif);font-weight:400}.ms span{opacity:.7;font-size:calc(var(--u)*1.8)}.set-body{width:min(60%,calc(var(--u)*90))}.opt{align-items:center;gap:calc(var(--u)*3);margin:calc(var(--u)*1.6) 0;display:flex}.opt>span{width:calc(var(--u)*10);font-family:var(--serif);font-size:calc(var(--u)*2.6);color:var(--gold)}.opt input{accent-color:#e8c068;flex:1}.opt .seg{margin:0}.hud{inset:var(--st) var(--sr) var(--sb) var(--sl);position:absolute;pointer-events:none!important}.hud>*{pointer-events:auto}.tags,.dmg-layer,.feed,.announce,.hud-score,.dead-mask{pointer-events:none!important}.hud-score{font-family:var(--serif);padding:calc(var(--u)*.5) calc(var(--u)*7);background:linear-gradient(90deg,#0000,#000000b8 18% 82%,#0000);align-items:center;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.sb-blue,.sb-red{font-size:calc(var(--u)*4.4);width:calc(var(--u)*7);text-align:center;text-shadow:0 2px #000}.sb-blue{color:var(--blue)}.sb-red{color:var(--red)}.sb-mid{padding:0 calc(var(--u)*2);font-size:calc(var(--u)*2.4);color:#fff4d8;font-family:var(--sans)}.minimap{-webkit-touch-callout:none;left:calc(var(--u)*1);top:calc(var(--u)*1);width:calc(var(--u)*27);border:2px solid var(--gold2);border-radius:calc(var(--u)*.8);image-rendering:auto;touch-action:none;position:absolute;box-shadow:0 0 0 1px #000,0 4px 14px #000a}.hud-tr{right:calc(var(--u)*1);top:calc(var(--u)*1);gap:calc(var(--u)*.8);align-items:center;display:flex;position:absolute}.ping{font-size:calc(var(--u)*1.7);opacity:.7}.hud-tr .ibtn{font-size:calc(var(--u)*1.8);padding:calc(var(--u)*.6) calc(var(--u)*1.4)}.feed{right:calc(var(--u)*1);top:calc(var(--u)*7);gap:calc(var(--u)*.5);flex-direction:column;align-items:flex-end;display:flex;position:absolute}.feed-row{align-items:center;gap:calc(var(--u)*1);padding:calc(var(--u)*.4) calc(var(--u)*1);font-family:var(--serif);font-size:calc(var(--u)*2.2);background:linear-gradient(90deg,#0000,#000000bf);animation:.25s feedin;display:flex}.feed-row .p{width:calc(var(--u)*3.6);height:calc(var(--u)*3.6)}.feed-row.good span{color:#8fd0ff}.feed-row.bad span{color:#ff9080}@keyframes feedin{0%{opacity:0;transform:translate(40px)}}.announce{opacity:0;font-family:var(--serif);font-size:calc(var(--u)*7.5);letter-spacing:.2em;white-space:nowrap;color:#fff4d8;text-shadow:0 0 calc(var(--u)*2) #000,0 calc(var(--u)*.4) 0 #000;padding:0 calc(var(--u)*8);background:linear-gradient(90deg,#0000,#0009 25% 75%,#0000);transition:all .2s;position:absolute;top:15%;left:50%;transform:translate(-50%)scale(.6)}.announce.on{opacity:1;transform:translate(-50%)scale(1)}.announce.good{color:#9fd8ff}.announce.bad{color:#ff8a70}.hud-left{z-index:6;left:calc(var(--u)*1);top:calc(var(--u)*30);gap:calc(var(--u)*1);flex-direction:column;align-items:flex-start;display:flex;position:absolute}.gold{padding:calc(var(--u)*.7) calc(var(--u)*1.6) calc(var(--u)*.7) calc(var(--u)*4.4);border:1px solid var(--gold2);background:#0a080ecc radial-gradient(circle at calc(var(--u)*2.2) 50%,#ffe080 0,#c89030 calc(var(--u)*1.3),transparent calc(var(--u)*1.45));color:var(--gold);font-size:calc(var(--u)*2.3);min-width:calc(var(--u)*12);text-align:left;border-radius:99px}.quick{gap:calc(var(--u)*.8);flex-direction:column;display:flex}.quick-buy{align-items:center;gap:calc(var(--u)*.8);padding:calc(var(--u)*.4) calc(var(--u)*1.4) calc(var(--u)*.4) calc(var(--u)*.4);border:1px solid var(--gold);cursor:pointer;color:var(--gold);font-size:calc(var(--u)*2);background:#0a080ed9;border-radius:99px;animation:1s infinite pulse;display:flex}@keyframes pulse{50%{box-shadow:0 0 calc(var(--u)*1.6) var(--gold)}}.item-ic{width:calc(var(--u)*4.6);height:calc(var(--u)*4.6);border-radius:calc(var(--u)*.8);font-style:normal;font-family:var(--serif);font-size:calc(var(--u)*2.6);color:#fff;text-shadow:0 1px 2px #000;background:radial-gradient(circle at 30% 25%,#fff6,transparent 50%),linear-gradient(135deg,var(--c,#555),#1a1820 140%);border:1px solid #fff5;flex:none;justify-content:center;align-items:center;display:inline-flex}.item-ic.empty{background:#00000073;border:1px dashed #fff3}.hero-panel{left:50%;bottom:calc(var(--u)*1);align-items:center;gap:calc(var(--u)*1.2);padding:calc(var(--u)*.8) calc(var(--u)*1.6);border:1px solid var(--line);border-radius:calc(var(--u)*1.4);background:linear-gradient(#100e168c,#100e16e6);display:flex;position:absolute;transform:translate(-50%)}.port{width:calc(var(--u)*8.5);height:calc(var(--u)*8.5);border:2px solid var(--gold);background-position:50%;background-size:cover;border-radius:50%;position:relative}.lvl{right:calc(var(--u)*-.8);bottom:calc(var(--u)*-.6);min-width:calc(var(--u)*3.4);height:calc(var(--u)*3.4);border:1px solid var(--gold);font-size:calc(var(--u)*1.9);color:var(--gold);background:#18141c;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.bars{width:calc(var(--u)*34);gap:calc(var(--u)*.4);flex-direction:column;display:flex}.bar{height:calc(var(--u)*2.5);border-radius:calc(var(--u)*.5);background:#000a;border:1px solid #0008;position:relative;overflow:hidden}.bar.sm{height:calc(var(--u)*1.7)}.bar.xs{height:calc(var(--u)*.6)}.fill{transform-origin:0;transition:transform .12s linear;position:absolute;inset:0}.fill.hp{background:linear-gradient(#8cf070,#2ea030)}.fill.mp{background:linear-gradient(#70c0ff,#2a60d0)}.fill.xp{background:#e8c068}.bar-txt{font-size:calc(var(--u)*1.55);text-shadow:0 1px 2px #000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bar.sm .bar-txt{font-size:calc(var(--u)*1.25)}.hp-side{gap:calc(var(--u)*.5);flex-direction:column;display:flex}.kda{font-size:calc(var(--u)*1.65);opacity:.85}.items{gap:calc(var(--u)*.4);display:flex}.items .item-ic{width:calc(var(--u)*3.9);height:calc(var(--u)*3.9);font-size:calc(var(--u)*2.1)}.pad{width:calc(var(--u)*50);height:calc(var(--u)*46);position:absolute;bottom:0;right:0;pointer-events:none!important}.pad>*{pointer-events:auto;touch-action:none;position:absolute}.atk,.skill{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.atk{right:calc(var(--u)*3.5);bottom:calc(var(--u)*3.5);width:calc(var(--u)*17);height:calc(var(--u)*17);border:calc(var(--u)*.45) solid #f0c080;box-shadow:0 0 0 2px #0008,0 calc(var(--u)*.6) calc(var(--u)*2) #000a;background:radial-gradient(circle at 35% 30%,#fff5,#0000 45%),radial-gradient(circle,#c84030,#401010 120%);overflow:visible}.atk:active,.atk.down{filter:brightness(1.3);transform:scale(.94)}.atk .glyph{font-size:calc(var(--u)*7);text-shadow:0 2px #000}.skill{width:calc(var(--u)*12);height:calc(var(--u)*12);background:radial-gradient(circle at 35% 28%,#fff7,transparent 42%),radial-gradient(circle,var(--c),#101018 125%);border:calc(var(--u)*.35) solid #f0d090;box-shadow:0 0 0 2px #0008,0 calc(var(--u)*.5) calc(var(--u)*1.6) #000a;overflow:visible}.skill .glyph{font-size:calc(var(--u)*5.4);text-shadow:0 2px 3px #000,0 0 calc(var(--u)*1.5) #000}.skill.s0{right:calc(var(--u)*24);bottom:calc(var(--u)*2)}.skill.s1{right:calc(var(--u)*19.5);bottom:calc(var(--u)*16.5)}.skill.s2{right:calc(var(--u)*5);bottom:calc(var(--u)*24);width:calc(var(--u)*13);height:calc(var(--u)*13);border-color:#ffe8a0}.skill .cd{background:conic-gradient(transparent var(--p,0%),#00000ec7 0);pointer-events:none;border-radius:50%;position:absolute;inset:0}.cdt{font-size:calc(var(--u)*4.4);font-family:var(--sans);text-shadow:0 0 6px #000,0 2px #000;pointer-events:none;font-weight:700;position:absolute}.skill.locked{filter:grayscale()brightness(.5)}.skill.nomana{filter:saturate(.3)brightness(.7);border-color:#6080ff}.skill.deny{animation:.2s deny}.skill.aiming{box-shadow:0 0 calc(var(--u)*3) #a0e8ff,0 0 0 2px #a0e8ff}@keyframes deny{50%{transform:translate(4px)}}.skill[data-lv]:not([data-lv=""]):after{content:attr(data-lv);left:50%;bottom:calc(var(--u)*-1.2);min-width:calc(var(--u)*2.6);height:calc(var(--u)*2.6);border:1px solid var(--gold);font-size:calc(var(--u)*1.6);color:var(--gold);background:#18141c;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.key{right:calc(var(--u)*-.4);top:calc(var(--u)*-.4);min-width:calc(var(--u)*3);height:calc(var(--u)*3);border-radius:calc(var(--u)*.6);font-size:calc(var(--u)*1.6);font-family:var(--sans);background:#000c;border:1px solid #fff5;justify-content:center;align-items:center;display:flex;position:absolute}.up{width:calc(var(--u)*5.2);height:calc(var(--u)*5.2);color:#402800;font-size:calc(var(--u)*4);box-shadow:0 0 calc(var(--u)*2) #ffd040;cursor:pointer;background:linear-gradient(#ffe890,#d09020);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-weight:700;animation:1s infinite pulse;display:none}.up.on{display:flex}.up.u0{right:calc(var(--u)*34);bottom:calc(var(--u)*11)}.up.u1{right:calc(var(--u)*29.5);bottom:calc(var(--u)*25.5)}.up.u2{right:calc(var(--u)*16);bottom:calc(var(--u)*34.5)}.mini-btn{width:calc(var(--u)*8.4);height:calc(var(--u)*8.4);border:calc(var(--u)*.3) solid #a0c8ff;font-family:var(--serif);font-size:calc(var(--u)*2.3);cursor:pointer;background:radial-gradient(circle,#3060a0,#101828 120%);border-radius:50%;justify-content:center;align-items:center;display:flex}.recall{right:calc(var(--u)*39);bottom:calc(var(--u)*1.5)}.cancel{right:calc(var(--u)*5);top:calc(var(--u)*18);width:calc(var(--u)*11);height:calc(var(--u)*11);border:calc(var(--u)*.4) solid #ff7060;font-family:var(--serif);font-size:calc(var(--u)*2.8);color:#ffb0a0;background:#500a0a99;border-radius:50%;justify-content:center;align-items:center;display:none;position:absolute;pointer-events:none!important}.cancel.on{display:flex}.cancel.hot{color:#fff;background:#ff3c28d9;transform:scale(1.15)}.joy-zone{touch-action:none;width:44vw;height:58%;position:fixed;bottom:0;left:0}.joy-base{left:calc(var(--u)*17 + var(--sl));top:calc(100% - calc(var(--u)*19) - var(--sb));width:calc(var(--u)*22);height:calc(var(--u)*22);margin:calc(var(--u)*-11) 0 0 calc(var(--u)*-11);opacity:.6;background:radial-gradient(circle,#fff0c814,#00000059);border:2px solid #fff0c859;border-radius:50%;position:fixed;pointer-events:none!important}.joy-base.on{opacity:1}.joy-knob{width:calc(var(--u)*9.5);height:calc(var(--u)*9.5);background:radial-gradient(circle at 35% 30%,#fff9,#e8c068 45%,#806020);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #000a}.tags{position:fixed;inset:0;overflow:hidden}.tag{align-items:center;gap:calc(var(--u)*.5);font-size:calc(var(--u)*1.6);white-space:nowrap;text-shadow:0 1px 2px #000,0 0 4px #000;will-change:transform;display:flex;position:absolute;top:0;left:0}.tag b{min-width:calc(var(--u)*2.5);height:calc(var(--u)*2.5);border:1px solid var(--gold);font-size:calc(var(--u)*1.45);color:var(--gold);background:#18141c;border-radius:50%;justify-content:center;align-items:center;display:flex}.tag.ally span{color:#9fd0ff}.tag.foe span{color:#ffa090}.tag.me span{color:#b0ffb0}.dmg-layer{position:fixed;inset:0;overflow:hidden}.dmg{font-family:var(--sans);font-weight:900;font-size:calc(var(--u)*3);color:#ffe0b0;text-shadow:0 0 3px #000,0 2px #000;font-style:italic;animation:.75s forwards dmg;position:absolute;transform:translate(-50%,-50%)}.dmg.magic{color:#c0a0ff}.dmg.true{color:#fff}.dmg.heal{color:#80ff90}.dmg.self{color:#ff6050;font-size:calc(var(--u)*2.6)}.dmg.crit{font-size:calc(var(--u)*4.6);color:#ffd020}@keyframes dmg{0%{opacity:0;transform:translate(-50%,-50%)scale(1.7)}15%{opacity:1;transform:translate(-50%,-80%)scale(1)}to{opacity:0;transform:translate(-50%,-260%)scale(.85)}}.dead-mask{-webkit-backdrop-filter:grayscale(.9);font-family:var(--serif);font-size:calc(var(--u)*9);color:#ff9080;text-shadow:0 0 20px #000;background:#14000059;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.dead-mask.on{display:flex}.dead-mask b{font-size:calc(var(--u)*3.4);color:#fff;margin-top:calc(var(--u)*1);font-weight:400}.practice-bar{left:50%;top:calc(var(--u)*7.5);gap:calc(var(--u)*1);display:flex;position:absolute;transform:translate(-50%)}.modal{max-width:96%;max-height:92%;padding:calc(var(--u)*2.4);background:var(--panel);border:1px solid var(--gold2);border-radius:calc(var(--u)*1.4);z-index:20;flex-direction:column;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #00000073,0 10px 40px #000}.modal.on{display:flex}.modal-head{align-items:center;gap:calc(var(--u)*3);margin-bottom:calc(var(--u)*1.6);display:flex}.modal-head b{font-family:var(--serif);font-size:calc(var(--u)*3.6);color:var(--gold);letter-spacing:.15em;font-weight:400}.gold-txt{color:var(--gold)}.x{font-size:calc(var(--u)*4.4);width:calc(var(--u)*5);margin-left:auto;line-height:1}.shop{width:calc(var(--u)*120)}.tabs{gap:calc(var(--u)*1);margin-bottom:calc(var(--u)*1.4);display:flex}.item-grid{gap:calc(var(--u)*1);touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;grid-template-columns:repeat(3,1fr);min-height:0;display:grid;overflow-y:auto}.item-card{gap:calc(var(--u)*1.2);padding:calc(var(--u)*1);border:1px solid var(--line);border-radius:calc(var(--u)*.8);cursor:pointer;background:#1e1a26e6;align-items:center;display:flex}.item-card.poor{opacity:.5}.item-card.own{opacity:.6;border-color:#60c060}.ic-info{flex-direction:column;min-width:0;display:flex}.ic-info b{font-weight:400;font-family:var(--serif);font-size:calc(var(--u)*2.3)}.ic-info span{font-size:calc(var(--u)*1.55);opacity:.75}.ic-info em{color:var(--gold);font-style:normal;font-size:calc(var(--u)*1.8)}.owned{align-items:center;gap:calc(var(--u)*.8);margin-top:calc(var(--u)*1.4);font-size:calc(var(--u)*1.7);opacity:.9;display:flex}.owned .item-ic{cursor:pointer}.board{width:calc(var(--u)*150);touch-action:pan-y;overscroll-behavior:contain;overflow-y:auto}.board-wrap{gap:calc(var(--u)*2);width:100%;display:flex}.team{flex-direction:column;flex:1;gap:2px;display:flex}.th{font-family:var(--serif);font-size:calc(var(--u)*2.6);padding:calc(var(--u)*.5) calc(var(--u)*1);justify-content:space-between;display:flex}.team.t0 .th{color:var(--blue)}.team.t1 .th{color:var(--red)}.th span{opacity:.8;font-size:.7em}.row{align-items:center;gap:calc(var(--u)*1);padding:calc(var(--u)*.5) calc(var(--u)*1);font-size:calc(var(--u)*1.8);background:#1e1a26d9;display:flex}.row.me{background:#e8c06840}.row .p{width:calc(var(--u)*4.4);height:calc(var(--u)*4.4)}.row b{font-weight:400;font-family:var(--serif);width:calc(var(--u)*9);font-size:calc(var(--u)*2.1);white-space:nowrap;overflow:hidden}.row .kd{width:calc(var(--u)*8);color:var(--gold)}.row .lv{width:calc(var(--u)*5);opacity:.8}.row .cs,.row .dm{opacity:.7;font-size:calc(var(--u)*1.55);width:calc(var(--u)*9)}.its{gap:1px;margin-left:auto;display:flex}.its .item-ic{width:calc(var(--u)*2.9);height:calc(var(--u)*2.9);font-size:calc(var(--u)*1.6);border-radius:3px}.menu{width:calc(var(--u)*70);align-items:stretch}.help{font-size:calc(var(--u)*1.9);opacity:.85;line-height:1.7}.end{width:calc(var(--u)*156);touch-action:pan-y;overscroll-behavior:contain;align-items:center;overflow-y:auto}.end>*{flex:none}.end-title{font-family:var(--serif);font-size:calc(var(--u)*12);letter-spacing:.25em;line-height:1.1}.end.win .end-title{background:linear-gradient(#fff8d0,#ffc040 55%,#c06010);color:#0000;filter:drop-shadow(0 0 calc(var(--u)*3) #ffb43cb3);-webkit-background-clip:text;background-clip:text}.end.lose .end-title{color:#8a90a0;text-shadow:0 0 20px #000}.end-sub{opacity:.8;margin-bottom:calc(var(--u)*1.6)}.online-body{width:min(62%,calc(var(--u)*100));gap:calc(var(--u)*1.4);flex-direction:column;display:flex}.field{gap:calc(var(--u)*1.2);align-items:center;display:flex}.field input,.field select{padding:calc(var(--u)*1) calc(var(--u)*1.4);font:inherit;color:#fff;border:1px solid var(--line);border-radius:calc(var(--u)*.8);-webkit-user-select:text;user-select:text;background:#00000080;flex:1}.room-code{font-family:var(--sans);font-size:calc(var(--u)*6);letter-spacing:.3em;color:var(--gold)}.slots{gap:calc(var(--u)*1);grid-template-columns:1fr 1fr;display:grid}.slot{align-items:center;gap:calc(var(--u)*1);padding:calc(var(--u)*.8) calc(var(--u)*1.2);border-left:calc(var(--u)*.6) solid var(--blue);font-size:calc(var(--u)*2);background:#18141ed9;display:flex}.slot.r{border-left-color:var(--red)}.slot .p{width:calc(var(--u)*4.4);height:calc(var(--u)*4.4)}.slot em{opacity:.6;margin-left:auto;font-size:.85em;font-style:normal}.slot.me{outline:1px solid var(--gold)}.editor{padding:max(calc(var(--u)*1.5),var(--st)) max(calc(var(--u)*2),var(--sr)) max(calc(var(--u)*1.5),var(--sb)) max(calc(var(--u)*2),var(--sl));background:#0a080ef0}.ed-body{gap:calc(var(--u)*1.6);flex:1;min-height:0;display:flex}.ed-tools{width:calc(var(--u)*30);gap:calc(var(--u)*.8);touch-action:pan-y;overscroll-behavior:contain;flex-direction:column;display:flex;overflow-y:auto}.ed-tools>*{flex:none}.ed-tools .tab{text-align:left}.ed-canvas-wrap{border:1px solid var(--line);border-radius:calc(var(--u)*.8);background:#000;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.ed-canvas-wrap canvas{touch-action:none;cursor:crosshair;max-width:100%;max-height:100%}.ed-side{width:calc(var(--u)*34);gap:calc(var(--u)*.8);touch-action:pan-y;overscroll-behavior:contain;flex-direction:column;display:flex;overflow-y:auto}.ed-side>*{flex:none}.ed-side .big-btn{font-size:calc(var(--u)*2.2);padding:calc(var(--u)*1) calc(var(--u)*1.5);letter-spacing:.1em;margin-top:calc(var(--u)*.6)}.ed-info{font-size:calc(var(--u)*1.7);opacity:.75;line-height:1.5}.hud:not(.touch) .joy-zone,.hud:not(.touch) .joy-base,.hud.touch .key{display:none}.hud.touch .joy-zone{height:50%}.hud.touch .up{width:max(calc(var(--u)*9),42px);height:max(calc(var(--u)*9),42px);font-size:calc(var(--u)*6)}.hud.touch .up.u0{right:calc(var(--u)*33);bottom:calc(var(--u)*13)}.hud.touch .up.u1{right:calc(var(--u)*28.5);bottom:calc(var(--u)*27.5)}.hud.touch .up.u2{right:calc(var(--u)*15.5);bottom:calc(var(--u)*36.5)}.hud.touch .mini-btn{width:max(calc(var(--u)*9.4),44px);height:max(calc(var(--u)*9.4),44px);font-size:calc(var(--u)*2.6)}.hud.touch .recall{right:calc(var(--u)*39.5)}.hud.touch .hud-tr{gap:calc(var(--u)*1.4)}.hud.touch .hud-tr .ibtn{min-width:48px;min-height:40px;font-size:calc(var(--u)*2.3)}.hud.touch .feed{top:calc(var(--u)*11)}.hud.touch .hud-left{align-items:center;gap:calc(var(--u)*1.6);flex-direction:row}.hud.touch .quick{gap:calc(var(--u)*1.6);flex-direction:row}.hud.touch .gold{min-height:40px;font-size:calc(var(--u)*2.6)}.hud.touch .quick-buy{min-height:40px;padding-right:calc(var(--u)*2)}.hud.touch .practice-bar .ibtn{min-height:36px}.hud.touch .hero-panel{left:calc(50% - var(--u)*10)}.hud.touch .bars{width:calc(var(--u)*26)}@media (max-width:830px){.hud.touch .hp-side{display:none}.hud.touch .hero-panel{left:calc(50% - var(--u)*4)}}.board{cursor:pointer}@media (pointer:coarse){.back,.ibtn,.tab{min-width:48px;min-height:40px}.x{min-width:44px;min-height:44px}.big-btn.sm{min-height:40px}.link{padding:12px 4px}.pname{padding:6px 0}.owned .item-ic{width:40px;height:40px;font-size:20px}.opt input{min-height:36px}.field input,.field select{min-height:40px;font-size:16px}}.league,.set-body,.online-body{touch-action:pan-y;overscroll-behavior:contain;overflow-y:auto}.league>*,.set-body>*,.online-body>*{flex-shrink:0}.set-body,.online-body{min-height:0}.field input,.field select{min-width:0}.select .col.left .seg{flex-wrap:nowrap}.select .col.left .seg .tab{flex:1;min-width:0;padding-left:0;padding-right:0}@media (max-height:520px){.bar-txt,.bar.sm .bar-txt,.kda,.tag,.tag b,.ic-info span,.row .cs,.row .dm,.ping,.mode span,.map-card span,.sk span,.lg-team span,.lg-team em,.ed-info,.owned,.title .ver,.its .item-ic,.rank,.res,.lvl,.ic-info em,.stars,.hname .role,.map-card em,.hint,.link,.row,.lg-row.hd,.ranks span,.ms span,.hud-tr .ibtn,.key,.th span,.skill[data-lv]:not([data-lv=""]):after{font-size:max(9px,calc(var(--u)*1.8))}.bar.sm{height:calc(var(--u)*2.3)}.setup-body,.select-body{gap:calc(var(--u)*2.5)}}