.project-overlay{position:fixed;inset:0;z-index:80;background:#05070de0;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:24px;color:#e5e7eb}.project-detail{max-width:100%;max-height:92dvh;border:1px solid #ffffff25;border-radius:20px;box-shadow:0 30px 100px #000a;display:flex;flex-direction:column;overflow:hidden;outline:none}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;background:#ffffff05;border-bottom:1px solid #ffffff18;flex-shrink:0}.detail-header small{display:block;color:var(--detail-accent,#f2a65a);font:10px monospace;letter-spacing:2px}.detail-header b{display:block;font-size:15px}.project-overlay button,.detail-cta{border:1px solid #ffffff25;border-radius:8px;padding:8px 13px;background:#ffffff0d;font:inherit;color:inherit;cursor:pointer}.project-overlay button:hover{background:#ffffff20}.project-overlay button:disabled{opacity:.45;cursor:not-allowed}.project-overlay a{text-decoration:underline;text-underline-offset:3px}.detail-body{display:flex;flex-direction:column;overflow:auto;min-height:0}.detail-block{min-width:0;overflow-wrap:anywhere}.detail-block.selected-block{outline:2px dashed var(--detail-accent,#f2a65a);outline-offset:6px}.detail-block h3{font-weight:700;margin-bottom:12px}.detail-block figure{margin:0}.detail-block img{width:100%;display:block}.detail-image-button{display:block!important;border:0!important;padding:0!important;width:100%;background:none!important}.detail-block figcaption{font-size:.8em;opacity:.7;margin-top:8px}.detail-gallery{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:16px}.detail-split{display:grid;gap:24px;align-items:center}.detail-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-info>div{padding:14px;background:#ffffff08;border:1px solid #ffffff10;border-radius:10px}.detail-info dt{opacity:.6;font-size:.8em}.detail-info dd{margin:5px 0 0}.detail-block pre{overflow:auto;background:#080b10;padding:20px;border-radius:10px;white-space:pre;font-family:monospace;font-size:.85em}.detail-bullet{padding-left:1.3em;position:relative}.detail-bullet:before{content:'•';position:absolute;left:.3em}.detail-cta{display:inline-block;text-decoration:none!important;background:var(--detail-accent,#f2a65a)!important;color:#101216!important;font-weight:700!important}.detail-empty{padding:32px;border:1px dashed #ffffff30;opacity:.6;text-align:center}.detail-footer{padding:16px 22px;display:flex;gap:20px;align-items:center;border-top:1px solid #ffffff18;font-size:13px;flex-shrink:0}.image-lightbox{position:fixed;inset:0;background:#000e;z-index:90;display:flex;align-items:center;justify-content:center;padding:40px}.image-lightbox img{max-width:95%;max-height:90vh;object-fit:contain}.image-lightbox button{position:absolute;right:20px;top:20px}.arcade-player{width:1100px;max-width:100%;max-height:94dvh;background:#14171c;border:2px solid #333b47;border-radius:16px;display:flex;flex-direction:column;overflow:auto}.arcade-player:fullscreen{width:100%;max-height:100%;height:100%;border-radius:0}.player-actions{display:flex;gap:7px;font-size:12px}.arcade-screen{position:relative;width:100%;min-height:180px;flex-shrink:0;background:#05070a;max-height:74dvh}.arcade-player:fullscreen .arcade-screen{flex:1;min-height:0;max-height:none}.arcade-screen iframe{border:0;display:block;width:100%;height:100%;position:absolute;inset:0}.player-status{position:absolute;inset:0;background:#10141ded;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;gap:12px;overflow:auto}.player-status p{font-size:13px;color:#aeb7c5;max-width:600px;overflow-wrap:anywhere;white-space:pre-wrap}.player-status progress{width:min(320px,80%);accent-color:#f2a65a}.player-footer{display:flex;justify-content:space-between;padding:12px 20px;font:12px monospace;color:#a6b1c2;gap:14px}.player-controls{padding:10px 20px;font-size:12px;white-space:pre-wrap;border-top:1px solid #ffffff12;color:#a6b1c2}@media(max-width:640px){.project-overlay{padding:8px}.detail-header{padding:12px;gap:6px}.detail-body{padding:min(20px,5vw)!important}.mobile-stack .detail-split{grid-template-columns:1fr!important}.detail-gallery{grid-template-columns:repeat(min(var(--columns),2),minmax(0,1fr))}.detail-info{grid-template-columns:1fr}.player-actions{gap:4px}.player-actions button{font-size:10px;padding:7px}.detail-header b{font-size:12px}.player-footer{font-size:10px;padding:10px}.detail-block{max-width:100%}}
