*{box-sizing:border-box;margin:0;padding:0}:root{color:#1a1a1a;-webkit-font-smoothing:antialiased;background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.6}body{min-height:100vh}#app{max-width:720px;margin:0 auto;padding:72px 24px 60px}.hidden{display:none!important}.app-header{margin-bottom:40px}.app-title{letter-spacing:-.4px;margin-bottom:4px;font-size:1.6rem;font-weight:600}.app-subtitle{color:#666;font-size:.9rem}.dropzone-row{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.dropzone{cursor:pointer;background:#fff;border:1.5px dashed #d0d0d0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:180px;padding:20px;transition:border-color .15s;display:flex;position:relative}.dropzone:hover,.dropzone.drag-over{border-color:#888}.dropzone.has-image{cursor:default;border-style:solid;border-color:#e0e0e0}.dropzone.has-image:hover{border-color:#e0e0e0}.dropzone-input{display:none}.dropzone-label{letter-spacing:.03em;text-transform:uppercase;color:#aaa;font-size:.7rem;font-weight:600;position:absolute;top:10px;left:12px}.dropzone-icon{color:#ccc}.dropzone:hover .dropzone-icon{color:#999}.dropzone-hint{color:#bbb;font-size:.8rem}.dropzone-upload-state,.dropzone-preview-state{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.dropzone-preview{object-fit:contain;border-radius:3px;max-width:100%;max-height:130px}.dropzone-filename{color:#aaa;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.72rem;overflow:hidden}.dropzone-remove{color:#999;cursor:pointer;background:#eee;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.9rem;line-height:1;display:flex;position:absolute;top:6px;right:6px}.dropzone-remove:hover{color:#555;background:#ddd}.action-bar{gap:10px;margin-bottom:24px;display:flex}.reset-btn{color:#777;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 16px;font-family:inherit;font-size:.8rem}.reset-btn:hover{color:#333;border-color:#aaa}.progress-container{margin-bottom:28px}.progress-bar{background:#eee;border-radius:1px;width:100%;height:2px;margin-bottom:6px;overflow:hidden}.progress-fill{background:#999;width:0%;height:100%;transition:width .15s ease-out}.progress-label{color:#bbb;font-size:.72rem}.step{margin-bottom:36px}.step-label{color:#555;margin-bottom:14px;font-size:.9rem}.step-label.question{color:#1a1a1a;font-weight:500}.step-label.answered{color:#1a1a1a;font-size:1.05rem;font-weight:600}.image-pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}.image-card{background:#fff;border:1px solid #e8e8e8;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:8px 8px 6px;display:flex;overflow:hidden}.image-card.choice{cursor:pointer;transition:border-color .15s,box-shadow .15s}.image-card.choice:hover{border-color:#bbb;box-shadow:0 2px 12px #0000000f}.image-card.revealed{background:#f0fdf4;border-color:#4ade80}.image-tag{color:#aaa;font-size:.7rem;font-weight:500}.game-canvas{border-radius:4px;width:100%;height:auto;display:block}.reveal{padding-top:8px}.reveal.fade-in{animation:.4s ease-out fadeUp}.reveal-text{color:#1a1a1a;margin-bottom:6px;font-size:1.1rem;font-weight:600}.reveal-sub{color:#666;margin-bottom:16px;font-size:.88rem}.reveal-takeaway{color:#555;background:#f5f5f5;border-radius:6px;margin-top:20px;padding:14px 16px;font-size:.85rem;line-height:1.5}.download-bar{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.download-btn{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:.72rem;display:inline-flex}.download-btn:hover{color:#1a1a1a;border-color:#aaa}.download-btn svg{width:11px;height:11px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=540px){#app{padding:40px 16px}.app-title{font-size:1.3rem}.dropzone-row{grid-template-columns:1fr}.dropzone{min-height:140px}}