:root{--ve-primary:#FF6B6B;--ve-secondary:#4ECDC4;--ve-accent:#FFE66D;--ve-text:#2C3E50}.visual-explorer-page{background:#f0f0f0;min-height:100vh;font-family:open sans,sans-serif;overflow-x:hidden}.explorer-header{background:linear-gradient(135deg,var(--ve-primary) 0%,#FF8E8E 100%);color:#fff;padding:2rem;text-align:center;border-bottom:6px solid rgba(0,0,0,.1);position:relative;z-index:10}.explorer-title{font-family:fredoka,sans-serif;font-size:clamp(2rem,5vw,3.5rem);margin:0;text-shadow:2px 2px 0 rgba(0,0,0,.1)}.explorer-subtitle{font-size:1.2rem;margin-top:.5rem;opacity:.9}.visual-explorer-page .progress-container{max-width:800px;margin:-1.5rem auto 1rem;background:#fff;padding:1rem 2rem;border-radius:50px;box-shadow:0 4px 15px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.progress-text{font-family:fredoka,sans-serif;font-weight:600;color:var(--ve-text);font-size:1.2rem}.badges-container{display:flex;gap:.5rem}.badge-slot{width:40px;height:40px;background:#eee;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:2px solid #ddd;opacity:.5;filter:grayscale(100%)}.badge-slot.found{background:var(--ve-accent);border-color:#f1c40f;transform:scale(1.2);box-shadow:0 2px 5px rgba(0,0,0,.1);opacity:1;filter:grayscale(0%)}#canvas-container{width:100%;height:70vh;position:relative;background:radial-gradient(circle at center,#e0f7fa 0%,#b2ebf2 100%);overflow:hidden}#loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;font-family:fredoka,sans-serif;color:var(--ve-primary)}.game-ui{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.9);padding:10px 20px;border-radius:20px;font-family:fredoka,sans-serif;color:#555;pointer-events:none;box-shadow:0 4px 10px rgba(0,0,0,.1)}.info-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9);background:#fff;padding:2rem;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.3);max-width:500px;width:90%;text-align:center;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:100}.info-overlay.active{opacity:1;pointer-events:all;transform:translate(-50%,-50%)scale(1)}.info-icon{font-size:4rem;margin-bottom:1rem;display:block;animation:ve-bounce 1s infinite}@keyframes ve-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.info-title{font-family:fredoka,sans-serif;color:var(--ve-primary);font-size:2rem;margin:0 0 1rem}.info-description{font-size:1.1rem;line-height:1.6;color:#555;margin-bottom:1.5rem}.close-btn{background:var(--ve-secondary);color:#fff;border:none;padding:.8rem 2rem;border-radius:50px;font-size:1.2rem;font-family:fredoka,sans-serif;cursor:pointer;transition:transform .2s}.close-btn:hover{transform:scale(1.05);background:#3dbdb4}.victory-message{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.95);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;opacity:0;pointer-events:none;transition:opacity .5s ease}.victory-message.show{opacity:1;pointer-events:all}.victory-message h1{font-family:fredoka,sans-serif;color:var(--ve-primary);font-size:3rem;margin-bottom:1rem}.victory-message p{font-size:1.5rem;text-align:center;max-width:600px;color:#555}@media(max-width:768px){.visual-explorer-page .progress-container{flex-direction:column;gap:.5rem;border-radius:20px;padding:.5rem 1rem}#canvas-container{height:60vh}}