:root{--action:#09f;--button-bg:#dfdfdf;--button-hover:#ccc;--chakra-blood:#f0000a;--chakra-gen:#fff;--chakra-nin:#00a9d5;--chakra-tai:#0cdd2c;--chakra-rand:#000;--danger:#e00;--desc-extra:#606060;--rank-admin:#151c77;--rank-moderator:#2d7715}a{text-decoration:none}a:active,a&:focus{outline-style:none}a sup{text-decoration:none}body,html{width:100%;height:100%}dl{margin-top:0}dt{float:left;width:6.5em;font-weight:bold}dt::after{content:":"}dd{margin-bottom:0.25em;margin-left:6.5em}h1,h2{text-transform:uppercase}h2,h3,h4{margin-bottom:0.3em}h3,h4{margin-top:0.5em}h1{font-size:1.6em;text-align:center}h3{font-size:1.25em}h4{font-size:1.15em}i{color:#600}input,textarea{background-color:#ddd;border:1px solid #888}ol li,ul li{margin-top:0.5em;line-height:1.4em}ol li > dt,ol li > dd,ul li > dt,ul li > dd{display:contents}sup{font-style:italic;font-size:0.7em;display:inline-block;text-decoration:none !important}ul{margin:0;padding:0 1em}ul ul{padding-left:1.5em;padding-bottom:0.2em}.chakra{display:inline-block;height:0.6em;width:0.6em;border:1px solid #222;margin-left:3px}.chakra.blood{background-color:var(--chakra-blood) !important}.chakra.gen{background-color:var(--chakra-gen) !important}.chakra.nin{background-color:var(--chakra-nin) !important}.chakra.tai{background-color:var(--chakra-tai) !important}.chakra.rand{background-color:var(--chakra-rand) !important}.char{display:inline-block;outline:1px solid #000;margin:5px;vertical-align:top}.complete{color:rgb(0, 150, 0)}.incomplete{color:rgb(200, 0, 0)}.extra{color:#606060;margin-left:0.4em}.skillClasses{font-weight:normal;color:var(--desc-extra)}.space{flex-grow:1}.wrap{white-space:nowrap}.admin{color:var(--rank-admin);border-color:var(--rank-admin);outline-color:var(--rank-admin)}.moderator{color:var(--rank-moderator);border-color:var(--rank-moderator);outline-color:var(--rank-moderator)}[data-theme="arena"] body:has(#main){--na-panel:rgba(255, 255, 255, 0.92);--na-line:#1d1d1d;--na-text:#111;--na-muted:#4a4a4a;--na-orange:#ee7a00;--na-orange-dark:#a84f00;--na-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 3px 10px rgba(0, 0, 0, 0.45);--na-bar:linear-gradient(#ffd27a 0%, #ffa733 48%, #f28300 52%, #ffa635 100%);--action:#ee7a00;--action-available:#fff;--action-cancel:#d40000;--char-border:#000;--select-border:#1d1d1d;--desc-extra:#555;color-scheme:light;background:#2b2b2b !important;font-family:Verdana, Tahoma, Geneva, sans-serif !important;font-size:11px;color:var(--na-text)}[data-theme="arena"] #bg::after{background:rgba(0, 0, 0, 0.12)}[data-theme="arena"] body:has(#game) #bg::after{background:rgba(0, 0, 0, 0.18)}[data-theme="arena"] body:has(#main) main,[data-theme="arena"] #main{max-width:none !important;width:100% !important;height:100% !important;min-height:100%;margin:0 !important;padding:0 !important;background:transparent !important;border:none !important;border-radius:0 !important;box-shadow:none !important;color:var(--na-text)}[data-theme="arena"] body:has(#main) button,[data-theme="arena"] body:has(#main) input,[data-theme="arena"] body:has(#main) textarea,[data-theme="arena"] #center,[data-theme="arena"] .details,[data-theme="arena"] #charSelect > article{font-family:Verdana, Tahoma, Geneva, sans-serif !important;letter-spacing:0}[data-theme="arena"] body:has(#main) button{transform:none !important;box-sizing:border-box}[data-theme="arena"] body:has(#main) h1,[data-theme="arena"] body:has(#main) h2,[data-theme="arena"] body:has(#main) h3,[data-theme="arena"] body:has(#main) h4{color:#000;letter-spacing:0}[data-theme="arena"] body:has(#main) i{color:var(--na-orange-dark);font-weight:bold}[data-theme="arena"] body:has(#main) .skillClasses,[data-theme="arena"] body:has(#main) .extra,[data-theme="arena"] #game .skillClasses{color:var(--na-muted);font-weight:bold}[data-theme="arena"] body:has(#main) input,[data-theme="arena"] body:has(#main) textarea{background:#fff;border:1px solid #7a7a7a;border-radius:0;color:#000;padding:3px 5px;font-size:11px}[data-theme="arena"] .parchment,[data-theme="arena"] .parchment:hover,[data-theme="arena"] .chars,[data-theme="arena"] .chars:hover,[data-theme="arena"] #vs,[data-theme="arena"] #vs:hover,[data-theme="arena"] #charSelect > article,[data-theme="arena"] #bottom article{background-image:none !important;background-color:var(--na-panel) !important;border:1px solid var(--na-line) !important;border-radius:0 !important;box-shadow:var(--na-shadow) !important;color:var(--na-text)}[data-theme="arena"] .chars,[data-theme="arena"] #vs{overflow:visible !important}[data-theme="arena"] #charSelect > article{bottom:318px;font-size:11px;line-height:1.45}[data-theme="arena"] #charSelect > article:not(.war){max-height:calc(100vh - 318px - 150px);overflow-y:auto}[data-theme="arena"] #charSelect > article h3{font-size:13px !important;text-transform:uppercase}[data-theme="arena"] #charSelect > article.missions-preview,[data-theme="arena"] #charSelect > article.shop-preview,[data-theme="arena"] #charSelect > article.story-preview{top:88px;bottom:318px;overflow-y:auto;max-height:none}[data-theme="arena"] #bottom article{font-size:11px;line-height:1.45}[data-theme="arena"] .war{font-size:11px}[data-theme="arena"] .war h1{font-size:13px;text-transform:uppercase}[data-theme="arena"] .war .red p,[data-theme="arena"] .war .blue p{font-weight:bold}[data-theme="arena"] .war .red p{color:#c00000}[data-theme="arena"] .war .blue p{color:#0050b0}[data-theme="arena"] .playButton,[data-theme="arena"] #updateButton,[data-theme="arena"] #logoutButton,[data-theme="arena"] #center > #exchange,[data-theme="arena"] #center > #reset,[data-theme="arena"] #center > #forfeit,[data-theme="arena"] #vs button,[data-theme="arena"] #return,[data-theme="arena"] #spend .less,[data-theme="arena"] #spend .more{background:linear-gradient(#ffffff, #e6e6e6 55%, #cfcfcf) !important;border:1px solid var(--na-line) !important;border-radius:0 !important;box-shadow:none !important;color:#000 !important;font-weight:bold !important;font-size:11px !important;letter-spacing:0 !important;text-transform:uppercase;text-shadow:none !important}[data-theme="arena"] .playButton:hover,[data-theme="arena"] #updateButton:hover,[data-theme="arena"] #logoutButton:hover,[data-theme="arena"] #center > button:enabled:hover,[data-theme="arena"] #vs button:enabled:hover,[data-theme="arena"] #return:hover,[data-theme="arena"] #spend .less:enabled:hover,[data-theme="arena"] #spend .more:enabled:hover{background:linear-gradient(#fff6e8, #ffd9a6 55%, #ffb860) !important;border-color:var(--na-orange-dark) !important;color:#000 !important}[data-theme="arena"] .playButton:disabled,[data-theme="arena"] #vs button:disabled,[data-theme="arena"] #center > button:disabled{background:linear-gradient(#7a7a7a, #555) !important;color:#eee !important;opacity:1}[data-theme="arena"] #playButtons .playButton{height:24px !important;min-height:24px !important;line-height:22px !important;margin:0 0 3px !important;padding:0 10px !important}[data-theme="arena"] #userBox .playButton,[data-theme="arena"] .userForm .playButton{width:auto;min-width:5.5em;display:inline-block}[data-theme="arena"] #return{padding:0.5em 1.3em !important;width:auto !important;min-width:7em;height:auto !important;line-height:1.25 !important;display:inline-flex !important;align-items:center;justify-content:center}[data-theme="arena"] #vs{gap:6px;align-items:center;flex-wrap:wrap;flex-shrink:0;z-index:3}[data-theme="arena"] #vs nav{display:flex;flex-direction:column;flex-wrap:nowrap;flex:1 1 auto;min-width:0;gap:6px;align-items:stretch}[data-theme="arena"] #vs .vsRow{display:flex;flex-wrap:nowrap;gap:6px;align-items:stretch;width:100%}[data-theme="arena"] #vs .playButton{display:inline-flex !important;align-items:center;justify-content:center;width:auto !important;flex:0 0 auto}[data-theme="arena"] #vs .vsRow .playButton{flex:1 1 0 !important}[data-theme="arena"] #vs button{width:auto !important;min-width:4.2em !important;height:24px !important;padding:0 12px !important;line-height:22px !important}[data-theme="arena"] #vs.vsPractice{flex-wrap:nowrap;min-height:0}[data-theme="arena"] #forVs,[data-theme="arena"] #forVs:hover{overflow:auto !important;position:relative;top:auto;left:auto;right:auto;bottom:auto;height:auto;min-height:0;flex:1 1 auto;width:100%}[data-theme="arena"] #forTeam{overflow:visible !important;bottom:10px;height:292px;box-sizing:border-box;padding:6px 5px 8px}[data-theme="arena"] #forTeam .charScroll{position:absolute;top:6px;left:5px;right:5px;bottom:6px;height:auto;overflow:hidden;box-sizing:border-box;padding:4px 6px}[data-theme="arena"] #browse{display:none !important}[data-theme="arena"] .scroll,[data-theme="arena"] .scroll:hover{width:22px !important;height:60px !important;top:calc(50% - 30px) !important;background:linear-gradient(#ffffff, #d4d4d4) !important;border:1px solid var(--na-line) !important;box-shadow:var(--na-shadow);filter:none}[data-theme="arena"] .scroll:hover{background:linear-gradient(#fff6e8, #ffb860) !important}[data-theme="arena"] .scroll img,[data-theme="arena"] .scroll div{display:none !important}[data-theme="arena"] .scroll::after{font-size:13px;color:#000}[data-theme="arena"] #prevPage{left:-28px}[data-theme="arena"] #prevPage::after{content:"◀"}[data-theme="arena"] #nextPage{right:-28px}[data-theme="arena"] #nextPage::after{content:"▶"}[data-theme="arena"] .charWrapper{overflow:visible}[data-theme="arena"] .charWrapper button.add,[data-theme="arena"] .charWrapper button.remove{box-sizing:border-box !important;width:16px !important;height:16px !important;min-width:16px !important;min-height:16px !important;max-width:16px !important;max-height:16px !important;padding:0 !important;margin:0 !important;border:none !important;border-radius:50% !important;background-color:transparent !important;background-size:16px 16px !important;background-repeat:no-repeat !important;background-position:center !important;box-shadow:none !important;z-index:3}[data-theme="arena"] .charWrapper button.add:hover,[data-theme="arena"] .charWrapper button.remove:hover{background-color:transparent !important;border:none !important}[data-theme="arena"] #teamButtons .charWrapper button.add,[data-theme="arena"] #teamButtons .charWrapper button.remove{width:18px !important;height:18px !important;min-width:18px !important;min-height:18px !important;max-width:18px !important;max-height:18px !important;background-size:18px 18px !important}[data-theme="arena"] #charSelect .char,[data-theme="arena"] #teamButtons .char,[data-theme="arena"] #vsButtons .char,[data-theme="arena"] .face{overflow:hidden}[data-theme="arena"] .char,[data-theme="arena"] .charicon,[data-theme="arena"] .face,[data-theme="arena"] .face img,[data-theme="arena"] .turn-face,[data-theme="arena"] .turn-skill,[data-theme="arena"] .userimg,[data-theme="arena"] .slot-empty,[data-theme="arena"] .charmove,[data-theme="arena"] .charmove img,[data-theme="arena"] .queued,[data-theme="arena"] .queued img,[data-theme="arena"] .act img{border-radius:0 !important}[data-theme="arena"] .char{outline:1px solid #000;border:none}[data-theme="arena"] .chars .char[role="button"]:hover,[data-theme="arena"] .alts .char:hover,[data-theme="arena"] .char.previewing{outline:2px solid var(--na-orange) !important}[data-theme="arena"] .char.locked{opacity:0.35}[data-theme="arena"] .char-level{color:var(--na-orange-dark) !important;margin-right:0.4em}[data-theme="arena"] #charSelect .char,[data-theme="arena"] #charSelect .charicon{width:56px;height:56px}[data-theme="arena"] #charSelect .charicon,[data-theme="arena"] #teamButtons .charicon,[data-theme="arena"] #vsButtons .charicon,[data-theme="arena"] .face .charicon,[data-theme="arena"] .face img,[data-theme="arena"] .turn-face,[data-theme="arena"] .userimg{object-fit:cover}[data-theme="arena"] #userBox{font-size:11px;line-height:1.45;padding:6px 8px 6px 92px;min-height:89px;box-sizing:border-box}[data-theme="arena"] #userBox h4{font-size:12px;word-break:break-all;line-height:1.25}[data-theme="arena"] #userBox dt{width:4.2em}[data-theme="arena"] #userBox dd{margin-left:4.2em}[data-theme="arena"] #userBox .userimg{left:7px;top:7px;right:auto;bottom:auto;width:75px;height:75px;border:1px solid #000}[data-theme="arena"] #underTeam{padding:3px 8px}[data-theme="arena"] #underTeam span{color:#000;font-weight:bold}[data-theme="arena"] .chakra,[data-theme="arena"] button.chakra{box-sizing:border-box !important;width:0.75em !important;height:0.75em !important;min-width:0.75em !important;min-height:0.75em !important;padding:0 !important;border:1px solid #000 !important;border-radius:0 !important;box-shadow:none !important;aspect-ratio:1 / 1;flex:0 0 auto}[data-theme="arena"] #underTeam .chakra,[data-theme="arena"] #charSelect .chakra,[data-theme="arena"] .actcost .chakra{width:0.7em !important;height:0.7em !important;min-width:0.7em !important;min-height:0.7em !important}[data-theme="arena"] #spend{background:var(--na-panel);border:1px solid var(--na-line);border-radius:0;box-shadow:var(--na-shadow)}[data-theme="arena"] #spend > div{display:flex;align-items:center;justify-content:center;gap:2px}[data-theme="arena"] #spend span{color:#000;text-shadow:none;font-size:12px}[data-theme="arena"] #spend .chakra{width:1.05em !important;height:1.05em !important;min-width:1.05em !important;min-height:1.05em !important}[data-theme="arena"] #spend .less,[data-theme="arena"] #spend .more{display:inline-flex;align-items:center;justify-content:center;width:1.35em !important;height:1.35em !important;min-width:1.35em !important;min-height:1.35em !important;line-height:1 !important}[data-theme="arena"] #center{color:var(--na-text);text-shadow:none;display:flex;flex-direction:column;align-items:stretch;width:280px}[data-theme="arena"] #center > button{display:block;box-sizing:border-box;width:100%;min-width:0;margin:3px 0 0 !important;padding:0 !important;height:24px !important;min-height:24px !important;line-height:22px !important;text-align:center}[data-theme="arena"] #center > #ready{position:relative;z-index:1;overflow:hidden;height:26px !important;line-height:20px !important;background:#fff !important;border:1px solid var(--na-line) !important;border-radius:0 !important;box-shadow:var(--na-shadow);color:#000 !important;font-size:12px !important;font-weight:bold}[data-theme="arena"] #center > #ready:enabled:hover{color:var(--na-orange-dark) !important}[data-theme="arena"] #ready svg{z-index:0;background-color:#fff}[data-theme="arena"] #ready svg path{stroke:#ffb860 !important}[data-theme="arena"] #ready .ready-label{position:relative;z-index:1}[data-theme="arena"] #turnlog,[data-theme="arena"] #turnlog *{text-shadow:none !important;-webkit-text-stroke:0 !important}[data-theme="arena"] #turnlog{color:#000;font-size:11px}[data-theme="arena"] #turnlog summary,[data-theme="arena"] #turnlog h5{color:#000 !important;text-transform:uppercase}[data-theme="arena"] #turnlog .turn-skill-name{color:var(--na-orange-dark) !important}[data-theme="arena"] #player0{right:calc(50% + 152px)}[data-theme="arena"] #player1{left:calc(50% + 152px)}[data-theme="arena"] .ninja{margin-bottom:8px}[data-theme="arena"] .face{border:1px solid #000 !important;box-shadow:var(--na-shadow)}[data-theme="arena"] .face.targetable{background-color:#3c0;box-shadow:0 0 0 2px #3c0}[data-theme="arena"] .face.untargetable{background-color:#b00;box-shadow:none}[data-theme="arena"] .face .charicon,[data-theme="arena"] .face img{width:75px;height:75px;display:block;object-fit:cover}[data-theme="arena"] .face-hp-strip,[data-theme="arena"] .face-hp{display:none}[data-theme="arena"] button.charmove,[data-theme="arena"] .charmove{width:60px !important;height:60px !important;min-width:60px !important;min-height:60px !important;padding:0 !important;overflow:hidden;border:1px solid #000 !important;box-sizing:border-box;aspect-ratio:1 / 1}[data-theme="arena"] button.charmove img,[data-theme="arena"] .charmove img{width:100%;height:100%;display:block}[data-theme="arena"] button.charmove:hover,[data-theme="arena"] .charmove:hover{outline:2px solid var(--na-orange)}[data-theme="arena"] .charmoves{min-height:0;padding:4px;gap:4px;align-items:center;background-color:var(--na-panel) !important;border:1px solid var(--na-line);box-shadow:var(--na-shadow)}[data-theme="arena"] .charmoves::before,[data-theme="arena"] .charmoves::after{display:none}[data-theme="arena"] .queued{width:60px !important;height:60px !important;background:rgba(255, 255, 255, 0.55);border:1px dashed #000}[data-theme="arena"] .queued-filled{border-style:solid}[data-theme="arena"] .queued-mark{font-size:30px;font-family:Verdana, Tahoma, sans-serif;color:#000;opacity:0.4}[data-theme="arena"] .enemy-expand{width:18px;height:60px;background:linear-gradient(#ffffff, #d4d4d4);border:1px solid var(--na-line);border-radius:0}[data-theme="arena"] .enemy-expand::after{color:#000;font-size:10px}[data-theme="arena"] .charhealthbar{height:15px;margin-top:3px;background:#400;border:1px solid #000}[data-theme="arena"] .charhealthbar .charhealth,[data-theme="arena"] .charhealthbar .charhealth.hp-mid{background:linear-gradient(#7dff4a, #2fb300 60%, #1f8a00)}[data-theme="arena"] .charhealthbar .charhealth.hp-low{background:linear-gradient(#ffb347, #e05d00)}[data-theme="arena"] .charhealthbar .charhealth.hp-dead{background:#555}[data-theme="arena"] .charhealthbar .chardefense{background:linear-gradient(#8fd3ff, #1c7fd0)}[data-theme="arena"] .charhealthbar .charbarrier{background:linear-gradient(#ff8f8f, #c40000)}[data-theme="arena"] .charhealthbar .charhealth-label{background:none;border:none;color:#000;font-size:10px;font-weight:bold;text-shadow:0 0 2px #fff, 0 0 2px #fff;-webkit-text-stroke:0}[data-theme="arena"] .charhealthbar .charhealth-hp,[data-theme="arena"] .charhealthbar .charhealth-max{color:#000}[data-theme="arena"] .details{color:#fff;text-shadow:1px 1px 0 #000}[data-theme="arena"] .account section{min-width:0;overflow:hidden}[data-theme="arena"] .account h3,[data-theme="arena"] .account p{color:#fff;font-size:11px;font-weight:bold;text-shadow:1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;-webkit-text-stroke:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme="arena"] .account h3{font-size:12px;color:#ffb24a}[data-theme="arena"] .account .charicon{width:75px;height:75px;outline:1px solid #000}[data-theme="arena"] .missions-preview h3{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:0.4em !important}[data-theme="arena"] .mission-list,[data-theme="arena"] .shop-preview .shop-list{list-style:none;padding:0;margin:0.4em 0 0;text-align:left}[data-theme="arena"] .mission-list > li{display:grid;grid-template-columns:52px 1fr;gap:0 10px;padding:6px;margin:0 0 6px;border:1px solid #9a9a9a;background:rgba(255, 255, 255, 0.7)}[data-theme="arena"] .mission-list > li.complete{opacity:0.72;border-color:#2f8a00}[data-theme="arena"] .mission-list > li.undoneable{opacity:0.82;border-color:var(--na-orange)}[data-theme="arena"] .mission-list .need-tag,[data-theme="arena"] .need-chars,[data-theme="arena"] .shop-preview .shop-price{color:var(--na-orange-dark);font-weight:bold}[data-theme="arena"] .mission-list .char{width:48px !important;height:48px !important;grid-row:1 / span 2}[data-theme="arena"] .mission-list h4{margin:0 0 0.2em !important;font-size:12px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}[data-theme="arena"] .mission-list ul{margin:0;padding-left:1.1em;font-weight:normal}[data-theme="arena"] .mission-list .complete-tag{color:#2f8a00;font-size:10px;text-transform:uppercase}[data-theme="arena"] .shop-preview .shop-list > li{border-top:1px solid #c4c4c4;padding:6px 4px}[data-theme="arena"] #volume{filter:none;opacity:0.95}[data-theme="arena"] #bg::after{background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.45) 100%)}[data-theme="arena"] body:has(#game) #bg::after{background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.55) 100%),
        rgba(0, 0, 0, 0.2)}[data-theme="arena"] .parchment,[data-theme="arena"] .parchment:hover,[data-theme="arena"] .chars,[data-theme="arena"] .chars:hover,[data-theme="arena"] #vs,[data-theme="arena"] #vs:hover,[data-theme="arena"] #charSelect > article,[data-theme="arena"] #bottom article,[data-theme="arena"] #spend,[data-theme="arena"] .charmoves{border-radius:3px !important;border-color:#2a2a2a !important}[data-theme="arena"] #playButtons .playButton:nth-last-child(-n+3),[data-theme="arena"] #vs .vsRow:last-child button:first-child{background:var(--na-bar) !important;border-color:#6a2e00 !important;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.55) !important}[data-theme="arena"] .playButton,[data-theme="arena"] #center > button,[data-theme="arena"] #vs button{border-radius:3px !important;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.9) !important}[data-theme="arena"] #charSelect > header{position:relative;margin-top:12px;padding:34px 10px 10px !important;gap:10px;align-items:stretch;box-sizing:border-box;background:var(--na-panel);border:1px solid #2a2a2a;border-radius:3px;box-shadow:var(--na-shadow)}[data-theme="arena"] #charSelect > header::before{content:"Naruto Unison";position:absolute;top:0;left:0;right:0;height:24px;line-height:24px;padding:0 10px;background:var(--na-bar);border-bottom:1px solid #a14a00;border-radius:2px 2px 0 0;color:#fff;font-weight:bold;font-size:11px;text-transform:uppercase;text-shadow:0 1px 1px #7a3500}[data-theme="arena"] #playButtons{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0;min-width:0;width:300px;align-self:start}[data-theme="arena"] #playButtons .playButton{margin:0 !important}[data-theme="arena"] #playButtons .playButton:nth-last-child(-n+3){grid-column:1 / -1}[data-theme="arena"] #userBox,[data-theme="arena"] #underTeam,[data-theme="arena"] #userBox:hover,[data-theme="arena"] #underTeam:hover{background:#f7f7f7 !important;border:1px solid #c9c9c9 !important;box-shadow:none !important}[data-theme="arena"] #teamContainer{justify-content:space-between}[data-theme="arena"] .war{padding-top:30px !important}[data-theme="arena"] #forTeam{padding-top:30px}[data-theme="arena"] .war::before,[data-theme="arena"] #forTeam::before{position:absolute;top:0;left:0;right:0;height:22px;line-height:22px;padding:0 10px;background:var(--na-bar);border-bottom:1px solid #a14a00;border-radius:2px 2px 0 0;color:#fff;font-weight:bold;font-size:11px;text-align:left;text-transform:uppercase;text-shadow:0 1px 1px #7a3500}[data-theme="arena"] .war::before{content:"Today's War"}[data-theme="arena"] #forTeam::before{content:"Character Selection";z-index:2}[data-theme="arena"] #forTeam .charScroll{top:28px}[data-theme="arena"] .war{padding-bottom:8px !important}[data-theme="arena"] .war h1{display:none}[data-theme="arena"] .war div{padding:0.2em 0 !important;font-size:15px !important}[data-theme="arena"] .war > p{margin-top:0.3em;font-size:11px !important;color:#444}[data-theme="arena"] #charSelect .char,[data-theme="arena"] #teamButtons .char{border-radius:2px !important;box-shadow:0 1px 2px rgba(0, 0, 0, 0.35)}[data-theme="arena"] .queued:not(.queued-filled){background:rgba(0, 0, 0, 0.28) !important;border:1px dashed rgba(255, 255, 255, 0.7) !important}[data-theme="arena"] .queued:not(.queued-filled) .queued-mark{display:none}[data-theme="arena"] .face{border-radius:2px !important;box-shadow:0 2px 8px rgba(0, 0, 0, 0.55) !important}[data-theme="arena"] .face.targetable{box-shadow:0 0 0 2px #3c0, 0 0 12px #3c0 !important}[data-theme="arena"] .charhealthbar{height:14px;border-radius:2px;background:rgba(40, 0, 0, 0.85);box-shadow:0 1px 3px rgba(0, 0, 0, 0.5)}[data-theme="arena"] .charhealthbar .charhealth,[data-theme="arena"] .charhealthbar .charhealth.hp-mid{background:linear-gradient(#b6ff8f 0%, #4fd11a 45%, #2ea300 55%, #3cbc0a 100%)}[data-theme="arena"] .charhealthbar .charhealth-label{color:#fff;text-shadow:0 1px 1px #000, 0 0 2px #000}[data-theme="arena"] .charhealthbar .charhealth-hp,[data-theme="arena"] .charhealthbar .charhealth-max{color:#fff}[data-theme="arena"] #turnlog summary{margin:-6px -8px 6px;padding:4px 8px;background:var(--na-bar);border-bottom:1px solid #a14a00;color:#fff !important;text-shadow:0 1px 1px #7a3500 !important}[data-theme="arena"] #spend .less:disabled,[data-theme="arena"] #spend .more:disabled{opacity:0.2}[data-theme="arena"] #spend .less,[data-theme="arena"] #spend .more{border-radius:2px !important;font-size:10px !important}[data-theme="arena"] .account section{flex-grow:0;width:auto;max-width:170px;padding:4px 8px;margin:0 6px 0;background:rgba(0, 0, 0, 0.7);border:1px solid #000;border-radius:3px;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15)}[data-theme="arena"] .account h3,[data-theme="arena"] .account p{font-family:Verdana, Tahoma, Geneva, sans-serif !important;font-size:11px !important;line-height:1.4 !important;letter-spacing:0 !important;text-transform:none;text-shadow:0 1px 1px #000 !important;-webkit-text-stroke:0 !important}[data-theme="arena"] .account h3{font-size:12px !important;color:#ffb24a !important}[data-theme="arena"] .account p{font-weight:normal !important;color:#ddd !important}[data-theme="arena"] .account p.inactive:empty{display:none}[data-theme="arena"] .account .charicon{border-radius:2px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.55)}[data-theme="arena"] #bottom article h3{font-size:13px}@media (max-width: 1173px) {[data-theme="arena"] #player1{left:unset;right:6px}[data-theme="arena"] #center{width:min(280px, calc(100vw - 2 * min(32vw, 300px) - 16px))}}@media (max-width: 1300px) {[data-theme="arena"] button.charmove,[data-theme="arena"] .charmove,[data-theme="arena"] .queued{width:54px !important;height:54px !important;min-width:54px !important;min-height:54px !important}[data-theme="arena"] .enemy-expand{height:54px}[data-theme="arena"] .face .charicon,[data-theme="arena"] .face img{width:68px;height:68px}}@media (max-width: 1180px) {[data-theme="arena"] #charSelect > article,[data-theme="arena"] #charSelect > article.missions-preview,[data-theme="arena"] #charSelect > article.shop-preview,[data-theme="arena"] #charSelect > article.story-preview{position:relative !important;top:auto !important;bottom:auto !important;max-height:min(32vh, 260px) !important}[data-theme="arena"] #forTeam{overflow:visible !important;height:auto !important;min-height:0;bottom:auto;padding-bottom:0;display:flex;flex-direction:column}[data-theme="arena"] #forTeam .charScroll,[data-theme="arena"] #forVs .charScroll{position:relative !important;top:auto !important;left:auto;right:auto;bottom:auto;flex:1 1 auto;height:auto;min-height:140px;padding-bottom:18px;overflow-x:hidden !important;overflow-y:auto !important}[data-theme="arena"] #vs.vsPractice{flex-wrap:wrap}[data-theme="arena"] #playButtons .playButton{height:30px !important;min-height:30px !important;line-height:28px !important}[data-theme="arena"] #player1{left:auto !important;right:4px !important;width:min(32vw, 300px) !important}[data-theme="arena"] button.charmove,[data-theme="arena"] .charmove,[data-theme="arena"] .queued{width:42px !important;height:42px !important;min-width:42px !important;min-height:42px !important}[data-theme="arena"] .enemy-expand{height:42px}[data-theme="arena"] .face .charicon,[data-theme="arena"] .face img{width:64px;height:64px}[data-theme="arena"] #spend .more,[data-theme="arena"] #spend .less{width:2em !important;height:2em !important;min-width:2em !important;min-height:2em !important;font-size:1.15em !important}[data-theme="arena"] #charSelect .char,[data-theme="arena"] #charSelect .charicon,[data-theme="arena"] #charSelect .char.disabled{width:52px;height:52px}}@media (max-width: 1180px) and (max-height: 850px) {[data-theme="arena"] #charSelect > article,[data-theme="arena"] #charSelect > article.missions-preview,[data-theme="arena"] #charSelect > article.shop-preview,[data-theme="arena"] #charSelect > article.story-preview{max-height:min(26vh, 190px) !important}[data-theme="arena"] button.charmove,[data-theme="arena"] .charmove,[data-theme="arena"] .queued{width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important}[data-theme="arena"] .enemy-expand{height:36px}[data-theme="arena"] .face .charicon,[data-theme="arena"] .face img{width:56px;height:56px}[data-theme="arena"] #spend .more,[data-theme="arena"] #spend .less{width:1.85em !important;height:1.85em !important;min-width:1.85em !important;min-height:1.85em !important}}@media (max-height: 770px) {[data-theme="arena"] #forTeam{height:268px;bottom:8px;padding:30px 5px 8px}[data-theme="arena"] #forTeam .charScroll{top:28px;bottom:6px;overflow-x:hidden;overflow-y:auto;padding-bottom:16px}[data-theme="arena"] #charSelect > article,[data-theme="arena"] #charSelect > article.missions-preview,[data-theme="arena"] #charSelect > article.shop-preview,[data-theme="arena"] #charSelect > article.story-preview{bottom:286px}[data-theme="arena"] #charSelect > article:not(.war){max-height:calc(100vh - 286px - 150px)}}:root{--action-available:#fff;--action-cancel:#ff0000;--char-border:#111;--palette-blue:#00a;--palette-red:#a00;--select-border:#dc2e3c;--war-blue:#007acc;--war-red:#e00;--war-purple:purple}@keyframes expand {0%{width:0}}@keyframes fadeIn {0%{opacity:0}100%{opacity:1}}@keyframes fadeOut {0%{opacity:1}100%{opacity:0}}@keyframes target-bleep {0%,100%{background-color:#0f0;box-shadow:0 0 8px #0f0}50%{background-color:#163;box-shadow:0 0 0 transparent}}a:hover{text-decoration:none !important}article{-webkit-user-select:text;user-select:text}body{background:#2b2b2b !important;overflow:hidden !important}body,button{font-family:"Trebuchet MS", sans-serif}button{appearance:none;background:unset;border:unset;margin:unset;padding:unset}button:hover{background:initial}dl{width:100%;margin-bottom:0 !important}dd{margin-bottom:0 !important}h1 aside,h2 aside,h3 aside,h4 aside,h5 aside,h6 aside{float:right;font-weight:normal !important;opacity:0.9}main{display:flex}menu{list-style-type:none;padding:0;margin-bottom:0}p{margin:0}#avatars button:disabled,.queueing #charSelect,.chars .char:disabled,.dead,.ghost.charbarrier,.ghost.chardefense,.ghost.detail img{filter:grayscale(0.8) !important}.dna::after,.locked::after{margin-left:0.15em;vertical-align:middle;filter:saturate(0) brightness(0);line-height:0;font-weight:normal}.dna::after{content:"🧬"}.locked::after{content:"🔒"}.chars .char[role="button"]:hover,.alts .char:hover{outline:2px solid var(--action) !important;filter:none !important;opacity:1}#avatars button,.charmove,button.chakra,.face{border:1px solid var(--action-available)}#avatars button:hover,.charmove:hover,button.chakra:hover,.face:hover{border-color:var(--action)}#avatars button:disabled,.charmove:disabled,button.chakra:disabled,.face:disabled{border-color:#000 !important}.act:hover{border:1px solid var(--action-cancel) !important}.account{display:flex;align-items:end;flex-grow:1}.account section{color:#eee;display:inline-block;vertical-align:top;width:10em;text-transform:uppercase;margin:-1px 6px;flex-grow:1}#account0{text-align:right}#account1{text-align:left;right:0;flex-direction:row-reverse}#accountSettings{padding:0.5em 1.3em}#accountSettings label{display:block}#accountSettings label span{min-width:11em;display:inline-block;font-weight:bold}#accountSettings input{margin-right:0.5em}#accountSettings input[type="text"]{width:15em}.actcost{position:absolute;left:1px;bottom:-4px}.actcost .chakra{margin-bottom:3px;margin-left:1px}.alts{width:75px;position:absolute;bottom:-1px;left:-65px;font-size:16px}.alts .char{outline:1px solid #000}.alts .char.on{outline:2px solid #fff !important;cursor:unset !important}.alts .charWrapper button{bottom:1px}.avatar{border:2px solid #333;width:75px}#avatars{height:209px;overflow-y:scroll;border:2px solid #000;margin-top:0.5em;border-left:none;border-right:none;padding-left:1px;text-align:center}#avatars button{border-width:2px;margin:-2px 1px 4px 1px}#avatars img{width:45px;height:45px}#bg{position:absolute;inset:-10px;background-size:cover;background-position:center;z-index:-2}#bg::after{content:"";position:absolute;inset:0;background:rgba(0, 0, 0, 0.22);pointer-events:none}body:has(#game) #bg::after{background:linear-gradient(rgba(8, 4, 2, 0.42), rgba(8, 4, 2, 0.58))}#bottom{position:absolute;bottom:10px;left:0;right:0;display:flex;flex-grow:1}#bottom article{text-align:left;font-size:13px;padding:5px;line-height:1.22;border:2px solid #444;flex-grow:100;max-width:900px}#bottom article aside{position:relative}#bottom article li{margin-bottom:-0.25em}#bottom article span{display:block}#bottom article section{flex-grow:1}#bottom article > section{display:flex;margin-bottom:0.25em}#bottom article > section > div{position:relative}#bottom article ul{font-weight:bold;padding-left:1em;margin:1em 0 0.5em 0}#bottom article .char{margin-bottom:0;height:75px}#bottom article .remove{color:var(--palette-blue)}#bottom article .trap{color:var(--palette-red)}#bottom h3{font-weight:bold;font-size:16px;margin:0}#bottom h4{margin-top:3px;margin-bottom:0}#browse{display:none !important}#cancel{position:absolute;left:0;right:0;top:50%;margin:50px auto 0 auto;width:187px;height:27px}#center,.player{position:absolute;top:20px}#center{color:#222;width:max-content;margin:auto;font-family:Verdana, sans-serif;font-size:1.3em;left:0;right:0}#center > button{color:#000;-webkit-user-select:none;user-select:none;margin:0.15em;-webkit-user-select:none;user-select:none;text-transform:uppercase;font-size:20px;text-align:center;width:100%}#center > button:disabled{opacity:0.5}#center > button:enabled:hover{color:var(--palette-blue)}#center > #exchange,#center > #reset,#center > #forfeit{background:linear-gradient(#fff1c8, #e0b86a);border:2px solid #8b1a1a;border-radius:6px;color:#1a0808;font-weight:800;font-size:15px;height:auto;min-height:34px;padding:6px 10px;box-sizing:border-box;box-shadow:0 2px 0 #5c1010, 0 6px 14px rgba(0, 0, 0, 0.35);text-shadow:none}#center > #forfeit:enabled:hover{color:#8b1a1a}#spend{display:flex;align-items:center;background:rgba(16, 8, 6, 0.82);border:2px solid #c9a227;border-radius:8px;padding:8px 12px 6px;margin:6px 0 4px;box-sizing:border-box;box-shadow:0 8px 22px rgba(0, 0, 0, 0.45)}#spend button{margin:0}#spend div{display:flex;flex-direction:column;align-items:center}#spend div:first-of-type{margin-left:0}#spend span{margin-left:0.2em;display:block;font-size:0.95em;width:1.5em;color:#fff8e7;font-weight:800;text-shadow:0 1px 2px #000}#spend .chakra{height:0.8em;width:0.8em}#spend .chakra:enabled{color:var(--action-available)}#spend .chakra:enabled:hover{color:var(--palette-blue)}#spend .less,#spend .more{font-size:1.15em;font-weight:700;line-height:1;min-width:1.15em;min-height:1.05em;padding:0}#spend .less:disabled,#spend .more:disabled{opacity:0.2;pointer-events:none}#spend .less::after{content:"−"}#spend .more::after{content:"+"}.charBanner button{background-color:var(--button-bg);border-radius:0;border:1px solid var(--action);font-size:0.8em;margin:-0.1em 0.5em;padding:0.1em 1em;text-transform:uppercase;vertical-align:top}.charBanner button:hover{background-color:var(--button-hover)}#controls{display:flex}#controls .switch{border-color:#fff}.char:disabled{outline-color:#555 !important}.char.locked{opacity:0.4;outline-color:#999;transition:opacity 0.15s ease}.char.locked.buy{outline-color:#0a0;outline-width:2px}.chars,#vs{border:9px solid var(--select-border);-webkit-user-select:none;user-select:none}.chars{text-align:center;position:absolute;bottom:30px;left:55px;right:55px;padding:5px;padding-top:3px}.chars .char{margin:4px;width:60px;height:60px;outline-color:#000}#forTeam{border-left:none;border-right:none;height:292px;box-sizing:border-box}#forVs{position:relative;top:auto;left:auto;right:auto;bottom:auto;flex:1 1 auto;min-height:0;height:auto;width:100%;overflow:auto;box-sizing:border-box}#forVs input,#forVs textarea{display:block;width:100%;resize:none;margin:5px 0 10px 0;box-sizing:border-box}#forVs textarea{height:25em}#forVs .charScroll{overflow-y:auto;margin-top:-3px}.charicon{border:2px solid var(--char-border)}.char.tier-bronze,.charicon.tier-bronze,.turn-face.tier-bronze{outline:3px solid #cd7f32 !important;border-color:#cd7f32 !important;box-shadow:0 0 0 2px #cd7f32, 0 0 6px rgba(205, 127, 50, 0.7)}.char.tier-silver,.charicon.tier-silver,.turn-face.tier-silver{outline:3px solid #c0c0c8 !important;border-color:#c0c0c8 !important;box-shadow:0 0 0 2px #c0c0c8, 0 0 6px rgba(192, 192, 200, 0.75)}.char.tier-gold,.charicon.tier-gold,.turn-face.tier-gold{outline:3px solid #d4af37 !important;border-color:#d4af37 !important;box-shadow:0 0 0 2px #d4af37, 0 0 8px rgba(212, 175, 55, 0.85)}.char-level{margin-left:0.4em;font-size:0.85em;font-weight:bold;color:#5a3a12}.charWrapper{display:inline-block;position:relative}.charWrapper button{box-sizing:initial;width:1em;height:1em;position:absolute;line-height:0;left:5px;bottom:5px;border-radius:100%;border:1px solid #000}.charWrapper button:hover{transform:none}.charWrapper div{border-radius:100%;width:15px;height:15px;position:absolute;bottom:2px;right:2px;background:var(--war-color);border:2px solid #000}.charWrapper .add{background-image:url("/img/ui/select/add.svg")}.charWrapper .remove{background-image:url("/img/ui/select/remove.svg")}.charhealthbar{height:24px;background-color:#1a1a1a;position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box}.charhealthbar > div{transition:left 1s,
            right 1s,
            top 1s,
            bottom 1s,
            width 1s;position:absolute;top:0;bottom:0;border:1px solid rgba(0, 0, 0, 0.35);box-sizing:border-box;width:0;animation:expand 0.5s linear}.charhealthbar .charbarrier{background-color:#e00;z-index:3}.charhealthbar .charbarrier:hover{border-color:var(--palette-red)}.charhealthbar .chardefense{background-color:#08b;z-index:2}.charhealthbar .chardefense:hover{border-color:var(--palette-blue)}.charhealthbar .charhealth{animation:none;background-color:#12b012;z-index:1}.charhealthbar .charhealth.hp-mid{background-color:#d4a017}.charhealthbar .charhealth.hp-low{background-color:#d02020}.charhealthbar .charhealth.hp-dead{background-color:#444}.charhealthbar .charhealth-label{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:20;display:flex;justify-content:center;align-items:center;gap:0.15em;max-width:calc(100% - 6px);padding:0 0.45em;border:1px solid rgba(255, 255, 255, 0.35);border-radius:4px;background:rgba(0, 0, 0, 0.82);color:#fff;font-size:13px;font-weight:800;line-height:1.25;letter-spacing:0.03em;text-align:center;text-shadow:0 1px 2px #000;-webkit-text-stroke:0.4px #000;pointer-events:none;white-space:nowrap;font-variant-numeric:tabular-nums}.charhealth-hp{color:#fff;font-weight:800}.charhealth-max{color:#fff;opacity:0.85;font-weight:700}.charhealth-extras{display:inline-flex;gap:0.4em;margin-left:0.4em}.charhealth-def{color:#9be7ff}.charhealth-bar{color:#ffb4b4}#player0 .charhealthbar{margin-right:4px}#player0 .charhealthbar div{left:0}#player1 .charhealthbar{margin-left:4px}#player1 .charhealthbar div{right:0}.charmove{margin:0 4px;display:inline-block;position:relative;width:64px;height:64px;padding:0;box-sizing:border-box;background:transparent;transition:0.2s filter, 0.2s opacity, 0.2s outline-color}.charmove img{width:100%;height:100%;display:block}.charmove.selected:enabled{outline:2px solid #3a7bd5;background:rgba(58, 123, 213, 0.35)}.charmove .cd{display:block;position:absolute;bottom:0;left:0;right:0;color:#fff;text-align:center;margin-top:-1em;font-size:3em;-webkit-text-stroke:2px rgba(0, 0, 0, 0.8)}#player0 .charmove:disabled{filter:grayscale(1) brightness(0.55);opacity:0.7}.charmoves{display:flex;align-items:center;position:relative;height:auto;padding:6px 18px;background-color:#e4d2a8;background-size:cover;background-position:center;border-top:4px solid #8b1a1a;border-bottom:4px solid #8b1a1a;border-left:1px solid #c4a060;border-right:1px solid #c4a060;box-shadow:inset 0 0 0 1px rgba(196, 160, 96, 0.7)}.charmoves::before,.charmoves::after{content:"";position:absolute;top:-8px;bottom:-8px;width:14px;border-radius:7px;background:linear-gradient(90deg, #5c1010, #c42828, #5c1010);box-shadow:0 1px 3px rgba(0, 0, 0, 0.55);z-index:2;pointer-events:none}.charmoves::before{left:-8px}.charmoves::after{right:-8px}.queued{width:70px;height:70px;flex-shrink:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#2a2a2a;border:2px solid #444;color:#9a9a9a;position:relative;z-index:3}.queued img{width:100%;height:100%;display:block}.queued-mark{font-size:42px;font-weight:700;line-height:1;font-family:Georgia, "Times New Roman", serif}.queued-filled{background:#111;border-color:var(--action-available)}button.queued-filled{cursor:pointer}button.queued-filled:hover{border-color:var(--action-cancel)}.queued-dead{background:#1a1a1a;border-color:#333;color:#ccc}.enemy-skills{display:flex;flex-direction:row-reverse;align-items:center;gap:6px}.enemy-expand{flex-shrink:0;width:22px;height:70px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#e4d2a8;border:2px solid #8b1a1a;border-radius:4px;list-style:none}.enemy-expand::-webkit-details-marker{display:none}.enemy-expand::after{content:"◀";color:#8b1a1a;font-size:14px;font-weight:700}.enemy-skills[open] .enemy-expand::after{content:"▶"}.charScroll{height:100%;text-align:center;overflow:hidden;font-size:20px}.charScroll img{width:60px}#forTeam .charScroll{display:grid;grid-template-columns:repeat(auto-fill, 68px);grid-template-rows:repeat(4, 68px);justify-content:center;align-content:start;overflow:hidden}#forTeam .charScroll .charWrapper{width:68px;height:68px;margin:0}#charSelect{max-width:942px;position:relative;display:flex;flex-direction:column;height:100%;margin:auto}#charSelect > article{box-sizing:border-box;border:1px solid #000;position:absolute;bottom:318px;font-family:Verdana, sans-serif;font-size:12px;padding:5px 10px;width:100%;z-index:1}#charSelect > article h4{margin-bottom:-0.1em !important}#charSelect > article h3{margin-top:0.2em !important;font-size:18px;font-weight:bold}#charSelect > article h3 .char{width:60px;height:60px;float:right;margin-top:0}#charSelect > article li{margin-top:0}#charSelect > article p{line-height:1.3em}#charSelect > article > p{min-height:40px}#charSelect > article.missions-preview{overflow-y:auto;max-height:46vh}#charSelect > article.missions-preview .mission-list{list-style:none;padding:0;margin:0.4em 0 0;text-align:left}#charSelect > article.missions-preview .mission-list > li.undoneable{opacity:0.72}#charSelect > article.missions-preview .mission-list .need-tag{color:rgb(160, 80, 0);font-size:11px;letter-spacing:0.06em;text-transform:uppercase}#charSelect > article.shop-preview{overflow-y:auto;max-height:46vh;text-align:left}#charSelect > article.shop-preview > p{margin:0.4em 0;font-size:13px}#charSelect > article.shop-preview .shop-list{list-style:none;padding:0;margin:0.4em 0 0}#charSelect > article.shop-preview .shop-list > li{border-top:1px solid rgba(0, 0, 0, 0.15);padding:0.45em 0}#charSelect > article.shop-preview .shop-list h4{margin:0 0 0.2em;display:flex;flex-wrap:wrap;gap:0.4em;align-items:baseline}#charSelect > article.shop-preview .shop-price,#charSelect > article.shop-preview .shop-owned{font-size:12px;letter-spacing:0.04em;text-transform:uppercase}#charSelect > article.shop-preview .shop-queued{margin-bottom:0.8em}#charSelect > article.story-preview .story-chapter{text-transform:uppercase;letter-spacing:0.08em;font-size:12px;margin:0.2em 0}#charSelect > article.story-preview .story-boss-tag{margin-left:0.5em;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:rgb(160, 40, 40)}#charSelect > article.story-preview .story-boss-hint{font-weight:bold}#charSelect > article.story-preview .story-enemies{display:flex;gap:8px;margin:0.4em 0 0.8em}#charSelect > article.story-preview #storyFight{width:auto;min-width:10em;display:inline-block}#charSelect > article .need-chars{color:rgb(160, 80, 0);font-weight:bold}#charSelect > article > section{display:flow-root;clear:both}#charSelect > article > section > div{float:left;position:relative}#charSelect > article > section > p{min-height:43px;margin:0.1em 0.1em 0 0.1em}#charSelect > article.war > section{display:flex}#charSelect > article .char{height:50px;width:50px;margin:3px 5px}#charSelect > header{width:100%;padding-top:15px;display:flex;flex-shrink:0}#charSelect .chakra,#top .chakra{margin-left:0.2em;margin-right:0;font-size:0.75em}.detail{display:inline-flex;text-align:center;margin:1px}.detail div{border:1px solid #000;position:relative}.detail div span{position:absolute;right:1px;bottom:0}.detail img{width:30px;width:30px}.detail .amount{display:block;position:absolute;bottom:0;left:0;right:0;color:#fff;text-align:center;font-size:18px;font-weight:bold;-webkit-text-stroke:2px rgba(0, 0, 0, 0.8)}.channels{margin-bottom:2px;display:flex}.channels .detail{flex-direction:column-reverse}.statuses{margin-top:2px;display:flex}.statuses .detail{flex-direction:column}.ghost{--ghost:#666;color:var(--ghost);opacity:0.65}.ghost div{border-color:var(--ghost)}.invis{opacity:0.65}.remove div,.action div{border-color:var(--palette-blue)}.trap div,.control div{border-color:var(--palette-red)}#endgame{position:absolute;top:242px;text-align:center;margin:auto;left:0;right:0}#endgame dl{margin-top:0.5em;text-transform:uppercase;line-height:1.5em;font-size:1.3em}#endgame dd{text-align:left}#endgame dd::before{content:"+"}#endgame dt{font-weight:normal;text-align:right}#endgame dd,#endgame dt{float:none;width:49%;display:inline-block;padding:0 0.25em;margin:0;box-sizing:border-box;opacity:0;animation:fadeIn 0.5s linear 0s 1 normal forwards}#endgame dt:nth-child(1),#endgame dd:nth-child(2){animation-delay:0s}#endgame dt:nth-child(3),#endgame dd:nth-child(4){animation-delay:0.5s}#endgame dt:nth-child(5),#endgame dd:nth-child(6){animation-delay:1s}#endgame dt:nth-child(7),#endgame dd:nth-child(8){animation-delay:1.5s}#endgame dt:nth-child(9),#endgame dd:nth-child(10){animation-delay:2s}#endgame dt:nth-child(11),#endgame dd:nth-child(12){animation-delay:2.5s}#endgame dt:nth-child(13),#endgame dd:nth-child(14){animation-delay:3s}#endgame dt:nth-child(15),#endgame dd:nth-child(16){animation-delay:3.5s}#endgame dt:nth-child(17),#endgame dd:nth-child(18){animation-delay:4s}#endgame dt:nth-child(19),#endgame dd:nth-child(20){animation-delay:4.5s}#endgame dt:nth-child(21),#endgame dd:nth-child(22){animation-delay:5s}#endgame p{font-size:6em;font-family:Helvetica, sans-serif;color:#fff;-webkit-text-stroke:2px #000;text-shadow:0 0 5px #000;text-transform:uppercase}#error{color:var(--danger);position:absolute;bottom:10px;left:10px;background-color:rgba(255, 255, 255, 0.5);border:1px solid #fff}#forfeit:hover{color:var(--danger)}.inactive{color:var(--danger);font-size:2em}body:has(#main) #sitenav,body:has(#main) #breadcrumb{display:none !important}#main{height:100%;box-sizing:border-box;margin:0 3em}#main,#accountSettings{-webkit-user-select:none;user-select:none}#mainsite{border-color:#000 !important}#nextPage{right:-56px}#prevPage{left:-56px}.nextSkill,.prevSkill{font-size:15px;position:absolute;bottom:5px;color:#000;-webkit-text-stroke:1px rgba(255, 255, 255, 0.75);text-shadow:0 0 1px rgba(255, 255, 255, 0.75)}.nextSkill:hover,.prevSkill:hover{color:var(--action)}.nextSkill{right:5px}.nextSkill::after{content:"▶"}.prevSkill{left:5px}.prevSkill::after{content:"◀"}.ninja{display:flex;flex-direction:column;align-items:flex-start;width:fit-content;max-width:100%;margin-bottom:15px}.ninja > .charhealthbar{width:100%;align-self:stretch}.ninja-row{display:flex;flex-direction:row;align-items:center;gap:6px}.ninja-row .face{float:none;flex-shrink:0}.details{font-family:Verdana, sans-serif;height:52px;color:#eee}.face{z-index:5;position:relative;float:left;display:inline-block;padding:0;line-height:0;overflow:visible}.face img{display:block}.face.targetable{background-color:#0f0;animation:target-bleep 0.7s ease-in-out infinite}.face.targetable img{border-color:rgb(19, 112, 19);opacity:0.75}.face.untargetable{background-color:rgb(170, 0, 0)}.face.untargetable img{border-color:rgb(119, 1, 1);opacity:0.75}.face button:enabled{border-color:var(--action-available) !important}.face-hp-strip{position:absolute;left:2px;right:2px;bottom:2px;height:5px;background:rgba(0, 0, 0, 0.75);border:1px solid #000;z-index:6;pointer-events:none;box-sizing:border-box}.face-hp-fill{display:block;height:100%;background:#12b012}.face-hp-fill.hp-mid{background:#d4a017}.face-hp-fill.hp-low{background:#d02020}.face-hp-fill.hp-dead{background:#555}.face-hp{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);z-index:8;min-width:1.7em;height:auto;padding:2px 6px;border:1px solid #0a0;border-radius:4px;background:rgba(0, 0, 0, 0.88);color:#fff;font-size:14px;font-weight:800;line-height:1.2;text-align:center;text-shadow:0 1px 2px #000;-webkit-text-stroke:0.4px #000;pointer-events:none;overflow:visible;font-variant-numeric:tabular-nums}.face-hp.hp-mid{border-color:#d4a017;color:#ffe08a}.face-hp.hp-low{border-color:#ff4d4d;color:#ffd0d0;background:rgba(70, 0, 0, 0.88)}.face-hp.hp-dead{border-color:#666;color:#bbb}#playButtons{margin:-3px;align-self:end;min-width:11em}.playButton,#updateButton,#logoutButton{margin:3px;padding:6px 10px 4px 10px;border:2px solid var(--select-border);color:#000;text-transform:uppercase;font-size:16px;text-align:center}.playButton:hover,#updateButton:hover,#logoutButton:hover{border:2px solid var(--action)}.playButton:disabled,#updateButton:disabled,#logoutButton:disabled{border:2px solid #999 !important;color:#666}#updateButton,#logoutButton{width:6em;margin-top:0.5em}#updateButton{margin-left:0;float:left}#logoutButton{margin-right:0;float:right}.playButton{display:block;text-decoration:none;height:22px;box-sizing:border-box;width:100%;line-height:22px}.player{height:100%;transition:none}#player0{right:calc(50% + 200px);text-align:left}#player0 .charbarrier,#player0 .chardefense{border-left:none}#player0 .face{float:none}#player0 .ninja{align-items:flex-start}#player1{left:calc(50% + 200px);text-align:right}#player1 .channels,#player1 .statuses{flex-direction:row-reverse}#player1 .charbarrier,#player1 .chardefense{border-right:none}#player1 .face{float:none}#player1 .ninja{align-items:flex-end;margin-left:auto}#player1 .ninja-row{flex-direction:row-reverse}#account1 .charicon,#player1 .charicon{transform:rotateY(180deg)}#playqueue{height:81px;text-align:center}#playqueue .act{position:relative;border:1px solid var(--action-available);margin:2px;display:inline-block}#turnlog{width:280px;max-height:240px;overflow-y:auto;margin:8px auto 0;padding:6px 8px;text-align:left;font-size:12px;line-height:1.3;border:2px solid #8b1a1a;box-sizing:border-box;background-size:cover}#turnlog summary{cursor:pointer;font-weight:700;text-transform:uppercase;color:#8b1a1a;list-style:none}#turnlog summary::-webkit-details-marker{display:none}#turnlog summary::before{content:"▶ "}#turnlog[open] summary::before{content:"▼ "}.turnlog-empty{margin:6px 0 0;color:#555;font-size:11px}.turnlog-turn{margin-top:8px}.turnlog-turn h5{margin:0 0 4px;font-size:11px;text-transform:uppercase;color:#8b1a1a}.turn-act{display:flex;align-items:center;gap:4px;margin-bottom:3px}.turn-face{width:22px;height:22px;border:1px solid #333;flex-shrink:0}.turn-skill{width:22px;height:22px;border:1px solid #8b1a1a;flex-shrink:0}.turn-name,.turn-skill-name{max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-skill-name{font-weight:700;color:#8b1a1a}.turn-arrow{color:#8b1a1a;font-weight:700}.progressbar-text{color:#fff !important;font-size:4em;font-family:Courier New,
        monospace;transition:all 1s;left:32% !important;top:5% !important}.queueing #charSelect{pointer-events:none}#ready{color:#eee;display:block;box-sizing:border-box;width:100%;margin:auto;margin-top:3px;border:1px solid #000;padding:3px 0;position:relative;text-transform:uppercase}#ready:disabled{opacity:1 !important}#ready:enabled:hover{border-color:var(--action-available)}#ready svg{display:block;width:100%;height:100%;position:absolute;inset:0;z-index:0;background-color:#161616;pointer-events:none}#ready .ready-label{position:relative;z-index:1}.redblue{--war-color:purple}.red{--war-color:#e00}.blue{--war-color:#007acc}.redblue,.red,.blue{color:var(--war-color)}#return{width:auto;min-width:6.5em;margin:auto;font-size:16px;line-height:1.25;height:auto !important;min-height:2.4em;border:2px solid var(--select-border);padding:0.45em 1.25em 0.5em 1em;box-sizing:border-box;overflow:visible;display:inline-flex;align-items:center;justify-content:center}#searching{border-radius:100%;width:160px;height:160px;position:absolute;left:0;right:0;top:50%;margin:-130px auto auto;border:3px solid #000;overflow:hidden;z-index:10}#searching img{width:180px;margin-left:-10px;margin-top:-10px}.select img{width:75px;height:75px;outline:2px solid #000}.select .char{margin:0 4px 0 6px}.select .char[role="button"]:hover{outline:2px solid var(--action-cancel)}.scroll{position:absolute;top:-17px;z-index:5}.scroll div{position:absolute;background-color:#222;display:block;inset:20%}.scroll:hover div{background-color:var(--action)}.scroll img{position:relative}.skillClasses{font-size:12px;display:inline;margin:0;margin-left:10px}#game .skillClasses{display:block;font-size:1em;margin-left:0}#teamButtons{width:256px;height:75px;margin:2px 0 9px 0;font-size:24px}#teamButtons .charWrapper button{bottom:1px;left:7px}#teamContainer{width:263px;text-align:right;display:flex;flex-direction:column}#teamContainer .charWrapper div{bottom:-2px}#userBox,#underTeam{border:2px solid #000}#underTeam{margin:-1px 0 0 3px;display:flex;border-right:none;z-index:1;padding:5px 13px 5px 5px}#underTeam .chakra{height:0.9em;width:0.9em;margin-right:0.45em}#underTeam span{flex-grow:1}#underTeam span:first-child{flex-grow:unset}#userBox{width:251px;padding:5px 10px 5px 10px;line-height:1.2;margin-left:-2px;text-align:left;font-size:14px;position:relative;-webkit-user-select:text;user-select:text}#userBox dt{width:4.8em}#userBox dd{margin-left:4.8em}#userBox h4,#userBox p{margin:0}#userBox strong{width:5em;display:inline-block}#userBox .dna{float:right}#userfail{color:var(--danger);width:inherit;margin-left:0.5em}.userForm{text-align:center;padding-right:8px}.userForm a{color:var(--palette-blue)}.userForm a:hover{color:#000}.userForm div{margin-top:4px}.userForm input{width:100%}#registerForm,#loginForm{padding-top:8px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.userimg{border:2px solid #000;position:absolute;right:5px;bottom:5px}#volume{width:15px;height:15px;position:fixed;top:10px;right:20px;z-index:2}#vs{display:flex;flex-wrap:wrap;flex-shrink:0;overflow:visible;position:relative;z-index:3;margin-top:15px;margin-bottom:-9px;padding:10px;min-height:75px;align-items:center}#vs nav{display:flex;flex-direction:column;flex-wrap:nowrap;flex:1 1 auto;min-width:0;gap:6px;align-items:stretch}#vs .vsRow{display:flex;flex-wrap:nowrap;gap:6px;align-items:stretch;width:100%}#vs button,#vs input,#vs span{align-self:center}#vs .vsRow .playButton{display:inline-flex;align-items:center;justify-content:center;width:auto;flex:1 1 0}#vs button{width:auto;min-width:4.25em;padding-left:0.75em;padding-right:0.75em;min-height:28px}#vs span{margin:0 0.5em 0 1em}#vs.vsPractice{border-bottom:none;flex-wrap:nowrap;min-height:0;align-items:center}.war{text-align:center}.war section{display:flex}.war div{float:none !important;flex-grow:1;padding:0.67em 0}.war h1,.war div{font-size:1.75em}.war > p{margin-top:0.5em;font-size:1.25em}@media (max-width: 1300px) {.charhealthbar{margin-top:2px;width:100%}.player{width:460px}#player0 .charhealthbar{margin-left:0;margin-right:auto}#player1 .charhealthbar{margin-left:auto;margin-right:0}.queued{width:62px;height:62px}.queued-mark{font-size:36px}.charmove{width:54px;height:54px}.charmove img{width:100%;height:100%}.charmoves{padding:4px 14px}.enemy-expand{height:62px}}@media (max-width: 1173px) {#center{left:initial;right:140px}.player{top:125px}.player > section{margin-bottom:3px}#player0{right:unset;left:25px}#player1{left:unset;right:25px;width:auto;min-width:120px}#player1 .charhealthbar{margin-right:0 !important;width:100%;z-index:10}#top > article{left:100px;right:100px}#top > section{width:100px}#top > section p,#top > section > section{display:none}}@media (max-width: 860px) {#vs nav{flex-direction:row;flex-wrap:wrap}#vs.vsPractice{flex-wrap:wrap}#vs.vsPractice nav{flex-direction:column;flex-wrap:nowrap;flex:1 1 100%}}@media (max-width: 830px) {.playButton{font-size:0.9em}#userBox{width:240px}.playButton::before{content:none}}@media (max-width: 760px) {#userBox{width:160px}#userBox .userimg{display:none}}@media (max-width: 680px) {#userBox{width:168px}.playButton::after{content:none}}@media (max-width: 630px) {.playButton{font-size:0.8em}#userBox{width:154px}}@media (max-width: 590px) {#userBox{font-size:12px;width:136px}}@media (max-height: 770px) {.characters{bottom:5px;height:173px}.characters .char{width:50px;height:50px}#forTeam{height:268px;bottom:8px}#charSelect > article{bottom:286px;font-size:0.7em}#charSelect > article .char{width:40px;height:40px}#charSelect > article > p{min-height:revert}#charSelect > article > section > p{min-height:28px}#charSelect > header{padding-top:5px}.charBanner img.char{width:50px;height:50px}}@media (max-width: 560px) {a.playButton{font-size:0.85em;height:22px;line-height:22px}.chars .char{width:45px;height:45px}#forTeam{height:104px;bottom:10px}#forTeam nav{display:none}.charScroll{overflow-y:scroll}#charSelect{margin:0 10px}#charSelect > article{font-size:0.7em;bottom:150px}#charSelect > article .char{height:30px;width:30px}#charSelect h3{font-size:14px}#charSelect h3 img.char{width:40px;height:40px}#charSelect > header{padding-top:0;margin-top:-5px}h4,#charSelect > article .skillClasses{font-size:0.8em}#teamButtons{height:60px}#teamButtons img{width:60px;height:60px}#userBox,#underTeam{display:none}#volume{top:100px}}@media (max-width: 1180px) {#main{margin:0 0.45em;width:auto;max-width:100%}#charSelect{max-width:none;width:100%;height:100%;min-height:0;overflow:hidden}#charSelect > header{flex:0 0 auto;flex-wrap:wrap;align-items:flex-start;gap:4px;padding:4px 0.4em 0;min-height:0}#charSelect > header h1{font-size:clamp(1.15em, 3.4vw, 1.7em);margin:0.15em 0 0.25em}#playButtons{min-width:8.5em}.playButton,#updateButton,#logoutButton{font-size:13px;padding:4px 8px 3px}#teamButtons{width:220px;height:64px;margin:0 0 4px}#teamContainer{width:226px}#userBox{width:min(220px, 28vw);font-size:0.78em;line-height:1.25;padding:4px 8px}#userBox button{font-size:0.85em;padding:0.15em 0.45em}#charSelect > article,#charSelect > article.missions-preview,#charSelect > article.shop-preview,#charSelect > article.story-preview{position:relative !important;top:auto !important;bottom:auto !important;left:auto;right:auto;flex:0 1 auto;max-height:min(32vh, 260px) !important;overflow-x:hidden;overflow-y:auto;z-index:0;font-size:0.92em;-webkit-overflow-scrolling:touch}.war{margin-top:0.2em}.war h1,.war div{font-size:1.05em;line-height:1.2}.war > p{display:none}#prevPage,#nextPage{top:auto;bottom:8px;width:36px;height:36px;font-size:28px;line-height:36px;z-index:3}#prevPage{left:2px}#nextPage{right:2px}.chars,#forTeam{position:relative;bottom:auto;left:auto;right:auto;display:flex;flex-direction:column;flex:1 1 auto;height:auto;min-height:0;width:100%;margin-left:0;box-sizing:border-box}#forTeam .charScroll,#forVs .charScroll,.chars .charScroll{position:relative;top:auto;left:auto;right:auto;bottom:auto;flex:1 1 auto;height:auto;min-height:140px;padding-bottom:18px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}#browse{display:none !important}#vs{flex:0 0 auto;flex-shrink:0;min-height:0;width:100%;margin-top:8px;margin-bottom:0;padding:6px}#vs.vsPractice{flex-wrap:wrap}#forVs{flex:1 1 auto;min-height:0;width:100%}#charSelect .char{width:52px;height:52px}#charSelect .charicon{width:52px;height:52px;background-size:52px}#charSelect .char.disabled{width:52px;height:52px}#charSelect .char.previewing{border-width:3px}.charWrapper{margin:1px}.charWrapper div{top:-14px;font-size:9px;padding:0 3px}.vsPractice{flex-wrap:wrap}#vs .play-btn,#vs .vs-team-btn{font-size:0.95em;padding:0.35em 0.7em}.player{width:min(32vw, 300px) !important;top:6px !important;max-height:calc(100% - 88px);overflow:visible}#player0{left:4px !important;right:auto !important}#player1{right:4px !important;left:auto !important;width:min(32vw, 300px) !important}#center{left:0 !important;right:0 !important;transform:none;width:max-content;max-width:calc(100vw - 2 * min(32vw, 300px) - 16px);margin-left:auto;margin-right:auto;top:6px;font-size:1em;z-index:2}#center .chakra{font-size:1.15em}#spend{margin-left:0;width:max-content;max-width:100%;justify-content:center;gap:0.15em}#spend div:first-of-type{margin-left:0}#spend table{margin:0 auto}#spend .more,#spend .less{display:inline-flex;align-items:center;justify-content:center;width:2em;height:2em;min-width:2em;min-height:2em;padding:0;border-radius:50%;border:2px solid currentColor;font-size:1.2em;line-height:1;box-sizing:border-box}.charmove{width:42px;height:42px;background-size:42px}.charicon{width:52px;height:52px;background-size:52px}.face{width:76px}.face .charicon,.face img{width:76px;height:76px;background-size:76px}#turnlog{width:100%;max-height:7.5em;font-size:0.85em}#bottom{bottom:4px;font-size:0.92em}#bottombar{height:auto;min-height:32px}}@media (max-width: 1180px) and (max-height: 850px) {#charSelect > article{max-height:min(26vh, 190px)}#charSelect > header h1{font-size:1.2em;margin:0.05em 0 0.1em}.player{top:2px !important;max-height:calc(100% - 72px)}#center{top:2px;font-size:0.92em}.charmove{width:36px;height:36px;background-size:36px}.face,.face .charicon,.face img{width:68px;height:68px}.face .charicon,.face img{background-size:68px}#spend .more,#spend .less{width:1.85em;height:1.85em;min-width:1.85em;min-height:1.85em}#turnlog{max-height:5.5em}}