:root{--desk:#141824;--desk-ink:#e9ecf3;--desk-dim:#8b93a7;--shell:#d3d7df;--shell-dark:#a3a9b6;--bezel:#171a23;--ink:#2a2e3b;--ink-soft:#6a6f7e;--accent:#e0533d;--hp-g:#52d273;--hp-y:#f3c331;--hp-r:#e8473b;--touch-a:#2c4560;--touch-b:#29405a;--font-pixel:"Pixelify Sans", "Courier New", monospace;--font-label:"Silkscreen", "Pixelify Sans", "Courier New", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{background:var(--desk);color:var(--desk-ink);font-family:var(--font-pixel);-webkit-font-smoothing:none;margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;padding:0}button:focus-visible{outline-offset:2px;outline:2px solid #ffd54a}.screen:focus-visible{outline-offset:2px;outline:2px solid #ffd54a}#app{min-height:100%;padding-block-start:14px;padding-block-end:24px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));flex-direction:column;align-items:center;gap:14px;display:flex}.bar{align-items:center;gap:12px;width:min(100%,480px);display:flex}.brand{white-space:nowrap;font-family:var(--font-label);letter-spacing:.06em;margin:0;font-size:21px;font-weight:700}.daytag{color:var(--desk-dim);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;font-size:15px;display:flex}.gim-tag{white-space:nowrap;font-family:var(--font-label);letter-spacing:.06em;color:#fff;border:2px solid #0000;border-image:var(--fr-violet) 2 fill / 2px / 0 stretch;padding:2px 7px;font-size:11px}.gim-tag[data-g=mega]{border-image-source:var(--fr-maroon)}.gim-tag[data-g=z]{border-image-source:var(--fr-gold);color:#3b2a00}.gim-tag.practice,.gim-tag[data-g=none]{border-image-source:var(--fr-grey);color:#222}.bar nav{gap:8px;margin-left:auto;display:flex}.icon{border:3px solid #0000;border-image:var(--fr-ink) 2 fill / 3px / 0 stretch;width:36px;height:36px;font-size:16px}.icon:hover{filter:brightness(1.2)}.ds{background:var(--shell);border-radius:20px;flex-direction:column;width:min(100%,480px);padding:12px 12px 16px;display:flex;box-shadow:inset 0 2px #fff9,inset 0 -3px #0002,0 16px 36px #000a}.screen{aspect-ratio:4/3;--p:calc(100cqw / 256);border:5px solid var(--bezel);width:100%;max-width:100%;image-rendering:pixelated;font-size:calc(var(--p) * 9);-webkit-user-select:none;user-select:none;border-radius:4px;line-height:1.15;position:relative;overflow:hidden;container-type:inline-size}.hinge{justify-content:space-between;align-items:center;height:20px;padding:0 20%;display:flex}.hinge span{background:var(--shell-dark);border-radius:3px;width:30%;height:6px}.fr,.hpbox,.msg,.btn,.move,.slot,.summary,.result{border-style:solid;border-color:#0000;border-width:calc(var(--p) * 2);border-image-slice:2 fill;border-image-width:calc(var(--p) * 2);border-image-repeat:stretch;border-image-source:var(--fr-panel)}#scene{position:absolute;top:0;bottom:0;left:0;right:0}.scene{image-rendering:pixelated;background-color:#9cc7ee;background-size:100% 100%;position:absolute;top:0;bottom:0;left:0;right:0}.pad{position:absolute}.pad-foe{left:calc(var(--p)*136);top:calc(var(--p)*68);width:calc(var(--p)*108);height:calc(var(--p)*27)}.pad-me{left:calc(var(--p)*-4);top:calc(var(--p)*134);width:calc(var(--p)*140);height:calc(var(--p)*35)}.mon{image-rendering:pixelated;transition:transform .2s,opacity .3s;position:absolute}.mon-foe,.mon-me{transform-origin:50% 100%}.mon.enter{animation:.45s steps(6,end) both enter}.mon.lunge.mon-me{transform:translate(calc(var(--p)*8), calc(var(--p)*-4))}.mon.lunge.mon-foe{transform:translate(calc(var(--p)*-8), calc(var(--p)*4))}.mon.hit{animation:.38s steps(2,end) 2 blink}.mon.buff{filter:drop-shadow(0 0 calc(var(--p)*2) #ff8a4a)}.mon.debuff{filter:drop-shadow(0 0 calc(var(--p)*2) #4a8aff)}.mon.faint-anim{transform:translateY(calc(var(--p)*40));opacity:0;transition:transform .55s steps(8,end),opacity .55s steps(8,end)}@keyframes enter{0%{opacity:0;transform:scale(.1)}to{opacity:1;transform:none}}@keyframes blink{50%{opacity:0}}.hpbox{color:var(--ink);padding:calc(var(--p)*2) calc(var(--p)*5) calc(var(--p)*3);gap:calc(var(--p)*2);flex-direction:column;display:flex;position:absolute}.hp-foe{left:calc(var(--p)*6);top:calc(var(--p)*10);width:calc(var(--p)*118)}.hp-me{left:calc(var(--p)*132);top:calc(var(--p)*92);width:calc(var(--p)*120)}.hp-name{align-items:center;gap:calc(var(--p)*3);font-size:calc(var(--p)*9);font-weight:600;display:flex}.hp-name .n{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.hp-name .lv{font-family:var(--font-label);font-size:calc(var(--p)*6);color:var(--ink-soft);font-weight:400}.st:empty{display:none}.st{font-family:var(--font-label);font-size:calc(var(--p)*5.5);color:#fff;padding:calc(var(--p)*1) calc(var(--p)*2);background:#777;line-height:1}.st[data-s=par]{background:#b8990c}.st[data-s=brn]{background:#cf4f26}.st[data-s=psn],.st[data-s=tox]{background:#8f3e9c}.st[data-s=slp]{background:#737885}.st[data-s=frz]{background:#3f97be}.hp-track{align-items:center;gap:calc(var(--p)*2);display:flex}.hp-track i,.slot-hp i{font-style:normal;font-family:var(--font-label);font-size:calc(var(--p)*5.5);color:#fff;background:var(--ink);padding:calc(var(--p)*1) calc(var(--p)*1.5);line-height:1}.hp-bar{height:calc(var(--p)*4);box-shadow:0 0 0 calc(var(--p)*1) var(--ink);background:#4b5163;flex:1;display:block}.hp-bar b{background:var(--hp-g);height:100%;box-shadow:inset 0 calc(var(--p)*1) 0 #ffffff70;display:block}.hp-bar b[data-c=y]{background:var(--hp-y)}.hp-bar b[data-c=r]{background:var(--hp-r)}.hp-num{text-align:right;font-size:calc(var(--p)*9);font-variant-numeric:tabular-nums;letter-spacing:.02em}.balls{gap:calc(var(--p)*2.5);padding-top:calc(var(--p)*.5);display:flex}.balls span{width:calc(var(--p)*5);height:calc(var(--p)*5);box-shadow:0 0 0 calc(var(--p)*.8) var(--ink);background:linear-gradient(#e8473b 0 42%, var(--ink) 42% 58%, #fff 58%);border-radius:50%}.balls span.down{background:#a7acb8}.msg{left:calc(var(--p)*2);right:calc(var(--p)*2);bottom:calc(var(--p)*2);height:calc(var(--p)*46);border-image-source:var(--fr-paper);box-shadow:inset 0 0 0 calc(var(--p)*1) #fbfaf5, inset 0 0 0 calc(var(--p)*2) #c9d2e6;color:var(--ink);padding:calc(var(--p)*6) calc(var(--p)*10);font-size:calc(var(--p)*10);cursor:pointer;line-height:1.32;position:absolute}.msg p{text-shadow:calc(var(--p)*.7) calc(var(--p)*.7) 0 #d4d0c4;margin:0}.msg .more{right:calc(var(--p)*8);bottom:calc(var(--p)*5);border-left:calc(var(--p)*3) solid transparent;border-right:calc(var(--p)*3) solid transparent;border-top:calc(var(--p)*4) solid var(--accent);opacity:0;width:0;height:0;font-size:0;position:absolute}.msg.wait .more{opacity:1;animation:.6s steps(2,end) infinite bob}@keyframes bob{50%{transform:translateY(calc(var(--p)*1.5))}}.overlay{inset:0 0 calc(var(--p)*48) 0;position:absolute}.vs,.end{background:#1f2a45;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.vs:before{content:"";background:repeating-linear-gradient(0deg, #ffffff08 0 calc(var(--p)*1), transparent calc(var(--p)*1) calc(var(--p)*3));position:absolute;top:0;bottom:0;left:0;right:0}.vs-band{left:-10%;right:-10%;top:calc(var(--p)*46);height:calc(var(--p)*54);background:repeating-linear-gradient(90deg, #f2c94c 0 calc(var(--p)*8), #e6b23a calc(var(--p)*8) calc(var(--p)*16));box-shadow:0 calc(var(--p)*-2) 0 #1a1f2e, 0 calc(var(--p)*2) 0 #1a1f2e;animation:1.4s linear infinite slide;position:absolute}@keyframes slide{to{background-position:calc(var(--p)*16) 0}}.vs-trainer,.end-trainer,.trainer-in{image-rendering:pixelated;position:absolute}.vs-text,.end-text{left:calc(var(--p)*14);top:calc(var(--p)*52);gap:calc(var(--p)*2);color:#1f1a10;max-width:calc(var(--p)*140);flex-direction:column;display:flex;position:absolute}.vs-title{font-family:var(--font-label);font-size:calc(var(--p)*7);letter-spacing:.1em;text-transform:uppercase}.vs-name{font-size:calc(var(--p)*22);line-height:1}.vs-game{font-size:calc(var(--p)*8);opacity:.75}.end-text{top:calc(var(--p)*16);color:#f3f1ea;max-width:calc(var(--p)*150)}.end-text p{margin:calc(var(--p)*6) 0 0;font-size:calc(var(--p)*10.5);line-height:1.35}.end.win{background:#23443a}.end.loss{background:#46222c}.screen.bottom{background:repeating-linear-gradient(135deg, var(--touch-a) 0 calc(var(--p)*6), var(--touch-b) calc(var(--p)*6) calc(var(--p)*12))}.touch{position:absolute;top:0;bottom:0;left:0;right:0}.touch>*{position:absolute}.touch-idle{color:#9db2cf;font-size:calc(var(--p)*9);place-items:center;display:grid}.btn{font-family:var(--font-label);font-size:calc(var(--p)*8.5);letter-spacing:.05em;color:#fff;text-shadow:calc(var(--p)*.8) calc(var(--p)*.8) 0 #0007;place-items:center;display:grid}.btn:hover:not([disabled]),.move:hover:not([disabled]),.slot:hover{filter:brightness(1.06)}.btn:active:not([disabled]),.move:active:not([disabled]),.slot:active{transform:translateY(calc(var(--p)*1));filter:brightness(.94)}.btn[disabled]{opacity:.5;cursor:default}.btn-red,.btn-fight{border-image-source:var(--fr-red)}.btn-fight{font-size:calc(var(--p)*18);letter-spacing:.12em}.btn-fight span{display:block}.btn-grey{border-image-source:var(--fr-grey);color:#23262e;text-shadow:calc(var(--p)*.8) calc(var(--p)*.8) 0 #ffffff70}.btn-green{border-image-source:var(--fr-green)}.btn-run{border-image-source:var(--fr-blue)}.btn.gim{border-image-source:var(--fr-violet);font-size:calc(var(--p)*7.5)}.btn.gim.on{border-image-source:var(--fr-gold);color:#3b2a00;text-shadow:none;animation:1s steps(2,end) infinite glow}@keyframes glow{50%{filter:brightness(1.12)}}.move{border-image-source:var(--fr-cream);color:var(--ink);text-align:left;padding:calc(var(--p)*4) calc(var(--p)*6) calc(var(--p)*4) calc(var(--p)*11);flex-direction:column;justify-content:space-between;display:flex;overflow:hidden}.move .mv-band{width:calc(var(--p)*5);background:var(--t);box-shadow:inset calc(var(--p)*-1) 0 0 #0003;position:absolute;top:0;bottom:0;left:0}.move b{font-size:calc(var(--p)*10.5);white-space:nowrap;text-overflow:ellipsis;padding-top:calc(var(--p)*2);font-weight:600;overflow:hidden}.mv-foot{align-items:center;gap:calc(var(--p)*3);display:flex}.mv-cat{font-family:var(--font-label);font-size:calc(var(--p)*5);color:var(--ink-soft);letter-spacing:.06em}.move .pp{font-size:calc(var(--p)*8);font-variant-numeric:tabular-nums;color:var(--ink-soft);margin-left:auto}.move.zmove{border-image-source:var(--fr-creamz)}.move.zmove b{color:#7a4c00}.move[disabled]{filter:grayscale();opacity:.55;cursor:default}.move.empty{border:calc(var(--p)*1) dashed #ffffff25;background:#ffffff08;border-image:}.type{font-family:var(--font-label);font-size:calc(var(--p)*5);letter-spacing:.04em;padding:calc(var(--p)*1.5) calc(var(--p)*2.5);background:var(--t);color:#fff;text-shadow:calc(var(--p)*.5) calc(var(--p)*.5) 0 #0009;box-shadow:0 0 0 calc(var(--p)*.8) #0005;text-transform:uppercase;line-height:1;display:inline-block}.slot{border-image-source:var(--fr-blue);color:#fff;text-align:left;grid-template-columns:calc(var(--p)*12) 1fr auto;column-gap:calc(var(--p)*3);padding:calc(var(--p)*2) calc(var(--p)*5);font-size:calc(var(--p)*9);text-shadow:calc(var(--p)*.7) calc(var(--p)*.7) 0 #0007;grid-template-rows:auto auto auto;align-content:center;display:grid}.slot.act{border-image-source:var(--fr-green)}.slot.fnt{border-image-source:var(--fr-maroon)}.slot.sel{border-image-source:var(--fr-gold);color:#3b2a00;text-shadow:none}.slot-icon{width:calc(var(--p)*15);height:calc(var(--p)*15);margin:calc(var(--p)*-2) calc(var(--p)*-3);image-rendering:pixelated;grid-row:1/3;place-self:center}.slot.fnt .slot-icon{filter:grayscale()brightness(.8)}.slot-ball{width:calc(var(--p)*9);height:calc(var(--p)*9);box-shadow:0 0 0 calc(var(--p)*.8) #1a1d27;background:linear-gradient(#e8473b 0 42%,#1a1d27 42% 58%,#fff 58%);border-radius:50%;grid-row:1/3;align-self:center}.slot.fnt .slot-ball{background:#a7acb8}.slot-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.slot-lv{font-family:var(--font-label);font-size:calc(var(--p)*6)}.slot-tag{font-family:var(--font-label);font-size:calc(var(--p)*5.5);letter-spacing:.06em;min-height:calc(var(--p)*6);opacity:.9;grid-column:2/4}.slot-hp{align-items:center;gap:calc(var(--p)*2);grid-column:1/3;display:flex}.slot-hp i{background:#1a1d27}.slot-hp .hp-bar{box-shadow:0 0 0 calc(var(--p)*.8) #1a1d27}.slot-num{font-size:calc(var(--p)*8);font-variant-numeric:tabular-nums;text-align:right}.summary{color:var(--ink);padding:calc(var(--p)*5) calc(var(--p)*7);gap:calc(var(--p)*5);flex-direction:column;display:flex}.sum-head{align-items:center;gap:calc(var(--p)*4);padding-bottom:calc(var(--p)*3);box-shadow:0 calc(var(--p)*1) 0 #d9d3c2;display:flex}.sum-head b{font-size:calc(var(--p)*12)}.sum-head>span:not(.type){font-family:var(--font-label);font-size:calc(var(--p)*6);color:var(--ink-soft);margin-right:auto}.sum-kv{gap:calc(var(--p)*2) calc(var(--p)*5);font-size:calc(var(--p)*8.5);grid-template-columns:auto 1fr auto 1fr;display:grid}.sum-kv span{font-family:var(--font-label);font-size:calc(var(--p)*5.5);color:var(--ink-soft);text-transform:uppercase;align-self:center}.sum-moves{gap:calc(var(--p)*3);grid-template-columns:1fr 1fr;display:grid}.sum-move{column-gap:calc(var(--p)*4);padding:calc(var(--p)*3) calc(var(--p)*4);box-shadow:inset calc(var(--p)*3) 0 0 var(--t);padding-left:calc(var(--p)*6);background:#ece6d6;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;display:grid}.sum-move b{font-size:calc(var(--p)*8.5);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sum-move small{font-size:calc(var(--p)*6.5);color:var(--ink-soft);grid-column:2}.sum-move .type{grid-row:1/3}.sum-stats{gap:calc(var(--p)*2) calc(var(--p)*4);font-size:calc(var(--p)*7);font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr auto auto 1fr auto;align-items:center;margin-top:auto;display:grid}.sum-stats span{font-family:var(--font-label);font-size:calc(var(--p)*5.5);color:var(--ink-soft)}.sum-stats i{height:calc(var(--p)*3);background:#e3dccb;display:block}.sum-stats i b{background:#6f8fc9;height:100%;display:block}.sum-stats i b[data-hi=true]{background:#3d9c61}.sum-stats em{text-align:right;min-width:2.2em;font-style:normal}.hint{color:#c3d2e8;font-size:calc(var(--p)*8.5);align-items:center;display:flex}.hint.big{text-align:center;font-size:calc(var(--p)*11);color:#eef3fb;justify-content:center;line-height:1.35}.hint.next{font-variant-numeric:tabular-nums;justify-content:center;gap:.5em}.result{border-image-source:var(--fr-ink);justify-content:center;align-items:center;gap:calc(var(--p)*4);flex-direction:column;display:flex}.result b{font-family:var(--font-label);font-size:calc(var(--p)*22);letter-spacing:.08em}.result.win b{color:#ffd666}.result.loss b{color:#ff9a8a}.result span{font-size:calc(var(--p)*10)}.result .grid{font-size:calc(var(--p)*14);letter-spacing:calc(var(--p)*2);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.err{color:#ffb0a0;background:#2a1a1a;margin:0;padding:12px;font-size:14px;position:absolute;top:0;bottom:0;left:0;right:0}.foot{width:min(100%,480px);color:var(--desk-dim);text-align:center;flex-direction:column;gap:4px;font-size:14px;display:flex}.foot p{margin:0}.foot .small{opacity:.8;font-size:12px}.modal{z-index:10;padding:max(16px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background:#000a;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{border:4px solid #0000;border-image:var(--fr-ink) 2 fill / 4px / 0 stretch;width:min(100%,420px);max-height:100%;padding:20px 22px;font-size:16px;line-height:1.45;position:relative;overflow:auto}.sheet h2{font-family:var(--font-label);letter-spacing:.04em;margin:0 0 10px;font-size:19px}.sheet h3{font-family:var(--font-label);letter-spacing:.1em;color:var(--desk-dim);margin:16px 0 8px;font-size:12px}.sheet ul{flex-direction:column;gap:6px;margin:8px 0;padding-left:18px;display:flex}.sheet p{margin:0 0 8px}.sheet textarea{width:100%;color:var(--desk-ink);background:#151a28;border:1px solid #3a4462;padding:8px;font:14px/1.4 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.close{border:3px solid #0000;border-image:var(--fr-grey) 2 fill / 3px / 0 stretch;color:#222;width:30px;height:30px;position:absolute;top:10px;right:10px}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{border:3px solid #0000;border-image:var(--fr-grey) 2 fill / 3px / 0 stretch;color:#222;padding:6px 12px}.seg button[aria-pressed=true]{border-image-source:var(--fr-gold);color:#2a1d00}.tiles{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tiles b{font-variant-numeric:tabular-nums;font-size:26px;display:block}.tiles span{color:var(--desk-dim);font-size:12px}.hist{flex-direction:column;gap:6px;display:flex}.hrow{font-variant-numeric:tabular-nums;grid-template-columns:52px 1fr 28px;align-items:center;gap:8px;font-size:14px;display:grid}.hbar{background:#11151f;height:12px;overflow:hidden}.hbar i{background:#3d9c61;min-width:2px;height:100%;display:block}@media (prefers-reduced-motion:reduce){.vs-band,.msg.wait .more,.mon.enter,.mon.hit,.btn.gim.on{animation:none!important}.mon,.hp-bar b{transition:none!important}}