*,:before,:after{box-sizing:border-box}body{color:#2d2233;-webkit-font-smoothing:antialiased;background:#f0f5ec;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3,p{margin:0}button,input{font-family:inherit}.welcome-page{flex-direction:column;gap:24px;padding-bottom:16px;display:flex}.welcome-top{text-align:center}.welcome-emoji{margin-bottom:12px;font-size:3.5rem}.welcome-title{color:#2d2233;margin:0 0 12px;font-size:1.7rem;font-weight:800;line-height:1.25}.welcome-subtitle{color:#7a6a85;margin:0;font-size:.95rem;line-height:1.6}.welcome-rules{background:#f0eaf8;border:1px solid #ddd0f0;border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex}.rule{align-items:flex-start;gap:12px;display:flex}.rule-icon{flex-shrink:0;margin-top:2px;font-size:1.3rem}.rule p{color:#5a4a66;margin:0;font-size:.9rem;line-height:1.5}.welcome-start-btn{color:#fff;cursor:pointer;background:#8b6ddb;border:none;border-radius:50px;width:100%;padding:18px;font-size:1.1rem;font-weight:700;transition:background .2s,transform .1s}.welcome-start-btn:hover{background:#7558c4}.welcome-start-btn:active{transform:scale(.98)}.welcome-note{text-align:center;color:#b0a0ba;margin:0;font-size:.78rem}.clue-photo-container{aspect-ratio:1;background:#1a1a2e;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006}.clue-photo-image{object-fit:cover;transform-origin:50%;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:transform 1s cubic-bezier(.25,.46,.45,.94)}.zoom-level-0{transform:scale(15)}.zoom-level-1{transform:scale(12)}.zoom-level-2{transform:scale(8)}.zoom-level-3{transform:scale(3)}.zoom-level-4{transform:scale(1)}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0 0 env(safe-area-inset-bottom);background:#2d223399;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-card{background:#fdfaff;border-radius:24px 24px 0 0;width:100%;max-width:480px;padding:28px 24px 36px;animation:.25s slide-up;position:relative}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-close{cursor:pointer;color:#b0a0ba;background:0 0;border:none;font-size:1.2rem;position:absolute;top:16px;right:20px}.modal-zoom-label{text-transform:uppercase;letter-spacing:.08em;color:#8b6ddb;margin-bottom:12px;font-size:.75rem;font-weight:700}.modal-question{color:#2d2233;margin:0 0 20px;font-size:1.15rem;font-weight:600;line-height:1.4}.modal-form{flex-direction:column;gap:12px;display:flex}.modal-input{box-sizing:border-box;color:#2d2233;background:#fdfaff;border:2px solid #ddd0f0;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:1rem;transition:border-color .2s}.modal-input:focus{border-color:#8b6ddb}.modal-input--wrong{border-color:#c05050;animation:.3s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.modal-submit{color:#fff;cursor:pointer;background:#8b6ddb;border:none;border-radius:12px;padding:14px;font-size:1rem;font-weight:700;transition:background .2s}.modal-submit:hover:not(:disabled){background:#7558c4}.modal-submit:disabled{opacity:.6;cursor:default}.modal-wrong-msg{color:#a03030;text-align:center;margin:8px 0 0;font-size:.9rem}.hint-btn{color:#9a7355;cursor:pointer;text-align:center;background:#faf5ef;border:1px solid #d4b898;border-radius:8px;width:100%;padding:7px 14px;font-size:.78rem;font-weight:500;transition:background .2s,border-color .2s}.hint-btn:hover:not(:disabled){background:#f0e8dc;border-color:#9a7355}.hint-btn:disabled{opacity:.5}.hint-box{background:#faf5ef;border:1.5px solid #d4b898;border-radius:12px;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.hint-icon{flex-shrink:0;font-size:1.2rem}.hint-text{color:#5a3f20;margin:0;font-size:.95rem;line-height:1.5}.stop-loading,.stop-error{text-align:center;color:#9a7355;padding:60px 20px;font-size:1rem}.stop-error{color:#c05050}.stop-page{flex-direction:column;gap:20px;display:flex}.stop-header{flex-direction:column;gap:6px;display:flex}.stop-progress-bar{background:#ddd0f0;border-radius:3px;height:6px;overflow:hidden}.stop-progress-fill{background:linear-gradient(90deg,#6aaa77,#98c9a0);border-radius:3px;height:100%;transition:width .5s}.stop-counter{color:#b0a0ba;text-align:right;margin:0;font-size:.78rem}.stop-actions{flex-direction:column;gap:12px;display:flex}.zoom-out-section{flex-direction:column;gap:10px;display:flex}.zoom-out-hint{color:#7a6a85;text-align:center;margin:0;font-size:.82rem;line-height:1.5}.zoom-out-btn{color:#fff;cursor:pointer;background:#8b6ddb;border:none;border-radius:14px;width:100%;padding:16px;font-size:1rem;font-weight:700;transition:background .2s}.zoom-out-btn:hover{background:#7558c4}.stop-full-zoom-msg{text-align:center;color:#4a8a57;background:#edf7ef;border:1.5px solid #a8d9b0;border-radius:12px;margin:0;padding:12px 16px;font-size:.95rem;font-weight:600}.scan-btn{color:#fff;cursor:pointer;background:#6aaa77;border:none;border-radius:14px;width:100%;padding:16px;font-size:1rem;font-weight:700;transition:background .2s}.scan-btn:hover{background:#559063}.location-guess-form{flex-direction:column;gap:8px;display:flex}.location-guess-label{color:#7a6a85;font-size:.85rem;font-weight:500}.location-guess-row{gap:8px;display:flex}.location-guess-input{color:#2d2233;background:#fdfaff;border:1.5px solid #ddd0f0;border-radius:12px;outline:none;flex:1;padding:12px 14px;font-size:.95rem;transition:border-color .2s}.location-guess-input:focus{background:#fff;border-color:#8b6ddb}.location-guess-input--wrong{background:#fff5f5;border-color:#c05050}.location-guess-btn{color:#fff;cursor:pointer;background:#8b6ddb;border:none;border-radius:12px;padding:12px 18px;font-size:1.1rem;font-weight:700;transition:background .2s}.location-guess-btn:hover{background:#7558c4}.location-guess-msg{border-radius:10px;margin:0;padding:8px 12px;font-size:.85rem;font-weight:600}.location-guess-msg--wrong{color:#a03030;background:#fff0f0;border:1px solid #f0b8b8}.location-guess-msg--correct{color:#4a8a57;background:#edf7ef;border:1.5px solid #a8d9b0;padding:12px 16px}.win-page{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:40px 0;display:flex}.win-confetti{font-size:3rem;animation:1s infinite alternate bounce}@keyframes bounce{0%{transform:scale(1)}to{transform:scale(1.15)}}.win-title{color:#8b6ddb;margin:0;font-size:2.2rem;font-weight:800}.win-message{color:#5a4a66;white-space:pre-line;background:#f0eaf8;border:1px solid #ddd0f0;border-radius:16px;margin:0;padding:20px;font-size:1.05rem;line-height:1.8}.win-restart-btn{color:#b0a0ba;cursor:pointer;background:0 0;border:1.5px solid #c4b0d8;border-radius:12px;margin-top:20px;padding:12px 24px;font-size:.9rem;transition:border-color .2s,color .2s}.win-restart-btn:hover{color:#9a7355;border-color:#9a7355}.puzzle-intro{text-align:center;color:#2d2233;background:#f0f5ec;flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;min-height:100vh;padding:2rem 1.5rem;display:flex}.chest-wrapper{margin-bottom:.5rem}.chest-body{background:linear-gradient(160deg,#c49a6c,#a07848);border:3px solid #7a5530;border-radius:6px 6px 10px 10px;justify-content:center;align-items:center;width:110px;height:90px;display:flex;position:relative}.chest-lid{background:linear-gradient(160deg,#d4aa7a,#b88848);border:3px solid #7a5530;border-bottom:none;border-radius:8px 8px 0 0;width:110px;height:30px;position:absolute;top:-22px;left:-3px}.chest-lid:after{content:"";background:#7a5530;height:4px;position:absolute;bottom:-4px;left:0;right:0}.chest-lock{margin-top:6px;font-size:1.6rem}.puzzle-intro-text{color:#7a6a85;max-width:300px;margin:0;font-size:1rem;line-height:1.5}.puzzle-intro-btn{color:#fff;cursor:pointer;letter-spacing:.02em;background:#9a7355;border:none;border-radius:12px;margin-top:.8rem;padding:.9rem 2rem;font-size:1rem;font-weight:700;transition:background .2s}.puzzle-intro-btn:hover{background:#7d5c3f}.puzzle-intro-btn:active{opacity:.85}.fp-shell{color:#2d2233;background:#f0f5ec;flex-direction:column;align-items:center;min-height:100vh;padding:1.5rem 1rem 5rem;display:flex}.fp-shell.fp-error{text-align:center;color:#c05050;justify-content:center;gap:.5rem}.fp-subtitle{color:#7a6a85;text-align:center;max-width:360px;margin:0 0 1.2rem;font-size:.9rem;line-height:1.6}.fp-loading{color:#9a8aaa;flex-direction:column;align-items:center;gap:1rem;margin-top:3rem;font-size:.9rem;display:flex}.fp-spinner{border:4px solid #ddd0f0;border-top-color:#8b6ddb;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fp-slots{grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:420px;display:grid}.fp-slot{flex-direction:column;align-items:center;gap:.5rem;display:flex}.fp-slot-num{color:#8b6ddb;font-weight:700}.fp-slot-clue{color:#5a4a66;text-align:center;min-height:2.5rem;margin:0;font-size:.85rem;line-height:1.3}.fp-photo-box{aspect-ratio:1;cursor:pointer;background:#fdfaff;border:2px dashed #c4b0d8;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;width:100%;transition:border-color .2s,background .2s;display:flex}.fp-photo-box:active{background:#f0eaf8}.fp-photo-box--filled{background:#edf7ef;border:2px solid #6aaa77}.fp-photo-icon{font-size:2rem}.fp-photo-check{color:#6aaa77;font-size:1.4rem}.fp-photo-name{color:#4a8a57;font-size:.85rem;font-weight:600}.fp-photo-clear{color:#b0a0ba;margin-top:.2rem;font-size:.7rem}.fp-verify-btn{color:#fff;cursor:pointer;background:#8b6ddb;border:none;border-radius:12px;margin-top:1.5rem;padding:.9rem 2.5rem;font-size:1.05rem;font-weight:700;transition:background .2s}.fp-verify-btn:hover{background:#7558c4}.fp-verify-btn:disabled{opacity:.6;cursor:default}.fp-wrong{text-align:center;flex-direction:column;align-items:center;gap:.8rem;margin-top:1.5rem;display:flex}.fp-wrong p{color:#a03030;background:#fff0f0;border:1px solid #f0b8b8;border-radius:10px;margin:0;padding:10px 16px;font-weight:600}.fp-retry-btn{color:#9a7355;cursor:pointer;background:#faf5ef;border:1.5px solid #d4b898;border-radius:10px;padding:.7rem 1.8rem;font-size:.95rem;font-weight:600;transition:background .2s}.fp-retry-btn:hover{background:#f0e8dc}.fp-modal-overlay{z-index:100;background:#2d2233d9;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.fp-modal{background:#2d2233;border-radius:20px 20px 0 0;flex-direction:column;align-items:center;gap:.8rem;width:100%;max-width:480px;padding:1.2rem 1rem 2rem;display:flex}.fp-modal-title{color:#c4b0f5;text-align:center;margin:0;font-size:1rem;font-weight:600}.fp-video-wrap{background:#000;border-radius:12px;width:100%;max-width:380px;overflow:hidden}.fp-video{object-fit:cover;width:100%;max-height:300px;display:block}.fp-recognize-msg{color:#d4b898;text-align:center;margin:0;font-size:.9rem}.fp-manual-form{gap:.5rem;width:100%;max-width:360px;display:flex}.fp-manual-input{color:#f0eaf8;background:#3d3048;border:1px solid #5a4a66;border-radius:8px;flex:1;padding:.6rem .8rem;font-size:.95rem}.fp-manual-submit{color:#fff;cursor:pointer;background:#8b6ddb;border:none;border-radius:8px;padding:.6rem 1rem;font-size:.9rem;font-weight:700}.fp-modal-actions{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.fp-capture-btn{color:#fff;cursor:pointer;background:#8b6ddb;border:none;border-radius:12px;padding:.8rem 1.8rem;font-size:1rem;font-weight:700;transition:background .2s}.fp-capture-btn:hover{background:#7558c4}.fp-capture-btn:disabled{opacity:.6;cursor:default}.fp-cancel-btn{color:#c4b0d8;cursor:pointer;background:#3d3048;border:1px solid #5a4a66;border-radius:12px;padding:.8rem 1.4rem;font-size:.95rem}.fp-dev-panel{z-index:50;background:#f0eaf8;border:1px solid #c4b0d8;border-radius:10px;align-items:center;gap:.5rem;padding:.4rem .7rem;display:flex;position:fixed;bottom:1rem;right:1rem}.fp-dev-label{color:#9a8aaa;font-size:.75rem}.fp-dev-btn{color:#7a6a85;cursor:pointer;background:#fdfaff;border:1px solid #c4b0d8;border-radius:6px;padding:.25rem .6rem;font-size:.75rem}.fp-dev-btn:hover{background:#f0eaf8}.qr-scanner-wrapper{flex-direction:column;gap:16px;display:flex}.qr-scanner-header{align-items:center;gap:12px;display:flex}.qr-cancel-btn{color:#6c47ff;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.95rem}.qr-title{color:#1a1a2e;margin:0;font-size:1.1rem;font-weight:700}#qr-reader{border-radius:16px;overflow:hidden;border:none!important;width:100%!important}#qr-reader video{border-radius:16px}#qr-reader__status_span{display:none}#qr-reader__dashboard_section_csr button{color:#fff!important;cursor:pointer!important;background:#6c47ff!important;border:none!important;border-radius:8px!important;padding:10px 20px!important;font-size:.95rem!important}.qr-reader{min-height:300px}.qr-status{text-align:center;border-radius:8px;margin:0;padding:8px;font-size:.95rem}.qr-status--validating{color:#6c47ff;background:#f0ecff}.qr-status--error{color:#e53e3e;background:#fff0f0}.qr-hint{text-align:center;color:#888;margin:0;font-size:.85rem}.app-shell{min-height:100svh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:#f0f5ec;flex-direction:column;align-items:center;display:flex}.app-content{flex:1;width:100%;max-width:480px;padding:24px 20px}.app-loading{color:#9a7355;justify-content:center;align-items:center;height:100svh;font-size:1rem;display:flex}