@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Press+Start+2P&display=swap";:root{--font-retro: "Press Start 2P", monospace;--font-sans: "Outfit", sans-serif;--color-sky: #5c94fc;--color-brick: #b83c18;--color-brick-dark: #7a2208;--color-sand: #f8d878;--color-sand-light: #fce8b2;--color-grass: #00a800;--color-grass-dark: #007000;--color-coin: #f8b800;--color-heart: #f83800;--color-bg-dark: #121216;--border-width: 4px;--border-color: #000000;--pixel-shadow: 4px 4px 0 0 #000000;--pixel-shadow-active: 0px 0px 0 0 #000000;--pixel-shadow-hover: 6px 6px 0 0 #000000;font-family:var(--font-sans);line-height:1.5;font-weight:400;color:#1a1a1a;background-color:var(--color-sky);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative;background-color:var(--color-sky)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.45) 0%,rgba(255,255,255,.45) 50%,transparent 50%),radial-gradient(circle at 15% 15%,rgba(255,255,255,.45) 0%,rgba(255,255,255,.45) 50%,transparent 50%),radial-gradient(circle at 20% 20%,rgba(255,255,255,.45) 0%,rgba(255,255,255,.45) 50%,transparent 50%),radial-gradient(circle at 75% 40%,rgba(255,255,255,.45) 0%,rgba(255,255,255,.45) 50%,transparent 50%),radial-gradient(circle at 80% 35%,rgba(255,255,255,.45) 0%,rgba(255,255,255,.45) 50%,transparent 50%),radial-gradient(circle at 85% 40%,rgba(255,255,255,.45) 0%,rgba(255,255,255,.45) 50%,transparent 50%);background-size:100% 100%}body:after{content:"";position:fixed;bottom:0;left:0;width:100%;height:40px;z-index:-1;pointer-events:none;background-color:var(--color-grass);border-top:var(--border-width) solid var(--border-color);background-image:linear-gradient(45deg,var(--color-grass-dark) 25%,transparent 25%,transparent 75%,var(--color-grass-dark) 75%,var(--color-grass-dark)),linear-gradient(45deg,var(--color-grass-dark) 25%,transparent 25%,transparent 75%,var(--color-grass-dark) 75%,var(--color-grass-dark));background-size:20px 20px;background-position:0 0,10px 10px}h1,h2,h3,h4,h5,h6{font-family:var(--font-retro);color:#000;text-shadow:2px 2px 0px #ffffff;letter-spacing:-1px}.pixel-box{background:#fff;border:var(--border-width) solid var(--border-color);box-shadow:var(--pixel-shadow);padding:1.5rem;image-rendering:pixelated;position:relative}.pixel-box.brick{background-color:var(--color-brick);color:#fff}.pixel-box.brick h2,.pixel-box.brick h3{color:#fff;text-shadow:2px 2px 0px var(--color-brick-dark)}.pixel-box.sand{background-color:var(--color-sand)}.pixel-box.sand-light{background-color:var(--color-sand-light)}.pixel-btn{font-family:var(--font-retro);font-size:.8rem;color:#000;background-color:var(--color-sand);border:var(--border-width) solid var(--border-color);box-shadow:var(--pixel-shadow);padding:.8rem 1.2rem;cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;-webkit-user-select:none;user-select:none;transition:none;transform:translate(-2px,-2px)}.pixel-btn:hover{background-color:var(--color-sand-light);transform:translate(-3px,-3px);box-shadow:var(--pixel-shadow-hover)}.pixel-btn:active{transform:translate(2px,2px);box-shadow:var(--pixel-shadow-active)}.pixel-btn.brick{background-color:var(--color-brick);color:#fff;text-shadow:1px 1px 0px #000000}.pixel-btn.brick:hover{background-color:#d84c24}.pixel-btn.grass{background-color:var(--color-grass);color:#fff;text-shadow:1px 1px 0px #000000}.pixel-btn.grass:hover{background-color:#00d000}.pixel-btn.danger{background-color:var(--color-heart);color:#fff;text-shadow:1px 1px 0px #000000}.pixel-btn.danger:hover{background-color:#ff5c33}.pixel-btn.disabled{background-color:#ccc!important;color:#666!important;cursor:not-allowed;transform:none!important;box-shadow:var(--pixel-shadow)!important;text-shadow:none!important}.pixel-input{width:100%;font-family:var(--font-sans);font-size:1.1rem;font-weight:500;padding:.8rem 1rem;border:var(--border-width) solid var(--border-color);background-color:#fff;outline:none;box-shadow:inset 3px 3px #ddd}.pixel-input:focus{border-color:var(--color-brick);box-shadow:inset 3px 3px #fce8b2}.pixel-select{width:100%;font-family:var(--font-sans);font-size:1.1rem;font-weight:500;padding:.8rem 1rem;border:var(--border-width) solid var(--border-color);background-color:#fff;outline:none;box-shadow:inset 3px 3px #ddd;cursor:pointer}@keyframes coinSpin{0%{transform:scaleX(1)}50%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes floatUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-40px);opacity:0}}.coin-spin{display:inline-block;animation:coinSpin 1s infinite linear}.float-up{animation:floatUp .8s ease-out forwards}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem}@media(min-width:768px){.dashboard-grid{grid-template-columns:350px 1fr}}.quest-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;transition:opacity .2s ease}.quest-card-content{display:flex;align-items:flex-start;flex:1;gap:1.2rem}.quest-actions{display:flex;gap:.5rem;flex-shrink:0}@media(max-width:680px){.dashboard-grid{padding:.75rem;gap:1rem}.pixel-box{padding:1rem!important}.quest-card{flex-direction:column;align-items:stretch;gap:.8rem}.quest-card-content{flex-direction:column;gap:.6rem}.quest-card-content img{margin-right:0!important;align-self:center}.quest-actions{justify-content:flex-end;margin-top:.5rem;width:100%}.pixel-btn{font-size:.7rem!important;padding:.6rem .8rem!important}.pixel-input,.pixel-select{font-size:16px!important;padding:.6rem .8rem!important}h1{font-size:1.15rem!important}}