.main-menu{padding:20px}.menu-container{max-width:800px;margin:0 auto}.menu-card{background:#0009;border-radius:20px;padding:30px;text-align:center;margin-bottom:30px;border:2px solid #4affaa;box-shadow:0 0 30px #4affaa33}.menu-icon{font-size:4rem;margin-bottom:20px}.menu-card h2{color:#4affaa;font-size:2.5rem;margin-bottom:10px}.menu-description{color:#a0a0ff;font-size:1.1rem;line-height:1.6}.menu-buttons{display:flex;flex-direction:column;gap:15px;margin-bottom:40px}.menu-button{background:#000000b3;border:2px solid;border-radius:15px;padding:25px;text-align:left;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:20px}.menu-button:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}.menu-button.primary{border-color:#4a4aff;background:linear-gradient(135deg,#4a4aff33,#4affaa1a)}.menu-button.primary:hover{background:linear-gradient(135deg,#4a4aff4d,#4affaa33);box-shadow:0 10px 25px #4a4aff66}.menu-button.secondary{border-color:#fa0;background:linear-gradient(135deg,#fa03,#ff64641a)}.menu-button.secondary:hover{background:linear-gradient(135deg,#ffaa004d,#ff646433);box-shadow:0 10px 25px #fa06}.menu-button.tertiary{border-color:#88c;background:linear-gradient(135deg,#88c3,#6464ff1a)}.menu-button.tertiary:hover{background:linear-gradient(135deg,#8888cc4d,#6464ff33);box-shadow:0 10px 25px #88c6}.button-icon{font-size:2.5rem;min-width:60px;text-align:center}.button-text{font-size:1.8rem;font-weight:700;color:#fff;flex:1}.button-subtext{font-size:1rem;color:#a0a0ff;text-align:right}.menu-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.feature{background:#00000080;border-radius:15px;padding:20px;display:flex;align-items:center;gap:15px;border:1px solid #4a4aff}.feature-icon{font-size:2.5rem;min-width:60px;text-align:center}.feature-text h4{color:#4affaa;font-size:1.3rem;margin-bottom:5px}.feature-text p{color:#a0a0ff;font-size:.9rem}.monetization-options{background:#0009;border-radius:20px;padding:25px;border:2px solid #ffd700}.monetization-options h3{color:gold;font-size:1.8rem;margin-bottom:20px;text-align:center}.premium-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.premium-item{background:#ffd7001a;border-radius:12px;padding:15px;display:flex;align-items:center;gap:12px;border:1px solid #ffd700}.premium-icon{font-size:2rem;min-width:50px;text-align:center}.premium-details h4{color:gold;font-size:1.1rem;margin-bottom:5px}.premium-details p{color:#ffeda0;font-size:.8rem;margin-bottom:8px}.buy-button{background:gold;color:#000;border:none;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .3s ease}.buy-button:hover{background:#ffed4e;transform:scale(1.05)}@media (max-width: 768px){.menu-card{padding:20px}.menu-card h2{font-size:1.8rem}.menu-button{padding:15px;gap:10px}.button-icon{font-size:1.8rem;min-width:40px}.button-text{font-size:1.3rem}.button-subtext{font-size:.8rem}.menu-features,.premium-items{grid-template-columns:1fr}}.investigation-scene{padding:20px}.loading{text-align:center;padding:100px;font-size:1.5rem;color:#4affaa}.case-header{background:#0009;border-radius:20px;padding:25px;margin-bottom:25px;border:2px solid #4a4aff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.case-title h2{color:#4affaa;font-size:2.2rem;margin-bottom:8px}.case-theme{color:#a0a0ff;font-size:1.1rem;background:#4a4aff33;padding:5px 15px;border-radius:20px;display:inline-block}.case-stats{display:flex;gap:30px}.stat{text-align:center;min-width:80px}.stat-icon{font-size:2.5rem;display:block;margin-bottom:5px}.stat-value{font-size:1.8rem;font-weight:700;color:#fff;display:block}.stat-label{font-size:.9rem;color:#a0a0ff;display:block}.progress-container{background:#00000080;border-radius:15px;padding:20px;margin-bottom:30px;border:1px solid #4affaa}.progress-bar{height:20px;background:#000000b3;border-radius:10px;overflow:hidden;margin-bottom:10px;border:1px solid #4a4aff}.progress-fill{height:100%;background:linear-gradient(90deg,#4affaa,#4a4aff);border-radius:10px;transition:width .5s ease}.progress-text{text-align:center;color:#4affaa;font-size:1.1rem;font-weight:700}.evidence-section,.suspects-section{background:#0006;border-radius:20px;padding:25px;margin-bottom:25px;border:2px solid}.evidence-section{border-color:#4affaa}.suspects-section{border-color:#f55}.section-title{color:#fff;font-size:1.8rem;margin-bottom:25px;display:flex;align-items:center;gap:10px}.section-icon{font-size:2rem}.clues-grid,.suspects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.clue-item,.suspect-item{background:#0009;border-radius:15px;padding:20px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease;border:2px solid}.clue-item{border-color:#4affaa}.clue-item.available:hover{transform:translateY(-5px);box-shadow:0 10px 25px #4affaa4d;background:#4affaa1a}.clue-item.collected{border-color:#88c;opacity:.7}.suspect-item{border-color:#f55}.suspect-item.available:hover{transform:translateY(-5px);box-shadow:0 10px 25px #ff55554d;background:#ff55551a}.suspect-item.questioned{border-color:#88c;opacity:.7}.clue-icon,.suspect-avatar{font-size:3rem;min-width:60px;text-align:center}.clue-info h4,.suspect-info h4{color:#fff;font-size:1.3rem;margin-bottom:5px}.clue-info p,.suspect-info p{color:#a0a0ff;font-size:.9rem}.suspect-role{color:#fa0!important;font-weight:700}.suspect-status{font-size:.8rem!important;color:#88c!important}.collect-button,.question-button{background:#4affaa;color:#000;border:none;padding:8px 16px;border-radius:20px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-left:auto}.collect-button:hover,.question-button:hover{background:#fff;transform:scale(1.05)}.question-button{background:#f55;color:#fff}.question-button:hover{background:#f77}.control-buttons{display:flex;justify-content:center;gap:20px;margin-top:40px;margin-bottom:30px}.control-button{padding:15px 30px;border-radius:25px;border:none;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;min-width:150px;justify-content:center}.control-button:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}.control-button:disabled{opacity:.5;cursor:not-allowed}.control-button.back{background:#4a4aff;color:#fff}.control-button.back:hover{background:#6a6aff}.control-button.hint{background:#fa0;color:#000}.control-button.hint:hover{background:#fc4}.control-button.solve{background:#4affaa;color:#000}.control-button.solve:hover:not(:disabled){background:#6affcc}.button-icon{font-size:1.5rem}.debug-info{background:#000000b3;border-radius:15px;padding:20px;margin-top:30px;border:2px solid #ff5555}.debug-info p{color:#4affaa;font-size:.9rem;margin-bottom:8px;font-family:monospace}.debug-info p:last-child{margin-bottom:0}@media (max-width: 768px){.case-header{flex-direction:column;text-align:center}.case-stats{justify-content:center;flex-wrap:wrap;gap:20px}.stat{min-width:70px}.clues-grid,.suspects-grid{grid-template-columns:1fr}.control-buttons{flex-direction:column;align-items:center}.control-button{width:100%;max-width:300px}}.tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a2af2;z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px;overflow-y:auto}.tutorial-container{background:linear-gradient(135deg,#1a1a3a,#0a0a2a);border-radius:25px;padding:40px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;border:3px solid #4affaa;box-shadow:0 0 50px #4affaa4d}.tutorial-header{text-align:center;margin-bottom:40px}.tutorial-header h1{color:#4affaa;font-size:2.8rem;margin-bottom:10px}.tutorial-subtitle{color:#a0a0ff;font-size:1.2rem}.tutorial-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:40px}.tutorial-step{background:#0006;border-radius:15px;padding:25px;display:flex;align-items:flex-start;gap:20px;border:2px solid #4a4aff;transition:all .3s ease}.tutorial-step:hover{transform:translateY(-5px);box-shadow:0 10px 25px #4a4aff4d;background:#4a4aff1a}.step-number{background:#4affaa;color:#000;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.step-icon{font-size:2.5rem;flex-shrink:0}.step-content h3{color:#fff;font-size:1.4rem;margin-bottom:10px}.step-content p{color:#a0a0ff;font-size:1rem;line-height:1.5}.tutorial-demo{background:#00000080;border-radius:15px;padding:30px;margin-bottom:40px;border:2px solid #ffaa00}.tutorial-demo h3{color:#fa0;font-size:1.8rem;margin-bottom:25px;text-align:center}.demo-steps{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px}.demo-step{background:#ffaa001a;border-radius:12px;padding:20px;width:250px;display:flex;align-items:center;gap:15px;border:1px solid #ffaa00}.demo-icon{font-size:2.5rem;flex-shrink:0}.demo-text strong{color:#fff;font-size:1.1rem;display:block;margin-bottom:5px}.demo-text p{color:#fda;font-size:.9rem}.tutorial-controls{display:flex;justify-content:center;gap:20px;margin-bottom:40px;flex-wrap:wrap}.tutorial-button{padding:15px 30px;border-radius:25px;border:none;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:180px}.tutorial-button.skip{background:#4a4aff;color:#fff}.tutorial-button.skip:hover{background:#6a6aff;transform:translateY(-3px)}.tutorial-button.start{background:#4affaa;color:#000}.tutorial-button.start:hover{background:#6affcc;transform:translateY(-3px);box-shadow:0 10px 25px #4affaa66}.tutorial-button.watch{background:#fa0;color:#000}.tutorial-button.watch:hover{background:#fc4;transform:translateY(-3px)}.tutorial-tips{background:#4affaa1a;border-radius:15px;padding:25px;border:2px solid #4affaa}.tutorial-tips h4{color:#4affaa;font-size:1.5rem;margin-bottom:20px;text-align:center}.tutorial-tips ul{list-style:none;padding:0}.tutorial-tips li{color:#a0a0ff;font-size:1rem;margin-bottom:12px;padding-left:30px;position:relative;line-height:1.5}.tutorial-tips li:before{content:"✓";color:#4affaa;position:absolute;left:0;font-weight:700}@media (max-width: 768px){.tutorial-container{padding:20px}.tutorial-header h1{font-size:2rem}.tutorial-steps{grid-template-columns:1fr}.demo-steps{flex-direction:column;align-items:center}.demo-step{width:100%;max-width:300px}.tutorial-controls{flex-direction:column;align-items:center}.tutorial-button{width:100%;max-width:300px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,#0a0a2a,#1a1a3a);color:#e0e0ff;min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.app-header{text-align:center;padding:30px 20px;background:#00000080;border-radius:20px;margin-bottom:30px;border:2px solid #4a4aff;box-shadow:0 0 30px #4a4aff4d}.app-header h1{font-size:3rem;color:#4affaa;text-shadow:0 0 15px rgba(74,255,170,.5);margin-bottom:10px}.subtitle{font-size:1.2rem;color:#a0a0ff;margin-bottom:20px}.language-selector{display:flex;justify-content:center;gap:10px;margin-top:20px}.language-selector button{background:#000000b3;border:1px solid #4a4aff;color:#a0a0ff;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.language-selector button.active{background:#4a4aff;color:#fff;border-color:#fff}.language-selector button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4a4aff66}.app-main{flex:1;background:#0000004d;border-radius:15px;padding:20px;margin-bottom:30px}.app-footer{text-align:center;padding:20px;background:#00000080;border-radius:15px;border-top:1px solid #4a4aff}.app-footer p{color:#88c;font-size:.9rem;margin-bottom:10px}.monetization-notice{background:#ffd7001a;border:1px solid #ffd700;border-radius:10px;padding:10px;margin-top:10px}.monetization-notice p{color:gold;font-size:.8rem}@media (max-width: 768px){.app{padding:10px}.app-header h1{font-size:2rem}.language-selector{flex-wrap:wrap}.language-selector button{font-size:.8rem;padding:6px 12px}}