@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 #00ffff80}.navbar-logo{display:flex;align-items:center;flex:1}.navbar-tabs{display:flex;gap:10px;justify-content:center;flex:1}.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;display:flex;gap:10px;justify-content:flex-end;align-items:center;flex:1}.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)}.workers-showcase{margin:30px 0}.workers-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(145deg,var(--bg-panel),var(--bg-dark));border:2px solid var(--neon-blue);cursor:pointer;transition:all .3s ease;margin-bottom:0;user-select:none}.workers-header:hover{background:linear-gradient(145deg,var(--primary-blue),var(--bg-panel));box-shadow:0 0 15px var(--neon-blue)}.workers-header h3{margin:0;color:var(--neon-blue);font-size:18px;text-shadow:0 0 10px var(--neon-blue)}.toggle-arrow{color:var(--neon-blue);font-size:20px;transition:transform .3s ease;font-weight:700}.workers-header.active .toggle-arrow{transform:rotate(180deg)}.worker-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;padding:20px;background:var(--bg-dark);border:2px solid var(--neon-blue);border-top:none;max-height:2000px;overflow:hidden;transition:max-height .5s ease,padding .5s ease,opacity .3s ease;opacity:1}.worker-cards.collapsed{max-height:0;padding:0 20px;opacity:0;border:none}.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 #0000004d}.worker-card:hover{transform:translateY(-5px);border-color:var(--neon-blue);box-shadow:0 8px 20px #00ffff4d}.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:#07c3;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 #00ffff4d}.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 #0ff6;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;gap:10px}.main-layout{display:flex;flex-direction:row;height:calc(100vh - 60px);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;position:relative;overflow:hidden}.btn-neon:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#00ffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-neon:hover:before{width:300px;height:300px}.btn-neon:hover{background:var(--neon-blue);color:var(--primary-blue);box-shadow:0 0 10px var(--neon-blue),0 0 20px var(--neon-blue);transform:translateY(-2px)}.btn-neon:active{transform:translateY(0);box-shadow:0 0 5px 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:#00ffff1a;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;animation:pulse-glow 2s ease-in-out infinite;position:relative}.wallet-connected:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--neon-blue),var(--neon-pink),var(--neon-green),var(--neon-blue));background-size:300% 300%;z-index:-1;animation:gradient-shift 3s ease infinite;opacity:.5}.wallet-connected:after{content:"●";color:var(--neon-green);margin-left:8px;animation:blink-dot 1.5s ease-in-out infinite}.modal-overlay{position:fixed;inset:0;background:#000c;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:#f0f3;border-left:3px solid var(--neon-pink);margin-right:auto}.message.user{background:#0ff3;border-right:3px solid var(--neon-blue);color:var(--text-light);margin-left:auto;text-align:right}.payment-modal{position:fixed;inset:0;background:#000000e6;z-index:1001;display:none;justify-content:center;align-items:center}.payment-modal.active{display:flex}.payment-modal-content{background:var(--bg-panel);border:4px solid var(--neon-blue);box-shadow:0 0 30px var(--neon-blue),0 0 60px var(--neon-pink);padding:30px;max-width:500px;width:90%;animation:pulse-border 2s infinite}.payment-modal-content h3{color:var(--neon-blue);text-align:center;margin-bottom:20px;font-size:18px;text-shadow:0 0 10px var(--neon-blue)}.payment-message{color:var(--text-light);text-align:center;margin-bottom:15px;font-size:12px;line-height:1.6}.payment-details{background:var(--bg-dark);border:2px solid var(--neon-blue);padding:20px;margin:20px 0;text-align:center}.payment-details p{color:var(--text-light);margin:10px 0;font-size:13px}.highlight{color:var(--neon-green);text-shadow:0 0 5px var(--neon-green);font-weight:700}.payment-buttons{display:flex;gap:15px;margin-top:20px;justify-content:center}.btn-pay{background:var(--neon-green);color:var(--bg-dark);border-color:var(--neon-green);flex:1}.btn-pay:hover{box-shadow:0 0 20px var(--neon-green);transform:translateY(-2px)}.btn-cancel{background:var(--bg-panel);color:var(--neon-pink);border-color:var(--neon-pink);flex:1}.btn-cancel:hover{background:var(--neon-pink);color:var(--bg-dark);box-shadow:0 0 20px var(--neon-pink)}.payment-note{text-align:center;font-size:10px;color:var(--text-dim);margin-top:15px}.news-modal{position:fixed;inset:0;background:#000000e6;z-index:1001;display:none;justify-content:center;align-items:center;padding:20px}.news-modal.active{display:flex}.news-modal-content{background:linear-gradient(145deg,var(--bg-panel),var(--bg-dark));border:3px solid var(--neon-blue);box-shadow:0 0 30px var(--neon-blue),inset 0 0 30px #00ffff1a;padding:0;max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column;position:relative;animation:newsModalAppear .3s ease-out}@keyframes newsModalAppear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.news-close-btn{position:absolute;top:15px;right:15px;background:none;border:2px solid var(--neon-blue);color:var(--neon-blue);font-size:20px;cursor:pointer;padding:5px 12px;font-family:"Press Start 2P",monospace;transition:all .3s ease;z-index:10}.news-close-btn:hover{background:var(--neon-blue);color:var(--bg-dark);box-shadow:0 0 15px var(--neon-blue)}.news-header{background:linear-gradient(90deg,var(--primary-blue),var(--secondary-blue));padding:25px 30px;text-align:center;border-bottom:2px solid var(--neon-blue)}.news-icon{font-size:40px;margin-bottom:10px;animation:newsIconBounce 2s ease-in-out infinite}@keyframes newsIconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.news-header h3{color:var(--neon-blue);font-size:18px;margin:0 0 8px;text-shadow:0 0 10px var(--neon-blue);letter-spacing:2px}.news-subtitle{color:var(--text-dim);font-size:10px;margin:0}.news-body{padding:25px;overflow-y:auto;flex:1;max-height:400px}.news-loading{text-align:center;padding:40px}.news-loading.hidden{display:none}.news-spinner{width:40px;height:40px;border:4px solid var(--bg-panel);border-top:4px solid var(--neon-blue);border-radius:50%;animation:newsSpin 1s linear infinite;margin:0 auto 20px}@keyframes newsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.news-loading p{color:var(--neon-blue);font-size:11px;animation:newsPulse 1.5s ease-in-out infinite}@keyframes newsPulse{0%,to{opacity:1}50%{opacity:.5}}.news-content{display:none}.news-content.active{display:block}.news-content p{color:var(--text-light);font-size:12px;line-height:1.8;margin-bottom:15px}.news-item{background:var(--bg-dark);border-left:3px solid var(--neon-blue);padding:15px;margin-bottom:15px;transition:all .3s ease}.news-item:hover{border-left-color:var(--neon-pink);background:#00ffff0d}.news-item:last-child{margin-bottom:0}.news-footer{background:var(--bg-dark);padding:15px 25px;text-align:center;border-top:1px solid var(--primary-blue)}.news-footer p{color:var(--text-dim);font-size:9px;margin:0}.twitter-btn{position:fixed;bottom:20px;left:20px;width:50px;height:50px;background:linear-gradient(145deg,var(--primary-blue),var(--secondary-blue));border:2px solid var(--neon-blue);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--neon-blue);text-decoration:none;cursor:pointer;z-index:1000;transition:all .3s ease;box-shadow:0 0 15px #00ffff4d}.twitter-btn:hover{background:linear-gradient(145deg,var(--neon-blue),var(--primary-blue));color:var(--bg-dark);box-shadow:0 0 25px var(--neon-blue);transform:scale(1.1) translateY(-2px)}.twitter-btn svg{width:24px;height:24px;transition:transform .3s ease}.twitter-btn:hover svg{transform:rotate(10deg)}@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 pulse-glow{0%,to{box-shadow:2px 2px 0 var(--bg-dark),4px 4px 0 var(--neon-blue),0 0 10px var(--neon-blue),0 0 20px var(--neon-blue);transform:scale(1)}50%{box-shadow:2px 2px 0 var(--bg-dark),4px 4px 0 var(--neon-pink),0 0 15px var(--neon-pink),0 0 30px var(--neon-pink),0 0 40px var(--neon-blue);transform:scale(1.02)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes blink-dot{0%,to{opacity:1;text-shadow:0 0 5px var(--neon-green)}50%{opacity:.3;text-shadow:0 0 2px var(--neon-green)}}@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}}