@font-face{font-family:FusionPixel12;src:url(../assets/fonts/ui12.woff2) format("woff2")}@font-face{font-family:FusionPixel10;src:url(../assets/fonts/ui10.woff2) format("woff2")}:root{--night-0: #07061a;--night-1: #15132e;--night-2: #232057;--night-3: #2f2c6e;--frame: #e9e0c9;--frame-dim: #8d86b8;--text: #f4ecd8;--text-dim: #a9a3cf;--gold: #f6c75a;--gold-lt: #fff1b8;--gold-dk: #b07a1c;--side-blue: #5b8cff;--side-blue-lt: #c2d6ff;--side-blue-dk: #25358f;--side-red: #e5484d;--side-red-lt: #ffb1a8;--side-red-dk: #7d1a22;--danger: #ff6a6a;--draft-bg: #110f2a;--px12: "FusionPixel12", "PingFang SC", monospace;--px10: "FusionPixel10", "FusionPixel12", "PingFang SC", monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0d0b22;overflow:hidden;font-family:var(--px12);font-size:12px;color:var(--text);-webkit-font-smoothing:none;font-smooth:never}body{display:flex;align-items:center;justify-content:center}#stage{position:relative}#view{display:block}#ui{position:absolute;left:0;top:0;width:960px;height:540px;transform-origin:0 0;pointer-events:none}#ui>*{pointer-events:auto}canvas{image-rendering:pixelated;image-rendering:crisp-edges}button{font-family:var(--px12);font-size:12px;cursor:pointer;color:var(--text)}.panel{border:6px solid transparent;border-image:url(../assets/ui/css/panel.png) 6 fill / 6px stretch;image-rendering:pixelated}.panel>*{image-rendering:auto}.tab{display:inline-block;padding:0 8px;line-height:14px;border:4px solid transparent;border-image:url(../assets/ui/css/tab.png) 4 fill / 4px stretch;image-rendering:pixelated;color:var(--gold-lt)}.key{display:inline-block;min-width:14px;padding:0 3px;margin-right:3px;line-height:11px;text-align:center;font-family:var(--px10);font-size:10px;color:var(--night-1);border:3px solid transparent;border-image:url(../assets/ui/css/keycap.png) 3 fill / 3px stretch;image-rendering:pixelated}.btn{border:0;padding:0;background:none;display:inline-flex;align-items:center;gap:2px;color:var(--text-dim);font-size:12px}.btn:hover{color:var(--text)}.btn.go{padding:6px 22px;font-size:24px;line-height:24px;color:var(--night-1);letter-spacing:4px;background:var(--gold);border-radius:4px;box-shadow:0 0 0 1px var(--night-0),inset 0 2px 0 var(--gold-lt),inset 0 -3px 0 var(--gold-dk),0 3px 0 1px var(--night-0)}.btn.go:hover{background:var(--gold-lt);color:var(--night-1)}.btn.go.off{filter:grayscale(1) brightness(.7);cursor:not-allowed}.divider{height:1px;background:var(--frame-dim);position:relative;margin:6px 4px}.divider:after{content:"";position:absolute;left:50%;top:-2px;width:5px;height:5px;margin-left:-2px;background:var(--gold);transform:rotate(45deg)}.c-blue{color:var(--side-blue-lt)}.c-red{color:var(--side-red-lt)}.dim{color:var(--text-dim)}.small{font-family:var(--px10);font-size:10px}@keyframes twinkle{50%{filter:brightness(1.12)}}@keyframes bob{50%{transform:translateY(-2px)}}#boot{position:fixed;inset:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;background:linear-gradient(180deg,#0a0922,#2a2164)}#boot b{font-size:24px;letter-spacing:6px;color:var(--gold-lt)}:root:lang(en) #boot b{letter-spacing:2px}#boot .bar{width:240px;height:6px;background:var(--night-0);border-radius:3px;box-shadow:0 0 0 1px var(--frame)}#boot .bar i{display:block;height:100%;width:0;background:var(--gold);border-radius:3px;transition:width .1s}#boot span{font-family:var(--px10);font-size:10px;color:var(--text-dim)}.screen{position:absolute;inset:0}.menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;background:var(--draft-bg)}.mn-title{display:flex;align-items:center;gap:16px}.mn-title canvas{width:48px;height:48px}.mn-title b{font-weight:400;font-size:48px;line-height:48px;color:var(--gold-lt);letter-spacing:6px;text-shadow:3px 3px 0 var(--night-0)}:root:lang(en) .mn-title b{letter-spacing:2px}.mn-list{display:flex;flex-direction:column;gap:8px;width:260px}.mn-item{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;height:46px;background:none;color:var(--text);cursor:pointer}.mn-item b{font-weight:400;font-size:24px;line-height:24px}.mn-item:hover b{color:var(--gold-lt)}.mn-item .key{position:absolute;left:4px}.mn-item small{font-family:var(--px10);font-size:10px;color:var(--text-dim)}.mn-item.off{opacity:.55;cursor:default}.mn-item.off:hover b{color:var(--text)}.draft{display:flex;flex-direction:column;padding:8px 12px;background:var(--draft-bg)}.d-head{display:flex;align-items:center;gap:12px;height:40px}.d-title{display:flex;align-items:center;gap:8px}.d-title canvas{width:32px;height:32px}.d-title b{font-size:24px;line-height:24px;color:var(--gold-lt);letter-spacing:2px;text-shadow:2px 2px 0 var(--night-0)}.d-modes{flex:1;display:flex;gap:6px;justify-content:center}.mode{padding:0 6px 1px;text-align:left;border:6px solid transparent;background:none;opacity:.7;cursor:pointer}.mode.on{border-image:url(../assets/ui/css/panel.png) 6 fill / 6px stretch;image-rendering:pixelated;cursor:default}.mode b{display:block;font-weight:400}.mode small{display:block;font-family:var(--px10);font-size:10px;color:var(--text-dim);max-width:230px}.mode.on{opacity:1;flex:none}.mode.on b{color:var(--gold-lt)}.mode .mtop{display:flex;align-items:center;gap:8px}.mset{display:flex;align-items:center;gap:2px;font-family:var(--px10);font-size:10px;color:var(--text-dim)}.mset>span{margin-right:1px}.mset canvas.set{width:8px;height:8px;margin-right:2px}.mset i{font-style:normal;min-width:28px;text-align:center;font-family:var(--px12);font-size:12px;color:var(--gold-lt)}.mstep{width:12px;height:12px;border:0;padding:0;line-height:11px;font-family:var(--px10);font-size:10px;color:var(--night-1);background:var(--frame);border-radius:2px;box-shadow:0 0 0 1px var(--night-0),inset 0 -1px 0 var(--frame-dim)}.mstep:hover{background:var(--gold-lt)}.mstep.off{opacity:.35;cursor:default}.mstep.off:hover{background:var(--frame)}.lang-pill{display:flex;margin-left:4px;border-radius:9px;box-shadow:0 0 0 1px var(--night-0),inset 0 0 0 1px var(--frame-dim);background:var(--night-2)}.lang-pill button{height:18px;padding:0 7px;border:0;border-radius:9px;background:none;font-family:var(--px10);font-size:10px;color:var(--text-dim)}.lang-pill button:hover{color:var(--text)}.lang-pill button.on{background:var(--gold);color:var(--night-1);box-shadow:inset 0 1px 0 var(--gold-lt)}.d-body{display:flex;gap:8px;margin-top:4px;height:318px}.team{width:212px;display:flex;flex-direction:column;gap:4px;position:relative}.team .head{display:flex;align-items:center;gap:5px;padding:2px 6px;cursor:pointer;height:28px}.team .head canvas{width:16px;height:16px}.team .head b{font-weight:400;font-size:12px;white-space:nowrap}.team.blue .head b{color:var(--side-blue-lt)}.team.red .head b{color:var(--side-red-lt)}.fpick{margin-left:auto;display:flex;gap:1px}.fac{width:17px;height:20px;padding:2px 0;border:0;border-radius:3px;background:none;opacity:.5}.fac canvas{width:16px;height:16px;display:block}.fac:hover{opacity:1;background:var(--night-3)}.fac.on{opacity:1;box-shadow:inset 0 0 0 1px var(--gold)}.fac.taken{opacity:.28}.team .turn{position:absolute;top:9px;width:9px;height:9px;background:url(../assets/ui/css/cursor.png) 0 0 / 9px 9px;image-rendering:pixelated;animation:bob .8s ease-in-out infinite}.team.blue .turn{right:-5px}.team.red .turn{left:-5px}.member{display:flex;align-items:center;gap:6px;height:68px;padding:2px 4px;cursor:pointer;position:relative}.member .tile{width:52px;height:52px;flex:none;border-radius:4px;display:flex;align-items:flex-end;justify-content:center;box-shadow:0 0 0 1px var(--night-0),inset 0 0 0 1px var(--frame)}.team.blue .tile{background:linear-gradient(180deg,var(--side-blue) 0%,var(--side-blue-dk) 100%)}.team.red .tile{background:linear-gradient(180deg,var(--side-red) 0%,var(--side-red-dk) 100%)}.member .tile canvas{width:48px;height:46px;margin-bottom:2px}.member .mi{display:flex;flex-direction:column;min-width:0;line-height:14px}.member .mi b{font-weight:400;font-size:12px}.member .mi span,.member .mi small{font-family:var(--px10);font-size:10px;color:var(--text-dim)}.member .mi .role{display:flex;align-items:center;gap:3px}.member .mi .role canvas{width:8px;height:8px}.member .mi small{display:flex;gap:8px}.member .rm{position:absolute;right:2px;top:0;border:0;background:none;color:var(--text-dim);font-size:12px;padding:0 2px}.member .rm:hover{color:var(--danger)}.member.empty{justify-content:center;color:var(--text-dim);opacity:.7}.member.empty.next{opacity:1;color:var(--gold-lt)}.team.red .member{flex-direction:row-reverse;text-align:right}.team.red .member .mi{align-items:flex-end}.team.red .member .rm{right:auto;left:2px}.team.active .head{box-shadow:0 0 0 1px var(--gold);border-radius:3px}.stage{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.showcase{position:relative;height:128px;display:flex;justify-content:center}.showcase canvas{width:240px;height:128px}.showcase .cap{position:absolute;bottom:2px;right:12px;font-family:var(--px10);font-size:10px;color:var(--text-dim)}.dialog{flex:1;position:relative;padding:10px 10px 6px;display:flex;flex-direction:column;gap:3px;min-height:0}.dialog .name{position:absolute;top:-12px;left:10px}.dialog .name b{font-weight:400}.dialog .tac{display:flex;align-items:center;gap:10px;font-family:var(--px10);font-size:10px;color:var(--text-dim);margin-top:2px}.dialog .tac i{display:flex;align-items:center;gap:3px;font-style:normal;color:var(--gold-lt)}.dialog .tac canvas{width:8px;height:8px}.dialog .tac .fac-tag{color:var(--text)}.ab{display:flex;gap:6px;align-items:flex-start}.ab canvas{width:18px;height:18px;flex:none;margin-top:1px}.abt{font-family:var(--px10);font-size:10px;line-height:13px;color:var(--text-dim);min-width:0}.abt b{font-family:var(--px12);font-size:12px;font-weight:400;color:var(--text)}.abt i{font-style:normal;margin-left:4px}.abt .lv{color:var(--gold)}.abt p{margin:0;color:var(--text)}.ab.sub{margin-left:24px;align-items:center;gap:8px}.ab.sub .fchip{display:flex;gap:4px;align-items:center;cursor:help}.ab.sub .abt b{font-family:var(--px10);font-size:10px;color:var(--gold-lt)}.dialog.dense{gap:1px;padding-top:8px}.dialog.dense .divider{margin:3px 4px}.dialog.dense .abt{line-height:12px}.dialog .skills{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:3px}.dialog .skills::-webkit-scrollbar{display:none}.dialog.dense .skills{gap:1px}.dialog.more-down .skills{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 12px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 12px),transparent)}.dialog.more-up .skills{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 10px);mask-image:linear-gradient(to bottom,transparent,#000 10px)}.dialog.more-up.more-down .skills{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 10px,#000 calc(100% - 12px),transparent);mask-image:linear-gradient(to bottom,transparent,#000 10px,#000 calc(100% - 12px),transparent)}.dialog .more{display:none;position:absolute;right:10px;bottom:-7px}.dialog.scrolls .more{display:block}.dialog .more i{font-style:normal;opacity:.35}.dialog.more-up .more .u,.dialog.more-down .more .d{opacity:1}.strip{display:flex;justify-content:center;gap:10px;margin-top:4px;height:88px;align-items:flex-end}.sgroup{display:flex;flex-direction:column;gap:3px}.sghead{display:flex;align-items:center;gap:3px;height:12px;padding:0 2px 1px;border-bottom:1px solid var(--frame-dim);font-family:var(--px10);font-size:10px;color:var(--text-dim)}.sghead canvas{width:10px;height:10px}.sgrow{display:flex;gap:4px}.hero{position:relative;width:54px;height:66px;border:0;padding:0;display:flex;flex-direction:column;align-items:center;border-radius:4px;background:var(--night-2);box-shadow:0 0 0 1px var(--night-0),inset 0 0 0 1px var(--frame-dim)}.hero canvas{width:48px;height:44px;margin-top:2px}.hero .nm{font-family:var(--px10);font-size:10px;display:flex;align-items:center;gap:2px}.hero .nm canvas{width:8px;height:8px;margin:0}.hero:hover,.hero.focus{background:var(--night-3);box-shadow:0 0 0 1px var(--night-0),inset 0 0 0 1px var(--frame)}.hero.focus:before,.hero:hover:before{content:"";position:absolute;top:-12px;left:50%;margin-left:-4px;width:9px;height:9px;background:url(../assets/ui/css/cursor.png) 0 0 / 9px 9px;image-rendering:pixelated;animation:bob .8s ease-in-out infinite}.hero .marks{position:absolute;top:3px;right:3px;display:flex;gap:2px}.strip.dense{gap:8px}.strip.dense .sgrow{gap:2px}.strip.dense .hero{width:42px}.strip.dense .hero canvas.spr{width:42px}.strip.dense .hero>canvas.role{position:absolute;top:3px;left:3px;width:8px;height:8px;margin:0}.strip.paged{position:relative;padding:0 30px}.strip .pager{position:absolute;bottom:0;width:22px;height:66px;padding:0;border:0;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;background:var(--night-2);box-shadow:0 0 0 1px var(--night-0),inset 0 0 0 1px var(--frame-dim)}.strip .pager.prev{left:0}.strip .pager.next{right:0}.strip .pager canvas{width:6px;height:11px;image-rendering:pixelated}.strip .pager small{font-family:var(--px10);font-size:10px;line-height:10px;color:var(--text-dim)}.strip .pager:hover{background:var(--night-3);box-shadow:0 0 0 1px var(--night-0),inset 0 0 0 1px var(--frame)}.strip .pager:hover small{color:var(--gold-lt)}.hero .marks i{width:5px;height:5px;border-radius:50%;box-shadow:0 0 0 1px var(--night-0)}.hero .marks i.b{background:var(--side-blue)}.hero .marks i.r{background:var(--side-red)}.d-foot{display:flex;align-items:center;gap:10px;margin-top:auto;height:40px}.d-foot .issues{flex:1;font-family:var(--px10);font-size:10px;color:var(--danger)}.d-foot .btn.go{margin-left:auto}.d-opts{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.d-row{display:flex;align-items:center;gap:8px}.d-seed{display:flex;align-items:center;gap:1px;font-family:var(--px10);font-size:10px;color:var(--text-dim);cursor:text}.d-seed .key{margin-right:2px}.d-seed input{width:84px;height:16px;margin-left:5px;border:0;padding:0 4px;text-align:center;font-family:var(--px12);font-size:12px;color:var(--gold-lt);background:var(--night-0);border-radius:2px;box-shadow:inset 0 0 0 1px var(--frame-dim);outline:none}.d-seed input::placeholder{color:var(--text-dim);opacity:.7}.d-seed input:focus{box-shadow:inset 0 0 0 1px var(--gold-lt)}.d-seed.on{color:var(--gold-lt)}.d-seed.on input{box-shadow:inset 0 0 0 1px var(--gold)}.modal{position:absolute;inset:0;background:#07061ab3;display:flex;align-items:center;justify-content:center}.modal-box{width:700px;max-height:500px;overflow:auto;padding:10px 14px}.modal-box h2{margin:0 0 4px;font-weight:400;font-size:24px;line-height:26px;color:var(--gold-lt)}.modal-box .note{font-family:var(--px10);font-size:10px;color:var(--text-dim);line-height:14px;margin:0 0 6px}.modal-foot{display:flex;justify-content:flex-end;gap:14px;margin-top:10px;align-items:center}.modal-box.settings{width:524px}.st-row{display:flex;align-items:center;gap:8px;min-height:24px}.st-row .lang-pill{flex-wrap:wrap}.st-label{width:72px;flex:none;font-family:var(--px10);font-size:10px;color:var(--text-dim)}.st-row .lang-pill{margin-left:0}.st-row .lang-pill button{white-space:nowrap}.st-note{font-family:var(--px10);font-size:10px;color:var(--text-dim)}.st-row.tall{min-height:46px}.st-thumb{width:72px;height:40px;margin-left:auto;border:1px solid var(--frame-dim);border-radius:2px}.modal-box.settings .modal-foot .btn:last-child{margin-left:auto}.modal-box.bracket{width:760px}.bk-head{display:flex;align-items:center;gap:12px}.bk-head h2{flex:none}.modal-box .bk-name{width:220px;height:18px;border:0;padding:0 6px;font-family:var(--px12);font-size:12px;color:var(--gold-lt);background:var(--night-0);border-radius:2px;box-shadow:inset 0 0 0 1px var(--frame-dim);outline:none}.bk-name:focus{box-shadow:inset 0 0 0 1px var(--gold-lt)}.bk-list{display:flex;flex-direction:column;gap:3px}.bk-match{display:flex;align-items:center;gap:8px;padding:3px 6px;border-radius:3px;background:#07061a59;box-shadow:inset 0 0 0 1px var(--night-3)}.bk-match.on{box-shadow:inset 0 0 0 1px var(--gold)}.bk-label{width:104px;flex:none;font-family:var(--px10);font-size:10px;color:var(--gold-lt);white-space:nowrap}.bk-pair{flex:1;display:flex;align-items:center;gap:6px;min-width:0}.bk-pair .vs{font-style:normal;font-family:var(--px10);font-size:10px;color:var(--text-dim)}.bk-team{flex:1;display:flex;align-items:center;gap:4px;min-width:0;height:26px}.bk-team canvas.ico{width:16px;height:16px;flex:none}.bk-team b{font-weight:400;white-space:nowrap}.bk-team.tbd{justify-content:center}.bk-faces{display:flex;gap:0;margin-left:2px}.bk-faces canvas{width:24px;height:24px}.bk-take{display:flex;gap:3px;margin-left:4px}.bk-take button{width:10px;height:10px;padding:0;border:0;border-radius:50%;box-shadow:0 0 0 1px var(--night-0),inset 0 0 0 1px #ffffff59;opacity:.75}.bk-take button.blue{background:var(--side-blue)}.bk-take button.red{background:var(--side-red)}.bk-take button:hover{opacity:1;box-shadow:0 0 0 1px var(--gold-lt)}.bk-act{width:150px;flex:none;display:flex;align-items:center;justify-content:flex-end;gap:8px}.bk-win{font-family:var(--px10);font-size:10px;color:var(--gold);white-space:nowrap}.bk-play{color:var(--gold-lt)}.bk-match.done .bk-team{opacity:.8}.bk-champ{text-align:center;color:var(--gold);margin-top:4px}.bk-empty{margin:16px 0;text-align:center}.portrait .modal-box.bracket{width:524px}.portrait .bk-match{flex-wrap:wrap}.portrait .bk-label{width:100%}.portrait .bk-act{width:100%;justify-content:flex-start}.report{display:flex;align-items:center;justify-content:center;background:#07061a8c}.rp-box{width:820px;padding:8px 14px;position:relative}.rp-head{text-align:center;margin-top:-2px}.rp-ctx{text-align:center;font-family:var(--px10);font-size:10px;line-height:12px;color:var(--gold);margin:-2px 0 2px}.report.watch .rp-ctx{font-family:var(--px12);font-size:12px;line-height:14px}.rp-head b{display:inline-block;vertical-align:middle;font-weight:400;font-size:36px;line-height:40px;letter-spacing:12px;color:var(--gold-lt);text-shadow:2px 2px 0 var(--night-0)}:root:lang(en) .rp-head b{letter-spacing:4px}.rp-head b.blue{color:var(--side-blue-lt)}.rp-head b.red{color:var(--side-red-lt)}.rp-head small{font-family:var(--px10);font-size:10px;color:var(--text-dim)}.rp-head .rp-time{margin-left:16px}.rp-head .spark,.rec-head .spark{display:inline-block;width:14px;height:14px;background:url(../assets/ui/css/sparkle.png) 0 0 / 14px 14px;image-rendering:pixelated;vertical-align:middle;margin:0 10px;animation:twinkle 1.2s steps(2) infinite}.rp-cols{display:flex;gap:12px;margin-top:6px}.rp-left{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.rp-mvp{display:flex;align-items:center;justify-content:center;gap:16px;padding:2px 12px;height:72px}.rp-mvp canvas{width:120px;height:66px}.rp-mvp .medal{color:var(--night-1);background:var(--gold);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px var(--night-0),inset 0 2px 0 var(--gold-lt)}.rp-mvp .mvi{display:flex;flex-direction:column;line-height:18px;gap:2px}.rp-mvp .mvi b{font-weight:400;font-size:24px;line-height:26px;text-shadow:2px 2px 0 var(--night-0)}.rp-mvp .mvi small{font-family:var(--px12);font-size:12px;color:var(--text-dim)}.rp-mvp .mvi small i{font-style:normal;color:var(--gold-lt);margin-left:2px}table.rp-team{width:100%;border-collapse:collapse}table.rp-team th{text-align:left;font-weight:400;font-family:var(--px10);font-size:10px;color:var(--text-dim);padding:1px 3px;border-bottom:1px solid var(--frame-dim)}table.rp-team th:first-child{font-family:var(--px12);font-size:12px}table.rp-team.blue th:first-child{color:var(--side-blue-lt)}table.rp-team.red th:first-child{color:var(--side-red-lt)}table.rp-team td{padding:1px 3px;border-bottom:1px solid var(--night-3)}table.rp-team td.fc{width:18px}table.rp-team td.fc canvas{width:14px;height:14px;display:block;box-shadow:0 0 0 1px var(--night-0)}table.rp-team td.nm{width:96px;white-space:nowrap}table.rp-team td.nm i{color:var(--gold);font-style:normal}table.rp-team td.nm small{font-family:var(--px10);font-size:10px;color:var(--gold)}table.rp-team td.kda{width:46px}table.rp-team td.dmg{width:120px}table.rp-team td.dmg i{display:block;height:4px;border-radius:2px;box-shadow:0 0 0 1px var(--night-0)}table.rp-team td.dmg span{font-family:var(--px10);font-size:10px}table.rp-team td.n{width:40px;text-align:right;font-family:var(--px10);font-size:10px}table.rp-team tr.total td{color:var(--text-dim);border-bottom:0;font-family:var(--px10);font-size:10px}.rp-right{width:262px;display:flex;flex-direction:column;gap:3px}.rp-h{color:var(--gold-lt)}.rp-right .chart{width:260px;height:112px;border-radius:3px;background:#07061a80;box-shadow:inset 0 0 0 1px var(--frame-dim)}.rp-right .events{font-family:var(--px10);font-size:10px;line-height:14px}.rp-right .events div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-right .events i{display:inline-block;width:5px;height:5px;margin-right:4px;transform:rotate(45deg)}.rp-foot{display:flex;align-items:center;gap:16px;margin-top:6px;justify-content:flex-end}.report.watch .rp-box{width:900px;padding:10px 18px 14px}.report.watch .rp-head b{font-size:40px;line-height:44px}.report.watch .rp-cols{gap:18px;margin-top:8px}.report.watch .rp-left{gap:8px}.report.watch .rp-mvp{height:76px}.report.watch .rp-mvp .medal{width:40px;height:40px}.report.watch table.rp-team th{padding:2px 4px}.report.watch table.rp-team td{padding:3px 4px}.report.watch table.rp-team td.fc canvas{width:14px;height:14px}.report.watch table.rp-team td.nm{width:110px}.report.watch table.rp-team td.dmg{width:150px}.report.watch table.rp-team td.dmg i{height:6px}.report.watch table.rp-team td.dmg span,.report.watch table.rp-team td.n{font-family:var(--px12);font-size:12px}.report.watch table.rp-team td.n{width:48px}.report.watch table.rp-team tr.total td{font-family:var(--px12);font-size:12px}.report.watch .rp-right{width:302px;gap:5px}.report.watch .rp-right .chart{width:300px;height:196px}.report.watch .rp-right .events{line-height:16px}.rp-foot .seed{font-family:var(--px10);font-size:10px;color:var(--text-dim)}.rp-foot .lang-pill{margin:0 0 0 -6px}.rp-foot .orient-pill{margin:0 auto 0 -10px}.rec{display:flex;align-items:center;justify-content:center;background:#07061ab8}.rec-box{width:424px;padding:8px 14px 10px;display:flex;flex-direction:column;gap:7px}.rec-head{text-align:center}.rec-head b{display:inline-block;vertical-align:middle;font-weight:400;font-size:24px;line-height:28px;letter-spacing:6px;color:var(--gold-lt);text-shadow:2px 2px 0 var(--night-0)}:root:lang(en) .rec-head b{letter-spacing:2px}.rec-cover{width:384px;height:216px;align-self:center;display:flex;align-items:center;justify-content:center;background:var(--night-0);box-shadow:0 0 0 1px var(--frame-dim)}.rec-cover img{display:block;width:384px;height:216px}.rec-bar{height:6px;margin:2px 4px 0;background:var(--night-0);border-radius:3px;box-shadow:0 0 0 1px var(--frame)}.rec-bar i{display:block;height:100%;width:0;background:var(--gold);border-radius:3px}.rec-status{font-family:var(--px10);font-size:10px;color:var(--text-dim);text-align:center}.rec-status.warn{color:var(--danger)}.rec-foot{display:flex;justify-content:center;gap:18px}.rec-setup{width:924px;gap:6px}.rec-cols{display:flex;gap:14px;align-items:stretch}.rec-side{width:384px;display:flex;flex-direction:column;gap:6px;flex:none}.rec-pv{display:flex;flex-direction:column;align-items:center;gap:2px}.rec-cap{height:12px;font-family:var(--px10);font-size:10px;line-height:12px;color:var(--gold)}.rec-setup .rec-cover canvas{display:block;width:384px;height:216px}.rec-setup .rec-cover.tall canvas{width:162px;height:288px}.rec-setup .rec-cover.tall{width:162px;height:288px}.rec-opts{display:flex;flex-direction:column;gap:5px;min-width:0}.rec-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.rec-label{width:46px;flex:none;color:var(--text-dim);font-family:var(--px10);font-size:10px}.rec-row .rec-label{align-self:flex-start;line-height:18px}.rec-chip{height:18px;padding:0 8px;border:0;border-radius:9px;background:var(--night-2);box-shadow:0 0 0 1px var(--night-0),inset 0 0 0 1px var(--frame-dim);font-family:var(--px10);font-size:10px;color:var(--text-dim)}.rec-chip:hover{color:var(--text)}.rec-chip.on{background:var(--gold);color:var(--night-1);box-shadow:0 0 0 1px var(--night-0),inset 0 1px 0 var(--gold-lt)}.rec-mini{height:14px;min-width:14px;padding:0 4px;border:0;border-radius:2px;background:var(--night-2);flex:none;box-shadow:inset 0 0 0 1px var(--frame-dim);font-family:var(--px10);font-size:10px;line-height:14px;color:var(--text-dim)}.rec-mini:hover{color:var(--gold-lt);box-shadow:inset 0 0 0 1px var(--gold)}.rec-mini.off{opacity:.35;cursor:default}.rec-mini.off:hover{color:var(--text-dim);box-shadow:inset 0 0 0 1px var(--frame-dim)}.rec-hint{font-family:var(--px10);font-size:10px;line-height:13px;color:var(--text-dim);opacity:.8}.rec-rank{flex:1;min-width:0;font-family:var(--px10);font-size:10px;line-height:18px;color:var(--text-dim)}.rec-rank .warn{color:var(--danger)}.rec-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.rec-sec{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--frame-dim);padding:0 2px 1px}.rec-sec b{font-family:var(--px12);font-size:12px;font-weight:400;color:var(--gold)}.rec-sec span{font-family:var(--px10);font-size:10px;color:var(--text-dim)}.rec-games{display:flex;flex-direction:column;gap:3px}.rec-game{display:flex;align-items:center;gap:5px;height:18px;font-family:var(--px10);font-size:10px}.rec-game .rec-label{width:auto}.rec-no{display:inline-block;width:14px;height:14px;flex:none;border-radius:7px;background:var(--night-0);box-shadow:inset 0 0 0 1px var(--gold);font-family:var(--px10);font-size:10px;line-height:14px;text-align:center;color:var(--gold-lt)}.rec-vs{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-dim)}.rec-game input{width:58px;height:14px;border:0;padding:0 4px;text-align:center;font-family:var(--px10);font-size:10px;color:var(--gold-lt);background:var(--night-0);border-radius:2px;box-shadow:inset 0 0 0 1px var(--frame-dim);outline:none}.rec-game input:focus{box-shadow:inset 0 0 0 1px var(--gold-lt)}.rec-pred{width:104px;flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rec-pred .warn{color:var(--danger)}.rec-add{display:flex;align-items:center;gap:3px;flex-wrap:wrap;padding-top:1px}.rec-add .rec-label{width:auto;margin-right:2px}.rec-add .rec-label.vs{margin:0 3px}.rec-add .rec-mini{margin-left:4px}.rec-select{height:14px;padding:0 14px 0 4px;border:0;border-radius:2px;flex:none;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;font-family:var(--px10);font-size:10px;line-height:14px;color:var(--text-dim);background:linear-gradient(45deg,transparent 50%,currentColor 50%) right 7px center / 4px 4px no-repeat,linear-gradient(-45deg,transparent 50%,currentColor 50%) right 4px center / 4px 4px no-repeat,var(--night-2);box-shadow:inset 0 0 0 1px var(--frame-dim)}.rec-select:hover,.rec-select:focus{box-shadow:inset 0 0 0 1px var(--gold)}.rec-select option{background:var(--night-1);color:var(--text)}.rec-add .rec-select{height:18px;line-height:18px;padding:0 16px 0 8px;border-radius:9px;box-shadow:0 0 0 1px var(--night-0),inset 0 0 0 1px var(--frame-dim)}.rec-add .rec-select:hover,.rec-add .rec-select:focus{box-shadow:0 0 0 1px var(--night-0),inset 0 0 0 1px var(--gold)}.rec-row .lang-pill{margin-left:0}.rec-steps{flex:1;min-height:0;max-height:290px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding-right:2px}.rec-step{display:flex;align-items:center;gap:6px;height:18px;flex:none;padding:0 4px;border-radius:2px;background:var(--night-1);box-shadow:inset 0 0 0 1px var(--night-2);cursor:pointer;font-family:var(--px10);font-size:10px;color:var(--text-dim)}.rec-step:hover{background:var(--night-2)}.rec-step.on{background:var(--night-2);box-shadow:inset 0 0 0 1px var(--gold)}.rec-step .n{width:16px;text-align:right;color:var(--frame-dim)}.rec-step .k{width:48px;color:var(--text)}.rec-step .g{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.rec-step .d{width:40px;text-align:right;color:var(--gold)}.rec-step.bad{box-shadow:inset 0 0 0 1px var(--danger)}.rec-step.bad .k,.rec-step.bad .n{color:var(--danger)}.rec-plan{font-family:var(--px10);font-size:10px;line-height:14px;color:var(--text-dim);text-align:center}.rec-plan b{font-family:var(--px12);font-size:12px;font-weight:400;color:var(--gold-lt)}.rec-plan .warn{color:var(--danger)}.rec-foot .btn.off{opacity:.45;cursor:default}.portrait .rec-setup{width:524px}.portrait .rec-cols{flex-direction:column;align-items:stretch;gap:8px}.portrait .rec-side{width:auto;flex-direction:row;align-items:flex-start;gap:10px}.portrait .rec-opts{flex:1}.portrait .rec-steps{max-height:300px}#ui.portrait{width:540px;height:960px}.portrait .draft{padding:8px}.portrait .d-head{height:auto;flex-wrap:wrap;gap:4px 8px}.portrait .d-title{order:0}.portrait .d-opts{order:1;margin-left:auto}.portrait .d-modes{order:2;flex:1 1 100%;justify-content:space-between;gap:4px}.portrait .mode{flex:1 1 0;min-width:0}.portrait .mode small{max-width:none}.portrait .d-body{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"blue red" "stage stage";gap:4px 8px;height:auto}.portrait .team{width:auto;min-width:0}.portrait .team.blue{grid-area:blue}.portrait .team.red{grid-area:red}.portrait .d-body>.stage{grid-area:stage}.portrait .member{height:52px}.portrait .member .tile{width:50px;height:48px}.portrait .member .tile canvas{margin-bottom:1px}.portrait .fpick{gap:1px}.portrait .showcase{height:128px}.portrait .showcase canvas{width:240px;height:128px}.portrait .dialog{flex:none;gap:1px;padding-top:8px;max-height:226px}.portrait .dialog .divider{margin:3px 4px}.portrait .dialog .abt{line-height:12px}.portrait .strip{flex-wrap:wrap;height:auto;gap:6px 8px;margin-top:6px;align-items:flex-start}.portrait .strip.dense .sgrow{gap:2px}.portrait .strip.dense .hero{width:40px;height:60px}.portrait .strip.dense .hero canvas.spr{margin-top:1px}.portrait .strip.dense .hero canvas.spr{width:40px}.portrait .strip.paged{padding:0 26px}.portrait .strip .pager{bottom:auto;top:50%;margin-top:-30px;width:20px;height:60px}.portrait .d-foot{flex-wrap:wrap;height:auto;gap:4px 8px;margin-top:auto;padding-top:4px;justify-content:center}.portrait .btn.go{padding:4px 18px;font-size:20px;line-height:22px}.portrait .d-foot .issues{flex:1 1 100%;text-align:left}.portrait .modal-box{width:524px;max-height:920px}.portrait .modal-box.settings{width:524px}.portrait .rp-box{width:524px;padding:8px 10px}.portrait .rp-cols{flex-direction:column;gap:6px}.portrait .rp-right{width:auto}.portrait .rp-foot{flex-wrap:wrap;gap:6px 14px;justify-content:center}.portrait .rp-foot .lang-pill,.portrait .rp-foot .orient-pill{margin:0}.portrait .report.watch{padding:76px 0 190px}.portrait .report.watch .rp-box{width:524px;padding:8px 12px 10px}.portrait .report.watch .rp-head b{font-size:36px;line-height:40px}.portrait .report.watch .rp-cols{gap:6px;margin-top:4px}.portrait .report.watch .rp-left{gap:5px}.portrait .report.watch .rp-right{width:auto;gap:3px}.portrait .report.watch table.rp-team td{padding:1px 4px}.portrait .report.watch table.rp-team td.dmg i{height:4px;margin-top:1px}.portrait .report.watch table.rp-team td.dmg span{display:block;line-height:12px}.rec-cover.tall,.rec-cover.tall img{width:162px;height:288px}