.loader[data-astro-cid-j7pv25f6]{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;z-index:30;transition:opacity .35s ease,visibility .35s ease}.loader[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]{display:block;margin-bottom:2rem;font-size:1.6rem;text-transform:uppercase;text-shadow:-.1em 0 1px rgba(255,0,0,.67),.1em 0 1px rgba(0,255,255,.67)}.loader__inner[data-astro-cid-j7pv25f6]{--pixel-size: 10px;width:500px;height:calc(var(--pixel-size) * 3 + 16px);position:relative}.loader-bar[data-astro-cid-j7pv25f6]{position:relative;background:#fff;width:100%;height:100%}.loader-bar__bg[data-astro-cid-j7pv25f6]{background:#d9d9d9;position:absolute;top:8px;left:8px;width:calc(100% - 16px);height:calc(100% - 16px);overflow:hidden;box-shadow:inset 0 0 0 4px #000,inset 0 0 0 6px #202020}.loader-bar__bg__fill[data-astro-cid-j7pv25f6]{--pixel: var(--pixel-size);--bar-color: #000;position:absolute;top:0;left:0;height:100%;width:0;background:var(--bar-color);image-rendering:pixelated;animation:loader-bar-fill 2s steps(4,end) forwards;box-shadow:inset -4px -4px #00000059;overflow:hidden;clip-path:polygon(0 0,calc(100% - var(--pixel) * 2) 0,calc(100% - var(--pixel) * 2) var(--pixel),calc(100% - var(--pixel)) var(--pixel),calc(100% - var(--pixel)) calc(var(--pixel) * 2),100% calc(var(--pixel) * 2),100% 100%,0 100%)}@keyframes loader-bar-fill{0%,15%{width:0}16%,33%{width:25%}34%,51%{width:50%}52%,69%{width:75%}70%,to{width:105%}}.page-battle[data-astro-cid-j7pv25f6]{max-width:1600px;margin:0 auto;padding:2rem;opacity:0;transition:opacity .35s ease;min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:2}@media(max-width:768px){.page-battle[data-astro-cid-j7pv25f6]{padding-top:4rem}}.page-battle__header[data-astro-cid-j7pv25f6]{text-align:center;margin-bottom:3rem}.page-battle__header[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6]{font-size:2.5rem;margin-bottom:.5rem}.page-battle__header[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{color:var(--color-text-muted);font-size:1.125rem}.page-battle__content[data-astro-cid-j7pv25f6]{padding:0;display:flex;justify-content:center;align-items:center;flex:1}.battle-empty{position:relative;text-align:center;background:#202020;max-width:900px;margin:0 auto}.battle-empty__inner{padding:6rem;border-top:6px solid #373737}.battle-empty p{font-size:1.4rem;color:var(--color-text);margin-bottom:1rem}.battle-empty__hint{font-size:1.2rem!important}.battle{width:100%}.battle__pair{display:grid;gap:6rem;margin-bottom:6rem}@media(min-width:900px){.battle__pair{grid-template-columns:1fr 1fr}}.battle__site-wrapper{display:flex;flex-direction:column;gap:2rem}.site-frame{position:relative;z-index:10}.site-frame{background:#202020}.site-frame__header{display:flex;align-items:center;justify-content:space-between;background:#202020;);border-bottom:8px solid black}.site-frame--red .site-frame__header{background:#e84552}.site-frame--blue .site-frame__header{background:#2563eb}.site-frame__header h3{font-size:1.2rem;margin:0;padding:0 1.25rem}.site-frame__title{transition:filter .25s ease;opacity:1;animation-fill-mode:forwards}.site-frame__title.is-pixelated{filter:blur(1.5px) contrast(.6) saturate(.5);opacity:0}.site-frame__title.is-clear{filter:none;opacity:1;animation:decode-in .55s steps(6,end) forwards}@keyframes decode-in{0%{opacity:0;transform:translateY(0);clip-path:inset(0 0 100% 0);text-shadow:-.1em 0 1px rgba(255,0,0,.67),.1em 0 1px rgba(0,255,255,.67)}30%{opacity:.4;transform:translateY(0);clip-path:inset(0 0 60% 0);text-shadow:0 0 4px rgba(255,255,255,.5)}60%{opacity:.8;transform:translateY(0);clip-path:inset(0 0 30% 0);text-shadow:-.08em 0 1px rgba(255,0,0,.67),.08em 0 1px rgba(0,255,255,.67)}80%{opacity:.95;transform:translateY(0);clip-path:inset(0 0 10% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0);text-shadow:-.1em 0 1px rgba(255,0,0,.67),.1em 0 1px rgba(0,255,255,.67)}}.site-frame__controls{display:flex;align-items:stretch;height:100%}.site-frame__view-btn{background:none;border:none;padding:1rem 2rem;cursor:pointer;color:#fff;transition:color .2s;border-left:6px solid black;display:flex;align-items:center;justify-content:center}.site-frame__view-btn:hover{opacity:.8}.site-frame__view-btn.is-active{color:#fff;opacity:1}.site-frame__view-btn svg{display:block;width:auto;height:20px}@media(max-width:768px){.site-frame__view-btn{display:none}}.site-frame__open-link{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;font-size:1.2rem;color:#fff;text-decoration:none;text-transform:uppercase;border-left:6px solid black;transition:color .2s}.site-frame__open-link:hover{color:var(--color-primary)}.site-frame__open-link svg{display:block;width:11px;height:11px}.site-frame__viewport{position:relative;border-radius:0}.iframe-wrapper{background:transparent;position:relative;width:100%;height:100%}.iframe-wrapper .site-frame__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;cursor:default;background:transparent}.site-frame__c64-loader{position:absolute;inset:0;z-index:5;background:repeating-linear-gradient(to bottom,#7c81ff 0 6px,#00f2ff 6px 12px,#f9ff00 12px 18px,#ff7cf9 18px 24px,#00ff9f 24px 30px,#ffae00 30px 36px);background-size:100% 36px;animation:c64-scan .6s steps(4,end) infinite}.site-frame__content{transition:opacity .2s ease}.site-frame__content.is-hidden{opacity:0;pointer-events:none}.site-frame__content.is-visible{opacity:1}.battle--desktop .site-frame__viewport{height:60vh}.battle--desktop .iframe-wrapper{width:150%;height:150%;transform:scale(.67);transform-origin:0 0;overflow:auto}.battle--desktop .site-frame__viewport iframe{width:100%;height:100%}.battle--tablet .site-frame__viewport{height:70vh;max-width:800px;margin-inline:auto}.battle--mobile .site-frame__viewport{height:70vh;max-width:430px;margin-inline:auto}.site-frame__viewport iframe,.lockframe{width:100%;height:100%;border:none;display:block;position:relative;z-index:1;pointer-events:auto}.battle{position:relative}.battle__vs-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:20;opacity:0;transform:translateY(-20px);animation:vs-drop-in .5s ease-out forwards .2s}.battle__vs-overlay img{width:min(20vw,240px);height:auto;image-rendering:pixelated}.battle__vs-overlay.is-exiting{animation:vs-fade-out .5s ease-in forwards}@keyframes vs-drop-in{0%{opacity:0;transform:translateY(-20px)}60%{opacity:1;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes vs-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes c64-scan{0%{background-position:0 0}to{background-position:0 -36px}}.battle__actions{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:start;z-index:1}.battle__button--left,.battle__button--skip,.battle__button--right{justify-self:center}.battle__button{position:relative;min-width:170px;font-size:1rem;font-family:"Press Start 2P",cursive;text-transform:uppercase;letter-spacing:1px;color:#fff;border:none;background:#e84552;box-shadow:inset 0 6px #ffffff40;transition:transform .12s ease;isolation:isolate;overflow:visible}.battle__button__inner{padding:2rem}.battle__button--left{background:#e84552}.battle__button--right{background:#2563eb}.battle__button--skip{background:#3a3a3a;color:#d7d7d7}.battle__button:hover:not(:disabled){transform:translateY(-1px)}.battle__button-label{position:relative;z-index:3}.battle__button-deco{position:absolute;background:#000;z-index:1;pointer-events:none}.battle__button .bar{height:var(--pixel);width:calc(100% - var(--pixel) * 2)}.battle__button .bar--top-left,.battle__button .bar--top-right{top:calc(var(--pixel) * -1)}.battle__button .bar--bottom-left,.battle__button .bar--bottom-right{bottom:calc(var(--pixel) * -1)}.battle__button .bar--top-left,.battle__button .bar--bottom-left{left:var(--pixel)}.battle__button .bar--top-right,.battle__button .bar--bottom-right{right:var(--pixel)}.battle__button .corner{width:var(--pixel);height:var(--pixel)}.battle__button .corner--tl{top:calc(var(--pixel) * -1);left:0}.battle__button .corner--tr{top:calc(var(--pixel) * -1);right:0}.battle__button .corner--bl{bottom:calc(var(--pixel) * -1);left:0}.battle__button .corner--br{bottom:calc(var(--pixel) * -1);right:0}.battle__button .side{width:var(--pixel);height:calc(100% - var(--pixel) * 2);top:var(--pixel)}.battle__button .side--left{left:calc(var(--pixel) * -1)}.battle__button .side--right{right:calc(var(--pixel) * -1)}.battle__button .highlight{background:#fff3;z-index:4}.battle__button .highlight--top{top:0;left:0;height:var(--pixel);width:100%}.battle__button .highlight--top-short{top:var(--pixel);left:var(--pixel);height:var(--pixel);width:calc(var(--pixel) * 3)}.battle__button .highlight--bottom{bottom:0;left:0;height:var(--pixel);width:100%}.battle__button .highlight--bottom-short{bottom:var(--pixel);right:var(--pixel);height:var(--pixel);width:calc(var(--pixel) * 3)}.battle__button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.battle__mobile-tabs{display:flex;gap:.5rem;position:fixed;top:0;left:0;right:0;padding:1rem;background:#000;z-index:100;margin-top:6rem}.battle__mobile-tab{position:relative;flex:1;min-width:0;padding:2rem;background:#e84552;border:none;cursor:pointer;font-family:"Press Start 2P",cursive;font-size:1rem;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:1px;box-shadow:inset 0 6px #ffffff40;transition:transform .12s ease;isolation:isolate;overflow:visible}.battle__mobile-tab--red{background:#e84552}.battle__mobile-tab--blue{background:#2563eb}.battle__mobile-tab:not(.is-active){opacity:.5}.battle__mobile-tab:active{transform:translateY(2px)}.battle__mobile-tab.border{position:absolute;background:#000;pointer-events:none;z-index:1}@media(min-width:769px){.battle__mobile-tabs{display:none}}@media(max-width:768px){.battle__site-wrapper{display:none}.battle__site-wrapper.is-active-mobile{display:flex}}.battle__actions--mobile{display:flex;flex-direction:column;gap:.5rem;position:fixed;bottom:0;left:0;right:0;padding:1rem;background:#000;z-index:100}.battle__actions-row{display:flex;gap:.5rem;width:100%}.battle__actions-row .battle__button{flex:1;min-width:0}.battle__actions--mobile .battle__button{min-width:0}.battle__button--full{width:100%}.battle__actions--desktop{display:none}@media(min-width:769px){.battle__actions--mobile{display:none}.battle__actions--desktop{display:grid}}@media(max-width:600px){.battle__button{min-width:120px;font-size:.9rem}}.page-ready .loader[data-astro-cid-j7pv25f6]{opacity:0;visibility:hidden;pointer-events:none}.page-ready .page-battle[data-astro-cid-j7pv25f6]{opacity:1;pointer-events:auto;animation:pokemon-fade-in .8s steps(8,end)}