body{color:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}.container{background-color:#0000;background-image:linear-gradient(#0009,#000000d9),url(/evil.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh;padding:40px}.title{text-align:center;color:#fff;text-shadow:0 0 10px orange,0 0 25px red;margin-bottom:25px;font-size:40px}.search{border:none;border-radius:8px;width:280px;margin:auto auto 30px;padding:10px;font-size:14px;display:block}.cardContainer{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.card{background:0 0;border:2px solid orange;border-radius:14px;flex-direction:column;min-height:180px;max-height:180px;padding:14px;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 0 10px orange,0 0 25px red}.card.unlocked{max-height:620px}.card:hover{transform:scale(1.05)}.pendingCard{border:2px solid orange;box-shadow:0 0 12px orange,0 0 25px #ffae42}.progressCard{border:2px solid #8b0000;box-shadow:0 0 12px #8b0000,0 0 30px red}.doneCard{border:2px solid green;box-shadow:0 0 12px green,0 0 30px #00ff7f}.cardTop{flex-direction:column;align-items:center;display:flex}.cardTop p{text-align:left;width:100%;margin:4px 0;font-size:12px}.previewImage{object-fit:cover;border:3px solid #dc143c;border-radius:50%;width:75px;height:75px;margin-bottom:8px;transition:all .3s;box-shadow:0 0 12px #dc143c}.pendingImage{border:3px solid orange;box-shadow:0 0 8px orange,0 0 15px #ffae42}.progressImage{border:3px solid #8b0000;box-shadow:0 0 8px #8b0000,0 0 20px red}.doneImage{border:3px solid green;box-shadow:0 0 8px green,0 0 15px #00ff7f}.previewImage:hover{transform:scale(1.15)}.card h2{color:#ff8c00;text-align:center;text-shadow:0 0 6px red;margin-bottom:8px;font-size:18px}.card b{color:orange}.unlockBtn{color:#000;cursor:pointer;background:#ff8c00;border:none;border-radius:8px;width:140px;margin:10px auto;padding:8px;font-weight:700;transition:all .2s;display:block}.unlockBtn:hover{background:orange;transform:scale(1.05)}.cardBottom{flex-direction:column;align-items:center;gap:6px;margin-top:10px;display:flex}.viewBtn,.mapBtn{cursor:pointer;text-align:center;border:none;border-radius:6px;width:140px;margin:4px auto;padding:8px 0;font-weight:700;display:block}.viewBtn{color:#fff;background:#8b0000;transition:all .3s;box-shadow:0 0 8px red}.viewBtn:hover{background:red}.mapBtn{color:#000;background:#ff8c00;transition:all .3s}.mapBtn:hover{background:orange}.statusSelect{color:orange;text-align:center;background:#111;border:2px solid orange;border-radius:6px;outline:none;width:160px;margin-top:8px;padding:7px;font-weight:700;box-shadow:0 0 8px orange}.rewardBtn{color:#004d00;cursor:pointer;background:#7cfc00;border:none;border-radius:8px;width:160px;margin-top:8px;padding:9px;font-size:13px;font-weight:700;transition:all .3s;box-shadow:0 0 6px #7cfc00}.muteBtn{color:#fff;cursor:pointer;z-index:1000;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;padding:0;font-size:18px;font-weight:700;transition:all .3s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 0 8px #ffffff4d}.muteBtn:hover{background:#000000e6;transform:scale(1.1)}.searchSuggestions{z-index:1000;background:#000c;border:1px solid #ffa5004d;border-radius:6px;max-height:200px;margin-top:4px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.searchSuggestion{cursor:pointer;color:#fff;border-bottom:1px solid #ffffff1a;padding:10px 12px;font-size:13px;transition:background .2s}.searchSuggestion:hover{background:#ffa50033}.searchSuggestion:last-child{border-bottom:none}.rewardBtn:hover{animation:1.5s infinite alternate blinkGlow}@keyframes blinkGlow{0%{box-shadow:0 0 8px #7cfc00,0 0 16px #32cd32}50%{box-shadow:0 0 12px #7cfc00,0 0 24px #32cd32}to{box-shadow:0 0 8px #7cfc00,0 0 16px #32cd32}}.loginBox{flex-direction:column;gap:10px;width:220px;margin:40px auto;display:flex}.loginBox input{border:none;border-radius:6px;padding:8px}.loginBox button{color:#000;cursor:pointer;background:orange;border:none;border-radius:6px;padding:8px;font-weight:700}.popup{background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popupContent{text-align:center;color:#fff;background:#111;border-radius:12px;padding:30px;box-shadow:0 0 20px #f009}.profileImage{object-fit:cover;border:4px solid #dc143c;border-radius:50%;width:200px;height:200px;margin-bottom:15px;transition:transform .4s}.profileImage:hover{transform:scale(1.2)}.closeBtn{color:#fff;cursor:pointer;background:#333;border:none;border-radius:6px;padding:8px 18px}