.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;transition:all .3s ease}@media(max-width:1024px){.modal-container{flex-direction:column;align-items:center;width:95vw;max-height:90vh;overflow-y:auto;padding:20px 0}}.modal-content{width:500px;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}@media(max-width:768px){.modal-content{padding:25px}}.modal-content::-webkit-scrollbar{display:none}.details-panel{width:350px;max-width:90vw;padding:30px;border-radius:20px;background:#0a0a16;border:2px solid #ffd43b;position:relative;animation:slideIn .3s ease}@media(max-width:1024px){.details-panel{width:100%;margin-top:10px}}@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}.featured-project{margin-bottom:30px;animation:fadeIn .8s ease-out}.featured-card{background:linear-gradient(135deg,#ffd43b1a,#141428cc);border:2px solid #ffd43b;border-radius:20px;overflow:hidden;position:relative;box-shadow:0 10px 40px #ffd43b1a;transition:transform .3s ease,box-shadow .3s ease}.featured-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #ffd43b33}.featured-badge{position:absolute;top:15px;right:15px;background:#ffd43b;color:#000;font-size:.65rem;font-weight:900;padding:6px 14px;border-radius:50px;z-index:2;box-shadow:0 4px 15px #ffd43b66;letter-spacing:1px}.featured-img{width:100%;height:200px;object-fit:cover;border-bottom:2px solid rgba(255,212,59,.3)}.featured-info{padding:25px}.featured-name{color:#ffd43b;font-size:1.3rem;margin:0 0 10px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.featured-sum{color:#ddd;font-size:.85rem;line-height:1.5;margin-bottom:20px}.featured-actions{display:flex;justify-content:flex-end}.view-featured-btn{width:100%;text-align:center;letter-spacing:1px;transition:all .2s ease}.view-featured-btn:hover{background:#fff;color:#000;transform:scale(1.02)}@media(max-width:480px){.featured-img{height:160px}.featured-name{font-size:1.1rem}}.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;max-width:85vw;max-height:85vw;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}@media(max-width:480px){.game-area-box{width:300px;height:300px}}@media(max-height:600px)and (orientation:landscape){.game-area-box{width:60vh;height:60vh}}.cost-info{font-size:.65rem;color:#ddd;margin-top:5px;font-weight:700}.minigame-footer{margin:0 auto;width:100%;max-width:380px;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:20px;border-radius:15px;border:2px solid #ffd43b;width:280px;max-width:90%;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:2.5rem;display:inline-block;margin-top:17px;margin-right:88px}.hook-line{position:absolute;top:50px;left:52.5%;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;max-height:25vh;background:#000;margin-bottom:15px;border-radius:8px;overflow:hidden}@media(max-width:768px){.p-name{font-size:.8rem}.p-sum{font-size:.65rem}.image-preview-placeholder{height:120px}}#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}