/* Generated by scripts/build-webview-css.mjs. Do not edit. */
@supports not (color:color-mix(in srgb,red,white)){
:is(#ui,.online-service-overlay) .btn{background:linear-gradient(180deg, var(--c) 0%, var(--c) 60%, var(--cd) 100%);box-shadow:0 4px 0 var(--cd), var(--shadow-sm)}
:is(#ui,.online-service-overlay) .btn:active{box-shadow:0 1px 0 var(--cd)}
:is(#ui,.online-service-overlay) .hud-top:before{background:var(--stripes), linear-gradient(90deg, var(--bc), var(--bc))}
:is(#ui,.online-service-overlay) .banner h1{background:var(--stripes), linear-gradient(100deg, var(--c,var(--red)), var(--c,var(--red)))}
:is(#ui,.online-service-overlay) .bn-pt{background:radial-gradient(circle at 50% 38%, var(--paper) 55%, var(--c))}
:is(#ui,.online-service-overlay) .bb-pt{background:radial-gradient(circle at 50% 38%, var(--paper) 55%, var(--c))}
:is(#ui,.online-service-overlay) .card .top{background:var(--stripes), linear-gradient(135deg, var(--rc), var(--rc))}
:is(#ui,.online-service-overlay) .evo-burst{background:repeating-conic-gradient(from 0deg, var(--c) 0deg 10deg, transparent 10deg 24deg)}
:is(#ui,.online-service-overlay) .tl-portrait{background:radial-gradient(circle at 50% 36%, var(--paper) 48%, var(--tc))}
:is(#ui,.online-service-overlay) .tl-plate:after{background:var(--stripes), linear-gradient(100deg, var(--tc), var(--tc))}
:is(#ui,.online-service-overlay) .ult.ready .ult-nm{background:var(--stripes), linear-gradient(100deg, var(--c), var(--c))}
:is(#ui,.online-service-overlay) .uc-band{background:var(--stripes), linear-gradient(100deg, var(--c), var(--c) 38%, var(--c) 64%, var(--c))}
:is(#ui,.online-service-overlay) .uc-pt{background:radial-gradient(circle at 40% 35%, var(--paper), var(--c))}
:is(#ui,.online-service-overlay) .mm-sp-body{scrollbar-color:var(--yellow-d) transparent}
:is(#ui,.online-service-overlay) .mm-sp-pod{background:var(--mc);box-shadow:inset 0 0 0 2px var(--mc)}
:is(#ui,.online-service-overlay) .mm-sp-pod:hover{background:var(--mc)}
:is(#ui,.online-service-overlay) .ls-show{background:radial-gradient(circle at 50% 62%, var(--c) 0%, var(--c) 42%, var(--c2) 100%)}
:is(#ui,.online-service-overlay) .ls-ult{background:var(--stripes), linear-gradient(100deg, var(--c), var(--paper) 70%);box-shadow:inset 0 0 0 2px var(--c)}
:is(#ui,.online-service-overlay) .ult-pt{box-shadow:0 0 0 2px var(--c)}
:is(#ui,.online-service-overlay) .ls-tile{background:radial-gradient(circle at 50% 35%, var(--c), var(--c) 75%)}
:is(#ui,.online-service-overlay) .ls-card-head{background:var(--stripes), linear-gradient(100deg, var(--mc,var(--slate,var(--ink-2))), var(--mc,var(--slate,var(--ink-2))))}
:is(#ui,.online-service-overlay) .ls-move{background:linear-gradient(100deg, var(--c), var(--paper) 80%);box-shadow:inset 0 0 0 2px var(--c)}
:is(#ui,.online-service-overlay) .tt-head{background:var(--stripes), linear-gradient(100deg, var(--tc), var(--tc))}
:is(#ui,.online-service-overlay) .rg-side-head{background:var(--stripes), linear-gradient(100deg, var(--bc), var(--bc))}
:is(#ui,.online-service-overlay) .rg-bic{background:radial-gradient(circle at 50% 38%, var(--paper) 55%, var(--c))}
:is(#ui,.online-service-overlay) .rg-tier.on{box-shadow:0 4px 0 var(--c)}
:is(#ui,.online-service-overlay) .rg-pt{background:radial-gradient(circle at 50% 38%, var(--paper) 55%, var(--c,var(--blue)))}
:is(#ui,.online-service-overlay) .dx-tile{background:radial-gradient(circle at 50% 40%, var(--paper) 30%, var(--c))}
:is(#ui,.online-service-overlay) .lab-top{background:var(--stripes), linear-gradient(135deg, var(--c), var(--c))}
:is(#ui,.online-service-overlay) .lm-ic{background:var(--stripes), linear-gradient(135deg, var(--c), var(--c))}
:is(#ui,.online-service-overlay) .ic-art{background:radial-gradient(circle at 50% 45%, var(--c) 0%, var(--c) 64%, transparent 74%)}
:is(#ui,.online-service-overlay) .ic.r2 .ic-rays{background:radial-gradient(circle, var(--c) 0%, transparent 68%)}
:is(#ui,.online-service-overlay) .ic.r3 .ic-rays,:is(#ui,.online-service-overlay) .ic.r4 .ic-rays{background:repeating-conic-gradient(from 0deg, var(--c) 0deg 10deg, transparent 10deg 30deg)}
:is(#ui,.online-service-overlay) .ic-spark{filter:drop-shadow(0 0 3px var(--c))}
:is(#ui,.online-service-overlay) .bd-mon-t{background:linear-gradient(160deg, var(--sky), var(--gr))}
:is(#ui,.online-service-overlay) .bd-hero{background:var(--stripes), linear-gradient(105deg, var(--sky) 0%, var(--gr) 100%)}
:is(#ui,.online-service-overlay) .pod-base{background:var(--stripes), linear-gradient(180deg, var(--mc), var(--mc))}
:is(#ui,.online-service-overlay) .bd-row.prize:not(.me){background:var(--yellow)}
:is(#ui,.online-service-overlay) .bd-parts i span{background:linear-gradient(180deg, var(--sky) 0 50%, var(--gr) 50%)}
:is(#ui,.online-service-overlay) .st-tab .st-ic{box-shadow:inset 0 0 0 3px var(--c), 0 3px 0 #00000014}
:is(#ui,.online-service-overlay) .st-tab.on{background:var(--stripes), linear-gradient(100deg, var(--c), var(--c))}
:is(#ui,.online-service-overlay) .st-head{background:var(--stripes), linear-gradient(100deg, var(--c), var(--c))}
:is(#ui,.online-service-overlay) .st-row:hover{box-shadow:inset 0 0 0 2px var(--c), 0 4px 12px #1a124614}
:is(#ui,.online-service-overlay) .kg-head{background:var(--stripes), linear-gradient(100deg, var(--kc), var(--kc))}
:is(#ui,.online-service-overlay) .kgoal-bar i{background:var(--stripes), linear-gradient(90deg, var(--kc), var(--kc))}
:is(#ui,.online-service-overlay) .pf-hero{background:linear-gradient(120deg, var(--paper) 55%, var(--c))}
:is(#ui,.online-service-overlay) .pf-run{background:linear-gradient(90deg, var(--sky) 0%, var(--paper-2) 55%)}
:is(#ui,.online-service-overlay) .pf-run-team{border-top:2px dashed var(--mc)}
:is(#ui,.online-service-overlay) .pf-mate.me{background:var(--mc)}
:is(#ui,.online-service-overlay) .pf-team{background:linear-gradient(90deg, var(--sky), var(--paper-2) 70%)}
:is(#ui,.online-service-overlay) .pf-run.win{box-shadow:inset 0 0 0 2px var(--green)}
:is(#ui,.online-service-overlay) .tk-head{background:var(--stripes), linear-gradient(110deg, var(--hc), var(--hc) 55%, var(--hc))}
:is(#ui,.online-service-overlay) .tk-node{background:var(--hc)}
:is(#ui,.online-service-overlay) .tk-ball{background:var(--lv);box-shadow:inset 0 0 0 2px var(--lv)}
:is(#ui,.online-service-overlay) .tk-col .tk-bar i{background:linear-gradient(90deg, var(--hc), var(--hc))}
:is(#ui,.online-service-overlay) .tk-prize{background:var(--stripes), linear-gradient(120deg, var(--k-fffaf0), var(--hc));box-shadow:inset 0 0 0 2px var(--hc)}
:is(#ui,.online-service-overlay) .tk-prize-ic{box-shadow:inset 0 0 0 2px var(--hc)}
:is(#ui,.online-service-overlay) .tk-boost-ic{background:var(--hc)}
:is(#ui,.online-service-overlay) .ally-pt{background:radial-gradient(circle at 50% 38%, var(--paper) 55%, var(--tc))}
:is(#ui,.online-service-overlay) .pz-item{background:var(--stripes), linear-gradient(135deg, var(--rc), var(--rc))}
:is(#ui,.online-service-overlay) .pz-dtop img{background:var(--stripes), linear-gradient(135deg, var(--rc), var(--rc))}
:is(#ui,.online-service-overlay) .sm-hero{background:var(--stripes), linear-gradient(105deg, var(--sky) 0%, var(--gr) 100%)}
:is(#ui,.online-service-overlay) .sm-hero.lose{background:var(--stripes), linear-gradient(105deg, var(--red-d) 0%, var(--sky) 100%)}
:is(#ui,.online-service-overlay) .sm-dust{box-shadow:inset 0 0 0 2px var(--purple)}
:is(#ui,.online-service-overlay) .cl-acc{background:var(--c);color:var(--c)}
:is(#ui,.online-service-overlay) .cl-mem-who small .cl-seen.on:before{box-shadow:0 0 0 2px var(--green)}
:is(#ui,.online-service-overlay) .cl-stat.miss{box-shadow:inset 0 0 0 2px var(--red)}
:is(#ui,.online-service-overlay) .pf-mon{background:linear-gradient(110deg, var(--sky), var(--gr))}
:is(#ui,.online-service-overlay) .cl-ev-pic{background:var(--blue)}
:is(#ui,.online-service-overlay) .cl-rd-hero{background:var(--stripes), linear-gradient(105deg, var(--sky), var(--gr))}
:is(#ui,.online-service-overlay) .lc-head{background:var(--stripes), linear-gradient(100deg, var(--lc), var(--lc))}
:is(#ui,.online-service-overlay) .ms2{background:var(--mc);box-shadow:inset 0 0 0 2px var(--mc)}
:is(#ui,.online-service-overlay) .ms2-ic{box-shadow:0 2px 0 var(--mc)}
:is(#ui,.online-service-overlay) .ms2-num b{color:var(--mc)}
:is(#ui,.online-service-overlay) .nw-card.on{box-shadow:0 0 0 3px var(--c), 0 5px 0 var(--c), var(--shadow)}
:is(#ui,.online-service-overlay) .nw-thumb{background:var(--stripes), var(--c)}
:is(#ui,.online-service-overlay) .fb-check{background:var(--stripes), var(--blue)}
:is(#ui,.online-service-overlay) .rg-mode.on{box-shadow:0 4px 0 var(--c)}
:is(#ui,.online-service-overlay) .mp-pt{background:radial-gradient(circle at 50% 38%, var(--paper) 55%, var(--c))}
:is(#ui,.online-service-overlay) .card.pact .top{background:var(--stripes), linear-gradient(135deg, var(--rc), #2a2440)}
:is(#ui,.online-service-overlay) .card .affects{background:var(--rc,var(--blue))}
:is(#ui,.online-service-overlay) .rs-frame{background:linear-gradient(180deg, var(--c), var(--paper) 70%);box-shadow:inset 0 0 0 2px var(--c)}
:is(#ui,.online-service-overlay) .rs-frame.ok{box-shadow:inset 0 0 0 2px var(--c), 0 4px 14px var(--c)}
:is(#ui,.online-service-overlay) .rs-pips i.on{box-shadow:0 0 0 1px var(--c) inset}
:is(#ui,.online-service-overlay) .rs-detail{background:var(--c);box-shadow:inset 0 0 0 2px var(--c)}
:is(#ui,.online-service-overlay) .mp-head{background:var(--stripes), linear-gradient(100deg, var(--mc,var(--slate,var(--ink-2))), var(--mc,var(--slate,var(--ink-2))))}
:is(#ui,.online-service-overlay) .mp-move{background:linear-gradient(100deg, var(--c), var(--paper) 80%);box-shadow:inset 0 0 0 2px var(--c)}
:is(#ui,.online-service-overlay) .mp-who{background:var(--c)}
:is(#ui,.online-service-overlay) .mp-type{background:var(--c)}
:is(#ui,.online-service-overlay) .mp-chips span{box-shadow:inset 0 0 0 1px var(--c)}
:is(#ui,.online-service-overlay) .mm-item.focus{box-shadow:0 0 0 3px var(--c), 0 7px 0 var(--c), var(--shadow)}
:is(#ui,.online-service-overlay) .mm-ic{background:var(--c)}
:is(#ui,.online-service-overlay) .tf-glow{background:radial-gradient(circle closest-side, transparent 50%, var(--c2) 70%, transparent 100%)}
:is(#ui,.online-service-overlay) .card.fusion .top{background:var(--stripes), linear-gradient(120deg, var(--t1), var(--t2))}
:is(#ui,.online-service-overlay) .card.fusion h3{background:linear-gradient(90deg, var(--t1), var(--t2))}
:is(#ui,.online-service-overlay) .fu-chip{background:var(--tc)}
:is(#ui,.online-service-overlay) .fi-type{background:var(--tc)}
:is(#ui,.online-service-overlay) .fu-chip.any{background:var(--tc)}
:is(#ui,.online-service-overlay) .mv-lv i{background:var(--tc,var(--blue))}
:is(#ui,.online-service-overlay) .mp-nums span{background:var(--c)}
:is(#ui,.online-service-overlay) .pk-item{background:var(--stripes), linear-gradient(135deg, var(--rc), var(--rc))}
:is(#ui,.online-service-overlay) .pz-nums span{background:var(--c)}
:is(#ui,.online-service-overlay) .pz-other{background:var(--c)}
:is(#ui,.online-service-overlay) .dxp-item.vit{background:linear-gradient(180deg, var(--c), var(--dxp-surface) 70%)}
:is(#ui,.online-service-overlay) .dxp-head{background:var(--c,var(--blue));box-shadow:inset 0 0 0 2px var(--c,var(--blue))}
:is(#ui,.online-service-overlay) .dxp-mon-go:hover,:is(#ui,.online-service-overlay) .dxp-mon-go:focus-visible{background:var(--c)}
:is(#ui,.online-service-overlay) .dxp-fu{box-shadow:inset 0 0 0 2px var(--t1)}
:is(#ui,.online-service-overlay) .cp-seg>button.on{background:linear-gradient(180deg, var(--c), var(--c));box-shadow:inset 0 2px 0 #ffffff73, 0 2px 0 var(--c)}
:is(#ui,.online-service-overlay) .cp-lb-row.top{box-shadow:inset 0 0 0 2px var(--rc)}
:is(#ui,.online-service-overlay) .cp-map.on{background:linear-gradient(100deg, var(--sky), var(--paper))}
:is(#ui,.online-service-overlay) .cp-tier.on{background:linear-gradient(180deg, var(--c), var(--c));box-shadow:inset 0 2px 0 #ffffff73, 0 3px 0 var(--c)}
:is(#ui,.online-service-overlay) .cp-slot.taken{box-shadow:inset 0 1px 0 var(--hi), 0 5px 0 var(--c), var(--shadow)}
:is(#ui,.online-service-overlay) .cp-slot-stage .ls-pedestal{box-shadow:0 0 0 3px #ffffffbf, 0 6px 0 #0a06282e, 0 0 22px var(--c)}
:is(#ui,.online-service-overlay) .cp-msg-av img{background:var(--c)}
:is(#ui,.online-service-overlay) .cp-msg-head b{color:var(--c)}
:is(#ui,.online-service-overlay) .cp-pip img{background:var(--c)}
:is(#ui,.online-service-overlay) .coop-med>img{background:radial-gradient(circle at 50% 36%, var(--paper) 48%, var(--c))}
:is(#ui,.online-service-overlay) .coop-plate:after{background:var(--stripes), linear-gradient(100deg, var(--c), var(--c))}
:is(#ui,.online-service-overlay) .tr-card{box-shadow:inset 0 0 0 2px var(--c), var(--shadow-sm)}
:is(#ui,.online-service-overlay) .tr-mon{background:var(--c)}
:is(#ui,.online-service-overlay) .ev-next{background:var(--ev);box-shadow:inset 0 0 0 2px var(--ev)}
:is(#ui,.online-service-overlay) .ev-how-ic{background:var(--ev)}
:is(#ui,.online-service-overlay) .ev-step.done{background:var(--green)}
:is(#ui,.online-service-overlay) .ev-prize{background:var(--tc);box-shadow:inset 0 0 0 2px var(--tc)}
:is(#ui,.online-service-overlay) .ev-bhero{box-shadow:inset 0 0 0 2px var(--ev), var(--shadow)}
:is(#ui,.online-service-overlay) .ev-bseg button.on{box-shadow:0 3px 0 var(--ev)}
:is(#ui,.online-service-overlay) button.ev-brow.prize{background:var(--ev)}
:is(#ui,.online-service-overlay) button.ev-brow:hover{background:var(--ev)}
:is(#ui,.online-service-overlay) button.ev-brow.me{background:var(--ev)}
:is(#ui,.online-service-overlay) .ev-brow.prize .bd-rank{background:linear-gradient(180deg, var(--ev), var(--ev))}
:is(#ui,.online-service-overlay) .ev-bwho small{color:var(--ev)}
:is(#ui,.online-service-overlay) .ev-cutline{color:var(--ev)}
:is(#ui,.online-service-overlay) .ev-cutline:before,:is(#ui,.online-service-overlay) .ev-cutline:after{border-top:2px dashed var(--ev)}
:is(#ui,.online-service-overlay) .ev-bme{box-shadow:0 0 0 3px var(--ev), 0 -6px 22px #0e062259}
:is(#ui,.online-service-overlay) .ev-bme-rank{background:var(--stripes), linear-gradient(160deg, var(--ev), var(--ev))}
:is(#ui,.online-service-overlay) .tz-stage{background:linear-gradient(180deg, #0e082261, #0e08229e) padding-box, var(--bg,none) center / cover no-repeat padding-box, linear-gradient(160deg, var(--wc), #120d2a) padding-box, linear-gradient(140deg, #fff3b0, #e8a82a 22%, #fff0a0 45%, #b8750e 70%, #ffe27a) border-box}
:is(#ui,.online-service-overlay) .tz-stage:before{background:radial-gradient(ellipse at 50% 45%, var(--wc2), transparent 62%)}
:is(#ui,.online-service-overlay) .tz-tile{background:linear-gradient(180deg, var(--tc) 0 6px, transparent 6px), radial-gradient(circle at 50% 42%, var(--paper), var(--tc) 78%);box-shadow:0 4px 0 var(--tc), 0 0 0 2px #ffffffb3, 0 6px 16px #0a061e59}
:is(#ui,.online-service-overlay) .tz-gem{background:linear-gradient(135deg, var(--paper), var(--tc) 55%, var(--tc))}
:is(#ui,.online-service-overlay) .tz-tile.grand{background:radial-gradient(ellipse at 50% 46%, var(--wc2), var(--wc) 62%, #120a22)}
:is(#ui,.online-service-overlay) .tz-show-rays{background:repeating-conic-gradient(from 0deg, var(--wc2) 0 7deg, transparent 7deg 20deg)}
:is(#ui,.online-service-overlay) .tz-show-ped{background:radial-gradient(ellipse, var(--wc2), var(--wc) 55%, transparent 72%)}
@keyframes tzGlow{:is(#ui,.online-service-overlay) 50%{box-shadow:0 0 0 3px #fff3b0, 0 0 0 6px #d8951e, 0 0 30px 8px var(--wc2)}
}
:is(#ui,.online-service-overlay) .tz-seg i.on{background:linear-gradient(180deg, var(--wc2,#ffd34a), #ffb82e)}
:is(#ui,.online-service-overlay) .tz-rays{background:repeating-conic-gradient(from 0deg, var(--wc2) 0 6deg, transparent 6deg 18deg)}
}