@import url("https://fonts.googleapis.com/css2?family=VT323&display=swap");@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@layer base{:root{--supabase-storage-url:https:--background:#1a1a2e;--foreground:#f5f5dc;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-text-cream:#f5f5dc;--color-text-secondary:#a0a0a0;--color-link-yellow:#ffd700;--color-link-blue:#60a5fa;--color-border:#333344;--color-card-bg:#16162a;--game-bg-cyan:#4ecdc4;--game-bg-gradient-start:#87ceeb;--game-bg-gradient-end:#4ecdc4;--color-gold:#ffd700;--color-gold-dark:#b8860b;--color-orange:#ff6b35;--color-orange-dark:#e55a2b;--color-green-xp:#4ade80;--color-green-xp-dark:#22c55e;--color-purple:#a855f7;--color-pink-glow:#ff69b4;--color-navy:#1e3a5f;--color-navy-dark:#0f1c2e;--color-idrx-blue:#3b82f6;--color-eth-purple:#627eea;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--font-pixelify:"Pixelify Sans",cursive;--font-size-xs:0.625rem;--font-size-sm:0.75rem;--font-size-base:0.875rem;--font-size-lg:1rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem}html{height:100%}body,html{max-width:100vw;overflow-x:hidden;width:100%}body{overflow-y:hidden;height:100vh;max-height:100vh;position:relative;touch-action:pan-x pan-y;overscroll-behavior:none;-webkit-overflow-scrolling:touch}@media (max-width:768px){body,html{position:fixed;width:100%;height:100%;overflow:hidden;touch-action:none;overscroll-behavior:none;-webkit-overflow-scrolling:none}[data-allow-scroll=true]{overflow-y:auto;-webkit-overflow-scrolling:touch}}*,img{max-width:100%}img{height:auto}body{color:var(--foreground);background-color:var(--background);font-family:var(--font-pixelify),var(--font-inter),sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url(https://htdiytcpgyawxzpitlll.supabase.co/storage/v1/object/public/assets/backround.png) no-repeat 50%;background-size:cover;z-index:-1}@supports (-webkit-touch-callout:none){body:before{background-attachment:scroll;height:100vh;height:-webkit-fill-available}}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}html{color-scheme:dark}body,html{height:100%;height:100dvh}.text-cream{color:var(--color-text-cream)}.text-secondary{color:var(--color-text-secondary)}.text-yellow{color:var(--color-link-yellow)}.text-blue{color:var(--color-link-blue)}:after,:before,[style*=background-image],img,img[src*="/game/"],img[src*=icons],img[src*=illustrations]{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.bit16-button{position:relative;border-image:url(/ui/frame-hd.png);border-image-repeat:initial;padding:3px 12px;border-image-slice:12;border-width:8px;font-size:14px;border-image-outset:4px;cursor:pointer;font-family:var(--font-pixelify);line-height:1.2;color:#ffffff;text-transform:uppercase;font-weight:700;z-index:1;display:inline-flex;align-items:center;justify-content:center;text-align:center}.bit16-button,.bit16-button.has-green-background{background-color:#4bb244}.bit16-button.has-red-background{background-color:#f22561}.bit16-button.has-yellow-background{background-color:#f2c019}.bit16-button.has-blue-background{background-color:#4eb6d9}.bit16-button:after,.bit16-button:before{content:"";position:absolute;display:block;z-index:0;width:calc(100% + 12px);height:12px}.bit16-button:before{background-color:rgba(0,0,0,.2);left:-4px;top:calc(100% - 4px)}.bit16-button:after,.bit16-button:before{-webkit-clip-path:polygon(0 8px,calc(100% - 8px) 8px,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 0,100% 0,100% 8px,calc(100% - 4px) 8px,calc(100% - 4px) 100%,0 100%);clip-path:polygon(0 8px,calc(100% - 8px) 8px,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 0,100% 0,100% 8px,calc(100% - 4px) 8px,calc(100% - 4px) 100%,0 100%)}.bit16-button:after{background-color:rgba(255,255,255,.3);right:-4px;bottom:calc(100% - 4px);transform:rotate(.5turn)}.bit16-button:hover:not(:disabled):before{background-color:rgba(0,0,0,.3)}.bit16-button:hover:not(:disabled):after{background-color:rgba(255,255,255,.4)}.bit16-button:active:not(:disabled):before{background-color:rgba(255,255,255,.3)}.bit16-button:active:not(:disabled):after{background-color:rgba(0,0,0,.2)}.bit16-button:disabled{opacity:.6;cursor:not-allowed}.bit16-container{position:relative;border-image:url(/ui/frame-hd.png);border-image-repeat:initial;border-image-slice:12;border-width:8px;border-image-outset:4px;border-radius:0;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.bit16-container:after,.bit16-container:before{content:"";position:absolute;display:block;z-index:0;width:calc(100% + 12px);height:12px;pointer-events:none}.bit16-container:before{background-color:rgba(0,0,0,.2);left:-4px;top:calc(100% - 4px)}.bit16-container:after,.bit16-container:before{-webkit-clip-path:polygon(0 8px,calc(100% - 8px) 8px,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 0,100% 0,100% 8px,calc(100% - 4px) 8px,calc(100% - 4px) 100%,0 100%);clip-path:polygon(0 8px,calc(100% - 8px) 8px,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 0,100% 0,100% 8px,calc(100% - 4px) 8px,calc(100% - 4px) 100%,0 100%)}.bit16-container:after{background-color:rgba(255,255,255,.3);right:-4px;bottom:calc(100% - 4px);transform:rotate(.5turn)}}