.app-container{font-family:Quicksand,PingFang SC,system-ui,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#ffd93d,#ff8a65);color:#2c3e50;padding:20px;position:relative;overflow:hidden;box-sizing:border-box}.cloud-status{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:5px;font-size:14px;color:#2c3e50b3;background-color:#ffffffb3;padding:5px 10px;border-radius:12px;z-index:100;box-shadow:0 2px 4px #0000001a}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#fff;font-size:1.2em;text-shadow:0 2px 4px rgba(0,0,0,.2)}.spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-title{font-size:3.5em;font-weight:800;color:#fff8e7;text-shadow:0 5px 0 rgba(0,0,0,.15),0 8px 15px rgba(0,0,0,.2);margin-bottom:20px;transform:rotate(-2deg);letter-spacing:2px}.start-screen,.game-over-screen{display:flex;flex-direction:column;align-items:center;gap:25px;background-color:#fff8e7;padding:40px 60px;border-radius:24px;box-shadow:0 8px #00000026,0 12px 30px #0000001a;max-width:90%;text-align:center}.explorer-image{width:180px;height:180px;object-fit:contain;margin-bottom:10px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.explorer-fallback{font-size:100px;line-height:1;margin-bottom:10px}.high-score{font-size:1.5em;font-weight:600;color:#5b9bd5;display:flex;align-items:center;gap:8px}.start-button,.next-level-button,.replay-button,.submit-button,.hint-button{background-color:#4ecdc4;color:#fff;border:none;padding:15px 30px;font-size:1.2em;font-weight:700;border-radius:999px;cursor:pointer;box-shadow:0 6px #3ba099,0 4px 10px #0003;transition:all .2s ease;display:flex;align-items:center;gap:8px}.start-button:hover,.next-level-button:hover,.replay-button:hover,.submit-button:hover,.hint-button:hover{box-shadow:0 3px #3ba099,0 2px 5px #0003}.start-button:active,.next-level-button:active,.replay-button:active,.submit-button:active,.hint-button:active{transform:translateY(2px);box-shadow:0 2px #3ba099,0 1px 3px #0003}.hint-button{background-color:#ff8a65;box-shadow:0 6px #e07151,0 4px 10px #0003;margin-top:20px}.hint-button:hover{box-shadow:0 3px #e07151,0 2px 5px #0003}.hint-button:active{box-shadow:0 2px #e07151,0 1px 3px #0003}.game-screen{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px;background-color:#ffffffe6;border-radius:24px;box-shadow:0 8px #00000026,0 12px 30px #0000001a;padding:20px;box-sizing:border-box;position:relative;background-size:cover;background-position:center;min-height:500px}.game-header{display:flex;justify-content:space-between;width:100%;padding:10px 20px;background-color:#fffc;border-radius:16px;margin-bottom:20px;box-shadow:0 2px 5px #0000001a}.lives-display,.score-display,.level-progress{display:flex;align-items:center;gap:5px;font-size:1.1em;font-weight:600;color:#2c3e50}.puzzle-area{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:20px;box-sizing:border-box}.puzzle-1,.puzzle-2,.puzzle-3{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:600px;background-color:#fffffff2;padding:30px;border-radius:18px;box-shadow:0 4px 8px #0000001a}h2{font-size:1.8em;color:#d35400;margin-bottom:15px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.artifact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;width:100%;justify-items:center}.artifact-item{background-color:#e0f2f7;border:3px solid #B0BEC5;border-radius:15px;padding:10px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease;box-shadow:0 3px #90a4ae;width:100px;height:120px;justify-content:space-around}.artifact-item:hover{transform:translateY(-3px);box-shadow:0 6px #90a4ae}.artifact-item.selected{border-color:#5b9bd5;background-color:#bbdefb;box-shadow:0 2px #5b9bd5;transform:translateY(1px)}.artifact-item img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.artifact-fallback{font-size:40px;line-height:1}.artifact-item p{font-size:.9em;font-weight:500;margin-top:5px;color:#2c3e50}.history-events-list{display:flex;flex-direction:column;gap:10px;width:100%}.history-event-item{background-color:#ffecb3;border:2px solid #FFD93D;border-radius:12px;padding:15px;font-size:1.1em;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 3px #ffc107;color:#2c3e50}.history-event-item:hover{transform:translateY(-2px);box-shadow:0 5px #ffc107}.history-event-item.selected{border-color:#ff8a65;background-color:#ffccbc;box-shadow:0 2px #ff8a65;transform:translateY(1px)}.jigsaw-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;width:300px;height:300px;border:3px solid #6D4C41;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 10px #0000004d}.jigsaw-piece{width:100%;height:100%;background-color:#a1887f;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:all .2s ease;background-size:cover;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;font-size:3em;color:#ffffff80}.jigsaw-piece:hover{transform:scale(1.05);z-index:1}.jigsaw-piece.selected{border:3px solid #FF6B9D;box-shadow:0 0 10px #ff6b9d;z-index:2}.jigsaw-fallback{font-size:50px}.knowledge-card-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.knowledge-card{background-color:#fff8e7;padding:40px;border-radius:24px;box-shadow:0 8px #00000026,0 12px 30px #0000001a;max-width:500px;text-align:center;display:flex;flex-direction:column;gap:20px}.knowledge-card h2{color:#4ecdc4;font-size:2.2em;margin-bottom:10px}.knowledge-content{font-size:1.1em;line-height:1.6;color:#2c3e50}.game-over-title{color:#ef5350;font-size:2.5em;margin-bottom:15px}.final-score{font-size:1.8em;font-weight:700;color:#5b9bd5}.collected-artifacts-title{font-size:1.3em;font-weight:600;color:#2c3e50;margin-top:20px}.collected-artifacts-list{list-style:none;margin:0;max-height:150px;overflow-y:auto;width:100%;text-align:left;border:1px solid #B0BEC5;border-radius:10px;background-color:#eceff1;padding:10px;box-sizing:border-box}.collected-artifacts-list li{display:flex;align-items:center;gap:8px;font-size:1em;color:#2c3e50;padding:5px 0;border-bottom:1px dashed #CFD8DC}.collected-artifacts-list li:last-child{border-bottom:none}@media (max-width: 600px){.game-title{font-size:2.5em}.start-screen,.game-over-screen,.knowledge-card{padding:25px 30px;gap:15px}.explorer-image{width:120px;height:120px}.high-score,.lives-display,.score-display,.level-progress{font-size:1em}.start-button,.next-level-button,.replay-button,.submit-button,.hint-button{padding:12px 25px;font-size:1em}.game-header{flex-wrap:wrap;justify-content:center;gap:10px}.puzzle-1,.puzzle-2,.puzzle-3{padding:20px}h2{font-size:1.5em}.artifact-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px}.artifact-item{width:80px;height:100px}.artifact-item img{width:50px;height:50px}.jigsaw-grid{width:250px;height:250px}}