:root{--edge: #0a0c18;--u: 3px;--ink: #f4f4ff;--dim: #aab0d8;--gold: #ffd870;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--edge);color:var(--ink);font-family:VT323,ui-monospace,monospace;overflow:hidden;transition:background-color .8s ease;user-select:none;-webkit-user-select:none;touch-action:manipulation}#app{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}#stage{position:relative;overflow:hidden}#screen{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}#ui{position:absolute;inset:0;font-size:calc(var(--u) * 9.5);line-height:1;pointer-events:none}#ui>*{pointer-events:auto}.pix{image-rendering:pixelated}.win{position:absolute;background:linear-gradient(180deg,#4658c0,#2a3690 45%,#141c5a);border:calc(var(--u) * 1) solid #e8ecff;outline:calc(var(--u) * .6) solid #1a1e40;box-shadow:inset 0 0 0 calc(var(--u) * .6) #7a88d8,0 calc(var(--u) * 1) calc(var(--u) * 2) #00000073;border-radius:calc(var(--u) * 2.5);color:var(--ink);text-shadow:calc(var(--u) * .6) calc(var(--u) * .6) 0 #0a0e30;padding:calc(var(--u) * 3) calc(var(--u) * 5);overflow:hidden}.fader,.flasher{position:absolute;inset:0;opacity:0;pointer-events:none!important;z-index:50}.flasher{z-index:49}.dlg{padding:0;z-index:20}.dlg .portrait{position:absolute;left:calc(var(--u) * 5);top:calc(var(--u) * 5);width:calc(var(--u) * 40);height:calc(var(--u) * 40);border:calc(var(--u) * .6) solid #9aa8f0}.dlg-body{position:absolute;bottom:calc(var(--u) * 4)}.dlg-name{color:var(--gold);margin-bottom:calc(var(--u) * 2);font-size:calc(var(--u) * 9.5)}.dlg-text{font-size:calc(var(--u) * 9.5);line-height:1.15}.dlg-text i{color:#b8ecff;font-style:italic;letter-spacing:.02em}.more{position:absolute;right:calc(var(--u) * 5);bottom:calc(var(--u) * 3);width:0;height:0;border-left:calc(var(--u) * 3) solid transparent;border-right:calc(var(--u) * 3) solid transparent;border-top:calc(var(--u) * 3.5) solid #fff;animation:bob .6s steps(2) infinite}@keyframes bob{50%{transform:translateY(calc(var(--u) * 1.5))}}.list{padding:calc(var(--u) * 3) calc(var(--u) * 5) calc(var(--u) * 3) calc(var(--u) * 13);z-index:30}.list-title{color:var(--gold);margin-left:calc(var(--u) * -8)}.list-inner{display:grid;column-gap:calc(var(--u) * 12)}.item{position:relative;display:flex;align-items:center;gap:calc(var(--u) * 3);white-space:nowrap;cursor:pointer}.item .lbl{flex:1;overflow:hidden;text-overflow:ellipsis}.item .rt{color:#dfe4ff}.item.off,.item.off .rt{color:#8088b8}.item.cur:before{content:"";position:absolute;left:calc(var(--u) * -12);top:50%;width:calc(var(--u) * 10);height:calc(var(--u) * 7);transform:translateY(-50%);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' shape-rendering='crispEdges'><path fill='%231a1a2a' d='M2 0h6v1h4v1h1v2h-1v1h-4v2h-1v1H2V7H1V6H0V2h1V1h1z'/><path fill='%23fff' d='M2 1h6v1h3v2H7v1h1v1H7v1H2V6H1V2h1z'/><path fill='%23b8c0d8' d='M3 4h1v1H3zM4 5h1v1H4z'/></svg>") no-repeat center / contain;image-rendering:pixelated;animation:nudge .5s steps(2) infinite}@keyframes nudge{50%{transform:translate(calc(var(--u) * -1),-50%)}}.list.more-down:after{content:"▼";position:absolute;right:calc(var(--u) * 4);bottom:0;font-size:calc(var(--u) * 6)}.notice,.toast{display:flex;align-items:center;justify-content:center;text-align:center;z-index:40;white-space:nowrap}.banner{position:absolute;left:0;right:0;top:calc(var(--u) * 22);text-align:center;pointer-events:none!important;z-index:35;text-shadow:0 0 calc(var(--u) * 3) #000,calc(var(--u) * .6) calc(var(--u) * .6) 0 #000}.banner .b-title{font-family:Silkscreen,monospace;font-size:calc(var(--u) * 10);letter-spacing:.08em}.banner.big .b-title{font-size:calc(var(--u) * 14)}.banner .b-sub{margin-top:calc(var(--u) * 3);color:#cfd6ff;font-size:calc(var(--u) * 9)}.pop{position:absolute;z-index:25;pointer-events:none!important;font-family:Silkscreen,monospace;font-weight:700;font-size:calc(var(--u) * 8);color:#fff;text-shadow:calc(var(--u) * .7) calc(var(--u) * .7) 0 #000,calc(var(--u) * -.5) calc(var(--u) * -.5) 0 #000;white-space:nowrap}.pop.heal{color:#7cff9a}.pop.mp{color:#8ac8ff}.pop.miss,.pop.info{font-size:calc(var(--u) * 6.5);color:#e0e4ff}.pop.crit{color:#ffd84a;font-size:calc(var(--u) * 10)}.battle-ui{position:absolute;inset:0;pointer-events:none!important}.battle-ui>*{pointer-events:auto}.benemies{padding:calc(var(--u) * 3) calc(var(--u) * 5);font-size:calc(var(--u) * 9)}.benemies .en{height:calc(var(--u) * 9.5);white-space:nowrap;overflow:hidden}.benemies .cnt{color:var(--dim)}.bparty{padding:calc(var(--u) * 3) calc(var(--u) * 6)}.prow{display:grid;grid-template-columns:1fr calc(var(--u) * 50) calc(var(--u) * 22) calc(var(--u) * 50);align-items:center;height:calc(var(--u) * 10.5);font-size:calc(var(--u) * 9)}.prow .php,.prow .pmp{text-align:right;padding-right:calc(var(--u) * 4)}.prow .pmp{color:#b8d0ff}.prow .php.low{color:#ffd050}.prow.ko{color:#ff7070}.prow.active .pn{color:var(--gold)}.patb{height:calc(var(--u) * 3.5);background:#0c1238;border:calc(var(--u) * .6) solid #b8c0e8;border-radius:calc(var(--u) * 1);overflow:hidden}.patb i{display:block;height:100%;background:linear-gradient(#d8e0ff,#7080d0)}.prow.full .patb i{background:linear-gradient(#fff0a0,#e0a020)}.bmsg{text-align:center;padding:calc(var(--u) * 3);z-index:22}.bhint{padding:calc(var(--u) * 3) calc(var(--u) * 5);z-index:31}.bcmd,.bsub{font-size:calc(var(--u) * 9)}.menu-back{position:absolute;inset:0;background:#0a0e2a;z-index:10}.mparty,.minfo,.mdesc,.mpartymini,.mequip-stats,.mstatus{z-index:15}.mrow{display:flex;gap:calc(var(--u) * 6);align-items:center;height:calc(var(--u) * 41)}.mport{width:calc(var(--u) * 36);height:calc(var(--u) * 36);border:calc(var(--u) * .6) solid #9aa8f0}.mstats>div{margin:calc(var(--u) * 1.5) 0}.mname{color:var(--gold)}.mlv{color:var(--ink);margin-left:calc(var(--u) * 10)}.mhp.low{color:#ffd050}.ko{color:#ff7070}.minfo>div{margin:calc(var(--u) * 1.5) 0}.minfo .gold{color:var(--gold)}.mpartymini{display:flex;justify-content:space-around}.mpartymini .pm{line-height:1.2}.mdesc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st{display:flex;gap:calc(var(--u) * 5);margin:calc(var(--u) * 1.2) 0}.st span:first-child{width:calc(var(--u) * 45);color:var(--dim)}.st .up{color:#7cff9a}.st .down{color:#ff8a8a}.sport{position:absolute;left:calc(var(--u) * 6);top:calc(var(--u) * 6);width:calc(var(--u) * 48);height:calc(var(--u) * 48);border:calc(var(--u) * .6) solid #9aa8f0}.stext{margin-left:calc(var(--u) * 56);line-height:1.25}.stext .cols{display:grid;grid-template-columns:1fr 1.6fr;margin:calc(var(--u) * 4) 0 calc(var(--u) * 4) calc(var(--u) * -56)}.dim{color:var(--dim)}.logo{position:absolute;left:0;right:0;top:calc(var(--u) * 30);text-align:center;pointer-events:none!important}.logo-main{font-family:Silkscreen,monospace;font-weight:700;font-size:calc(var(--u) * 26);letter-spacing:.1em;color:#fff4dc;text-shadow:0 0 calc(var(--u) * 6) #ff9a40,0 0 calc(var(--u) * 14) rgba(255,120,40,.6),calc(var(--u) * 1) calc(var(--u) * 1) 0 #3a1a10}.logo-sub{margin-top:calc(var(--u) * 4);font-size:calc(var(--u) * 10);color:#cfe4ff;text-shadow:0 0 calc(var(--u) * 3) #000}.credit{position:absolute;right:calc(var(--u) * 5);bottom:calc(var(--u) * 3);font-size:calc(var(--u) * 7);color:#aab8e0}.credit a{color:#ffd8a0}.title-menu{z-index:30}.crawl{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 calc(var(--u) * 30);background:#000;z-index:45;font-size:calc(var(--u) * 10);line-height:1.3;color:#dfe6ff}.crawl p{margin:calc(var(--u) * 3) 0;opacity:0}.crawl i{color:#ffc870}.crawl.ending{text-align:center}.gameover{position:absolute;inset:0;background:radial-gradient(#301018,#000);z-index:29}.go-title{position:absolute;left:0;right:0;top:35%;text-align:center;font-family:Silkscreen,monospace;font-size:calc(var(--u) * 14);color:#ffb0a0}.echo{z-index:19}#touch{display:none}body.touch #touch{display:block}#touch b{position:fixed;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:#2832786b;border:2px solid rgba(230,236,255,.5);color:#fffc;font-family:Silkscreen,monospace;font-size:18px;z-index:100;touch-action:none}#touch .dpad b[data-b=up]{left:70px;bottom:120px}#touch .dpad b[data-b=down]{left:70px;bottom:16px}#touch .dpad b[data-b=left]{left:16px;bottom:68px}#touch .dpad b[data-b=right]{left:124px;bottom:68px}#touch .abtn b[data-b=a]{right:18px;bottom:70px;width:64px;height:64px}#touch .abtn b[data-b=b]{right:92px;bottom:24px}#touch .mbtn{right:14px;top:14px;width:44px;height:44px}