.hidden{display:none!important}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;backdrop-filter:blur(10px);z-index:2000;display:flex;justify-content:center;align-items:center}.modal-container{display:flex;gap:20px;align-items:flex-start}.modal-content{width:530px;max-width:90vw;max-height:85vh;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;padding:40px;border-radius:20px;position:relative;background:#0a0a16;border:2px solid rgba(255,255,255,.1);box-shadow:0 0 50px #4dabf733}.modal-content::-webkit-scrollbar{display:none}.details-panel{width:350px;padding:30px;border-radius:20px;background:#0a0a16;border:2px solid #ffd43b;position:relative;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}}.close-btn,.close-details-btn{position:absolute;top:20px;right:20px;background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer}h2{color:#ffd43b;margin-bottom:25px;border-bottom:1px solid #333;padding-bottom:10px}h3{color:#fff;margin-bottom:15px}.description-text p{color:#ddd;font-size:.75rem;line-height:1.5;margin-bottom:10px}.description-text .lore-text{color:#cfd8dc;font-size:.9rem;line-height:1.6;font-style:italic;font-weight:300;background:#ffffff08;padding:15px;border-radius:12px;border-left:4px solid #4dabf7;margin-bottom:20px}.description-text p:last-child{margin-bottom:30px}.description-text ul{color:#fff;font-size:.8rem;margin-bottom:40px;list-style-type:square;padding-left:20px}.description-text li{margin-bottom:8px}.projects-list{display:flex;flex-direction:column;gap:15px}.project-row{background:#ffffff0a;padding:18px 25px;border-radius:12px;cursor:pointer!important;display:flex;justify-content:space-between;align-items:center;transition:all .1s ease-out;color:#fff!important;border:2px solid rgba(255,255,255,.05);pointer-events:auto}.project-row:hover{background:#339af026!important;border-color:#339af0!important;color:#339af0!important;transform:scale(1.02);box-shadow:0 4px 15px #339af033}.project-row:hover .p-name,.project-row:hover .p-sum{color:#339af0!important}.project-row:active{transform:scale(.98)}.p-name{font-weight:700;color:inherit;font-size:.9rem}.p-sum{font-size:.7rem;color:#888}.project-row:hover .p-sum{color:#74c0fc!important}.minigame-panel{padding-top:40px;animation:fadeIn .5s}.game-area-box{width:380px;height:380px;background:#000;border-radius:12px;border:4px solid #444;position:relative;overflow:hidden;margin:0 auto 15px;box-shadow:0 0 40px #0009,inset 0 0 60px #000000e6;display:flex;justify-content:center;align-items:center}.cost-info{font-size:.65rem;color:#ddd;margin-top:5px;font-weight:700}.minigame-footer{margin:0 auto;width:280px;padding:12px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:5px}.minigame-cost{color:#ffd43b;font-size:.75rem;font-weight:700;text-align:center}.minigame-extra{color:#aaa;font-size:.65rem;text-align:center;font-family:monospace}.game-controls{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:50;background:#000000e6;padding:15px;border-radius:15px;border:2px solid #ffd43b;width:240px;box-shadow:0 0 20px #000c}.status-msg{color:#ffd43b;font-size:.7rem;text-align:center}.score-display{color:#fff;font-size:.7rem}.game-entity,.fisherman-static,.hook{filter:drop-shadow(2px 2px 0 rgba(0,0,0,.5));image-rendering:pixelated;font-family:"Segoe UI Emoji","Noto Color Emoji",sans-serif}.game-entity,.hook{font-size:2.5rem!important}.sky{height:30%;width:100%;position:absolute;top:0}.water{height:70%;width:100%;position:absolute;bottom:0;background:#00003233}.score-board{position:absolute;top:10px;right:10px;color:#fff;font-family:monospace;font-size:.8rem;background:#0009;padding:4px 8px;border-radius:4px;border:1px solid #555;z-index:20}.fisherman-container{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;z-index:10}.char-sprite{width:64px;height:80px;background-size:500% 200%;image-rendering:pixelated;transform:scale(.7);transform-origin:bottom center}.fisherman-static{font-size:3rem}.hook-line{position:absolute;top:50px;left:50%;width:2px;background:#fff;height:20px;z-index:5}.hook{position:absolute;top:70px;left:49%;font-size:1.5rem;z-index:6;transform:translate(-25%)}.game-entity{position:absolute;font-size:1.8rem;height:30px;width:30px;display:flex;align-items:center;justify-content:center;z-index:8}.fish{filter:drop-shadow(0 0 5px rgba(255,255,255,.2))}.can{filter:grayscale(.5)}.image-preview-placeholder{width:100%;height:160px;background:#000;margin-bottom:15px;border-radius:8px;overflow:hidden}#detail-img{width:100%;height:100%;object-fit:cover}#detail-desc{font-size:.85rem;color:#ccc;margin-bottom:20px}.tech-stack{margin-bottom:25px}.tech-label{display:block;font-size:.6rem;color:#ffd43b;margin-bottom:5px}#detail-tech{font-size:.8rem;color:#fff}.detail-actions{display:flex;gap:10px}.hover-preview{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;border:3px solid #ffd43b;z-index:3000;pointer-events:none}#hover-img{width:100%;display:block}.modal-actions{margin-top:10px;padding-top:15px;border-top:2px dashed rgba(255,255,255,.05);display:flex;justify-content:center}.btn{padding:12px 24px;border-radius:8px;font-weight:700;text-transform:uppercase;border:none;cursor:pointer;text-decoration:none;display:inline-block;font-size:.8rem}.reward{background:#ffd43b;color:#000}.secondary{border:1px solid #fff;color:#fff;background:transparent}.claimed{background:#444;color:#888;cursor:not-allowed}.placeholder-text{text-align:center;color:#ffd43b;font-size:.9rem;margin-top:10px;font-style:italic}
