*{margin:0;padding:0;box-sizing:border-box}body{font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;background:#0a0a0a;min-height:100vh;color:#fff;display:flex;flex-direction:column;overflow-x:hidden}.header{background:#111;padding:12px 20px;border-bottom:2px solid #333;justify-content:space-between;gap:20px;flex-wrap:wrap}.header,.header-left{display:flex;align-items:center}.header-left{gap:12px}.header-logo{width:32px;height:32px;flex-shrink:0}.header-logo svg{width:100%;height:100%}.header h1{font-size:1.2rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin:0}.header-right{display:flex;align-items:center;gap:10px}.header-btn{background:#1a1a1a;border:1px solid #444;color:#fff;padding:6px 14px;font-size:.85rem;font-family:inherit;cursor:pointer;transition:all .15s ease;text-transform:uppercase;font-weight:600;letter-spacing:1px}.header-btn:hover:not(:disabled){background:#333;border-color:#666}.header-btn.primary{background:#0f8;color:#000;border-color:#0f8}.header-btn.primary:hover:not(:disabled){background:#00cc6f;border-color:#00cc6f}.header-btn:disabled{opacity:.5;cursor:not-allowed}.nav-link{color:#0f8;text-decoration:none;font-size:.9rem;padding:6px 12px;border:1px solid #333;transition:all .15s ease;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.nav-link:hover{background:#0f8;color:#000;border-color:#0f8}.progress-bar{background:#111;padding:10px 20px;border-bottom:1px solid #333;display:flex;align-items:center;justify-content:space-between;gap:20px}.progress-text{font-size:.9rem;color:#666}.progress-text span{color:#0f8;font-weight:600}.progress-visual{flex:1 1;height:8px;background:#1a1a1a;border:1px solid #333;position:relative;overflow:hidden}.progress-fill{height:100%;background:#0f8;transition:width .3s ease}.main-content{flex:1 1;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;max-width:100%;margin:0;width:100%;overflow-y:auto;overflow-x:hidden;min-height:0}.main-content.voting-page{overflow:hidden;justify-content:flex-start;height:calc(100vh - 100px);padding:10px}.main-content.voting-page .prompt-display{margin-bottom:10px;padding:8px 12px}.main-content.voting-page .images-grid{max-height:calc(100vh - 210px);height:calc(100vh - 210px)}.main-content.voting-page .image-card{max-height:100%;min-height:0;position:relative}.main-content.voting-page .image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.main-content.voting-page .image-container img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.prompt-display{background:#111;padding:12px 15px;margin-bottom:15px;border:1px solid #333;text-align:center;width:100%;flex:0 0 auto}.prompt-label{font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.prompt-text{font-size:.9rem;color:#fff;line-height:1.5}.images-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-gap:10px;gap:10px;width:100%;flex:1 1;min-height:0;transition:opacity .3s ease}.images-grid-5{grid-template-columns:repeat(5,1fr);grid-template-rows:1fr}.images-grid-4{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr}.images-grid-3{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}.images-grid.fade-out{opacity:0}.image-card{position:relative;background:#000;border:2px solid #333;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;align-items:center;justify-content:center;opacity:1}.image-card:hover{border-color:#666}.image-card.selected{border-color:#0f8;box-shadow:0 0 30px rgba(0,255,136,.5);animation:selectPulse .4s ease-out}@keyframes selectPulse{0%{box-shadow:0 0 20px rgba(0,255,136,.3)}50%{box-shadow:0 0 40px rgba(0,255,136,.7)}to{box-shadow:0 0 30px rgba(0,255,136,.5)}}.image-card.fade-out{opacity:0;pointer-events:none}.image-number{position:absolute;top:15px;left:15px;background:rgba(0,0,0,.9);color:#0f8;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;border:2px solid #0f8;z-index:10;transition:all .2s ease}.image-card.selected .image-number{background:#0f8;color:#000}.image-container{width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center}.image-container img{max-width:100%;max-height:100%;object-fit:contain;display:block}.results-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}.results-modal.visible{display:flex}.results-content{background:#111;border:2px solid #333;padding:40px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.share-btn{background:#1a1a1a;border:1px solid #333;color:#fff;padding:10px 20px;font-size:.85rem;font-family:inherit;cursor:pointer;transition:all .15s ease;text-transform:uppercase;font-weight:600;letter-spacing:1px;display:flex;align-items:center;gap:8px}.share-btn:hover{background:#333;border-color:#666}.action-btn{background:#1a1a1a;border:1px solid #444;color:#fff;padding:12px 24px;font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .15s ease;text-transform:uppercase;font-weight:600;letter-spacing:1px}.action-btn:hover{border-color:#0f8}.action-btn.primary,.action-btn:hover{background:#0f8;color:#000}.skeleton-card{position:relative;background:#0a0a0a;overflow:hidden}.skeleton-card,.skeleton-number{border:2px solid #333;display:flex;align-items:center;justify-content:center}.skeleton-number{position:absolute;top:15px;left:15px;width:50px;height:50px;background:#1a1a1a;z-index:10;color:#333;font-weight:700;font-size:1.5rem}.skeleton-image{background:#0a0a0a;left:0;overflow:hidden}.skeleton-image,.skeleton-shimmer{width:100%;height:100%;position:absolute;top:0}.skeleton-shimmer{left:-100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.05),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.loading{display:flex;justify-content:center;align-items:center;height:100%;font-size:1rem;color:#555;text-transform:uppercase;letter-spacing:2px}@media (max-width:1400px){.images-grid-5{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}}@media (max-width:1024px){.images-grid{grid-template-columns:1fr 1fr}.images-grid-4,.images-grid-5{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}}@media (max-width:768px){.header{flex-direction:column;align-items:stretch}.header-left,.header-right{justify-content:center}.images-grid-3,.images-grid-4,.images-grid-5{grid-template-columns:1fr 1fr;grid-template-rows:auto}}