@font-face{font-family:"app-text";src:url("/static/fonts/BarlowCondensed-Regular.ttf")}@font-face{font-family:"app-title";src:url("/static/fonts/FalsePositiveAlt.ttf")}@font-face{font-family:"app-caption";src:url("/static/fonts/Acme.ttf")}@font-face{font-family:"app-button";src:url("/static/fonts/Acme.ttf")}body{--c-text: #222;--c-text-inv: #fff;--c-p1: #448;--c-p2: #f84;--c-no: #c33;--c-yes: #482;--c-move: #39c;--c-action: #fa0;--c-condition: #c36;--c-fade: #888;--d00: 3px;--d0: 6px;--d1: 12px;--d2: 24px;--font-xs: 0.75rem;--font-s: 1rem;--font-m: 1.25rem;--font-l: 1.5rem;--font-xl: 3rem;--font-xxl: 4.5rem;--border: 3px solid #fff;--sdw-box-xy: 3px 3px #0008;--sdw-box-y: 0px 3px #0008;--sdw-text-sm: 0 2px #0008;--sdw-text-lg: 3px 3px #0008}.-p1{--c-fill: var(--c-p1)}.-p2{--c-fill: var(--c-p2)}@layer reset, ui, app, global;@layer reset{*{padding:0;margin:0;border:none;box-sizing:border-box;background:none;color:inherit;font:inherit;text-decoration:inherit;user-select:none}body{color:var(--c-text);font-size:var(--font-m);font-family:"app-text";touch-action:none}li{list-style-type:none}b,strong{font-weight:bold}i,em{font-style:italic}button{cursor:pointer}button *{pointer-events:none}canvas{display:block;image-rendering:pixelated}}@keyframes in-left{0%{opacity:0;translate:-36px 0}66%{opacity:1;translate:12px 0}100%{opacity:1;translate:0 0}}@keyframes in-right{0%{opacity:0;translate:36px 0}66%{opacity:1;translate:-12px 0}100%{opacity:1;translate:0 0}}@keyframes in-down{0%{opacity:0;translate:0 -36px}66%{opacity:1;translate:0 12px}100%{opacity:1;translate:0 0}}@keyframes in-up{0%{opacity:0;translate:0 36px}66%{opacity:1;translate:0 -12px}100%{opacity:1;translate:0 0}}@keyframes in-edge-up{0%{translate:0 100%}100%{translate:0 0}}@keyframes in-edge-down{0%{translate:0 -100%}100%{translate:0 0}}@keyframes in-edge-left{0%{translate:-100% 0}100%{translate:0 0}}@keyframes in-edge-right{0%{translate:100% 0}100%{translate:0 0}}@keyframes in-spin{0%{transform:scale(0, 0);filter:contrast(0) brightness(10)}66%{transform:scale(1.2, 1.2) rotateY(1800deg)}100%{transform:scale(1, 1) rotateY(1800deg);filter:none}}@keyframes zoom-out{100%{scale:2 2;opacity:0}}@keyframes zoom-in{0%{opacity:0;scale:2 2}66%{opacity:1;scale:.8 .8}100%{opacity:1;scale:1 1}}@keyframes zoom-bounce{0%{scale:.5 .5;opacity:0}66%{scale:1.2 1.2;opacity:unset}100%{scale:unset}}@keyframes bump{0%{translate:0 0}50%{translate:0 -6px}100%{translate:0 0}}@layer ui{html{width:100vw;height:100vh}body{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;padding-top:env(safe-area-inset-top) !important;padding-bottom:env(safe-area-inset-bottom) !important;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background-image:linear-gradient(to right, transparent 0, #000 calc(50vw - 250px), #000 calc(50vw + 250px), transparent),url("/static/images/ui/bg_body.png");background-size:contain;backdrop-filter:blur(10px)}body::before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;animation:bg-body-fade 5s linear both}@keyframes bg-body-fade{0%{background-color:#000}100%{background-color:rgba(0,0,0,0)}}#root{position:relative;overflow:hidden;width:100%;height:100%;max-width:440px;max-height:880px}}@layer ui{.boot-splash{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000}.boot-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px}.boot-logo{width:144px;height:48px;animation:boot-logo .16s ease-out}@keyframes boot-logo{0%{translate:0 -12px;opacity:0}100%{translate:unset;opacity:unset}}.boot-bar{width:144px;height:6px;background-color:#444;position:relative;animation:boot-bar .16s ease-out}.boot-bar::after{content:"";background-color:#fff;position:absolute;top:0;bottom:0;left:0;width:var(--pct);transition:width .2s ease-out}@keyframes boot-bar{0%{translate:0 12px;opacity:0}100%{translate:unset;opacity:unset}}.boot-button{padding:12px;border:6px solid #fff;border-radius:12px;color:#fff;font-size:3rem;font-family:"app-title";animation:boot-play-in .16s ease-out}.boot-button:hover{background-color:#fff;color:#000}.boot-button.-active{animation:boot-play-out .3s ease-out forwards}@keyframes boot-play-in{0%{scale:1.2 1.2;opacity:0}100%{scale:unset;opacity:unset}}@keyframes boot-play-out{100%{scale:2 2;opacity:0}}}@layer ui{.boot-consent{position:absolute;top:0;left:0;right:0;padding:12px;color:#fff;font-family:sans-serif;font-size:12px;text-align:center}.boot-consent_link{margin-left:6px;color:#fff;text-decoration:underline}}@layer ui{.boot-orientation{position:absolute;top:0;left:0;bottom:0;right:0;z-index:10;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px}.boot-orientation_illus{width:45px;height:80px;margin-bottom:12px}.boot-orientation_illus.-portrait{animation:boot-portrait 3s ease-out infinite}.boot-orientation_illus.-landscape{animation:boot-landscape 3s ease-out infinite}@keyframes boot-portrait{0%{rotate:-90deg}50%{rotate:none}}@keyframes boot-landscape{0%{rotate:none}50%{rotate:-90deg}}.boot-orientation_text{margin-bottom:24px;font-family:"app-text";font-size:1rem;color:#fff;text-align:center}.boot-orientation_dismiss{padding:6px 12px;border:3px solid #fff;border-radius:12px;color:#fff;font-family:"app-button";font-size:1rem}.boot-orientation_dismiss:hover{background-color:#fff;color:#000}}@layer ui{.ui-maincanvas{position:absolute;top:0;left:0}.ui-maincanvas.-hidden{display:none}}@layer ui{.ui-screen{position:absolute;top:0;bottom:0;left:0;right:0;background-color:var(--c-fill)}}@layer ui{.ui-anchor{position:absolute;width:0;height:0;z-index:2;display:flex}.ui-anchor.-x-center{justify-content:center}.ui-anchor.-x-left{justify-content:flex-start}.ui-anchor.-x-right{justify-content:flex-end}.ui-anchor.-y-center{align-items:center}.ui-anchor.-y-top{align-items:flex-start}.ui-anchor.-y-bottom{align-items:flex-end}}@layer ui{.ui-banner{position:relative;margin-top:-12px}.ui-banner>svg{display:block}.ui-banner_fill{stroke:none;fill:var(--c-fill)}.ui-banner_label{color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);font-size:var(--font-m);white-space:nowrap}}@layer ui{.ui-book{position:relative;perspective:1500px;perspective-origin:left bottom;width:320px;height:480px}.ui-book_content{height:100%;display:flex;flex-direction:column;border-top-right-radius:2rem;border-bottom-right-radius:2rem;overflow:hidden;background-position:bottom right;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_bottom.png");background-color:#fff;box-shadow:0 4px #ccc,0 8px #888,0 12px #444}.ui-book_cover{position:absolute;top:0;bottom:0;left:0;right:0;z-index:10;border-top-right-radius:2rem;border-bottom-right-radius:2rem;overflow:hidden;transform-origin:left center;animation:book-open .8s ease-in-out both;animation-delay:.24s}@keyframes book-open{0%{transform:none;filter:none}49%{transform:rotateY(-90deg);filter:brightness(0.5)}50%{transform:rotateY(-90deg);filter:contrast(0) brightness(0.5)}100%{transform:rotateY(-180deg);filter:contrast(0) brightness(0.5)}}}@layer ui{.ui-icontoken{background-color:var(--c-fill);background-image:linear-gradient(to top, rgba(0, 0, 0, 0.1333333333) 0, rgba(0, 0, 0, 0.1333333333) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);padding:var(--d0);border:var(--border);border-radius:50%}}@layer ui{.ui-marker{animation:zoom-in .24s ease-out;animation-fill-mode:backwards;--c-fill: var(--c-yes)}}@layer ui{.ui-overlaywrapper{position:absolute;left:0;right:0;padding:var(--d1)}.ui-overlaywrapper.-top{top:0;display:flex;align-items:center;justify-content:center;padding-bottom:2rem;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 66%, rgba(0, 0, 0, 0) 100%)}.ui-overlaywrapper.-bottom{bottom:0;display:flex;align-items:center;justify-content:center;padding-top:2rem;background-image:linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 66%, rgba(0, 0, 0, 0) 100%)}.ui-overlaywrapper.-stretch{top:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:2rem;background-color:rgba(0,0,0,.8)}}@layer ui{.ui-title{position:relative;padding-top:var(--d2);padding-left:var(--d1)}.ui-title_label{color:var(--c-text-inv);font-family:"app-title";font-size:var(--font-xl);text-shadow:var(--sdw-text-lg);text-transform:uppercase;transform-origin:bottom left;animation:ui-title .24s ease-out forwards}@keyframes ui-title{0%{opacity:0;rotate:-90deg}66%{opacity:1;rotate:5deg}100%{opacity:1;rotate:-5deg}}.ui-title_sub{position:absolute;bottom:0;right:var(--d1);color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);animation:in-right .24s ease-out;animation-fill-mode:backwards}}@layer ui{.ui-button{transition:all .16s;background-color:var(--c-fill);background-image:linear-gradient(to top, rgba(0, 0, 0, 0.1333333333) 0, rgba(0, 0, 0, 0.1333333333) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);display:flex;align-items:center;gap:var(--d0);min-width:100px;padding:var(--d0) var(--d1);color:var(--c-text-inv);font-family:"app-button";text-shadow:var(--sdw-text-sm);font-size:var(--font-m)}.ui-button:active{translate:0 3px;filter:brightness(0.75)}.ui-button.-main{border-radius:var(--d1);box-shadow:var(--sdw-box-xy)}.ui-button.-inline{border-radius:var(--d1)}.ui-button.-bottom{border-bottom:0;border-top-left-radius:var(--d1);border-top-right-radius:var(--d1);box-shadow:var(--sdw-box-xy);transform-origin:bottom center}.ui-button:disabled{filter:saturate(0)}.ui-button_label{flex:1;text-align:center}}@layer ui{.ui-buttonbar{padding-top:var(--d1);padding-left:var(--d1);padding-right:var(--d1);display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--d1);background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5333333333) 0, rgba(0, 0, 0, 0.5333333333) 40%, rgba(0, 0, 0, 0) 40%)}.ui-buttonbar>*{animation:in-edge-up .24s ease-out;animation-fill-mode:backwards}.ui-buttonbar_item[name=back]{grid-column:1;--c-fill: var(--c-no)}.ui-buttonbar_item[name=next]{grid-column:3;--c-fill: var(--c-yes)}}@layer ui{.ui-pagestepper{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:var(--d1) 0}.ui-pagestepper_button{padding:var(--d1)}.ui-pagestepper_button.-prev{grid-column:1}.ui-pagestepper_button.-next{grid-column:3}.ui-pagestepper_button.-hidden{visibility:hidden}.ui-pagestepper_icon{filter:invert(1);opacity:.5}.ui-pagestepper_content{grid-column:2;display:flex;align-items:center;justify-content:center}}@layer ui{.ui-acvmtmodal{gap:var(--d1)}.ui-acvmtmodal [name=close]{background-color:var(--c-no)}.ui-acvmtmodal_list{display:flex;flex-direction:column;background-color:#fff;border:1px solid #fff;box-shadow:var(--sdw-box-xy);border-radius:var(--d1);background-position:top left,bottom right;background-repeat:no-repeat,no-repeat;background-image:url("/static/images/ui/bg_panel_top.png"),url("/static/images/ui/bg_panel_bottom.png");animation:in-up .24s ease-out;animation-fill-mode:backwards;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);scrollbar-gutter:var(--d1);width:320px;max-height:480px}.ui-acvmtmodal_list:hover{scrollbar-color:rgba(0,0,0,.5333333333) rgba(0,0,0,0)}.ui-acvmtmodal_list>:not(:last-child){border-bottom:1px dotted #ccc}}@layer ui{.ui-acvmtpopup{cursor:pointer;animation:in-left .24s ease-out;animation-fill-mode:backwards;background-color:#fff;border:1px solid #fff;box-shadow:var(--sdw-box-xy);border-radius:var(--d0);background-position:bottom right;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_bottom.png");width:320px;padding:var(--d0) var(--d1);background-color:var(--c-yes);display:grid;grid-template-columns:auto 1fr auto;column-gap:var(--d1)}.ui-acvmtpopup *{pointer-events:none}.ui-acvmtpopup_icon{grid-row:1/span 2;grid-column:1;align-self:center}.ui-acvmtpopup_prompt{grid-row:1;grid-column:2;color:var(--c-text-inv);font-family:"app-text";font-size:var(--font-s);font-weight:bold}.ui-acvmtpopup_label{grid-row:2;grid-column:2/span 2;color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);font-size:var(--font-l)}.ui-acvmtpopup_more{grid-row:1;grid-column:3;color:var(--c-text-inv);font-family:"app-text";font-size:var(--font-s);font-style:italic}}@layer ui{.ui-dailymodal{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--d2)}.ui-dailymodal [name=close]{background-color:var(--c-no)}.ui-dailymodal_list{display:flex;flex-direction:column;background-color:#fff;border:1px solid #fff;box-shadow:var(--sdw-box-xy);border-radius:var(--d1);background-position:top left,bottom right;background-repeat:no-repeat,no-repeat;background-image:url("/static/images/ui/bg_panel_top.png"),url("/static/images/ui/bg_panel_bottom.png");animation:in-up .24s ease-out;animation-fill-mode:backwards;width:320px;max-height:480px;overflow-y:auto}.ui-dailymodal_empty{padding:var(--d1);text-align:center}.ui-dailymodal_item{display:flex;align-items:center;padding:var(--d0) var(--d1);gap:var(--d1)}.ui-dailymodal_handicap.-off{filter:brightness(0);opacity:.5}.ui-dailymodal_date{flex:1;font-family:"app-text";font-size:var(--font-s)}.ui-dailymodal_units{display:flex;align-items:center;gap:var(--d0)}}@layer ui{.ui-dailystreak{cursor:pointer;height:2rem;padding-inline:var(--d0);margin-top:1.5rem;margin-bottom:1rem;border-radius:var(--d0);box-shadow:var(--sdw-box-xy);background-position:top left;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_top.png");background-color:#fff;display:flex;justify-content:space-between;align-items:stretch;gap:var(--d1)}.ui-dailystreak *{pointer-events:none}.ui-dailystreak_item{flex:1;display:flex;justify-content:flex-end;gap:var(--d1)}.ui-dailystreak_item.-win{flex-direction:row}.ui-dailystreak_item.-handicap{flex-direction:row-reverse}.ui-dailystreak_label{align-self:center;color:var(--c-text);font-family:"app-text";font-size:var(--font-s)}.ui-dailystreak_value{position:relative;align-self:flex-end;min-width:70px;margin-bottom:-6px;padding:var(--d0) var(--d1);border-radius:var(--d1);box-shadow:var(--sdw-box-y);background-color:var(--c-fill);background-image:linear-gradient(to top, rgba(0, 0, 0, 0.1333333333) 0, rgba(0, 0, 0, 0.1333333333) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);background-color:var(--c-p1);color:var(--c-text-inv);font-family:"app-title";font-size:var(--font-xl);text-shadow:var(--sdw-text-lg);text-transform:uppercase;font-size:2.5rem;text-align:center}}@layer ui{.ui-help{cursor:help}}@layer ui{.ui-logbook_entry{display:grid;align-items:center;column-gap:var(--d0);row-gap:var(--d00);font-size:var(--font-m)}.ui-logbook_entry_icon{padding:var(--d00);border-radius:var(--d0)}.ui-logbook_entry_icon.-none{background-color:var(--c-fade)}.ui-logbook_entry_icon.-condition{background-color:var(--c-condition)}.ui-logbook_entry_icon.-dmg{background-color:var(--c-no)}.ui-logbook_entry_icon.-heal{background-color:var(--c-yes)}.ui-logbook_entry_icon.-ap{background-color:var(--c-action)}.ui-logbook_entry.-normal{grid-template-columns:auto 1fr;color:var(--c-text);font-family:"app-text"}.ui-logbook_entry_mod{grid-column:2;color:var(--c-text);font-family:"app-text";font-size:var(--font-s);color:#444}.ui-logbook_entry.-main{grid-template-columns:auto 1fr auto;padding:var(--d00) var(--d0);margin-top:var(--d0);border-radius:var(--d0);color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);background-position:bottom right;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_bottom.png")}.ui-logbook_entry.-main>:nth-child(1){margin-top:-16px}.ui-logbook_entry.-main.-move{background-color:var(--c-move)}.ui-logbook_entry.-main.-ability{background-color:var(--c-action)}.ui-logbook_entry_ap{display:flex;align-items:center;gap:var(--d0)}.ui-logbook_entry.-event.-sdeath{padding:var(--d00) var(--d0);border-radius:var(--d0);color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);background-position:bottom right;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_bottom.png");background-color:#222}}@layer ui{.ui-logbook_top{background-position:top left;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_top.png");position:relative;padding:var(--d1);background-color:var(--c-fill)}.ui-logbook_turn{color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);font-size:var(--font-l)}.ui-logbook_team{color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);font-size:var(--font-s)}.ui-logbook_unit{position:absolute;bottom:0;right:0;padding:var(--d1);margin-right:var(--d1);margin-bottom:-1rem;border-radius:var(--d1);background-color:var(--c-fill)}.ui-logbook_entries{flex:1;display:flex;flex-direction:column;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);scrollbar-gutter:var(--d1);gap:var(--d0);padding:var(--d0);padding-top:var(--d2)}.ui-logbook_entries:hover{scrollbar-color:rgba(0,0,0,.5333333333) rgba(0,0,0,0)}.ui-logbook_current{padding:var(--d0);color:var(--c-text);font-family:"app-text";color:#444;font-size:var(--font-m);font-style:italic;text-align:center}.ui-logbook_cover{background-image:linear-gradient(30deg, var(--c-p1) 0, var(--c-p1) 48%, #fff 48%, #fff 52%, var(--c-p2) 52%, var(--c-p2) 100%)}.ui-logbook_title{color:var(--c-text-inv);font-family:"app-title";font-size:var(--font-xl);text-shadow:var(--sdw-text-lg);text-transform:uppercase;padding-top:4rem;text-align:center}}@layer ui{.ui-acvmt{padding:var(--d0);display:grid;grid-template-columns:auto 1fr;column-gap:var(--d0)}.ui-acvmt_icon{grid-column:1;grid-row:1/span 3;align-self:center;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:56px;height:56px;margin-right:var(--d0);border-radius:50%}.ui-acvmt_icon.-complete{background-color:var(--c-fill);background-image:linear-gradient(to top, rgba(0, 0, 0, 0.1333333333) 0, rgba(0, 0, 0, 0.1333333333) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);background-color:var(--c-yes)}.ui-acvmt_icon.-pending{background-color:var(--c-fade);background-image:linear-gradient(to top, var(--c-action) 0%, var(--c-action) var(--pct), rgba(0, 0, 0, 0) var(--pct))}.ui-acvmt_icon.-pending>.ui-sprite{filter:contrast(0) brightness(0);opacity:.2}.ui-acvmt_progress{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);font-size:var(--font-s)}.ui-acvmt_progress>:nth-child(2){border-top:2px solid var(--c-text-inv)}.ui-acvmt_label{grid-column:2;grid-row:1;font-family:"app-caption";font-size:var(--font-m)}.ui-acvmt_descr{grid-column:2;grid-row:2;min-height:38px;font-family:"app-text";font-size:var(--font-s)}.ui-acvmt_modes{grid-column:2;grid-row:3;margin-top:var(--d00);display:flex;align-items:center;justify-content:flex-end;gap:var(--d1)}}@layer ui{.ui-listitem{position:relative;background-image:radial-gradient(circle at right center, rgba(255, 255, 255, 0.2666666667) 0, rgba(255, 255, 255, 0.2666666667) 35px, transparent 36px);display:flex;align-items:center;gap:var(--d0);padding-block:var(--d00);padding-left:var(--d0);padding-right:var(--d0);border-radius:var(--d0)}.ui-listitem.-ability{background-color:var(--c-action)}.ui-listitem.-condition{background-color:var(--c-condition)}.ui-listitem.-disabled{filter:saturate(0)}.ui-listitem_name{flex:1;color:var(--c-text-inv);font-size:var(--font-s);font-weight:bold}.ui-listitem_value{width:20px;color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);font-size:var(--font-m);text-align:center}.ui-listitem_value.-flag{opacity:0}}@layer ui{.ui-unitdetails{background-color:#fff;border:1px solid #fff;box-shadow:var(--sdw-box-xy);border-radius:var(--d1);width:160px;height:270px;overflow:hidden;background-image:repeating-linear-gradient(-60deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 3px, rgba(0, 0, 0, 0.0666666667) 3px, rgba(0, 0, 0, 0.0666666667) 6px)}.ui-unitdetails_top{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:120px;background-color:var(--c-fill);background-blend-mode:color-burn;background-image:radial-gradient(ellipse closest-side at 50% 32px, transparent 0, transparent 128px, rgba(0, 0, 0, 0.5333333333) 129px)}.ui-unitdetails_stat{position:absolute;top:0;width:48px;padding:var(--d00) var(--d0);background-color:rgba(255,255,255,.2666666667);display:flex;align-items:center;justify-content:flex-start;color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);font-size:var(--font-s)}.ui-unitdetails_stat>:nth-child(2){flex:1;text-align:center}.ui-unitdetails_stat.-hp{left:0;border-bottom-right-radius:var(--d1)}.ui-unitdetails_stat.-move{right:0;flex-direction:row-reverse;border-bottom-left-radius:var(--d1)}.ui-unitdetails_list{display:flex;flex-direction:column;gap:var(--d00);padding:var(--d00)}}@layer app{.ui-overlays{position:absolute;top:0;bottom:0;left:0;right:0;z-index:100}.ui-overlays:empty{display:none}}@layer app{.modal-explainer{position:absolute;top:0;bottom:0;left:0;right:0;animation:modal-fade .2s linear forwards;display:flex;flex-direction:column;justify-content:center;align-items:center}@keyframes modal-fade{0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,.8)}}.modal-explainer_panel{background-color:#fff;border:1px solid #fff;box-shadow:var(--sdw-box-xy);border-radius:var(--d1);background-position:bottom right;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_bottom.png");animation:in-up .24s ease-out;animation-fill-mode:backwards;display:flex;flex-direction:column;overflow:hidden;width:320px}.modal-explainer_top{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--d2);padding-bottom:2.5rem;position:relative;background-color:var(--c-fill);background-blend-mode:color-burn;background-image:radial-gradient(ellipse farthest-side at 50% 100%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0.2666666667) 86%)}.-topic-p1Endless .modal-explainer_top,.-topic-p1Daily .modal-explainer_top,.-topic-p1Campaign .modal-explainer_top{--c-fill: var(--c-p1)}.-topic-p2Ai .modal-explainer_top,.-topic-p2Online .modal-explainer_top,.-topic-p2Local .modal-explainer_top{--c-fill: var(--c-p2)}.-topic-sdeath .modal-explainer_top{--c-fill: #222}.-topic-error .modal-explainer_top{--c-fill: var(--c-no)}.modal-explainer_title{padding:6px 12px;margin-top:-12px;border-radius:12px;background-color:var(--c-fill);color:var(--c-text-inv);font-family:"app-title";font-size:var(--font-xl);text-shadow:var(--sdw-text-lg);text-transform:uppercase;white-space:nowrap}.modal-explainer_content{display:flex;flex-direction:column;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);scrollbar-gutter:var(--d1);background-position:top left;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_top.png");max-height:320px;padding:var(--d1);padding-top:2rem;gap:var(--d0);overflow-y:auto;color:var(--c-text);font-family:"app-text";font-size:var(--font-m)}.modal-explainer_content:hover{scrollbar-color:rgba(0,0,0,.5333333333) rgba(0,0,0,0)}.modal-explainer_buttons{display:flex;align-items:center;justify-content:center;padding:var(--d1)}.modal-explainer_buttons [name=close]{--c-fill: var(--c-yes)}}@layer app{.ui-helpdialog{background-color:#fff;border:1px solid #fff;box-shadow:var(--sdw-box-xy);border-radius:var(--d1);background-position:bottom right;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_bottom.png");overflow:hidden;width:280px}.ui-helpdialog_title{background-image:radial-gradient(circle at right center, rgba(255, 255, 255, 0.2666666667) 0, rgba(255, 255, 255, 0.2666666667) 35px, transparent 36px);display:flex;align-items:center;padding:var(--d00) var(--d0);background-color:var(--c-p1);color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);font-size:var(--font-m)}.ui-helpdialog_title.-ability{background-color:var(--c-action)}.ui-helpdialog_title.-condition{background-color:var(--c-condition)}.ui-helpdialog_title.-term{background-color:var(--c-move)}.ui-helpdialog_name{flex:1}.ui-helpdialog_value{width:20px;text-align:center}.ui-helpdialog_text{display:flex;flex-direction:column;gap:var(--d0);padding:var(--d0);color:var(--c-text);font-size:var(--font-m)}.ui-helpdialog_text>.-reminder{color:#444;font-style:italic}.ui-helpdialog_link{text-decoration:underline;color:var(--c-p1)}.ui-helpdialog_link.-ability{color:var(--c-action)}.ui-helpdialog_link.-condition{color:var(--c-condition)}.ui-helpdialog_link.-term{color:var(--c-move)}.ui-helpdialog_link.-unit.-p1{color:var(--c-p1)}.ui-helpdialog_link.-unit.-p2{color:var(--c-p2)}}@layer app{.ui-helplayer{position:absolute;top:0;bottom:0;left:0;right:0}.ui-helplayer_wrapper>*{animation:in-up .24s ease-out;animation-fill-mode:backwards}}@layer app{.ui-highlight{position:absolute;top:0;bottom:0;left:0;right:0;animation:highlight-iris .5s ease-out both}@keyframes highlight-iris{0%{background-color:rgba(0,0,0,0);clip-path:var(--from-clip)}100%{background-color:rgba(0,0,0,.8);clip-path:var(--to-clip)}}}@layer app{.ui-modal{position:absolute;top:0;bottom:0;left:0;right:0}}@layer app{.ui-monitor{position:absolute;top:0;right:0;padding:var(--d0) var(--d1);border-bottom-left-radius:var(--d1);background-color:rgba(0,0,0,.8)}.ui-monitor_busy{color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);animation:ui-monitor-busy 2s infinite alternate}@keyframes ui-monitor-busy{0%{opacity:1}100%{opacity:.5}}}@layer app{.ui-shutter{position:absolute;top:0;bottom:0;left:0;right:0;transition:background-color .24s ease-in}.ui-shutter.-open{background-color:rgba(0,0,0,0)}.ui-shutter.-close{background-color:rgba(0,0,0,.5333333333)}.ui-shutter_door{position:absolute;left:0;right:0;height:50%;border-style:solid;border-color:#fff;border-width:0;background-blend-mode:color-burn;transition:translate .24s ease-out}.ui-shutter_door.-top{top:0;border-bottom-width:var(--d1);background-color:var(--c-p1);background-image:linear-gradient(to top, rgba(0, 0, 0, 0.2666666667) 0, transparent 24px),radial-gradient(ellipse closest-side at 50% 80%, transparent 0, transparent 140%, rgba(0, 0, 0, 0.2666666667) 141%)}.-open .ui-shutter_door.-top{translate:0 -100%}.ui-shutter_door.-top .close{translate:0 0}.ui-shutter_door.-bottom{bottom:0;border-top-width:var(--d1);background-color:var(--c-p2);background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.2666666667) 0, transparent 24px),radial-gradient(ellipse closest-side at 50% 20%, transparent 0, transparent 140%, rgba(0, 0, 0, 0.2666666667) 141%)}.-open .ui-shutter_door.-bottom{translate:0 100%}.ui-shutter_door.-bottom .close{translate:0 0}.ui-shutter_message{position:absolute;bottom:0;left:0;right:0;padding:var(--d1);color:var(--c-text-inv);font-family:"app-title";font-size:var(--font-xl);text-shadow:var(--sdw-text-lg);text-transform:uppercase;text-align:right;animation:in-down .24s ease-out;animation-fill-mode:backwards;animation-delay:.18s}}@layer app{.modal-dialog{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:modal-fade .2s linear forwards}@keyframes modal-fade{0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,.8)}}.modal-dialog_panel{animation:in-up .24s ease-out;animation-fill-mode:backwards;background-color:#fff;border:1px solid #fff;box-shadow:var(--sdw-box-xy);border-radius:var(--d1);display:flex;flex-direction:column;gap:var(--d1);width:280px;padding:var(--d1)}.modal-dialog_content{font-family:"app-text";font-size:var(--font-m);color:var(--c-text)}.modal-dialog_buttons{display:flex;align-items:center;justify-content:flex-end;gap:var(--d1)}.modal-dialog_buttons [name=cancel]{--c-fill: var(--c-no)}.modal-dialog_buttons [name=ok]{--c-fill: var(--c-yes)}}@layer app{.modal-paged{position:absolute;top:0;bottom:0;left:0;right:0}.modal-paged_panel{animation:in-up .24s ease-out;animation-fill-mode:backwards;background-color:#fff;border:1px solid #fff;box-shadow:var(--sdw-box-xy);border-radius:var(--d1);background-position:top left,bottom right;background-repeat:no-repeat,no-repeat;background-image:url("/static/images/ui/bg_panel_top.png"),url("/static/images/ui/bg_panel_bottom.png");display:flex;flex-direction:column;width:100%;min-height:120px}.modal-paged_dots{align-self:flex-end;padding:var(--d0);margin-top:-12px;margin-right:12px;border-radius:var(--d1);display:flex;align-items:center;justify-content:center;gap:var(--d0);background-color:#fff}.modal-paged_dot{display:inline-block;width:12px;height:12px;border-radius:50%}.modal-paged_dot.-unread{background-color:var(--c-fade);box-shadow:inset 0 3px rgba(0,0,0,.5333333333)}.modal-paged_dot.-read{background-color:var(--c-p1)}.modal-paged_content{flex:1;display:flex;flex-direction:column;gap:var(--d1);padding:var(--d1);font-family:"app-text";font-size:var(--font-m);color:var(--c-text)}.modal-paged_close{--c-fill: var(--c-yes)}}@layer app{.battle-root{--margin-top: 88px;--margin-bottom: 56px}.battle-touch{position:absolute;top:0;bottom:0;left:0;right:0}.battle-prompt{top:0;height:32px}.battle-canvas{top:32px;bottom:0}.battle-status{top:32px;height:48px;z-index:3}}@layer app{.boot-root{display:flex;flex-direction:column;justify-content:center;align-items:center;--c-fill: #000}.boot-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--d1)}.boot-logo{width:144px;height:48px}.boot-bar{width:144px;height:6px;background-color:#444;position:relative}.boot-bar::after{content:"";background-color:#fff;position:absolute;top:0;bottom:0;left:0;width:var(--pct);transition:width .2s ease-out}.boot-button{padding:var(--d1);border:6px solid #fff;border-radius:var(--d1);color:var(--c-text-inv);font-size:var(--font-xl);font-family:"app-title";text-transform:uppercase}.boot-button:hover{background-color:#fff;color:#000}.boot-button.-active{animation:zoom-out .3s ease-out forwards}}@layer app{.campaignmission-root{background-color:var(--c-fill);background-image:url("/static/images/ui/bg_scroll_main.png"),var(--screen-bg-img);animation:screen-bg-scroll 6s linear infinite;display:flex;flex-direction:column;gap:var(--d1);--c-fill: var(--c-move);--screen-bg-img: url("/static/images/ui/bg_scroll_camp.png")}@keyframes screen-bg-scroll{0%{background-position:0 0,0 72px}100%{background-position:144px 144px,-144px -72px}}.campaignmission-main{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}.campaignmission-book_splash{position:relative;display:flex;flex-direction:column;align-items:flex-end;padding:var(--d2);background-position:top left;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_top.png");background-color:var(--c-p1)}.campaignmission-book_no{position:absolute;top:0;left:0;margin:var(--d1) var(--d2);color:var(--c-text-inv);font-family:"app-title";font-size:var(--font-xl);text-shadow:var(--sdw-text-lg);text-transform:uppercase;font-size:var(--font-xl);opacity:.5;rotate:-10deg}.campaignmission-book_map{border:1px solid #fff;border-radius:var(--d0)}.campaignmission-book_title{--c-fill: var(--c-p2)}.campaignmission-book_complete{position:absolute;top:0;right:0;margin:var(--d1)}.campaignmission-book_complete.-advance{animation:zoom-in .24s ease-out;animation-fill-mode:backwards}.campaignmission-book_content{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:var(--d1);overflow:hidden;padding:var(--d1)}.campaignmission-book_descr{color:var(--c-fade);font-size:var(--font-m);font-family:"app-text";font-style:italic;overflow-y:auto}.campaignmission-book_wincon{color:var(--c-text);font-family:"app-text";padding-top:var(--d0);border-top:1px solid #ccc}.campaignmission-book_play{--c-fill: var(--c-yes)}.campaignmission-book_art{width:320px;height:480px;image-rendering:pixelated}.campaignmission-main{animation:in-up .24s ease-out;animation-fill-mode:backwards;animation-delay:.2}}@layer app{.campaignselect-root{background-color:var(--c-fill);background-image:url("/static/images/ui/bg_scroll_main.png"),var(--screen-bg-img);animation:screen-bg-scroll 6s linear infinite;display:flex;flex-direction:column;gap:var(--d1);--c-fill: var(--c-move);--screen-bg-img: url("/static/images/ui/bg_scroll_camp.png")}@keyframes screen-bg-scroll{0%{background-position:0 0,0 72px}100%{background-position:144px 144px,-144px -72px}}.campaignselect-list{display:flex;flex-direction:column;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);scrollbar-gutter:var(--d1);flex:1;padding:var(--d1);align-items:center}.campaignselect-list:hover{scrollbar-color:rgba(0,0,0,.5333333333) rgba(0,0,0,0)}.campaignselect-item{background-color:#fff;border:1px solid #fff;box-shadow:var(--sdw-box-xy);border-radius:var(--d1);width:160px;height:240px;position:relative;overflow:hidden}.campaignselect-item_art{width:160px;height:240px;image-rendering:pixelated}.campaignselect-item_progress{position:absolute;bottom:0;right:0;padding:var(--d0);margin:var(--d0);border-radius:var(--d0);background-color:rgba(0,0,0,.8);color:var(--c-text-inv);font-family:"app-caption";font-size:var(--font-s);text-align:right}.campaignselect-item{animation:in-up .24s ease-out;animation-fill-mode:backwards;animation-delay:.2s}}@layer app{.dailybrief-root{background-color:var(--c-fill);background-image:url("/static/images/ui/bg_scroll_main.png"),var(--screen-bg-img);animation:screen-bg-scroll 6s linear infinite;display:flex;flex-direction:column;gap:var(--d1);--c-fill: var(--c-action);--screen-bg-img: url("/static/images/ui/bg_scroll_daily.png")}@keyframes screen-bg-scroll{0%{background-position:0 0,0 72px}100%{background-position:144px 144px,-144px -72px}}.dailybrief-countdown{display:flex;flex-direction:column;align-items:flex-end}.dailybrief-countdown_value{display:flex;align-items:center;gap:var(--d0)}.dailybrief-countdown_value>*{font-variant-numeric:tabular-nums;text-align:right}.dailybrief-win{position:absolute;left:5rem;bottom:-8px;rotate:-5deg;display:flex;align-items:center;gap:var(--d0);padding:var(--d00) var(--d1);border-radius:var(--d1);background-color:#000;box-shadow:var(--sdw-box-xy)}.dailybrief-win_label{color:var(--c-text-inv);font-family:"app-text";font-size:var(--font-m)}.dailybrief-streak{padding:0 var(--d1)}.dailybrief-main{display:grid;grid-template-columns:auto 1fr auto}.dailybrief-team{display:flex;flex-direction:column;gap:var(--d1);padding:var(--d1);border:var(--border);box-shadow:var(--sdw-box-y);background-color:var(--c-fill)}.dailybrief-team.-p1{background-position:top left,bottom right;background-repeat:no-repeat,no-repeat;background-image:url("/static/images/ui/bg_panel_top.png"),url("/static/images/ui/bg_panel_bottom.png");border-left-width:0;border-top-right-radius:var(--d1);border-bottom-right-radius:var(--d1)}.dailybrief-team.-p2{background-position:top left,bottom right;background-repeat:no-repeat,no-repeat;background-image:url("/static/images/ui/bg_panel_top.png"),url("/static/images/ui/bg_panel_bottom.png");border-right-width:0;border-top-left-radius:var(--d1);border-bottom-left-radius:var(--d1)}.dailybrief-team_empty{width:36px;height:36px;border-radius:var(--d0);background-color:rgba(0,0,0,.2666666667)}.dailybrief-map{display:flex;flex-direction:column;justify-content:center;align-items:center}.dailybrief-map_wrapper{border:var(--border);border-radius:var(--d1);box-shadow:var(--sdw-box-xy);overflow:hidden}.dailybrief-map_label{padding:var(--d0);background-color:var(--c-move);color:var(--c-text-inv);font-family:"app-text";font-size:var(--font-m);text-align:center}.dailybrief-handicap{flex:1;display:flex;flex-direction:column;padding:var(--d1)}.dailybrief-handicap_label{align-self:flex-start;padding:var(--d0) var(--d1);margin-left:var(--d1);border-top-left-radius:var(--d0);border-top-right-radius:var(--d0);box-shadow:var(--sdw-box-xy);color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);background-color:var(--c-p1);font-size:var(--font-s)}.dailybrief-handicap_panel{align-self:stretch;display:flex;border-radius:var(--d1);box-shadow:var(--sdw-box-xy);overflow:hidden;background-position:top left,bottom right;background-repeat:no-repeat,no-repeat;background-image:url("/static/images/ui/bg_panel_top.png"),url("/static/images/ui/bg_panel_bottom.png");background-color:#fff}.dailybrief-handicap_descr{flex:1;align-self:flex-start;padding:var(--d1);color:var(--c-text);font-family:"app-text";font-size:var(--font-s)}.dailybrief-handicap_prompt{font-weight:bold;margin-bottom:var(--d0)}.dailybrief-handicap_toggle{align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--d0);padding:var(--d1)}.dailybrief-handicap_toggle.-off{background-color:#ccc}.dailybrief-handicap_toggle.-off>:nth-child(1){filter:brightness(0);opacity:.5}.dailybrief-handicap_toggle.-on{background-color:var(--c-p2)}.dailybrief-handicap_toggle.-on>:nth-child(1){animation:bump .16s ease-out}.dailybrief-handicap_toggle>:nth-child(2){color:var(--c-text-inv);font-family:"app-text"}.dailybrief-streak{animation:in-right .24s ease-out;animation-fill-mode:backwards;animation-delay:.2s}.dailybrief-team.-p1{animation:in-edge-left .24s ease-out;animation-fill-mode:backwards;animation-delay:.4s}.dailybrief-team.-p2{animation:in-edge-right .24s ease-out;animation-fill-mode:backwards;animation-delay:.4s}.dailybrief-map_wrapper{animation:in-up .24s ease-out;animation-fill-mode:backwards;animation-delay:.4s}.dailybrief-handicap{animation:in-up .24s ease-out;animation-fill-mode:backwards;animation-delay:.6s}.dailybrief-win{animation:zoom-in .24s ease-out;animation-fill-mode:backwards;animation-delay:.8s}}@layer app{.map-catalog{flex:1;padding-top:var(--d2);padding-bottom:4rem;padding-inline:var(--d1);overflow-y:auto;border-top-left-radius:var(--d2);border-top-right-radius:var(--d2);background-color:rgba(0,0,0,.5333333333)}.map-catalog_list{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;column-gap:var(--d1);row-gap:var(--d2)}.map-catalog_item{cursor:pointer;position:relative;width:96px}.map-catalog_item *{pointer-events:none}.map-catalog_card{display:flex;flex-direction:column;height:100%;border-radius:var(--d0);box-shadow:var(--sdw-box-xy);overflow:hidden;background-color:var(--c-fill)}.-selected .map-catalog_card{outline:var(--border)}.map-catalog_generate{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}.map-catalog_label{align-self:stretch;padding:var(--d0);color:var(--c-text-inv);font-family:"app-text";font-size:var(--font-s);text-align:center}}@layer app{.map-root{background-color:var(--c-fill);background-image:url("/static/images/ui/bg_scroll_main.png"),var(--screen-bg-img);animation:screen-bg-scroll 6s linear infinite;display:flex;flex-direction:column;gap:var(--d1);--c-fill: var(--c-move);--screen-bg-img: url("/static/images/ui/bg_scroll_map.png")}@keyframes screen-bg-scroll{0%{background-position:0 0,0 72px}100%{background-position:144px 144px,-144px -72px}}.map-root .ui-buttonbar{position:absolute;bottom:0;left:0;right:0;z-index:2}.map-catalog{animation:in-edge-up .24s ease-out;animation-fill-mode:backwards;animation-delay:.2s}.map-catalog_list{animation:bump .16s ease-out;animation-delay:.44s}}@layer app{.onlinelobby-root{display:flex;flex-direction:column;background-color:var(--c-fill);background-image:url("/static/images/ui/bg_scroll_main.png"),var(--screen-bg-img);animation:screen-bg-scroll 6s linear infinite;--c-fill: #fff;--screen-bg-img: url("/static/images/ui/bg_scroll_p2o.png")}@keyframes screen-bg-scroll{0%{background-position:0 0,0 72px}100%{background-position:144px 144px,-144px -72px}}.onlinelobby-main{flex:1;padding-top:120px}.onlinelobby-status{padding:var(--d2);background-color:rgba(0,0,0,.8)}.onlinelobby-status_prompt{color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);font-size:var(--font-l);text-align:center;animation:in-up .24s ease-out;animation-fill-mode:backwards;animation-delay:.3s}}@layer app{.onlinemap-root{background-color:var(--c-fill);background-image:url("/static/images/ui/bg_scroll_main.png"),var(--screen-bg-img);animation:screen-bg-scroll 6s linear infinite;--c-fill: var(--c-move);--screen-bg-img: url("/static/images/ui/bg_scroll_map.png");display:flex;flex-direction:column;gap:var(--d2)}@keyframes screen-bg-scroll{0%{background-position:0 0,0 72px}100%{background-position:144px 144px,-144px -72px}}.onlinemap-main{flex:1;perspective:800px;display:flex;flex-direction:column;align-items:center;padding-top:120px}.onlinemap-prompt{padding-inline:var(--d2);color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);font-size:var(--font-l);text-align:center}.onlinemap-preview{background-color:#fff;border:1px solid #fff;box-shadow:var(--sdw-box-xy);border-radius:var(--d1);display:flex;flex-direction:column;align-items:stretch;overflow:hidden;background-color:var(--c-move);animation:in-spin 1.5s ease-out both}.onlinemap-preview_icon{display:flex;flex-direction:column;justify-content:center;align-items:center;width:144px;height:144px}.onlinemap-preview_label{padding:var(--d0);color:var(--c-text-inv);font-family:"app-text";font-size:var(--font-l);text-align:center}}@layer app{.onlinesetup-root{display:flex;flex-direction:column;gap:var(--d2);background-color:#000}.onlinesetup-prompt{background-color:#fff;border:1px solid #fff;box-shadow:var(--sdw-box-xy);border-radius:var(--d1);background-position:top left;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_top.png");width:320px;padding:var(--d1);border-top-left-radius:0;border-bottom-left-radius:0;position:relative;color:var(--c-text);font-family:"app-text"}.onlinesetup-main{flex:1;padding-inline:var(--d1);position:relative}.onlinesetup-pid{display:flex;align-items:center;justify-content:space-around}.onlinesetup-pid_button{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:var(--d0);width:120px;height:160px;padding:var(--d2) var(--d1);border-radius:var(--d1);box-shadow:var(--sdw-box-xy);background-color:var(--c-fill)}.onlinesetup-pid_button.-p1{background-position:top left;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_top.png")}.onlinesetup-pid_button.-p2{background-position:bottom right;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_bottom.png")}.onlinesetup-pid_label{color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);font-size:var(--font-m)}.onlinesetup-hostbusy{--c-fill: var(--c-text);background-color:var(--c-fill);background-image:linear-gradient(to top, rgba(0, 0, 0, 0.1333333333) 0, rgba(0, 0, 0, 0.1333333333) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);border-radius:var(--d1);padding:var(--d1);box-shadow:var(--sdw-box-xy);text-align:center}.onlinesetup-host{background-color:#fff;border:1px solid #fff;box-shadow:var(--sdw-box-xy);border-radius:var(--d1);background-position:top left,bottom right;background-repeat:no-repeat,no-repeat;background-image:url("/static/images/ui/bg_panel_top.png"),url("/static/images/ui/bg_panel_bottom.png");display:flex;flex-direction:column;align-items:center;gap:var(--d1);padding:var(--d1)}.onlinesetup-host_copy{padding:var(--d00) var(--d1);margin-bottom:-2rem;border:3px solid #fff;border-radius:var(--d1);background-color:var(--c-text);color:var(--c-text-inv);font-family:"app-caption";font-size:var(--font-m)}.onlinesetup-join{background-color:#fff;border:1px solid #fff;box-shadow:var(--sdw-box-xy);border-radius:var(--d1);background-position:top left,bottom right;background-repeat:no-repeat,no-repeat;background-image:url("/static/images/ui/bg_panel_top.png"),url("/static/images/ui/bg_panel_bottom.png");display:flex;flex-direction:column;align-items:center;gap:var(--d1);padding:var(--d1)}.onlinesetup-join_ok{margin-bottom:-2rem;border:3px solid #fff;box-shadow:none;--c-fill: var(--c-yes)}.onlinesetup-code{width:100%;padding:var(--d1) var(--d2);border-radius:var(--d1);background-color:#eee;box-shadow:inset 0 3px rgba(0,0,0,.1333333333);font-family:monospace;font-size:2.5rem;text-align:center;text-transform:uppercase;user-select:unset}.onlinesetup-code::placeholder{opacity:.3}.onlinesetup-error{padding:var(--d1);border-radius:var(--d1);background-color:var(--c-no);color:var(--c-text-inv);font-family:"app-text";text-align:center}.onlinesetup-prompt{animation:in-edge-left .24s ease-out;animation-fill-mode:backwards;animation-delay:.2s}.onlinesetup-pid_button.-p1{animation:in-left .24s ease-out;animation-fill-mode:backwards;animation-delay:.4s}.onlinesetup-pid_button.-p2{animation:in-right .24s ease-out;animation-fill-mode:backwards;animation-delay:.4s}.onlinesetup-host{animation:in-up .24s ease-out;animation-fill-mode:backwards}.onlinesetup-join{animation:in-up .24s ease-out;animation-fill-mode:backwards}.onlinesetup-root{background-image:url("/static/images/ui/space.png");background-size:cover;background-repeat:no-repeat;image-rendering:pixelated}.onlinesetup-root::before{content:"";display:block;width:100px;height:100px;border-radius:50%;overflow:hidden;position:absolute;bottom:120px;left:50%;margin-left:-50px;box-shadow:inset 0 0 6px 3px rgba(0,0,0,.5333333333),0 0 6px 6px rgba(0,0,0,.8);background-image:url("/static/images/ui/earth.png"),url("/static/images/ui/earth.png");scale:3 3;transform-origin:bottom center;image-rendering:pixelated;animation:online-earth 180s linear infinite}@keyframes online-earth{0%{background-position:0 -100px,0 0}100%{background-position:227px -100px,-227px 0}}}@layer app{.ui-acvmtsummary{display:flex;align-items:center;justify-content:space-evenly;gap:var(--d1)}.ui-acvmtsummary_item{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--d0)}.ui-acvmtsummary_item *{pointer-events:none}.ui-acvmtsummary_number{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--c-fill);background-image:linear-gradient(to top, rgba(0, 0, 0, 0.1333333333) 0, rgba(0, 0, 0, 0.1333333333) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);width:3rem;height:3rem;border:3px solid #fff;border-radius:50%;color:var(--c-text-inv);font-family:"app-title";font-size:var(--font-xl);text-shadow:var(--sdw-text-lg);text-transform:uppercase;font-size:var(--font-l)}.-complete .ui-acvmtsummary_number{background-color:var(--c-yes)}.-pending .ui-acvmtsummary_number{background-color:var(--c-action)}.-none .ui-acvmtsummary_number{background-color:var(--c-fade)}.ui-acvmtsummary_label{color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm)}}@layer app{.profile-endless_panel{display:flex;align-items:center;justify-content:center;gap:var(--d1);background-position:bottom right;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_bottom.png");padding:var(--d1);border:1px solid #fff;border-radius:var(--d1);box-shadow:var(--sdw-box-xy);background-color:var(--c-p1);background-image:radial-gradient(ellipse farthest-side at 50% 100%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0.2666666667) 86%)}.profile-endless_label{color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);font-size:var(--font-l)}.profile-endless_num{width:2rem;color:var(--c-text-inv);font-family:"app-title";font-size:var(--font-xl);text-shadow:var(--sdw-text-lg);text-transform:uppercase;text-align:center}}@layer app{.profile-root{background-color:var(--c-fill);background-image:url("/static/images/ui/bg_scroll_main.png"),var(--screen-bg-img);animation:screen-bg-scroll 6s linear infinite;display:flex;flex-direction:column;gap:var(--d1);--c-fill: var(--c-move);--screen-bg-img: url("/static/images/ui/bg_scroll_p1.png")}@keyframes screen-bg-scroll{0%{background-position:0 0,0 72px}100%{background-position:144px 144px,-144px -72px}}.profile-main{flex:1;display:flex;flex-direction:column;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);scrollbar-gutter:var(--d1);gap:var(--d1);overflow-y:auto;overflow-x:hidden;padding-bottom:4rem}.profile-main:hover{scrollbar-color:rgba(0,0,0,.5333333333) rgba(0,0,0,0)}.profile-section{padding:var(--d1);margin-top:2rem;background-color:rgba(0,0,0,.5333333333)}.profile-section.-left{margin-right:var(--d1);border-top-right-radius:var(--d2);border-bottom-right-radius:var(--d2)}.profile-section.-right{margin-left:var(--d1);border-top-left-radius:var(--d2);border-bottom-left-radius:var(--d2)}.profile-heading{display:flex;align-items:center;color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);gap:var(--d0);height:36px;margin-top:-2rem;margin-bottom:var(--d0)}.-right .profile-heading{justify-content:flex-end}.profile-section.-acvmt{animation:in-edge-right .24s ease-out;animation-fill-mode:backwards;animation-delay:.2s}.profile-section.-daily{animation:in-edge-left .24s ease-out;animation-fill-mode:backwards;animation-delay:.4s}.profile-section.-endless{animation:in-edge-right .24s ease-out;animation-fill-mode:backwards;animation-delay:.6s}}@layer app{.result-campaign{background-color:#fff;border:1px solid #fff;box-shadow:var(--sdw-box-xy);border-radius:var(--d1);background-position:bottom right;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_bottom.png");padding:var(--d1)}}@layer app{.result-endlessclear{background-color:#fff;border:1px solid #fff;box-shadow:var(--sdw-box-xy);border-radius:var(--d1);background-position:bottom right;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_bottom.png");display:flex;flex-direction:column;width:280px;padding:var(--d0);padding-bottom:var(--d1);gap:var(--d0)}.result-endlessclear_label{font-family:"app-caption";font-size:var(--font-m);color:var(--c-text)}.result-endlessclear_units{display:flex;align-items:center;justify-content:center;gap:var(--d1)}.result-endlessclear_units>*{animation:endlessround-unit .16s ease-out backwards}@keyframes endlessround-unit{0%{opacity:0}50%{opacity:1;translate:0 -6px}100%{opacity:1;translate:0 0}}.result-endlessclear_units>*:nth-child(1){animation-delay:.5s}.result-endlessclear_units>*:nth-child(2){animation-delay:.6s}.result-endlessclear_units>*:nth-child(3){animation-delay:.7s}.result-endlessclear_units>*:nth-child(4){animation-delay:.8s}.result-endlessover{position:relative;perspective:800px;background-position:bottom right;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_bottom.png");width:280px;padding:var(--d1);border:1px solid #fff;border-radius:var(--d1);box-shadow:var(--sdw-box-xy);background-color:var(--c-p1);background-image:radial-gradient(ellipse farthest-side at 50% 100%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0.2666666667) 86%)}.result-endlessover_wrapper{display:flex;align-items:center;justify-content:center}.result-endlessover_label{color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);font-size:var(--font-l)}.result-endlessover_no{width:2rem;color:var(--c-text-inv);font-family:"app-title";font-size:var(--font-xl);text-shadow:var(--sdw-text-lg);text-transform:uppercase;text-align:center}.result-endlessover_no.-count{animation:bump .16s ease-out}.result-endlessover_no.-high{animation:endless-round-hi .6s ease-out}@keyframes endless-round-hi{0%{scale:1 1;transform:rotateY(0deg)}50%{scale:2 2;transform:rotateY(720deg)}100%{scale:1 1;transform:rotateY(1440deg)}}}@layer app{.result-photo{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.result-photo_canvas{background-color:#000;border:var(--d1) solid #fff;border-bottom-width:2rem;box-shadow:var(--sdw-box-xy)}@keyframes result-photo-fade{0%{filter:saturate(0) contrast(0) brightness(2)}100%{filter:saturate(0) contrast(1) brightness(1)}}@keyframes result-photo-move{0%{scale:4;rotate:-10deg}100%{scale:1;rotate:5deg}}.result-photo_canvas.-animate{animation:result-photo-move .2s ease-out both,result-photo-fade 3s ease-out both}}@layer app{.result-root{background-color:var(--c-fill);background-image:url("/static/images/ui/bg_scroll_main.png"),var(--screen-bg-img);animation:screen-bg-scroll 6s linear infinite}@keyframes screen-bg-scroll{0%{background-position:0 0,0 72px}100%{background-position:144px 144px,-144px -72px}}.result-root.-p1{--screen-bg-img: url("/static/images/ui/bg_scroll_win1.png")}.result-root.-p2{--screen-bg-img: url("/static/images/ui/bg_scroll_win2.png")}.result-root.-tie{--screen-bg-img: url("/static/images/ui/bg_scroll_map.png");--c-fill: var(--c-action)}.result-root.-endless-win{--screen-bg-img: url("/static/images/ui/bg_scroll_win1.png");--c-fill: var(--c-p1)}.result-root.-endless-lose{--screen-bg-img: url("/static/images/ui/bg_scroll_p1.png");--c-fill: var(--c-no)}.result-root.-daily-win{--screen-bg-img: url("/static/images/ui/bg_scroll_daily.png");--c-fill: var(--c-p1)}.result-root.-daily-lose{--screen-bg-img: url("/static/images/ui/bg_scroll_daily.png");--c-fill: var(--c-no)}.result-root.-campaign-win{--screen-bg-img: url("/static/images/ui/bg_scroll_camp.png");--c-fill: var(--c-p1)}.result-root.-campaign-lose{--screen-bg-img: url("/static/images/ui/bg_scroll_camp.png");--c-fill: var(--c-no)}.result-content{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column}.result-plugin{align-self:flex-end;padding:var(--d1);animation:in-right .24s ease-out;animation-fill-mode:backwards;animation-delay:.2s}.result-acvmt{align-self:flex-start;padding:var(--d1)}.result-buttons{display:flex;flex-direction:column;padding:var(--d2);gap:var(--d1);animation:in-edge-up .24s ease-out;animation-fill-mode:backwards;animation-delay:3s}.result-buttons>:nth-child(1){align-self:flex-end;--c-fill: var(--c-yes)}.result-buttons>:nth-child(2){align-self:flex-start;--c-fill: var(--c-no)}}@layer app{.team-mini{cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;width:60px;height:80px;border-radius:var(--d0);background-color:var(--c-fill);background-blend-mode:color-burn;background-image:radial-gradient(ellipse closest-side at 50% 20px, transparent 0, transparent 48px, rgba(0, 0, 0, 0.2666666667) 49px)}.team-mini *{pointer-events:none}}@layer app{.team-lineup{display:flex;align-items:center;justify-content:center;gap:var(--d1)}.team-lineup_item{width:60px;height:80px;border-radius:var(--d0);outline:3px solid rgba(0,0,0,.5333333333);overflow:hidden;background-color:rgba(0,0,0,.5333333333)}@keyframes team-lineup-unit{0%{translate:0 100%}100%{translate:0 0}}.team-lineup_item>*{animation:team-lineup-unit .3s ease-out}}@layer app{.team-root{background-color:var(--c-fill);background-image:url("/static/images/ui/bg_scroll_main.png"),var(--screen-bg-img);animation:screen-bg-scroll 6s linear infinite;display:flex;flex-direction:column;gap:var(--d1)}@keyframes screen-bg-scroll{0%{background-position:0 0,0 72px}100%{background-position:144px 144px,-144px -72px}}.team-root.-p1{--screen-bg-img: url("/static/images/ui/bg_scroll_p1.png")}.team-root.-p2.-human{--screen-bg-img: url("/static/images/ui/bg_scroll_p2.png")}.team-root.-p2.-cpu{--screen-bg-img: url("/static/images/ui/bg_scroll_cpu.png")}.team-root .ui-buttonbar{position:absolute;bottom:0;left:0;right:0}.team-lineup{animation:in-left .24s ease-out;animation-fill-mode:backwards;animation-delay:.2s}.team-catalog{animation:in-edge-up .24s ease-out;animation-fill-mode:backwards;animation-delay:.4s}.team-catalog_list{animation:bump .16s ease-out;animation-delay:.64s}}@layer app{.team-catalog{flex:1;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);scrollbar-gutter:var(--d1);border-top-left-radius:var(--d2);border-top-right-radius:var(--d2);background-color:rgba(0,0,0,.5333333333)}.team-catalog:hover{scrollbar-color:rgba(0,0,0,.5333333333) rgba(0,0,0,0)}.team-catalog_list{padding-inline:var(--d0);padding-top:var(--d2);padding-bottom:320px;display:flex;flex-wrap:wrap;justify-content:center;column-gap:var(--d0);row-gap:var(--d1)}.team-catalog_item{position:relative}.team-catalog_item>.team-mini{box-shadow:var(--sdw-box-xy);transition:all .2s}.team-catalog_item.-selected>.team-mini{outline:var(--border)}.team-catalog_item.-added>.team-mini{box-shadow:-3px -3px rgba(0,0,0,.5333333333);translate:3px 3px;filter:brightness(0.5)}.team-catalog_item.-locked{display:flex;flex-direction:column;justify-content:center;align-items:center;width:60px;height:80px;border-radius:var(--d0);background-color:rgba(0,0,0,.5333333333)}.team-catalog_item.-locked>.ui-sprite{filter:brightness(0.33)}}@layer app{.team-meta{position:relative;display:flex;flex-direction:column;align-items:center;padding:6px;border-radius:12px;background-color:rgba(0,0,0,.8)}.team-meta_strat{margin-bottom:var(--d0);color:var(--c-text-inv);font-family:"app-text";font-size:var(--font-m)}.team-meta_lvstars{display:flex;align-items:center;gap:var(--d0);padding-inline:var(--d1);padding-top:var(--d0);padding-bottom:1rem;margin-bottom:-1rem;border-radius:var(--d1);background-color:rgba(255,255,255,.2666666667);background-image:linear-gradient(to top, rgba(0, 0, 0, 0.2666666667) 0, rgba(0, 0, 0, 0.2666666667) 50%, transparent 50%)}.team-meta_star.-inactive{filter:contrast(0) brightness(0)}.team-meta_lvlabel{color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);font-size:var(--font-m)}.team-meta_more{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--c-fill);background-image:linear-gradient(to top, rgba(0, 0, 0, 0.1333333333) 0, rgba(0, 0, 0, 0.1333333333) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);--c-fill: var(--c-yes);position:absolute;top:-0.5rem;right:-0.5rem;width:1.5rem;height:1.5rem;border-radius:50%}.team-metapanel{background-color:#fff;border:1px solid #fff;box-shadow:var(--sdw-box-xy);border-radius:var(--d1);background-position:bottom right;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_bottom.png");display:flex;flex-direction:column;animation:bump .16s ease-out;gap:var(--d0);position:absolute;right:0;bottom:100%;width:280px;padding:var(--d0);margin-right:var(--d1);margin-bottom:var(--d1);overflow:hidden}.team-metapanel_strat{display:flex;align-items:center;border-radius:6px;background-color:#eee;overflow:hidden;color:var(--c-text);font-family:"app-text";font-size:var(--font-s)}.team-metapanel_strat_label{width:3.5rem;padding:var(--d00);background-color:#ccc;font-weight:bold;text-align:center}.team-metapanel_strat_descr{padding:var(--d00)}.team-metapanel_tip{color:var(--c-text);font-family:"app-text";font-size:var(--font-s);font-style:italic}}@layer app{.team-preview{z-index:10;display:flex}.team-preview_details{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.team-preview_buttons{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--d2);padding-left:var(--d1)}.team-preview_buttons [name=close]{--c-fill: var(--c-no)}.team-preview_details{animation:in-left .24s ease-out;animation-fill-mode:backwards}.team-preview_buttons{animation:in-right .24s ease-out;animation-fill-mode:backwards}}@layer app{.team-unlock{position:absolute;top:0;bottom:0;left:0;right:0;position:fixed;z-index:10;background-color:rgba(0,0,0,.9333333333);animation:team-unlock .2s ease-out}.team-unlock_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.team-unlock_bg g{animation:team-unlock-bg-iris .5s ease-in,team-unlock-bg-spin 8s linear infinite;transform-origin:center}.team-unlock_bg path{fill:rgba(255,255,255,.0666666667)}.team-unlock_fg{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem var(--d1)}.team-unlock_title{animation:zoom-in .24s ease-out;animation-fill-mode:backwards;color:var(--c-text-inv);font-family:"app-title";font-size:var(--font-xl);text-shadow:var(--sdw-text-lg);text-transform:uppercase}.team-unlock_content{display:grid;grid-template-columns:72px 1fr 72px;row-gap:var(--d0)}.team-unlock_step{padding:var(--d2)}.team-unlock_step.-hidden{visibility:hidden}.team-unlock_step[name=prev]{grid-row:1;grid-column:1;animation:in-left .24s ease-out;animation-fill-mode:backwards}.team-unlock_step[name=next]{grid-row:1;grid-column:3;animation:in-right .24s ease-out;animation-fill-mode:backwards}.team-unlock_unit{grid-row:1;grid-column:2;display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:800px}.team-unlock_unit .ui-unitdetails{animation:in-spin 1.5s ease-out both}.team-unlock_label{grid-row:2;grid-column:span 3;color:var(--c-text-inv);font-family:"app-text";font-style:italic;text-align:center}.team-unlock_close{animation:in-up .24s ease-out;animation-fill-mode:backwards;--c-fill: var(--c-no)}.team-unlock_title{animation-delay:.3s}.team-unlock_unit .ui-unitdetails{animation-delay:.5s}.team-unlock_step[name=next],.team-unlock_step[name=prev]{animation-delay:2s}.team-unlock_close,.team-unlock_label{animation-delay:2s}@keyframes team-unlock{0%{opacity:0}100%{opacity:1}}@keyframes team-unlock-bg-iris{0%{clip-path:circle(0%)}100%{clip-path:circle(100%)}}@keyframes team-unlock-bg-spin{0%{rotate:0deg}100%{rotate:360deg}}}@layer app{.title-credits{position:absolute;top:0;bottom:0;left:0;right:0}.title-credits_button{--c-fill: var(--c-yes)}.title-credits_panel{animation:in-up .24s ease-out;animation-fill-mode:backwards;background-color:#fff;border:1px solid #fff;box-shadow:var(--sdw-box-xy);border-radius:var(--d1);display:flex;flex-direction:column;background-position:top left,bottom right;background-repeat:no-repeat,no-repeat;background-image:url("/static/images/ui/bg_panel_top.png"),url("/static/images/ui/bg_panel_bottom.png");gap:var(--d1);width:280px;padding:var(--d1);color:var(--c-text);font-family:"app-text";font-size:var(--font-s)}.title-credits_panel a{color:var(--c-yes);text-decoration:underline;cursor:pointer}.title-credits_buttons{display:flex;align-items:center;justify-content:center}.title-credits_buttons [name=ok]{--c-fill: var(--c-yes)}}@layer app{.title-release{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:modal-fade .2s linear forwards}@keyframes modal-fade{0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,.8)}}.title-release_panel{background-color:#fff;border:1px solid #fff;box-shadow:var(--sdw-box-xy);border-radius:var(--d1);background-position:bottom right;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_bottom.png");display:flex;flex-direction:column;animation:in-up .24s ease-out;animation-fill-mode:backwards;overflow:hidden;width:320px}.title-release_top{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-height:80px;background-color:var(--c-p1);background-image:url("/static/images/ui/release.png")}.title-release_label{margin-bottom:-12px;--c-fill: var(--c-action)}.title-release_content{display:flex;flex-direction:column;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);scrollbar-gutter:var(--d1);background-position:top left;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_top.png");max-height:320px;padding:var(--d1);padding-top:2rem;gap:var(--d0);overflow-y:auto;color:var(--c-text);font-family:"app-text";font-size:var(--font-m)}.title-release_content:hover{scrollbar-color:rgba(0,0,0,.5333333333) rgba(0,0,0,0)}.title-release_buttons{display:flex;align-items:center;justify-content:center;padding:var(--d1)}.title-release_buttons [name=close]{--c-fill: var(--c-yes)}}@layer app{.title-graphics{position:absolute;top:0;left:0;right:0;z-index:2;height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:800px}.title-graphics_splash{animation:title-splash 1.2s ease-in-out both}@keyframes title-splash{0%{transform:translateY(320px) scale(0.1, 0.1) rotateX(1440deg);filter:contrast(0) brightness(2);opacity:0}90%{transform:translateY(-64px) scale(1.5, 1.5) rotateX(0);filter:contrast(0) brightness(2);opacity:1}100%{transform:none;filter:none}}}@layer app{.title-submenu{animation:in-edge-up .24s ease-out;animation-fill-mode:backwards;animation-delay:1.5s;position:absolute;bottom:0;left:0;right:0;z-index:2;background-image:linear-gradient(to bottom, transparent 0, transparent 80px, rgba(0, 0, 0, 0.8) 80px)}.title-submenu_edge{width:100%;height:80px}.title-submenu_edge>path{fill:rgba(0,0,0,.8);transition:d .16s}.title-buttons{padding:var(--d2);display:flex;flex-direction:column;gap:var(--d2)}.title-buttons.-left>:nth-child(odd){align-self:flex-start;animation:in-left .24s ease-out;animation-fill-mode:backwards}.title-buttons.-left>:nth-child(even){align-self:flex-end;animation:in-right .24s ease-out;animation-fill-mode:backwards}.title-buttons.-right>:nth-child(even){align-self:flex-start;animation:in-left .24s ease-out;animation-fill-mode:backwards}.title-buttons.-right>:nth-child(odd){align-self:flex-end;animation:in-right .24s ease-out;animation-fill-mode:backwards}.title-profile{grid-column:3;--c-fill: var(--c-p1)}.title-version{position:absolute;top:0;right:0;z-index:2;padding:var(--d00) var(--d1);border-bottom-left-radius:var(--d0);background-color:rgba(0,0,0,.8);color:var(--c-text-inv);font-family:"app-text";font-size:var(--font-s)}}@layer app{.tutorial-chapter{transition:all .16s;position:relative}.tutorial-chapter:active{translate:0 3px;filter:brightness(0.75)}.tutorial-chapter_card{display:flex;flex-direction:column;width:140px;height:120px;border:1px solid #fff;border-radius:var(--d1);box-shadow:var(--sdw-box-xy);overflow:hidden;background-color:#fff}.tutorial-chapter_top{position:relative;height:80px;padding-top:4px;display:flex;justify-content:center;align-items:flex-start;background-color:var(--c-fill);background-blend-mode:color-burn;background-image:radial-gradient(ellipse closest-side at 50% 20px, transparent 0, transparent 120px, rgba(0, 0, 0, 0.1333333333) 121px)}.tutorial-chapter_no{position:absolute;top:0;left:0;margin:var(--d0);color:var(--c-text-inv);font-family:"app-title";font-size:var(--font-xl);text-shadow:var(--sdw-text-lg);text-transform:uppercase;font-size:var(--font-xl);opacity:.5;rotate:-10deg}.tutorial-chapter_image{width:96px;height:60px}.tutorial-chapter.-ch1{--c-fill: var(--c-p1)}.tutorial-chapter.-ch2{--c-fill: var(--c-action)}.tutorial-chapter.-ch3{--c-fill: var(--c-move)}.tutorial-chapter.-ch4{--c-fill: var(--c-condition)}.tutorial-chapter.-ch5{--c-fill: var(--c-yes)}.tutorial-chapter.-locked{--c-fill: var(--c-no);filter:saturate(0)}}@layer app{.tutorial-root{background-color:var(--c-fill);background-image:url("/static/images/ui/bg_scroll_main.png"),var(--screen-bg-img);animation:screen-bg-scroll 6s linear infinite;display:flex;flex-direction:column;--c-fill: #363;--screen-bg-img: url("/static/images/ui/bg_scroll_tutor.png")}@keyframes screen-bg-scroll{0%{background-position:0 0,0 72px}100%{background-position:144px 144px,-144px -72px}}.tutorial-main{flex:1;position:relative}.tutorial-list{padding:var(--d1);padding-top:3rem;display:grid;grid-template-columns:1fr 1fr;column-gap:var(--d1);row-gap:2rem}.tutorial-acvmt{position:absolute;top:0;left:0;z-index:10;padding:var(--d1)}.tutorial-list .-ch1{margin-left:auto;animation:in-left .24s ease-out;animation-fill-mode:backwards;animation-delay:.2s}.tutorial-list .-ch2{margin-right:auto;animation:in-right .24s ease-out;animation-fill-mode:backwards;animation-delay:.3s}.tutorial-list .-ch3{margin-right:auto;animation:in-left .24s ease-out;animation-fill-mode:backwards;animation-delay:.4s}.tutorial-list .-ch4{margin-left:auto;animation:in-right .24s ease-out;animation-fill-mode:backwards;animation-delay:.5s}.tutorial-list .-ch5{grid-column:span 2;margin-left:auto;margin-right:auto;animation:in-up .24s ease-out;animation-fill-mode:backwards;animation-delay:.6s}}@layer app{.modal-battlemenu{position:absolute;top:0;bottom:0;left:0;right:0}.modal-battlemenu_buttons{width:100%;padding-top:2rem;padding-bottom:5rem;padding-inline:2rem;display:flex;flex-direction:column;gap:var(--d2)}.modal-battlemenu_buttons [name=log]{align-self:flex-start;animation:in-left .24s ease-out;animation-fill-mode:backwards;--c-fill: var(--c-move)}.modal-battlemenu_buttons [name=quit]{align-self:flex-end;animation:in-right .24s ease-out;animation-fill-mode:backwards;--c-fill: var(--c-action)}.modal-battlemenu_buttons [name=close]{position:absolute;bottom:0;left:var(--d1);animation:in-edge-up .24s ease-out;animation-fill-mode:backwards;--c-fill: var(--c-no)}}@layer app{.modal-battlelog{position:absolute;top:0;bottom:0;left:0;right:0;animation:modal-fade .2s linear forwards;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--d2)}@keyframes modal-fade{0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,.8)}}.modal-battlelog [name=close]{background-color:var(--c-no)}.modal-battlelog>.ui-logbook{animation:battlelog-in .16s}@keyframes battlelog-in{0%{opacity:0;translate:0 100%}100%{opacity:1;translate:none}}}@layer app{.battle-abilities{position:absolute;top:var(--margin-top);z-index:1;width:280px;padding-top:3.5rem;padding-bottom:var(--d1);padding-inline:var(--d1);margin-top:2.5rem;border-radius:var(--d1);background-color:rgba(0,0,0,.5333333333);display:flex;flex-direction:column;gap:var(--d0)}.battle-abilities.-p1{left:3rem;animation:in-edge-left .24s ease-out;animation-fill-mode:backwards}.battle-abilities.-p2{right:3rem;animation:in-edge-right .24s ease-out;animation-fill-mode:backwards}.battle-abilities_item{display:flex;align-items:center;gap:var(--d1);transition:all .16s;animation:in-left .24s ease-out;animation-fill-mode:backwards}.battle-abilities_item:active{translate:0 3px;filter:brightness(0.75)}.battle-abilities_help{--c-fill: var(--c-yes)}.battle-abilities .ui-listitem{cursor:pointer;flex:1;border:var(--border);box-shadow:var(--sdw-box-xy);--c-fill: var(--c-action)}.battle-abilities .ui-listitem *{pointer-events:none}.battle-abilities>:nth-child(1){animation-delay:.3s}.battle-abilities>:nth-child(2){animation-delay:.4s}.battle-abilities>:nth-child(3){animation-delay:.5s}.battle-abilities>:nth-child(4){animation-delay:.6s}.battle-abilities>:nth-child(5){animation-delay:.7s}.battle-abilities>:nth-child(6){animation-delay:.8s}.battle-abilities>:nth-child(7){animation-delay:.9s}.battle-abilities>:nth-child(8){animation-delay:1s}.battle-abilities>:nth-child(9){animation-delay:1.1s}.battle-abilities>:nth-child(10){animation-delay:1.2s}}@layer app{.battle-cue{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;bottom:var(--d2);left:0;right:0}.battle-cue_text{animation:bump .16s ease-out;min-width:160px;padding:var(--d0) var(--d1);border-radius:var(--d1);background-color:var(--c-fill);box-shadow:var(--sdw-box-y);color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);font-size:var(--font-m);text-align:center}.battle-cue_text.-ability{--c-fill: var(--c-action)}.battle-cue_text.-condition{--c-fill: var(--c-condition)}.battle-cue_text.-sdeath{--c-fill: #222}}@layer app{.battle-prompt{position:absolute;left:0;right:0;background-color:#fff;box-shadow:var(--sdw-box-y)}.battle-prompt_inner{position:absolute;top:0;height:100%;padding:0 var(--d1);visibility:hidden;display:flex;flex-direction:column;justify-content:center;color:var(--c-text);font-size:var(--font-m);white-space:nowrap}@keyframes battle-prompt-scroll{from{translate:var(--scroll-from) 0}to{translate:var(--scroll-to) 0}}.battle-prompt_inner.-fixed{visibility:visible;width:100%;padding:0 var(--d1);align-items:center}.battle-prompt_inner.-scroll{visibility:visible;align-items:flex-start;animation-name:battle-prompt-scroll;animation-timing-function:linear;animation-iteration-count:infinite}}@layer app{.battle-splash{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.battle-splash_wrapper{width:100%;border-top:6px solid #fff;border-bottom:6px solid #fff;box-shadow:var(--sdw-box-y);overflow:hidden;display:flex;justify-content:stretch;align-items:stretch;animation:battle-splash-in 1.5s ease-out both}@keyframes battle-splash-in{0%{height:0}10%{height:120px}90%{height:120px}100%{height:0}}.battle-splash_content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;background-color:var(--c-fill)}.battle-splash_content.-p1{background-position:top left;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_screen_top.png")}.battle-splash_content.-p2{background-position:bottom right;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_screen_bottom.png")}.battle-splash_name{color:var(--c-text-inv);font-family:"app-title";font-size:var(--font-xl);text-shadow:var(--sdw-text-lg);text-transform:uppercase}.-p1>.battle-splash_name{animation:in-left .24s ease-out;animation-fill-mode:backwards}.-p2>.battle-splash_name{animation:in-right .24s ease-out;animation-fill-mode:backwards}.battle-splash_mode{color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);font-size:var(--font-l)}.-p1>.battle-splash_mode{animation:in-right .24s ease-out;animation-fill-mode:backwards}.-p2>.battle-splash_mode{animation:in-left .24s ease-out;animation-fill-mode:backwards}}@layer app{.battle-terrain{animation:in-edge-right .24s ease-out;animation-fill-mode:backwards;position:absolute;top:var(--margin-top);right:0;margin-top:var(--d2);width:220px;padding-right:66px;padding-left:var(--d0);padding-top:var(--d0);padding-bottom:var(--d1);border-top-left-radius:var(--d0);border-bottom-left-radius:var(--d0);box-shadow:var(--sdw-box-y);background-position:top left;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_top.png");background-color:#fff}.battle-terrain_tile{position:absolute;right:var(--d0);bottom:var(--d1);border:var(--border);border-radius:var(--d1);overflow:hidden}.battle-terrain_tile>canvas{width:42px;height:42px}.battle-terrain_label{color:var(--c-text);font-family:"app-caption";font-size:var(--font-m);text-align:right}.battle-terrain_costs{position:absolute;bottom:-10px;left:var(--d0);display:flex;align-items:center;gap:var(--d0)}.battle-terrain_cost{width:48px;height:20px;padding:0 var(--d0);border-radius:var(--d0);outline:1px solid #fff;box-shadow:var(--sdw-box-y);background-color:var(--c-move);display:flex;align-items:center;gap:var(--d0);color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);font-size:var(--font-s)}.battle-terrain_cost>:nth-child(2){flex:1;text-align:center}}@layer app{.battle-buttons{position:absolute;bottom:0;left:0;right:0;padding-top:var(--d2);padding-inline:var(--d0);display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--d0);align-items:end;background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5333333333), transparent)}.battle-button{transition:all .16s;background-color:var(--c-fill);background-image:linear-gradient(to top, rgba(0, 0, 0, 0.1333333333) 0, rgba(0, 0, 0, 0.1333333333) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);animation:in-edge-up .24s ease-out;animation-fill-mode:backwards;position:relative;border-top-left-radius:var(--d1);border-top-right-radius:var(--d1);box-shadow:var(--sdw-box-xy);color:var(--c-text-inv);font-family:"app-button";text-shadow:var(--sdw-text-sm);font-size:var(--font-m);text-align:center;transform-origin:bottom center}.battle-button:active{translate:0 3px;filter:brightness(0.75)}.battle-button_icon{position:absolute;top:-4px;left:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;width:0;height:0}.battle-button[name=back]{grid-column:1;padding-bottom:var(--d00);padding-top:.5rem;--c-fill: var(--c-no)}.battle-button[name=move]{grid-column:2;padding-bottom:.5rem;padding-top:var(--d1);--c-fill: var(--c-move)}.battle-button[name=action]{grid-column:3;padding-bottom:.5rem;padding-top:var(--d1);--c-fill: var(--c-action)}.battle-button[name=end]{grid-column:4;padding-bottom:var(--d00);padding-top:.5rem;--c-fill: var(--c-yes)}.battle-button[name=emote]{grid-column:1;padding-bottom:var(--d00);padding-top:.5rem;--c-fill: var(--c-action)}.battle-button[name=menu]{grid-column:4;padding-bottom:var(--d00);padding-top:.5rem;--c-fill: var(--c-yes)}}@layer app{.battle-unit{position:absolute;top:var(--margin-top);z-index:2;width:220px;padding-top:var(--d2)}.battle-unit.-p1{animation:in-edge-left .24s ease-out;animation-fill-mode:backwards;left:0}.battle-unit.-p2{animation:in-edge-right .24s ease-out;animation-fill-mode:backwards;right:0}.battle-unit_status{position:absolute;top:var(--d1);padding:var(--d00);border-radius:var(--d00);background-color:#000;color:var(--c-text-inv);font-size:var(--font-s)}.battle-unit.-p1 .battle-unit_status{right:var(--d0);rotate:10deg}.battle-unit.-p2 .battle-unit_status{left:var(--d0);rotate:-10deg}.battle-unit_card{position:relative;padding-top:var(--d0);padding-bottom:var(--d1);padding-right:var(--d0);border-radius:var(--d0);box-shadow:var(--sdw-box-y);background-color:#fff}.battle-unit.-p1 .battle-unit_card{background-position:bottom right;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_bottom.png");padding-left:66px;border-top-left-radius:0;border-bottom-left-radius:0}.battle-unit.-p2 .battle-unit_card{background-position:top left;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_top.png");padding-right:66px;border-top-right-radius:0;border-bottom-right-radius:0}.battle-unit_icon{position:absolute;bottom:var(--d00);padding:var(--d00);border:var(--border);border-radius:var(--d1);background-color:var(--c-fill);background-blend-mode:color-burn;background-image:radial-gradient(ellipse closest-side at 50% 25%, transparent 0, transparent 120%, rgba(0, 0, 0, 0.2666666667) 121%)}.battle-unit.-p1 .battle-unit_icon{left:var(--d0)}.battle-unit.-p2 .battle-unit_icon{right:var(--d0)}.battle-unit_label{color:var(--c-text);font-family:"app-caption";font-size:var(--font-m)}.battle-unit.-p1 .battle-unit_label{text-align:left}.battle-unit.-p2 .battle-unit_label{text-align:right}.battle-unit_stats{position:absolute;bottom:-10px;display:flex;align-items:center;gap:var(--d0)}.battle-unit.-p1 .battle-unit_stats{left:66px;right:var(--d0)}.battle-unit.-p2 .battle-unit_stats{left:var(--d0);right:66px}.battle-unit_stat{padding:0 var(--d0);border-radius:var(--d0);box-shadow:var(--sdw-box-y);overflow:hidden;display:flex;align-items:center;justify-content:space-between;position:relative;color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);font-size:var(--font-s);text-align:right}.battle-unit_stat>*{z-index:1}.battle-unit_stat.-hp{flex:1;background-color:var(--c-fill);background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5333333333), rgba(0, 0, 0, 0.5333333333))}.battle-unit_stat.-hp::before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--pct);background-color:var(--c-fill)}.battle-unit_stat.-move{width:48px;background-color:var(--c-move)}.battle-unit_conditions{position:absolute;top:72px;display:flex;flex-direction:column;align-items:center;gap:var(--d0)}.battle-unit.-p1 .battle-unit_conditions{left:6px;justify-content:flex-start}.battle-unit.-p2 .battle-unit_conditions{right:6px;justify-content:flex-end}.battle-unit_condition{width:48px;height:20px;padding:0 var(--d0);border-radius:var(--d0);outline:1px solid #fff;box-shadow:var(--sdw-box-y);background-color:var(--c-condition);display:flex;align-items:center;gap:var(--d0);color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);font-size:var(--font-s)}.battle-unit_condition.-flag{justify-content:center}.battle-unit_condition.-counter{justify-content:space-between}}@layer app{.modal-coin{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:modal-fade .2s linear forwards}@keyframes modal-fade{0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,.8)}}.modal-coin_caption{display:flex;flex-direction:column;color:var(--c-text-inv);font-family:"app-title";font-size:var(--font-xl);text-shadow:var(--sdw-text-lg);text-transform:uppercase;animation:zoom-in .24s ease-out;animation-fill-mode:backwards;align-items:center;position:absolute;top:20%;left:0;right:0}.modal-coin_player{font-size:var(--font-xxl)}.modal-coin_text{font-size:var(--font-l)}@keyframes modal-coin-up{0%{translate:0 250%}100%{translate:0 -100%}}@keyframes modal-coin-down{0%{translate:0 -100%}100%{translate:0}}@keyframes modal-coin-flash{0%{filter:brightness(2) contrast(0)}100%{filter:none}}.modal-coin_canvas.-intro{animation:modal-coin-up 1s ease-out,modal-coin-down .5s ease-in;animation-delay:0s,1s}.modal-coin_canvas.-done{animation:modal-coin-flash .5s ease-out}}@layer app{.battle-emote{position:relative}.battle-emote_icon{position:relative;border:6px solid #fff;border-radius:1rem;box-shadow:inset 0 3px rgba(0,0,0,.2666666667),0 3px rgba(0,0,0,.5333333333);overflow:hidden}.battle-emote_icon>.ui-sprite{position:relative;z-index:2;opacity:.8}.battle-emote_icon.-v1{background-color:#fe0}.battle-emote_icon.-v2{background-color:#3c3}.battle-emote_icon.-v3{background-color:#69c}.battle-emote_icon.-v4{background-color:#228}.battle-emote_icon.-v5{background-color:#84c}.battle-emote_icon.-v6{background-color:#822}.battle-emote_icon.-v7{background-color:#f80}.battle-emote_icon::before{content:"";display:block;position:absolute;bottom:-12px;right:-12px;width:48px;height:48px;border-radius:50%;background-color:rgba(0,0,0,.1333333333)}.battle-emote_icon::after{content:"";display:block;position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background-color:rgba(255,255,255,.1333333333)}.battle-emote_label{position:absolute;left:-24px;top:-8px;rotate:-5deg;padding:var(--d00) var(--d1);border-radius:var(--d0);background-color:#000;box-shadow:var(--sdw-box-y);color:var(--c-text-inv);font-size:var(--font-s);white-space:nowrap}}@layer app{.modal-battleemote{position:absolute;top:0;bottom:0;left:0;right:0}.modal-battleemote_items{width:100%;padding-bottom:2rem;display:grid;grid-template-columns:1fr 1fr;row-gap:2rem}.modal-battleemote_item{animation:zoom-bounce .24s ease-out both}.modal-battleemote_item:nth-child(1){grid-column:span 2;margin-inline:auto;animation-delay:0s}.modal-battleemote_item:nth-child(2){margin-left:2rem;margin-right:auto;animation-delay:.3s}.modal-battleemote_item:nth-child(3){margin-left:auto;margin-right:2rem;animation-delay:.05s}.modal-battleemote_item:nth-child(4){margin-left:1rem;margin-right:auto;animation-delay:.25s}.modal-battleemote_item:nth-child(5){margin-left:auto;margin-right:1rem;animation-delay:.1s}.modal-battleemote_item:nth-child(6){margin-left:3rem;margin-right:auto;animation-delay:.2s}.modal-battleemote_item:nth-child(7){margin-left:auto;margin-right:3rem;animation-delay:.15s}.modal-battleemote_lock{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);padding:var(--d2);background-image:radial-gradient(circle closest-side at center, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 66%, rgba(0, 0, 0, 0) 100%);text-align:center}}@layer app{.battle-status{position:absolute;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start}.battle-status_team{position:relative;border:var(--border);border-top:0;box-shadow:var(--sdw-box-y);background-color:var(--c-fill);transition:all .2s ease-out}.battle-status_team.-p1{background-position:top left;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_top.png");border-left:0;border-bottom-right-radius:var(--d1)}.battle-status_team.-p2{background-position:bottom right;background-repeat:no-repeat;background-image:url("/static/images/ui/bg_panel_bottom.png");border-right:0;border-bottom-left-radius:var(--d1)}.battle-status_team.-inactive{width:120px;height:32px}.battle-status_team.-active{width:228px;height:40px}.battle-status_name{padding:var(--d00) var(--d0);color:var(--c-text-inv);font-family:"app-caption";text-shadow:var(--sdw-text-sm);transition:font-size .2s ease-out}.battle-status_team.-p1 .battle-status_name{text-align:left}.battle-status_team.-p2 .battle-status_name{text-align:right}.-inactive .battle-status_name{font-size:var(--font-s)}.-active .battle-status_name{font-size:var(--font-l)}.battle-status_bar{position:absolute;bottom:-16px;padding-left:var(--d00);padding-right:var(--d0);border-radius:var(--d0);box-shadow:var(--sdw-box-y);overflow:hidden;display:flex;align-items:center;justify-content:space-between;font-size:var(--font-s);font-family:"app-caption"}.battle-status_bar>*{z-index:1}.battle-status_bar.-counter{width:52px;background-color:var(--c-text);color:var(--c-text-inv)}.battle-status_team.-p1 .battle-status_bar.-counter{left:var(--d00)}.battle-status_team.-p2 .battle-status_bar.-counter{right:var(--d00)}.battle-status_team.-p1 .battle-status_bar.-ap{right:var(--d0)}.battle-status_team.-p2 .battle-status_bar.-ap{left:var(--d0)}.-inactive .battle-status_bar.-ap{width:52px;background-color:#fff}.-active .battle-status_bar.-ap{width:120px;background-color:var(--c-fade);color:var(--c-text)}.-active .battle-status_bar.-ap::before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:var(--pct);background-color:#fff;transition:width .24s ease-in-out}}@layer app{.battle-status_emote{position:absolute;left:0;right:0;top:100%;padding-top:2rem;display:flex}.battle-status_emote>.battle-emote{animation:zoom-bounce .24s ease-out}.battle-status_emote.-p1{justify-content:flex-start;padding-left:3rem}.battle-status_emote.-p1>.battle-emote{rotate:-5deg}.battle-status_emote.-p2{justify-content:flex-end;padding-right:3rem}.battle-status_emote.-p2>.battle-emote{rotate:5deg}}@layer app{.title-anim{position:absolute;top:0;bottom:0;left:0;right:0}}@layer app{.title-button{background-color:var(--c-fill);background-image:linear-gradient(to top, rgba(0, 0, 0, 0.1333333333) 0, rgba(0, 0, 0, 0.1333333333) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);min-width:140px;padding:var(--d0) var(--d2);border-radius:var(--d1);box-shadow:var(--sdw-box-xy);color:var(--c-text-inv);font-family:"app-button";text-shadow:var(--sdw-text-sm);font-size:var(--font-l);position:relative}.title-button.-disabled{filter:saturate(0)}.title-button.-sub{transition:all .16s}.title-button.-sub:active{translate:0 3px;filter:brightness(0.75)}.title-button.-main:active{transition:all .16s}.title-button.-main:active:active{scale:1.5 1.5;opacity:.5}.title-button_disabled{padding:var(--d00) var(--d0);border-radius:var(--d00);background-color:#000;color:var(--c-text-inv);font-size:var(--font-s);position:absolute;right:-6px;bottom:-6px;rotate:-10deg}.title-button[name^=p1]{--c-fill: var(--c-p1)}.title-button[name^=p2]{--c-fill: var(--c-p2)}}