@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--primary-blue: #003366;--secondary-blue: #0055a4;--dark-blue: #001a33;--light-blue: #0077cc;--neon-blue: #00ffff;--neon-pink: #ff00ff;--neon-green: #00ff00;--bg-blue: #001429;--bg-panel: #002b4d;--bg-dark: #000a14;--text-light: #ffffff;--text-dim: #b0c4de;--text-dark: #003366;--game-green: #88c453;--game-border: #0077cc}*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:var(--bg-blue);font-family:"Press Start 2P",monospace;color:var(--text-light);margin:0;padding:0;height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:var(--bg-panel);border:1px solid var(--neon-blue)}::-webkit-scrollbar-thumb{background-color:var(--neon-blue);border-radius:0}::-webkit-scrollbar-thumb:hover{background-color:var(--neon-pink)}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--primary-blue);border-bottom:3px solid var(--neon-blue);padding:0 20px;height:60px;box-shadow:0 0 15px rgba(0,255,255,.5)}.navbar-logo{display:flex;align-items:center}.navbar-tabs{display:flex;gap:10px}.nav-tab{background-color:var(--bg-panel);color:var(--text-light);border:2px solid var(--neon-blue);padding:8px 20px;font-family:"Press Start 2P",monospace;font-size:14px;cursor:pointer;transition:all .3s ease}.nav-tab:hover{background-color:var(--neon-blue);color:var(--bg-dark);box-shadow:0 0 10px var(--neon-blue)}.nav-tab.active{background-color:var(--neon-blue);color:var(--bg-dark);box-shadow:0 0 15px var(--neon-blue)}.navbar-wallet{min-width:200px;text-align:right}.section-container{display:none;height:calc(100vh - 60px);overflow-y:auto}.section-container.active{display:block}.info-container{max-width:1200px;margin:0 auto;padding:40px 20px;color:var(--text-light)}.info-header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid var(--neon-blue);animation:pulse-border 2s infinite}.main-logo{width:250px;height:auto;margin:0 auto 20px;display:block;filter:drop-shadow(0 0 8px var(--neon-blue))}.info-subtitle{font-size:14px;color:var(--text-dim);letter-spacing:1px}.info-description{text-align:center;margin-bottom:50px;line-height:1.8}.info-description p{margin-bottom:20px;font-size:14px}.workers-showcase{margin-bottom:60px}.workers-showcase h3{text-align:center;font-size:22px;color:var(--neon-blue);margin-bottom:30px;text-shadow:0 0 8px var(--neon-blue)}.worker-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin:30px 0}.worker-card{background-color:var(--bg-panel);border:2px solid var(--primary-blue);padding:20px;border-radius:5px;text-align:center;transition:all .3s ease;box-shadow:0 5px 15px rgba(0,0,0,.3)}.worker-card:hover{transform:translateY(-5px);border-color:var(--neon-blue);box-shadow:0 8px 20px rgba(0,255,255,.3)}.worker-sprite-container{width:96px;height:96px;margin:0 auto 20px;background-color:var(--game-green);border:3px solid var(--primary-blue);display:flex;align-items:center;justify-content:center;overflow:hidden}.worker-sprite{width:32px;height:32px;background-repeat:no-repeat;image-rendering:pixelated;transform:scale(2);margin:0 auto}.worker-card h4{color:var(--neon-blue);margin-bottom:15px;font-size:16px}.worker-card p{color:var(--text-dim);font-size:12px;line-height:1.6}.how-it-works{margin-bottom:60px}.how-it-works h3{text-align:center;font-size:22px;color:var(--neon-blue);margin-bottom:30px;text-shadow:0 0 8px var(--neon-blue)}.step{display:flex;margin-bottom:30px;align-items:flex-start;gap:20px;padding:15px;background-color:var(--bg-panel);border-radius:5px;border-left:3px solid var(--neon-blue);transition:all .3s ease}.step:hover{background-color:rgba(0,119,204,.2);transform:translate(5px)}.step-number{background-color:var(--neon-blue);color:var(--bg-dark);font-size:18px;font-weight:700;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-content{flex:1}.step-content h4{color:var(--neon-blue);margin-bottom:10px;font-size:16px}.step-content p{font-size:12px;line-height:1.4;color:var(--text-dim)}.paw-holders-section{margin:40px 0;padding:30px;background-color:var(--bg-panel);border:2px solid var(--neon-blue);border-radius:8px;box-shadow:0 0 20px rgba(0,255,255,.3)}.paw-holders-section h3{text-align:center;margin-bottom:30px;color:var(--neon-blue);font-size:18px;text-shadow:0 0 10px rgba(0,255,255,.5)}.paw-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.benefit-card{display:flex;align-items:flex-start;gap:15px;padding:20px;background-color:var(--bg-dark);border:1px solid var(--neon-blue);border-radius:6px;transition:all .3s ease}.benefit-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,255,255,.4);border-color:var(--neon-pink)}.benefit-icon{font-size:24px;flex-shrink:0;margin-top:2px}.benefit-content h4{color:var(--neon-blue);font-size:14px;margin-bottom:8px;text-shadow:0 0 5px rgba(0,255,255,.3)}.benefit-content p{color:var(--text-dim);font-size:12px;line-height:1.4}.cta-container{text-align:center;margin:40px 0}.btn-large{padding:15px 40px;font-size:18px}.top-bar{background-color:var(--primary-blue);color:var(--text-light);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--neon-blue);height:60px}.main-layout{display:flex;flex-direction:row;height:calc(100vh - 120px);background:var(--bg-blue);border-top:4px solid var(--primary-blue);margin-top:0!important;overflow:hidden;align-items:stretch}.logo-container{display:flex;align-items:center;gap:15px}.logo{height:40px;width:auto}.title{margin:0;font-size:24px;color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue)}.npc-list,.terminal{background:var(--bg-panel);border:3px solid var(--primary-blue);box-shadow:4px 4px 0 var(--bg-dark),8px 8px 0 var(--primary-blue);margin:12px 0 12px 12px;border-radius:0;padding:12px 8px;font-size:12px;min-width:260px;max-width:320px;height:calc(100vh - 84px);overflow-y:auto;max-height:calc(90vh - 84px);overflow-x:hidden}.terminal{margin:12px 12px 12px 0}.list-title{color:var(--neon-blue);font-size:13px;margin:0 0 12px;text-align:center;letter-spacing:1px;text-transform:uppercase}.btn-neon{font-family:"Press Start 2P",monospace;background:var(--primary-blue);color:var(--neon-blue);border:2px solid var(--neon-blue);box-shadow:2px 2px 0 var(--bg-dark),4px 4px 0 var(--neon-blue);padding:8px 16px;margin-bottom:2px;font-size:12px;border-radius:0;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.btn-neon:hover{background:var(--neon-blue);color:var(--primary-blue);box-shadow:0 0 10px var(--neon-blue)}.btn-npc{font-family:"Press Start 2P",monospace;background:var(--bg-panel);color:var(--neon-blue);border:2px solid var(--primary-blue);border-left:4px solid var(--neon-blue);margin-bottom:8px;font-size:10px;border-radius:0;cursor:pointer;transition:all .3s ease;width:100%;text-align:left;padding:8px 0 8px 8px}.btn-npc:hover{background:var(--primary-blue);color:var(--neon-blue);transform:translate(2px);border-left-color:var(--neon-pink)}.game-center{flex:1;display:flex;justify-content:center;align-items:center}.canvas-container{border:6px solid var(--game-border);box-shadow:0 0 20px var(--neon-blue);position:relative;background:var(--game-green)}canvas{display:block;max-width:200vw;max-height:80vh}.terminal-text{font-family:"Press Start 2P",monospace;font-size:12px;line-height:1.5;flex:1;overflow-y:auto}.console-entry{margin:5px 0;padding:6px 0;border-bottom:1px dashed var(--neon-blue);white-space:pre-wrap;font-size:12px}.console-entry:hover{background-color:rgba(0,255,255,.1);border-left:2px solid var(--neon-blue);padding-left:5px}.wallet-connected{background:var(--bg-panel);border:2px solid var(--neon-blue);color:var(--neon-blue);font-size:12px;padding:8px 12px;border-radius:0;font-family:"Press Start 2P",monospace;box-shadow:2px 2px 0 var(--bg-dark),4px 4px 0 var(--neon-blue);max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:999;display:none}.typing-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-panel);border:4px solid var(--neon-blue);box-shadow:0 0 20px var(--neon-blue);padding:20px;z-index:1000;min-width:300px;max-width:80vw;display:none}.typing-modal.active{display:block}.typing-modal .modal-content{font-family:"Press Start 2P",monospace;color:var(--neon-blue);font-size:14px;line-height:1.5;text-align:center}.typing-cursor{display:inline-block;width:8px;height:16px;background:var(--neon-blue);margin-left:4px;vertical-align:middle;animation:blink 1s infinite}.rose-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-panel);border:4px solid var(--neon-pink);box-shadow:0 0 20px var(--neon-pink);padding:20px;z-index:1000;min-width:400px;max-width:80vw;max-height:80vh;display:none;flex-direction:column}.rose-modal.active{display:flex}.rose-modal .modal-content{font-family:"Press Start 2P",monospace;color:var(--text-light);font-size:14px;line-height:1.5;overflow-y:auto;max-height:calc(80vh - 100px);padding:10px;margin-bottom:10px}.close-btn{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--neon-pink);font-size:24px;cursor:pointer;padding:5px 10px;font-family:"Press Start 2P",monospace}.close-btn:hover{color:var(--neon-blue);transform:rotate(90deg);transition:all .3s ease}.input-container{display:flex;gap:10px;margin-top:10px;border-top:2px solid var(--neon-pink);padding-top:10px}.input-container input{flex:1;padding:8px;font-family:"Press Start 2P",monospace;font-size:12px;border:2px solid var(--neon-pink);background:var(--bg-panel);color:var(--text-light)}.input-container button{padding:8px 16px;font-family:"Press Start 2P",monospace;font-size:12px;background:var(--neon-pink);color:var(--bg-dark);border:none;cursor:pointer}.input-container button:hover{background:var(--neon-blue);box-shadow:0 0 10px var(--neon-blue)}.message{margin:10px 0;padding:10px;border-radius:5px;max-width:80%}.message.rose{background:rgba(255,0,255,.2);border-left:3px solid var(--neon-pink);margin-right:auto}.message.user{background:rgba(0,255,255,.2);border-right:3px solid var(--neon-blue);color:var(--text-light);margin-left:auto;text-align:right}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse-border{0%,to{border-color:var(--neon-blue);box-shadow:0 0 10px var(--neon-blue)}50%{border-color:var(--neon-pink);box-shadow:0 0 10px var(--neon-pink)}}@keyframes pulse-neon{0%,to{opacity:1;box-shadow:0 0 20px var(--neon-blue)}50%{opacity:.8;box-shadow:0 0 40px var(--neon-blue)}}@keyframes walk{0%{background-position:0 -32px}25%{background-position:-32px -32px}50%{background-position:-64px -32px}75%{background-position:-96px -32px}to{background-position:0 -32px}}.pixelated{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.mb-16{margin-bottom:64px}.typing-dots{display:inline-block;width:20px;text-align:left;animation:typingDots 1.5s infinite}@keyframes typingDots{0%{content:"."}33%{content:".."}66%{content:"..."}}@media (max-width: 1200px){.worker-cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.main-layout{flex-direction:column;align-items:center;height:auto;overflow-y:auto}.npc-list,.terminal{min-width:90vw;max-width:95vw;height:auto;margin:8px;max-height:30vh}.canvas-container{margin:20px 0}canvas{width:100vw!important;height:auto!important}}@media (max-width: 768px){.navbar{flex-direction:column;height:auto;padding:10px}.navbar-logo{margin-bottom:10px}.nav-tab{padding:5px 10px;font-size:12px}.step{flex-direction:column}.step-number{margin-bottom:10px}.worker-cards{grid-template-columns:1fr}.rose-modal,.typing-modal{min-width:90vw;max-width:95vw}.main-logo{width:180px}}@media (max-width: 480px){.title{font-size:16px}.info-subtitle{font-size:12px}.navbar-tabs{gap:5px}.main-logo{width:150px}}