@font-face{font-family:"8Bitbis";src:url("./media/8-bit-hud-6TC2WLDK.ttf")}@font-face{font-family:"8Bit";src:url("./media/8-bit-bold-OHTIHJ4M.ttf")}@font-face{font-family:"8Bit";src:url("./media/8-bit-6X6PS3GE.ttf")}:root{--color-gray-800: oklch(27.8% .033 256.848);--light-gray: #8a8a8a;--backgroud-gray: #2A2A2A;--border-yellow: #FFCB05;--border-gray: #8a8a8a;--button-hover: rgba(255, 255, 255, .1);--card-bg-color: rgba(0, 0, 0, .53);--card-bg-color-hover: rgba(0, 0, 0, .7);--progress-bar-color: #3270ce;--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--input-focus: var(--border-yellow);--font-color: white;--font-color-dark: var(--card-bg-color);--font-color-sub: #666;--bg-color: #fff;--bg-color-alt: #666;--main-color: var(--color-gray-800);--base-h: 0;--base-s: 0%;--base-l: 0%;--primary-color: hsl(var(--base-h), var(--base-s), calc(var(--base-l) + 10%));--secondary-color: hsl(var(--base-h), var(--base-s), calc(var(--base-l) + 20%));--base-darker: hsl(var(--base-h), var(--base-s), calc(var(--base-l) - 5%));--base-black: hsl(var(--base-h), var(--base-s), calc(var(--base-l) - 10%))}body{background-color:var(--base-darker);margin:0;padding:0;min-height:100vh;position:relative;overflow:auto;font-family:"8Bit",monospace}#pokeFont{font-family:var(--font-sans);color:var(--border-yellow);-webkit-text-stroke:1.5px rgb(42,69,128)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/background.png);background-size:cover;background-position:center;background-attachment:fixed;filter:blur(30px) saturate(.5) brightness(.8);transform:scale(1.03);transform-origin:center;z-index:-1;pointer-events:none;box-shadow:0 0 0 2000px #00000026 inset}*,*:visited{text-decoration:none;color:#fff}.separator{height:3px;border-radius:3px;background-color:var(--border-yellow);margin:1rem .4rem}.basic-container{width:100%;max-width:none;min-height:calc(100dvh - 8rem - 40px);box-sizing:border-box;border:1px solid var(--border-yellow);border-radius:8px;background-color:var(--card-bg-color);padding:1rem}.form{width:100%;max-width:36rem;display:flex;flex-direction:column;gap:.7rem;padding:2rem;border:2px solid var(--border-yellow);border-radius:10px;background:linear-gradient(180deg,#2a2a2af2,#000000bf);box-shadow:0 16px 30px #00000059}.form-title{margin:0;color:var(--border-yellow);font-size:2rem;text-align:center;letter-spacing:.03em}.form-subtitle{margin:0 0 1rem;color:#f2f2f2;font-family:"8Bitbis",sans-serif;font-size:1.05rem;text-align:center}.form label{color:#fff;font-size:1rem;letter-spacing:.02em}.form input{width:100%;box-sizing:border-box;padding:.9rem 1rem;border:2px solid var(--light-gray);border-radius:8px;background:#161616d9;color:#fff;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.form input::placeholder{color:#bbb}.form input:focus-visible{outline:none;border-color:var(--border-yellow);box-shadow:0 0 0 3px #ffcb0533;transform:translateY(-1px)}.little-button{margin-top:.7rem;padding:.4rem .6rem;border-radius:8px;border:2px solid var(--border-yellow);background-color:#f7c843;color:#111;font-family:"8-bit",system-ui,sans-serif;font-size:.7rem;text-transform:uppercase;cursor:pointer;box-shadow:0 2px 4px #0003}.little-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.little-button:disabled{opacity:.45;cursor:not-allowed}.form button{margin-top:.7rem;width:100%;box-sizing:border-box;padding:.9rem 1rem;border:2px solid var(--border-yellow);border-radius:8px;background:#ffcb051a;color:var(--border-yellow);font-size:1.05rem;cursor:pointer;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.form button:hover:not(:disabled){background:#ffcb0533;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.form button:disabled{opacity:.45;cursor:not-allowed}.error{margin-top:-.2rem;margin-bottom:.2rem;color:#ff6b6b;font-family:"8Bitbis",sans-serif;font-size:.9rem}
