body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.game-container{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton-image{border-radius:8px;height:160px;width:100%}.skeleton-image,.skeleton-image-sm{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:400px 100%}.skeleton-image-sm{border-radius:6px;height:50px;width:50px}.skeleton-text{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:400px 100%;border-radius:4px;height:14px;width:160px}.skeleton-round{margin-bottom:8px;width:120px}.skeleton-name{margin-top:10px;width:200px}.skeleton-pulse{animation:shimmer 1.5s infinite!important;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%)!important;background-size:400px 100%!important;border-color:#0000!important;color:#0000!important}.image-container{align-items:center;display:flex;justify-content:center;min-height:160px;position:relative;width:100%}.image-container img.loading{opacity:0;position:absolute}.image-container img.loaded{opacity:1;transition:opacity .3s ease}.summary-image-container{flex-shrink:0;height:50px;position:relative;width:50px}.summary-image-container img{border-radius:6px;height:50px;object-fit:contain;transition:opacity .3s ease;width:50px}.item-display{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 10px var(--shadow-color);display:flex;flex-direction:column;margin:10px 0;max-width:280px;padding:14px;width:100%}.item-display img{display:block;height:auto;margin:0 auto;max-height:160px;max-width:100%;object-fit:contain}.item-name{font-size:16px;font-weight:500;margin-top:10px}.game-meta,.item-name{color:var(--text-secondary);text-align:center}.game-meta{background-color:var(--bg-tertiary);border-radius:10px;box-shadow:0 2px 6px var(--shadow-color);font-size:15px;margin-top:8px;padding:6px 16px}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.guess-count.pop{animation:pop .3s ease}.guess-form{align-items:center;display:flex;gap:6px;justify-content:center;margin-top:12px;max-width:300px;width:100%}.guess-input{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-primary);flex-shrink:1;font-size:16px;height:35px;min-width:0;padding:10px 12px;width:100px}.dollar-sign{color:var(--text-secondary);font-size:20px;font-weight:700;line-height:35px}.guess-form input[type=number]::-webkit-inner-spin-button,.guess-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.guess-form button{background-color:var(--btn-bg);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:700;padding:10px 16px;transition:background-color .3s ease,transform .2s ease}.guess-form button:hover{background-color:var(--btn-bg-hover);transform:scale(1.05)}.guess-form button:active{transform:scale(.95)}@keyframes shake{0%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}to{transform:translateX(0)}}.shake{animation:shake .5s ease}.guesses{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;margin-top:12px;max-width:300px;width:100%}.guess-box{align-items:center;background-color:var(--guess-bg);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);display:flex;font-weight:700;justify-content:center;min-height:34px;padding:8px;transition:background-color .3s ease}.guess-box.way-high,.guess-box.way-low{background-color:var(--way-off-bg);border-color:var(--way-off-border)}.guess-box.correct{background-color:var(--correct-bg);border-color:var(--correct-border)}.guess-box.high,.guess-box.low{background-color:var(--high-bg);border-color:var(--high-border)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.guess-box.fade-in{animation:fadeInUp .4s ease-out forwards;opacity:0}.arrow-fix{margin-left:8px}@keyframes slideInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.3)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.arrow-animated{animation-duration:.4s;animation-fill-mode:both;animation-timing-function:ease-out;display:inline-block}.arrow-animated.arrow-up{animation-name:slideInUp}.arrow-animated.arrow-down{animation-name:slideInDown}.arrow-animated.arrow-correct{animation-name:popIn}.hard-mode-toggle{align-items:center;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;gap:8px;margin-top:6px;-webkit-user-select:none;user-select:none}.hard-mode-toggle input[type=checkbox]{accent-color:var(--btn-dark-bg);cursor:pointer;height:16px;width:16px}.hard-mode-badge{background:var(--btn-dark-bg);border-radius:4px;color:var(--bg-primary);display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;margin-left:6px;padding:2px 6px;text-transform:uppercase}.meta-info{color:var(--text-muted);font-size:14px;font-style:italic;margin-top:10px}.result-text{font-size:20px;font-weight:700;margin-top:16px;text-align:center}.result-text.win{color:var(--win-color)}.result-text.hard-mode-win{color:#e65100;text-shadow:0 0 8px #ff8c004d}.result-text.lose{color:var(--lose-color)}.summary-card.hard-win{background:#fff5f0;border-color:#e65100}html.dark .summary-card.hard-win{background:#3d2010}.play-again-msg{color:var(--text-faint);font-size:16px;font-style:italic;margin-top:12px;text-align:center}.lose-animate{animation:shake .5s ease-in-out}.confetti-wrapper{height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity 1s ease-in-out;width:100%;z-index:999}.confetti-wrapper.fade-in{opacity:1}.confetti-wrapper.fade-out{opacity:0}.loading-text{color:var(--text-muted);text-align:center}.error-text,.loading-text{font-size:16px;margin-top:40px}.progress-bar{gap:10px;margin:12px 0 8px}.progress-bar,.progress-dot{display:flex;justify-content:center}.progress-dot{align-items:center;background:var(--guess-bg);border:2px solid var(--border-color);border-radius:50%;color:var(--text-faint);cursor:pointer;font-size:14px;font-weight:700;height:36px;transition:all .2s ease,transform .2s ease;width:36px}.progress-dot:hover{transform:scale(1.2)}.progress-dot:active{transform:scale(.9)}.progress-dot.active{background:var(--bg-tertiary);border-color:var(--btn-bg);color:var(--text-secondary);transform:scale(1.15)}.progress-dot.active:hover{transform:scale(1.25)}.progress-dot.won{background:var(--correct-bg);border-color:var(--correct-border);color:var(--win-color)}.progress-dot.lost{background:var(--way-off-bg);border-color:var(--way-off-border);color:var(--lose-color)}.round-label{color:var(--text-faint);font-size:13px;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.next-btn{background-color:var(--btn-bg);border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;display:block;font-size:16px;font-weight:700;margin:16px auto;padding:12px 32px;transition:background-color .3s ease,transform .15s ease}.next-btn:hover{background-color:var(--btn-bg-hover);transform:scale(1.05)}.next-btn:active{transform:scale(.95)}.summary-title{color:var(--text-secondary);margin-bottom:4px;text-align:center}.summary-score{color:var(--text-muted);font-size:16px;margin-bottom:20px;text-align:center}.summary-grid{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:400px}.summary-card{align-items:center;background:var(--bg-card);border:2px solid var(--border-color);border-radius:10px;display:flex;gap:12px;padding:10px 14px}.summary-card.won{background:var(--win-bg);border-color:var(--correct-border)}.summary-card.lost{background:var(--lose-bg);border-color:var(--way-off-border)}.summary-card img{border-radius:6px;height:50px;object-fit:contain;width:50px}.summary-info{flex:1 1}.summary-name{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.summary-price{color:var(--text-muted);font-size:13px;margin:2px 0}.summary-result{font-size:13px;font-weight:700;margin:0}.summary-card.won .summary-result{color:var(--win-color)}.summary-card.lost .summary-result{color:var(--lose-color)}.share-buttons{display:flex;gap:10px;justify-content:center;margin:20px auto 8px}.share-btn{background-color:var(--btn-dark-bg);border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-family:Playfair Display,serif;font-size:15px;font-weight:700;padding:12px 24px;transition:background-color .3s ease,transform .15s ease}.share-btn-image{background-color:var(--btn-bg);color:var(--text-primary)}.share-btn-image:hover{background-color:var(--btn-bg-hover)}.share-btn:hover{background-color:var(--btn-dark-hover);transform:scale(1.05)}.share-btn:active{transform:scale(.95)}@media (max-height:700px){.item-display{margin:6px 0;padding:10px}.item-display img{max-height:110px}.item-name{font-size:14px;margin-top:6px}.game-meta{font-size:13px;margin-top:4px;padding:4px 12px}.guess-form,.guesses{margin-top:8px}.guesses{gap:5px}.guess-box{border-radius:8px;font-size:13px;min-height:28px;padding:5px}.progress-bar{margin:4px 0}.progress-dot{font-size:12px;height:30px;width:30px}.result-text{font-size:16px;margin-top:10px}.next-btn{font-size:14px;margin:10px auto;padding:10px 24px}}@media (max-height:550px){.item-display img{max-height:80px}.guesses{gap:3px}.guess-box{font-size:12px;min-height:24px;padding:4px}}.instructions-modal{background-color:var(--bg-modal);border-radius:14px;box-shadow:0 10px 28px var(--shadow-color);color:var(--text-primary);font-family:Playfair Display,serif;font-size:17px;line-height:1.7;max-height:85vh;max-width:540px;overflow-y:auto;padding:36px 32px;position:relative;width:90%}.instructions-modal .close-btn{background:none;border:none;color:var(--text-faint);cursor:pointer;font-size:22px;position:absolute;right:18px;top:14px;transition:transform .2s ease,color .2s ease}.instructions-modal .close-btn:hover{color:#a94442;transform:scale(1.2)}.instructions-modal h2{font-size:26px;margin-bottom:16px;text-align:center}.instructions-modal h3{font-size:22px;margin-bottom:12px;margin-top:28px;text-align:left}.instructions-modal p{margin:14px 0}.instructions-modal ul{list-style-type:none;margin:12px 0 18px;padding-left:20px}.instructions-modal ul ul{margin-top:6px;padding-left:18px}.instructions-modal li{margin:8px 0}.examples{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-top:12px;width:100%}.example{align-items:center;background-color:var(--guess-bg);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;justify-content:center;min-height:42px;padding:12px}.footer-note{color:var(--text-muted);font-size:15px;font-style:italic;margin-top:26px;text-align:center}.arrow-fix{font-family:Arial,Helvetica,sans-serif}.arrow-margin{margin:0 6px}.way-low{background-color:var(--way-off-bg);border-color:var(--way-off-border)}.high{background-color:var(--high-bg);border-color:var(--high-border)}.correct{background-color:var(--correct-bg);border-color:var(--correct-border)}.feedback-link{color:var(--text-muted);font-size:14px;margin-top:16px;text-align:center}.feedback-link a{color:var(--text-secondary);text-decoration:underline;transition:color .2s ease}.feedback-link a:hover{color:var(--text-primary)}.modal-overlay{align-items:center;background-color:var(--overlay-bg);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.profile-section{margin:4px 0 12px;text-align:center}.display-name{align-items:center;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:16px;gap:6px}.display-name:hover .edit-hint{opacity:1}.edit-hint{font-size:14px;opacity:.3;transition:opacity .2s ease}.name-edit{align-items:center;display:flex;gap:6px;justify-content:center}.name-edit input{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:Playfair Display,serif;font-size:14px;padding:6px 10px;width:160px}.name-edit button{background-color:var(--btn-bg);border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:700;padding:6px 12px;transition:background-color .2s ease}.name-edit button:hover{background-color:var(--btn-bg-hover)}.modal-content{background-color:var(--bg-modal);border-radius:12px;box-shadow:0 8px 20px var(--shadow-color);font-family:Playfair Display,serif;max-height:85vh;max-width:460px;overflow-y:auto;padding:32px;position:relative;text-align:center;width:90%}.modal-content .close-btn{background:none;border:none;color:var(--text-faint);cursor:pointer;font-size:20px;position:absolute;right:16px;top:12px;transition:transform .2s ease,color .2s ease}.modal-content .close-btn:hover{color:#a94442;transform:scale(1.2)}.modal-content h2{color:var(--text-primary);font-size:24px;margin-bottom:10px}.stats-row{display:flex;justify-content:space-around;margin:20px 0;text-align:center}.stat-block{align-items:center;display:flex;flex-direction:column;min-width:60px}.stat-number{color:var(--text-primary);font-size:20px;font-weight:700}.stat-label{color:var(--text-muted);font-size:12px;margin-top:4px}.guess-distribution{margin-top:20px;text-align:left}.guess-distribution h3{color:var(--text-primary);font-size:18px;margin-bottom:10px}.bar-row{align-items:center;display:flex;margin-bottom:8px}.bar-row span{color:var(--text-secondary);font-weight:700;width:24px}.bar{align-items:center;background-color:var(--btn-bg-hover);border-radius:6px;color:#fff;display:flex;font-size:14px;height:24px;margin-left:10px;min-width:28px;padding:0 10px;transition:width .3s ease}.error-text{color:#dc3545;margin:20px 0;text-align:center}.retry-btn{background:var(--btn-bg);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:14px;margin:0 auto;padding:8px 24px}.retry-btn:hover{background:var(--btn-bg-hover)}.modal-header{align-items:center;display:flex;justify-content:space-between}.logout-btn{background:none;border:none;color:#c00;cursor:pointer;font-size:.9rem;font-weight:700;text-decoration:none}.logout-btn:hover{opacity:.6}.login-modal-overlay{align-items:center;background-color:var(--overlay-bg);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.login-modal{background-color:var(--bg-modal);border-radius:12px;box-shadow:0 8px 20px var(--shadow-color);font-family:Playfair Display,serif;max-width:400px;padding:32px;position:relative;width:90%}.login-modal .close-btn{align-items:center;background-color:initial;border:none;border-radius:35%;color:var(--text-faint);cursor:pointer;display:flex;font-size:20px;font-weight:700;height:32px;justify-content:center;line-height:32px;position:absolute;right:16px;text-align:center;top:12px;transition:transform .2s ease,background-color .2s ease;width:32px}.login-modal .close-btn:hover{background-color:#0000000d;color:var(--text-primary);transform:scale(1.15)}.login-modal h2{color:var(--text-primary);font-size:24px;margin-bottom:20px;text-align:center}.login-modal input[type=email],.login-modal input[type=password]{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:16px;margin-bottom:14px;padding:12px;width:100%}.login-modal button{background-color:var(--btn-bg);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:700;margin-bottom:10px;padding:12px;transition:background-color .3s ease;width:100%}.login-modal button:hover{background-color:var(--btn-bg-hover)}.login-modal .toggle-mode{color:var(--text-faint);cursor:pointer;font-size:14px;margin-top:10px;text-align:center}.login-modal .toggle-mode:hover{text-decoration:underline}.login-modal .error{background-color:#fde8e8;border:1px solid #e6a0a0;border-radius:6px;color:#c0392b}.login-modal .error,.login-modal .success{font-size:14px;margin-bottom:10px;padding:8px 12px;text-align:center}.login-modal .success{background-color:#e8f5e9;border:1px solid #a0d8a4;border-radius:6px;color:#2d7a32}.login-modal .forgot-password{color:var(--text-muted);cursor:pointer;font-size:13px;margin-bottom:4px;margin-top:4px;text-align:center}.login-modal .forgot-password:hover{color:var(--text-secondary);text-decoration:underline}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#f8f1e4;--bg-secondary:#f1e6d1;--bg-tertiary:#f3e9d9;--bg-card:#faf6f0;--bg-input:#fffdf9;--bg-modal:#fff9f3;--text-primary:#222;--text-secondary:#5a4c3b;--text-muted:#7a6a58;--text-faint:#999;--border-color:#ccc;--btn-bg:#d8bea2;--btn-bg-hover:#c4a98d;--btn-dark-bg:#5a4c3b;--btn-dark-hover:#3e352a;--guess-bg:#f6f6f6;--shadow-color:#0000001a;--overlay-bg:#0006;--win-color:#3da35d;--win-bg:#c2f0c2;--lose-color:#dc3545;--lose-bg:#f8d7da;--correct-bg:#c2f0c2;--correct-border:#3da35d;--high-bg:#fff3cd;--high-border:#ffc107;--way-off-bg:#f8d7da;--way-off-border:#dc3545}html.dark{--bg-primary:#1a1a2e;--bg-secondary:#222240;--bg-tertiary:#2a2a45;--bg-card:#252545;--bg-input:#2a2a45;--bg-modal:#1e1e38;--text-primary:#e8e0d4;--text-secondary:#c4b59a;--text-muted:#9a8d7d;--text-faint:#6a6070;--border-color:#444468;--btn-bg:#3d3560;--btn-bg-hover:#524890;--btn-dark-bg:#4a4070;--btn-dark-hover:#5a50a0;--guess-bg:#252545;--shadow-color:#0000004d;--overlay-bg:#0009;--win-color:#4eca6a;--win-bg:#1a3d2a;--lose-color:#ff6b6b;--lose-bg:#3d1a1a;--correct-bg:#1a3d2a;--correct-border:#4eca6a;--high-bg:#3d3518;--high-border:#e6ad06;--way-off-bg:#3d1a1a;--way-off-border:#ff6b6b}#root,body,html{background-color:#f8f1e4;background-color:var(--bg-primary);color:#222;color:var(--text-primary);font-family:Playfair Display,serif;height:100%;margin:0;transition:background-color .3s ease,color .3s ease}#root{justify-content:center}#root,.App{display:flex;min-height:100%}.App{align-items:center;flex-direction:column;max-width:500px;padding:12px 16px 24px;width:100%}.App h1{font-size:clamp(22px,5vw,32px);margin:0;white-space:nowrap}.top-bar{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px;width:100%}.top-buttons-left{display:flex;flex-shrink:0;gap:6px}.phantom-spacer{height:42px;visibility:hidden;width:42px}.top-buttons-left button{align-items:center;background-color:#d8bea2;background-color:var(--btn-bg);border:none;border-radius:8px;color:#222;color:var(--text-primary);cursor:pointer;display:flex;font-size:18px;font-weight:700;height:42px;justify-content:center;padding:0;transition:background-color .25s ease,transform .2s ease,color .25s ease;width:42px}.top-buttons-left button:hover{background-color:#c4a98d;background-color:var(--btn-bg-hover);transform:scale(1.1)}.top-buttons-left button:active{transform:scale(.95)}.top-buttons{display:flex;flex-shrink:0;gap:6px}.top-buttons button{align-items:center;background-color:#d8bea2;background-color:var(--btn-bg);border:none;border-radius:8px;color:#222;color:var(--text-primary);cursor:pointer;display:flex;font-size:18px;font-weight:700;height:42px;justify-content:center;padding:0;transition:background-color .25s ease,transform .2s ease,color .25s ease;width:42px}.top-buttons button:hover{background-color:#c4a98d;background-color:var(--btn-bg-hover);transform:scale(1.1)}.top-buttons button:active{transform:scale(.95)}@media (max-width:380px){.top-buttons button,.top-buttons-left button{border-radius:6px;font-size:15px;height:34px;width:34px}.phantom-spacer{height:34px;width:34px}.top-buttons,.top-buttons-left{gap:4px}.App h1{font-size:20px}.hard-mode-label{font-size:8px!important}}@keyframes hard-mode-pulse{0%,to{box-shadow:0 0 8px #ff8c0066}50%{box-shadow:0 0 18px #ff8c00b3}}.hard-mode-btn{position:relative;transition:all .25s ease}.hard-mode-btn.active{animation:hard-mode-pulse 1.8s ease-in-out infinite;background-color:#5a4c3b;background-color:var(--btn-dark-bg)}.hard-mode-btn.active:hover{background-color:#3e352a;background-color:var(--btn-dark-hover)}.hard-mode-btn:disabled{animation:none;cursor:not-allowed;opacity:.45}.hard-mode-btn:disabled:hover{background-color:#d8bea2;background-color:var(--btn-bg)}.hard-mode-btn.active:disabled{animation:none;opacity:.7}.hard-mode-btn.active:disabled:hover{background-color:#5a4c3b;background-color:var(--btn-dark-bg)}.hard-mode-wrapper{align-items:center;display:flex;flex-direction:column;gap:2px}.hard-mode-label{color:#999;color:var(--text-faint);font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;transition:color .25s ease}.hard-mode-label.active{color:#e65100}
/*# sourceMappingURL=main.2976ce76.css.map*/