html,body{margin:0;height:100%;background:#12173a;overflow:hidden;touch-action:manipulation}#app{position:absolute;left:0;top:0;width:540px;height:960px;transform-origin:0 0;overflow:hidden;background:#27305c;color:#fbf6ea;font-family:Fredoka,Avenir Next Rounded,system-ui,sans-serif;font-weight:600;line-height:1.2;-webkit-font-smoothing:antialiased;isolation:isolate;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#app .k{position:absolute;box-sizing:border-box}#app .t{white-space:nowrap}#app .px{font-family:Fredoka,Avenir Next Rounded,system-ui,sans-serif;font-weight:700;font-variant-numeric:tabular-nums}#app .row{display:flex;align-items:center;white-space:nowrap}#app .btext{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:700;white-space:nowrap}#app .under{position:absolute;top:0;right:0;bottom:0;left:0;filter:blur(3px);transform:scale(1.02)}#app img.k{image-rendering:auto}#app img.pxl{image-rendering:pixelated}#battle{isolation:isolate}#battle,#hud,#bottom,#tabs,#chibiart,#modal,#toast,#title{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hit{pointer-events:auto;cursor:pointer}#modal.open{pointer-events:auto}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.6);opacity:1}to{transform:translate(-50%,-160%) scale(1);opacity:0}}.num{position:absolute;font-family:Fredoka,Avenir Next Rounded,system-ui,sans-serif;font-weight:700;font-variant-numeric:tabular-nums;animation:pop .8s ease-out forwards}@media (prefers-reduced-motion:reduce){.num{animation-duration:.01s}}#bg{position:absolute;left:0;top:0;width:540px;height:500px;background:#27305c}#units,#fx,#banner{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#units{z-index:1}#fx{z-index:2}#banner{z-index:3}#battle .unit{position:absolute;width:0;height:0}#battle .spr{image-rendering:pixelated}#battle .mob{position:absolute;will-change:transform}#battle .sts{position:absolute;display:flex;justify-content:center;pointer-events:none}#battle .sts .st{display:block;flex:none}#battle .mob .mhp{position:absolute;height:7px;border-radius:4px;background:#1b2148;padding:1px;box-sizing:border-box}#battle .mob .mhp i{display:block;height:100%;width:100%;border-radius:3px;background:#e2475e}#battle .mob .mlabel{display:none;position:absolute;left:50%;bottom:-16px;transform:translate(-50%);white-space:nowrap;font-size:11px;font-weight:700;color:#fff;text-shadow:0 0 3px #1b2148,0 0 3px #1b2148}#battle.gm .mob .mlabel{display:block}#battle .vfx,#battle .proj{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}#battle .pop{position:absolute;object-fit:contain;animation:pop .8s ease-out forwards}#banner{display:none;animation:bannerin .25s ease-out}@keyframes mobhop{0%{transform:translateY(0) scaleY(1)}to{transform:translateY(-4px) scaleY(1.04)}}@keyframes bannerin{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}#app .star.e{filter:grayscale(1) brightness(.62);opacity:.42}#app span.star{-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;isolation:isolate}#app span.star img{display:block;width:100%;height:100%;filter:grayscale(1) contrast(1.3) brightness(1.2);mix-blend-mode:multiply}#app span.star.t2{background:linear-gradient(160deg,#ff7a7a,#e3243f 55%,#a1102b)}#app span.star.t3{background:linear-gradient(160deg,#cf9cff,#8d3ff2 55%,#5b1db8)}#app span.star.t4{background:linear-gradient(110deg,#ff5a6e,#ffb347,#ffe95c,#63f08a,#4fd3ff,#8c7bff,#ff6fd8,#ff5a6e);background-size:400% 100%;animation:rainbow 6s linear infinite}#app .glint{border-radius:50%;background:radial-gradient(circle,#fff 0 16%,rgba(255,255,255,.7) 28%,transparent 64%);pointer-events:none;animation:glint 2.6s ease-in-out infinite}@keyframes rainbow{0%{background-position:0% 0}to{background-position:100% 0}}@keyframes glint{0%,64%,to{opacity:0;transform:scale(.4) rotate(0)}80%{opacity:1;transform:scale(1) rotate(45deg)}}@media (prefers-reduced-motion:reduce){#app span.star.t4{animation:none}#app .glint{animation:none;opacity:.75}}#app .swipe{touch-action:none;cursor:grab}#chibiart.blur{filter:blur(3px)}#battle .unit .chp{position:absolute;height:7px;border-radius:4px;background:#1b2148;padding:1px;box-sizing:border-box;pointer-events:none}#battle .unit .chp i{display:block;height:100%;width:100%;border-radius:3px;background:#5fd38a;transition:width .15s linear}#battle .mob.flash{animation:hitflash .14s steps(1,end) 1}@keyframes hitflash{0%{filter:brightness(2.6) saturate(.2)}55%{filter:brightness(1.4)}to{filter:none}}#battle .unit.hurt{animation:hurtflash .2s ease-out 1}@keyframes hurtflash{0%{filter:sepia(1) saturate(6) hue-rotate(-45deg) brightness(1.15);translate:-4px 0}to{filter:none;translate:0 0}}#battle .mob{transform-origin:50% 100%}#battle .mob.dying{transition:opacity .25s ease-out,filter .25s;opacity:0;filter:brightness(2.2)}#battle .mob.dead .mhp,#battle .mob.dead .sts{display:none}#battle .mob.dead.dying{transition:opacity .28s ease-out;filter:none}