.project-detail-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:10001;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",cursive,monospace;overflow-y:auto}.project-detail{width:90%;max-width:900px;min-height:85vh;background:linear-gradient(135deg,#1a1a2e,#16213e);border:4px solid #6c6c6c;border-radius:12px;box-shadow:0 8px 32px #000c;display:flex;flex-direction:column;margin:40px auto}.detail-header{background:#2d2d44;border-bottom:3px solid #4a4a6a;padding:12px 20px;display:flex;justify-content:space-between;align-items:center}.detail-back-btn,.detail-close-btn{background:#6c6c6c;border:2px solid #4a4a6a;color:#fff;padding:8px 16px;font-size:10px;font-family:"Press Start 2P",cursive;cursor:pointer;border-radius:4px;transition:all .1s}.detail-back-btn:hover{background:#00bfff;border-color:#09c}.detail-close-btn:hover{background:#f44;border-color:#c00}.detail-close-btn{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}.detail-content{flex:1;padding:30px;overflow-y:auto}.detail-main{max-width:100%}.detail-header-section{margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #4a4a6a}.detail-title-row{display:flex;align-items:center;gap:15px;margin-bottom:10px;flex-wrap:wrap}.detail-title{font-size:18px;color:gold;margin:0;text-shadow:2px 2px 0px #000;flex:1;line-height:1.4}.detail-status{padding:6px 12px;font-size:8px;border-radius:4px;font-family:"Press Start 2P",cursive;white-space:nowrap}.detail-status.active{background:#0fd75c;color:#000}.detail-status.in-progress{background:gold;color:#000}.detail-status.archived{background:#8a8a8a;color:#000}.detail-category{font-size:10px;color:#00bfff;background:#1a1a2e;padding:6px 12px;border-radius:4px;display:inline-block}.detail-media{margin-bottom:30px}.detail-image-gallery{position:relative;width:100%;background:#1a1a2e;border:3px solid #4a4a6a;border-radius:8px;overflow:hidden;min-height:400px;display:flex;align-items:center;justify-content:center}.detail-image{display:none;width:100%;height:100%}.detail-image.active{display:block}.detail-image img{width:100%;height:100%;object-fit:contain}.detail-media-placeholder{padding:60px;text-align:center;color:#8a8a8a;font-size:12px}.detail-image-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:15px}.image-nav-btn{background:#2d2d44;border:2px solid #4a4a6a;color:#fff;width:40px;height:40px;font-size:16px;font-family:"Press Start 2P",cursive;cursor:pointer;border-radius:4px;transition:all .1s;display:flex;align-items:center;justify-content:center}.image-nav-btn:hover{background:#00bfff;border-color:#09c}.image-counter{font-size:10px;color:#ccc}.detail-description,.detail-tech-stack,.detail-stats,.detail-links,.detail-testimonials,.detail-share{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #4a4a6a}.detail-description:last-child,.detail-tech-stack:last-child,.detail-stats:last-child,.detail-links:last-child,.detail-testimonials:last-child{border-bottom:none}.detail-description h2,.detail-tech-stack h2,.detail-stats h2,.detail-links h2,.detail-testimonials h2,.detail-share h2{font-size:14px;color:gold;margin:0 0 15px;text-transform:uppercase;letter-spacing:1px}.share-buttons{display:flex;flex-wrap:wrap;gap:15px}.share-btn{background:#2d2d44;border:3px solid #00bfff;color:#fff;padding:10px 16px;font-size:9px;font-family:"Press Start 2P",cursive;cursor:pointer;border-radius:6px;transition:all .2s}.share-btn:hover{background:#00bfff;transform:translateY(-2px);box-shadow:0 4px 12px #00bfff66}.share-btn:active{transform:translateY(0)}.detail-description p{font-size:10px;color:#ccc;line-height:1.8;margin:0}.tech-stack-badges{display:flex;flex-wrap:wrap;gap:10px}.tech-badge{background:#2d2d44;border:2px solid #00bfff;color:#00bfff;padding:8px 12px;font-size:9px;border-radius:4px;font-family:"Press Start 2P",cursive}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:15px}.stat-item{background:#2d2d44;border:2px solid #4a4a6a;padding:15px;border-radius:6px;text-align:center}.stat-label{display:block;font-size:8px;color:#8a8a8a;margin-bottom:8px}.stat-value{display:block;font-size:16px;color:gold;font-weight:700}.project-date{margin-top:15px;padding-top:15px;border-top:1px solid #4a4a6a;font-size:9px;color:#ccc}.date-label{color:#8a8a8a}.date-value{color:#fff;margin-left:8px}.links-grid{display:flex;flex-wrap:wrap;gap:15px}.link-button{background:#2d2d44;border:3px solid #00bfff;color:#fff;padding:12px 20px;font-size:10px;font-family:"Press Start 2P",cursive;text-decoration:none;border-radius:6px;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.link-button:hover{background:#00bfff;transform:translateY(-2px);box-shadow:0 4px 12px #00bfff66}.link-button:active{transform:translateY(0)}.link-github{border-color:#6e5494}.link-github:hover{background:#6e5494;box-shadow:0 4px 12px #6e549466}.link-docs{border-color:gold}.link-docs:hover{background:gold;color:#000;box-shadow:0 4px 12px #ffd70066}.testimonials-list{display:flex;flex-direction:column;gap:20px}.testimonial-item{background:#2d2d44;border:2px solid #4a4a6a;padding:20px;border-radius:6px;border-left:4px solid #ffd700}.testimonial-text{font-size:10px;color:#ccc;line-height:1.8;margin:0 0 10px;font-style:italic}.testimonial-author{font-size:9px;color:#8a8a8a;display:block;text-align:right}.detail-content::-webkit-scrollbar{width:8px}.detail-content::-webkit-scrollbar-track{background:#1a1a2e}.detail-content::-webkit-scrollbar-thumb{background:#4a4a6a;border-radius:4px}.detail-content::-webkit-scrollbar-thumb:hover{background:#6a6a8a}@media (max-width: 768px){.project-detail{width:100%;margin:0;border-radius:0;min-height:100vh}.detail-content{padding:20px}.detail-title{font-size:14px}.stats-grid{grid-template-columns:1fr}.links-grid{flex-direction:column}.link-button{width:100%;justify-content:center}}