@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");.pixel-container{position:fixed;inset:0;background:#1a1a2e;font-family:Press Start\ 2P,monospace;image-rendering:pixelated;overflow:hidden}.pixel-scene{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.pixel-title{position:fixed;top:20px;left:50%;transform:translateX(-50%);font-size:12px;color:#ffd700;text-shadow:2px 2px 0 #000;letter-spacing:2px;z-index:100}.pixel-box{background:#16213e;border:4px solid #0f3460;box-shadow:inset -4px -4px 0 #0a1628,inset 4px 4px 0 #1a4a7a,8px 8px 0 rgba(0,0,0,.3);padding:16px;position:relative}.pixel-box:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border:4px solid #e94560;pointer-events:none}.pixel-btn{font-family:Press Start\ 2P,monospace;font-size:10px;padding:12px 20px;background:#e94560;color:white;border:none;cursor:pointer;text-transform:uppercase;box-shadow:4px 4px 0 #a31545,inset -2px -2px 0 #a31545,inset 2px 2px 0 #ff6b8a;transition:transform .1s;position:relative}.pixel-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #a31545,inset -2px -2px 0 #a31545,inset 2px 2px 0 #ff6b8a}.pixel-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #a31545,inset -2px -2px 0 #a31545,inset 2px 2px 0 #ff6b8a}.pixel-btn-secondary{background:#0f3460;box-shadow:4px 4px 0 #0a1628,inset -2px -2px 0 #0a1628,inset 2px 2px 0 #1a4a7a}.pixel-btn-secondary:hover{box-shadow:6px 6px 0 #0a1628,inset -2px -2px 0 #0a1628,inset 2px 2px 0 #1a4a7a}.pixel-text{font-family:Press Start\ 2P,monospace;font-size:10px;line-height:1.8;color:#eee}.pixel-text-sm{font-size:8px}.pixel-text-lg{font-size:14px}.pixel-text-gold{color:#ffd700;text-shadow:2px 2px 0 #b8860b}.pixel-text-cyan{color:#00d9ff;text-shadow:2px 2px 0 #0088aa}.pixel-text-pink{color:#e94560;text-shadow:2px 2px 0 #a31545}.pixel-avatar{width:64px;height:64px;background:#0f3460;border:4px solid #e94560;display:flex;align-items:center;justify-content:center;font-size:24px;color:#ffd700;box-shadow:4px 4px 0 #000}.pixel-avatar-lg{width:96px;height:96px;font-size:36px}.pixel-card{background:#16213e;border:4px solid #0f3460;padding:12px;cursor:pointer;transition:transform .1s,box-shadow .1s;box-shadow:4px 4px 0 #000}.pixel-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000;border-color:#e94560}.pixel-badge{display:inline-block;padding:4px 8px;font-size:8px;background:#e94560;color:white;box-shadow:2px 2px 0 #a31545}.pixel-badge-blue{background:#0f3460;box-shadow:2px 2px 0 #0a1628}.pixel-badge-green{background:#10b981;box-shadow:2px 2px 0 #059669}.pixel-badge-gold{background:#ffd700;color:#1a1a2e;box-shadow:2px 2px 0 #b8860b}.pixel-progress{width:100%;height:16px;background:#0a1628;border:2px solid #0f3460;padding:2px}.pixel-progress-bar{height:100%;background:linear-gradient(180deg,#10b981 0,#059669 50%,#10b981);box-shadow:inset 0 -2px 0 #059669}.pixel-grid{display:grid;gap:12px}.pixel-grid-2{grid-template-columns:repeat(2,1fr)}.pixel-grid-3{grid-template-columns:repeat(3,1fr)}.pixel-grid-4{grid-template-columns:repeat(4,1fr)}.pixel-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-size:16px}@keyframes pixel-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pixel-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pixel-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pixel-blink{animation:pixel-blink 1s step-end infinite}.pixel-bounce{animation:pixel-bounce .5s ease-in-out infinite}.pixel-float{animation:pixel-float 2s ease-in-out infinite}.pixel-stars{position:absolute;inset:0;pointer-events:none;overflow:hidden}.pixel-star{position:absolute;width:4px;height:4px;background:#fff;animation:pixel-blink 2s step-end infinite}.pixel-dialog-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;justify-content:center;padding:20px;z-index:200}.pixel-dialog{width:100%;max-width:600px;background:#16213e;border:4px solid #e94560;padding:20px;position:relative;box-shadow:8px 8px 0 rgba(0,0,0,.5),inset -4px -4px 0 #0a1628,inset 4px 4px 0 #1a4a7a}.pixel-dialog-text{font-size:10px;line-height:2;color:#fff;margin-bottom:16px}.pixel-dialog-hint{font-size:8px;color:#888;text-align:right}.pixel-nav{position:fixed;bottom:20px;left:20px;display:flex;gap:8px;z-index:100}.pixel-map{width:100%;max-width:800px;margin:0 auto;aspect-ratio:16/10;background:#0a1628;border:4px solid #0f3460;position:relative;box-shadow:8px 8px 0 rgba(0,0,0,.3)}.pixel-map-location{position:absolute;cursor:pointer;transition:transform .2s}.pixel-map-location:hover{transform:scale(1.1)}.pixel-map-icon{width:48px;height:48px;background:#16213e;border:4px solid #e94560;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:4px 4px 0 #000}.pixel-map-label{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:8px;font-size:8px;color:#ffd700;white-space:nowrap;text-shadow:1px 1px 0 #000}.pixel-scroll{max-height:60vh;overflow-y:auto;padding-right:8px}.pixel-scroll::-webkit-scrollbar{width:12px}.pixel-scroll::-webkit-scrollbar-track{background:#0a1628;border:2px solid #0f3460}.pixel-scroll::-webkit-scrollbar-thumb{background:#e94560;border:2px solid #a31545}@media (max-width:768px){.pixel-title{font-size:10px}.pixel-btn,.pixel-text{font-size:8px}.pixel-btn{padding:8px 12px}.pixel-grid-3,.pixel-grid-4{grid-template-columns:repeat(2,1fr)}.pixel-map-icon{width:36px;height:36px;font-size:14px}.pixel-map-label{font-size:6px}}