@keyframes interaction-pop-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@font-face{font-family:PowerGreen;src:url(/fonts/power_green.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--ff-game: "PowerGreen", "Press Start 2P", system-ui, Avenir, Helvetica, Arial, sans-serif;--ui-max-width: 1024px;--ui-aspect-ratio: 1024 / 768;--bg-color: #242424;color-scheme:light dark;color:#ffffffde}body{font-family:var(--ff-game);margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.text-powergreen{font-family:PowerGreen,"Press Start 2P",monospace;font-size:18px}.app-root{--ui-max-width: 1024px;--ui-aspect-ratio: 1024 / 768;font-family:var(--ff-game, PowerGreen, "Press Start 2P", monospace);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:9999;pointer-events:auto;padding:12px;box-sizing:border-box}.card-frame{width:100%;max-width:var(--ui-max-width);aspect-ratio:1024 / 768;max-height:calc(var(--ui-max-width) * .75);background:transparent;position:relative;overflow:hidden;border-radius:8px;box-shadow:0 12px 48px #0009;user-select:none;transform-origin:center}@media (min-width: 1400px){.card-frame{transform:none}}.card-frame input,.card-frame .text-field{font-family:inherit;font-size:clamp(12px,1.2vw,18px);color:#111}.card-frame .hotspot{transition:transform .12s ease,box-shadow .12s ease}.card-frame .hotspot:hover{transform:translateY(-4%) scale(1.04);box-shadow:0 8px 20px #0000002e}.trainer-values{text-align:right;font-size:clamp(12px,1.2vw,18px);line-height:1.2}.trainer-wallet{text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1vw,14px)}@media (max-width: 520px){.app-container{padding:6px}.card-frame{border-radius:6px;box-shadow:0 8px 28px #0009}}@media (min-width: 521px) and (max-width: 1024px){.card-frame{max-width:900px}}@media (min-width: 1025px){.card-frame{max-width:var(--ui-max-width)}}.trainer-wallet{position:absolute;top:17%;right:10%;width:22%;height:auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:10;color:#111;font-family:PowerGreen,"Press Start 2P",monospace}@media (min-width: 1040px){.trainer-values,.trainer-values>div{font-size:36px!important;line-height:1}.trainer-wallet{font-size:26px!important}}@media (min-width: 600px) and (max-width: 1039px){.trainer-values,.trainer-values>div{font-size:clamp(22px,3vw,34px)!important}.trainer-wallet{font-size:clamp(16px,2.2vw,22px)!important}}@media (max-width: 599px){.trainer-values,.trainer-values>div{font-size:clamp(12px,3.6vw,20px)!important}.trainer-wallet{font-size:clamp(8px,2.8vw,16px)!important}}@media (min-width: 1040px){.trainer-avatar img,.trainer-card-wrapper .trainer-avatar img,.card-frame .trainer-avatar img,.card-frame .avatar-img{width:110px!important;max-width:110px!important;height:auto!important}}@media (min-width: 600px) and (max-width: 1039px){.trainer-avatar img,.trainer-card-wrapper .trainer-avatar img,.card-frame .trainer-avatar img,.card-frame .avatar-img{width:clamp(60px,10vw,110px)!important;max-width:clamp(60px,10vw,110px)!important;height:auto!important}}@media (max-width: 599px){.trainer-avatar img,.trainer-card-wrapper .trainer-avatar img,.card-frame .trainer-avatar img,.card-frame .avatar-img{width:clamp(20px,10vw,70px)!important;max-width:clamp(20px,10vw,70px)!important;height:auto!important}}.trainer-avatar,.trainer-card-wrapper .trainer-avatar,.card-frame .trainer-avatar{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;padding:0!important;overflow:hidden!important}.responsive-center{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:9999;pointer-events:auto;padding:12px;box-sizing:border-box}.responsive-wrap{width:1024px;max-width:90vw;aspect-ratio:1024 / 768;box-sizing:border-box;position:relative;overflow:hidden;border-radius:8px;background:transparent;user-select:none;box-shadow:0 12px 48px #0009}.responsive-wrap *,.responsive-wrap *:before,.responsive-wrap *:after{box-sizing:inherit}.responsive-wrap [role=button],.responsive-wrap button,.responsive-wrap a,.responsive-wrap input{-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation;cursor:pointer}.responsive-wrap img{pointer-events:none}@media (max-width: 520px){.responsive-center{padding:6px}.responsive-wrap{border-radius:6px;box-shadow:0 8px 28px #0009}}@media (min-width: 521px) and (max-width: 1024px){.responsive-wrap{max-width:90vw}}@media (min-width: 1400px){.responsive-wrap{transform:scale(1.03);transform-origin:center}}.responsive-wrap :focus{outline:4px auto -webkit-focus-ring-color}.account-setup{font-size:clamp(8px,calc((100vw / 1024) * 12px),14px);font-family:inherit;line-height:1.2}@media (min-width: 1100px){.account-setup{font-size:14.7px!important}}@media (min-width: 1040px) and (max-width: 1099px){.account-setup{font-size:13.8px!important}}@media (min-width: 710px) and (max-width: 1039px){.account-setup{font-size:clamp(8px,1.25vw,12px)!important}}@media (min-width: 546px) and (max-width: 709px){.account-setup{font-size:clamp(6px,1.15vw,8px)!important}}@media (min-width: 461px) and (max-width: 545px){.account-setup{font-size:clamp(3px,1vw,6px)!important}}@media (min-width: 381px) and (max-width: 460px){.account-setup{font-size:clamp(3px,.9vw,6px)!important}}@media (max-width: 380px){.account-setup{font-size:clamp(2px,.8vw,6px)!important}}.account-setup input,.account-setup textarea,.account-setup select,.account-setup .text-field,.account-setup label,.account-setup .hint,.account-setup .field-note{font-size:inherit!important;line-height:1.2!important;font-family:inherit}.account-setup input,.account-setup textarea{padding:.5em .6em!important;min-height:2.4em!important}.account-setup button,.account-setup .btn{font-size:inherit!important;padding:.55em 1em!important;border-radius:8px}.account-new{font-family:PowerGreen,"Press Start 2P",monospace;font-size:clamp(8px,calc((100vw / 1024) * 12px),14px);line-height:1.25}@media (min-width: 1040px){.account-new{font-size:15px!important}}@media (min-width: 600px) and (max-width: 1039px){.account-new{font-size:clamp(9px,1.25vw,13px)!important}}@media (max-width: 599px){.account-new{font-size:clamp(4px,1.5vw,9px)!important}}.account-new input,.account-new textarea,.account-new select,.account-new label,.account-new .hint,.account-new .field-note{font-size:inherit!important;line-height:1.2!important;font-family:inherit;color:#111}.account-new input,.account-new textarea{padding:.6em .8em!important;min-height:2.6em!important}.account-new button,.account-new .btn{font-size:inherit!important;padding:.55em 1.1em!important;border-radius:10px}@media (min-width: 1400px){.account-new input,.account-new label{letter-spacing:.02em}}@media (min-width: 1040px){.account-new .field,.account-new .input-group{margin-bottom:1.2em}}.gender-row input[type=radio],.account-new input[type=radio],.account-setup input[type=radio],.responsive-wrap input[type=radio]{width:1em!important;height:1em!important;margin:0 .5rem 0 0!important;padding:0!important;vertical-align:middle!important;box-sizing:content-box!important;transform:none!important;position:relative!important;top:0!important;-webkit-appearance:radio!important;appearance:radio!important}@media (min-width: 1040px){.gender-row input[type=radio],.account-new input[type=radio],.account-setup input[type=radio]{width:1.05em!important;height:1.05em!important}}@media (max-width: 599px){.gender-row input[type=radio],.account-new input[type=radio],.account-setup input[type=radio]{width:.9em!important;height:.9em!important}}.gender-row input[type=radio][style],.account-new input[type=radio][style],.account-setup input[type=radio][style]{width:1em!important;height:1em!important}.gender-row label{gap:.12rem!important;font-size:inherit!important}.gender-row input[type=radio]{margin:0 .12rem 0 0!important;width:.95em!important;height:.95em!important;position:relative!important;top:0!important;vertical-align:middle!important}.gender-row label>input[type=radio]{margin-right:.12rem!important}.gender-row label{display:inline-flex!important;align-items:center!important;padding:0!important}.menu-wrap{position:relative}.menu-item{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;border-radius:8px;background:transparent;transition:transform .14s ease,box-shadow .16s ease,background-color .12s ease;outline:none;user-select:none;text-align:center}.menu-item .menu-label{font-family:inherit;font-size:clamp(16px,1.6vw,38px);color:#111;letter-spacing:.02em;pointer-events:none;text-align:center;font-weight:600}.menu-item:hover,.menu-item:focus{transform:scale(1.04);background:#ffffff0f;box-shadow:0 8px 20px #0000002e}.menu-item.active{background:linear-gradient(90deg,#ffffff1a,#ffe67814);box-shadow:0 10px 30px #ffe6781a inset}.menu-item:hover .menu-label,.menu-item.active .menu-label{color:#f0c84a;text-shadow:0 0 6px rgba(255,255,200,.6);font-weight:700}.menu-item:focus-visible{outline:3px auto -webkit-focus-ring-color;outline-offset:3px}@media (max-width: 599px){.menu-item .menu-label{font-size:clamp(12px,3.6vw,18px)}}@media (min-width: 1040px){.menu-item{height:clamp(60px,4.5vh,60px)}.menu-item .menu-label{font-size:clamp(55px,1.6vw,55px);letter-spacing:.04em}.menu-item:hover,.menu-item:focus{transform:scale(1.2)}}@media (min-width: 600px) and (max-width: 1039px){.menu-item{height:clamp(36px,4vh,60px)}.menu-item .menu-label{font-size:clamp(30px,5vw,55px)}.menu-item:hover,.menu-item:focus{transform:scale(1.2)}}@media (max-width: 599px){.menu-item{height:clamp(28px,5vh,42px)}.menu-item .menu-label{font-size:clamp(12px,5vw,30px)}.menu-item:hover,.menu-item:focus{transform:scale(1.2)}}.back-button{position:absolute;top:2%;left:4%;width:0;height:0;border-top:18px solid transparent;border-bottom:18px solid transparent;border-right:28px solid #111;cursor:pointer;z-index:20;transition:border-right-color .15s ease,transform .12s ease;box-shadow:0 2px 6px #00000040}.back-button:hover{border-right-color:#2ee68a;transform:translate(-2%)}.back-button:active{transform:translate(-1%) scale(.98)}@media (min-width: 1040px){.back-button{border-top:clamp(16px,1.2vw,18px) solid transparent;border-bottom:clamp(16px,1.2vw,18px) solid transparent;border-right:clamp(26px,1.8vw,30px) solid #111}}@media (min-width: 600px) and (max-width: 1039px){.back-button{border-top:clamp(12px,1.5vw,16px) solid transparent;border-bottom:clamp(12px,1.5vw,16px) solid transparent;border-right:clamp(18px,2vw,22px) solid #111}}@media (max-width: 599px){.back-button{border-top:clamp(6px,2vw,12px) solid transparent;border-bottom:clamp(6px,2vw,12px) solid transparent;border-right:clamp(9px,3vw,16px) solid #111}}.back-text{position:absolute;font-family:PowerGreen,"Press Start 2P",monospace;color:#111;z-index:10;letter-spacing:.06em;user-select:none;pointer-events:none;text-shadow:0 1px 1px rgba(255,255,255,.45);transition:color .15s ease}@media (min-width: 1040px){.back-text{font-size:clamp(14px,1.4vw,18px);left:calc(5% + clamp(28px,2vw,38px));top:clamp(1.8%,1.2vw,2.4%)}.back-button:hover~.back-text{color:#2ee68a}}@media (min-width: 600px) and (max-width: 1039px){.back-text{font-size:clamp(12px,2vw,16px);left:calc(5% + clamp(22px,2vw,32px));top:clamp(2%,1.8vw,3%)}.back-button:hover~.back-text{color:#2ee68a}}@media (min-width: 400px) and (max-width: 599px){.back-text{font-size:clamp(10px,2.4vw,14px);left:calc(4.5% + clamp(16px,3vw,26px));top:clamp(1.5%,1.4vw,1.9%)}.back-button:hover~.back-text{color:#2ee68a}}@media (max-width: 399px){.back-text{font-size:clamp(10px,2.4vw,14px);left:calc(4.1% + clamp(16px,3vw,26px));top:clamp(1.5%,1.1vw,1.9%)}.back-button:hover~.back-text{color:#2ee68a}}.mint-hotspot{position:absolute;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;z-index:50}.mint-hotspot.disabled{pointer-events:none}.mint-hotspot-wrap{position:absolute;inset:0;width:100%;height:100%;z-index:40;pointer-events:none}.mint-hotspot-wrap .mint-hotspot{pointer-events:auto}.responsive-wrap.menu-wrap,.responsive-wrap.menu-wrap .mint-canvas,.responsive-wrap.menu-wrap .mint-canvas-inner,.responsive-wrap.menu-wrap .mint-hotspot-wrap{border-radius:8px!important;overflow:hidden!important;box-sizing:border-box!important}.responsive-wrap.menu-wrap{background:transparent!important}.responsive-wrap.menu-wrap .mint-canvas-inner>img,.responsive-wrap.menu-wrap img[src*=minting]{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;border-radius:inherit!important;background:transparent!important;box-shadow:none!important;outline:none!important}.responsive-wrap.menu-wrap .mint-hotspot-wrap,.responsive-wrap.menu-wrap .mint-overlay,.responsive-wrap.menu-wrap .mint-result-wrapper{-webkit-mask-image:linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff);clip-path:inset(0 round 8px);border-radius:inherit!important;overflow:hidden!important}.responsive-wrap.menu-wrap .mint-hotspot,.responsive-wrap.menu-wrap .mint-canvas,.responsive-wrap.menu-wrap .mint-canvas-inner,.responsive-wrap.menu-wrap .mint-overlay{border:none!important;box-shadow:none!important;outline:none!important;background:transparent!important}.responsive-wrap.menu-wrap{background:#fff}