@import url(https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&display=swap);:root{--app-max-width:480px;--app-bg:#0f172a;--desktop-bg:#1e293b}body{align-items:center;background-color:#1e293b;background-color:var(--desktop-bg);font-family:Inter,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:0}.App,body{display:flex;overflow:hidden}.App{background-color:#0f172a;background-color:var(--app-bg);color:#f8fafc;flex-direction:column;height:100vh;position:relative;width:100%}.greeting-text,h1,h2,h3{color:#f1f5f9;text-shadow:0 2px 4px rgba(0,0,0,.5)}.home-layout{box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:20px}.home-layout::-webkit-scrollbar{width:8px}.home-layout::-webkit-scrollbar-track{background:#0f172a}.home-layout::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.home-layout::-webkit-scrollbar-thumb:hover{background:#475569}@media (prefers-color-scheme:light){.App.light-mode{color:#0f172a}}@media (min-width:768px){.App{border:1px solid #334155;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.5);height:95vh;max-height:900px;max-width:480px;max-width:var(--app-max-width)}}.game-layout{display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.cyber-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(15,23,42,.85);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;box-shadow:0 0 40px rgba(0,0,0,.5);gap:10px;max-width:400px;overflow:hidden;padding:15px;width:90%}.hud-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.xp-badge{background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#34d399;font-size:.9em;font-weight:700;padding:5px 10px}.status-badge{color:#94a3b8;font-family:monospace;font-size:.8em;letter-spacing:1px}.mission-card{align-items:center;background:#f8fafc;border:2px solid #cbd5e1;border-radius:12px;display:flex;height:80px;overflow:hidden;padding:0;position:relative}.doodle-bg{background-position:50%;background-size:cover;filter:grayscale(100%) contrast(150%) brightness(1.1);height:100%;left:0;opacity:.4;position:absolute;top:0;width:100%}.mission-content-overlay{align-items:center;background:linear-gradient(90deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.6));display:flex;gap:15px;padding:10px 15px;position:relative;width:100%;z-index:2}.mission-icon{filter:drop-shadow(0 2px 2px rgba(0,0,0,.1));font-size:28px}.mission-content-overlay h3{color:#64748b;font-size:10px;font-weight:800;letter-spacing:1.5px;margin:0;text-transform:uppercase}.mission-content-overlay p{color:#1e293b;font-size:14px;font-weight:700;line-height:1.1;margin:2px 0 0}.control-panel{display:flex;flex-direction:column;gap:8px}.dialect-selector{text-align:center}.dialect-selector label{color:#64748b;display:block;font-size:10px;letter-spacing:1px;margin-bottom:3px}select{background:#0f172a;border:1px solid #334155;border-radius:8px;font-family:inherit;font-size:14px;padding:8px;text-align:center}.record-btn,select{color:#fff;width:100%}.record-btn{background:#ef4444;border:none;border-radius:12px;box-shadow:0 0 15px rgba(239,68,68,.4);cursor:pointer;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:700;letter-spacing:1px;margin-top:5px;padding:12px;transition:all .2s ease}.record-btn:active{transform:scale(.98)}.record-btn.pulsing{animation:pulseRed 1.5s infinite;background:#dc2626}@keyframes pulseRed{0%{box-shadow:0 0 0 0 rgba(239,68,68,.7)}70%{box-shadow:0 0 0 10px rgba(239,68,68,0)}to{box-shadow:0 0 0 0 rgba(239,68,68,0)}}.cyber-button{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 15px rgba(124,58,237,.4);color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;letter-spacing:1px;padding:12px;width:100%}.cyber-button:disabled{background:#334155;box-shadow:none;cursor:not-allowed;opacity:.5}.audio-preview audio{border-radius:5px;height:32px;margin-top:5px;width:100%}.input-group label{color:#94a3b8;display:block;font-size:10px;letter-spacing:1px;margin-bottom:2px}textarea{background:rgba(0,0,0,.3);border:1px solid #334155;border-radius:8px;color:#fff;font-family:inherit;font-size:13px;height:40px;padding:8px;resize:none;width:95%}.id-footer{border-top:1px solid hsla(0,0%,100%,.05);color:#475569;font-family:monospace;font-size:.75em;margin-top:5px;padding:8px;text-align:center;transition:color .3s}.id-footer:hover{color:#94a3b8}.pulse-active{color:#34d399!important;text-shadow:0 0 8px rgba(52,211,153,.6)}.action-row{display:flex;gap:10px;margin-top:5px}.cancel-btn{background:transparent;border:1px solid #475569;border-radius:8px;color:#94a3b8;cursor:pointer;font-family:inherit;font-weight:600;padding:0 20px}.vision-mode-container{background:#0f172a;border:1px solid #334155;border-radius:12px;margin-bottom:10px;overflow:hidden}.vision-image{background-position:50%;background-size:cover;border-bottom:1px solid #334155;height:180px;width:100%}.vision-text-block{padding:15px;text-align:center}.vision-text-block h3{color:#94a3b8;font-size:11px;letter-spacing:1px;margin:0}.vision-text-block .subtext{color:#38bdf8;font-family:Rajdhani,sans-serif;font-size:11px;margin:2px 0 5px}.vision-text-block .main-text{color:#fff;font-size:15px;font-weight:600;margin:0}.instruction-zone{margin:20px 0 15px;opacity:.8;text-align:center}.instruction-zone p{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:3px;margin:0}.instruction-line{background:#334155;border-radius:2px;height:2px;margin:8px auto 0;width:40px}.icon-large{filter:drop-shadow(0 0 15px rgba(255,255,255,.1));font-size:48px;margin-bottom:10px;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.menu-card{align-items:center;background:rgba(15,23,42,.6);border:1px solid #334155;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:25px 15px;transition:all .2s ease}.menu-card h3{color:#e2e8f0;font-size:14px;letter-spacing:1px;margin:5px 0 0}.menu-card:hover{background:rgba(30,41,59,.8);border-color:#38bdf8;box-shadow:0 10px 20px -5px rgba(0,0,0,.3);transform:translateY(-3px)}.menu-card:hover .icon-large{filter:drop-shadow(0 0 20px rgba(56,189,248,.4));transform:scale(1.2) rotate(-5deg)}.menu-card.highlight:hover{border-color:#34d399}.menu-card.highlight:hover .icon-large{filter:drop-shadow(0 0 20px rgba(52,211,153,.4))}.listener-mode{background:#0f172a;display:flex;flex-direction:column;height:100vh;overflow:hidden}.listener-header{align-items:center;background:#1e293b;border-bottom:1px solid #334155;display:flex;flex-shrink:0;gap:10px;padding:10px 15px;z-index:10}.status-dot{background:#22c55e;border-radius:50%;box-shadow:0 0 10px #22c55e;height:8px;width:8px}.chat-log{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:10px 20px;scroll-behavior:smooth;scrollbar-color:#38bdf8 transparent;scrollbar-width:thin}.listener-controls{box-shadow:0 -4px 20px rgba(0,0,0,.2)}.chat-bubble{word-wrap:break-word;animation:popIn .3s ease;border-radius:12px;font-size:15px;line-height:1.5;max-width:80%;overflow-wrap:break-word;padding:12px 16px;width:-webkit-fit-content;width:fit-content}.chat-bubble.ai{align-self:flex-start;background:#1e293b;border:1px solid #334155;border-top-left-radius:2px;color:#e2e8f0}.chat-bubble.user{align-self:flex-end;background:#0ea5e9;border-top-right-radius:2px;box-shadow:0 4px 15px rgba(14,165,233,.2);color:#fff}.listener-controls{background:#1e293b;border-top:1px solid #334155;flex-shrink:0;padding:20px;z-index:10}.verify-card{background:#0f172a;border:1px solid #38bdf8;border-radius:12px;padding:15px}.verify-row{margin-bottom:10px}.verify-row label{color:#94a3b8;display:block;font-size:10px;margin-bottom:4px}.verify-row input{background:#1e293b;border:1px solid #475569;border-radius:6px;color:#fff;padding:8px;width:100%}.ai-text{color:#34d399;font-style:italic}.verify-actions{display:flex;gap:10px;margin-top:10px}.confirm-btn{background:#22c55e;border:none;border-radius:6px;color:#fff;flex:1 1;font-weight:700;padding:10px}.reject-btn{background:transparent;border:1px solid #ef4444;border-radius:6px;color:#ef4444;padding:10px}@keyframes popIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.setup-screen{align-items:center;animation:fadeIn .5s ease;background:#0f172a;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:30px}.setup-row{margin-bottom:20px;max-width:300px;width:100%}.setup-row label{color:#94a3b8;display:block;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:8px}.setup-row select{background:#1e293b;border:1px solid #334155;border-radius:8px;color:#fff;font-size:14px;outline:none;padding:12px;width:100%}.setup-row input[type=range]{accent-color:#38bdf8;width:100%}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.timer{animation:pulse 1s infinite;color:#ef4444;font-size:14px;font-weight:700;position:absolute;right:10px;top:-30px}.countdown-timer,.timer{font-family:Courier New,monospace}.countdown-timer{font-size:40px;font-weight:800;margin-bottom:10px;text-align:center;text-shadow:0 0 10px currentColor}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.impact-badge{align-items:center;animation:gentle-impact-pulse 2s ease-in-out infinite;background:linear-gradient(45deg,#facc15,#fb923c);border:1px solid #fffbeb;border-radius:20px;color:#000;display:flex;font-size:11px;font-weight:900;gap:6px;letter-spacing:.5px;margin-left:10px;padding:4px 12px;text-transform:uppercase}@keyframes gentle-impact-pulse{0%{box-shadow:0 0 10px rgba(250,204,21,.4);transform:scale(1)}50%{box-shadow:0 0 20px rgba(250,204,21,.9),0 0 35px rgba(251,146,60,.6);transform:scale(1.05)}to{box-shadow:0 0 10px rgba(250,204,21,.4);transform:scale(1)}}#root,.App,body,html{background-color:#0f172a;height:100%;margin:0;min-height:100dvh;overflow:hidden;padding:0}.cyber-container{display:flex;flex-direction:column;height:100dvh;margin:0 auto;max-width:1200px;padding-bottom:75px;position:relative}.game-layout,.home-layout,.listener-mode,.setup-screen{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:15px}.id-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(15,23,42,.95);border-top:1px solid #334155;bottom:0;left:0;padding-bottom:env(safe-area-inset-bottom);position:absolute;right:0;width:100%;z-index:1000}@media (max-width:768px){.menu-grid{gap:15px;grid-template-columns:1fr}.mission-card{flex-shrink:0}.control-panel{display:flex;flex:1 1;flex-direction:column;justify-content:flex-end}}.back-icon{transition:color .2s ease}.back-icon:hover{color:#f1f5f9!important}.cyber-input{background:#1e293b;border:1px solid #475569;border-radius:8px;box-sizing:border-box;color:#fff;font-size:14px;outline:none;padding:10px}.cyber-input:focus{border-color:#38bdf8;box-shadow:0 0 8px rgba(56,189,248,.3)}.setup-screen h2{margin:10px 0 20px}
/*# sourceMappingURL=main.38a0a6f8.css.map*/