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 ease-in-out infinite;background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-highlight) 50%,var(--skeleton-base) 75%);background-size:400px 100%}.skeleton-image-sm{border-radius:6px;height:50px;width:50px}.skeleton-text{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-highlight) 50%,var(--skeleton-base) 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 ease-in-out infinite!important;background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-highlight) 50%,var(--skeleton-base) 75%)!important;background-size:400px 100%!important;border-color:#0000!important;color:#0000!important}.image-container{align-items:center;min-height:160px;position:relative}.image-container,.image-zoom-trigger{display:flex;justify-content:center;width:100%}.image-zoom-trigger{background:none;border:none;cursor:zoom-in;padding:0}.image-zoom-trigger:disabled{cursor:default}.image-zoom-hint{color:var(--text-faint);font-size:12px;margin-bottom:0;margin-top:4px}.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{border-radius:10px;display:block;height:auto;margin:0 auto;max-height:200px;max-width:100%;object-fit:contain}.image-zoom-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle at center,#22201c9e,#12100eb8);inset:0;padding:16px;position:fixed;z-index:1200}.image-zoom-modal,.image-zoom-overlay{align-items:center;display:flex;justify-content:center}.image-zoom-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 12px 36px #00000059;flex-direction:column;max-height:90vh;padding:12px 12px 10px;position:relative;width:min(94vw,840px)}.image-zoom-toolbar{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:10px;padding-right:42px;width:100%}.image-zoom-btn,.image-zoom-reset{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);cursor:pointer}.image-zoom-btn{font-size:22px;height:34px;line-height:1;width:34px}.image-zoom-reset{font-size:13px;font-weight:600;height:34px;padding:0 14px}.image-zoom-level{color:var(--text-secondary);font-size:13px;font-weight:700;min-width:56px;text-align:center}.image-zoom-stage{align-items:center;background:#00000014;border-radius:10px;display:flex;justify-content:center;max-height:calc(90vh - 120px);overflow:hidden;touch-action:none;width:100%}.image-zoom-full{border-radius:10px;cursor:zoom-in;max-height:calc(90vh - 140px);object-fit:contain;transform-origin:center center;transition:transform .12s ease;-webkit-user-select:none;user-select:none;width:100%}.image-zoom-full.zoomed{cursor:grab}.image-zoom-full.dragging{cursor:grabbing;transition:none}.image-zoom-close{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);cursor:pointer;font-size:18px;height:34px;line-height:1;position:absolute;right:8px;top:8px;width:34px}.image-zoom-close:hover{background:var(--bg-tertiary)}.image-zoom-help{color:var(--text-faint);font-size:12px;margin:10px 0 2px}@media (max-width:640px){.image-zoom-modal{max-height:94vh;padding:10px 10px 8px;width:96vw}.image-zoom-stage{max-height:calc(94vh - 122px)}.image-zoom-full{max-height:calc(94vh - 146px)}.image-zoom-help{font-size:11px}}html:not(.dark) .item-display img{mix-blend-mode:multiply}html.dark .item-display img{background:#ffffff0f;border-radius:12px;padding:4px}html:not(.dark) .summary-image-container img{mix-blend-mode:multiply}html.dark .summary-image-container img{background:#ffffff0f}.item-name{color:var(--text-secondary);font-size:18px;font-weight:500;margin-top:10px;text-align:center}.item-details{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:6px}.item-detail-tag{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-muted);cursor:default;font-size:13px;padding:3px 10px;transition:background .2s ease,color .2s ease}.item-extra-tags{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:6px 0}.item-extra-text{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:4px 0;text-align:center}.item-extra-weighted{color:var(--text-muted);font-size:12px;font-style:italic}.game-meta{background-color:var(--bg-tertiary);border-radius:10px;box-shadow:0 2px 6px var(--shadow-color);color:var(--text-secondary);font-size:16px;margin-top:8px;padding:8px 18px;text-align:center}@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:18px;height:40px;min-width:0;padding:10px 14px;width:110px}.dollar-sign{color:var(--text-secondary);font-size:22px;font-weight:700;line-height:40px}.guess-form input[type=number]::-webkit-inner-spin-button,.guess-form input[type=number]::-webkit-outer-spin-button{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:22px;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:14px;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:17px;font-weight:700;margin:16px auto;padding:14px 36px;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-hero{animation:summaryHeroIn .5s ease both;border-radius:14px;margin-bottom:16px;padding:16px 20px 12px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.summary-hero:hover{box-shadow:0 4px 16px var(--shadow-color);transform:scale(1.02)}@keyframes summaryHeroIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.summary-emoji{animation:emojiBounce .6s ease .3s both;display:block;font-size:48px;margin-bottom:4px}@keyframes emojiBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}70%{transform:scale(.9)}to{transform:scale(1)}}.summary-hero-5{background:var(--correct-bg);border:2px solid var(--correct-border)}.summary-hero-3,.summary-hero-4{background:var(--high-bg);border:2px solid var(--high-border)}.summary-hero-1,.summary-hero-2{background:var(--bg-secondary);border:2px solid var(--border-color)}.summary-hero-0{background:var(--way-off-bg);border:2px solid var(--way-off-border)}.summary-title{color:var(--text-secondary);font-size:24px;margin-bottom:4px}.summary-score{color:var(--text-muted);font-size:17px;margin-bottom:0;text-align:center}.first-try-badge{animation:badgePop .4s ease .6s both;background:linear-gradient(135deg,gold,#ff8c00);border:2px solid #0000;border-radius:20px;color:#3e2c1c;cursor:default;display:inline-block;font-size:13px;font-weight:700;margin-top:8px;padding:3px 12px;position:relative;transition:border-color .15s ease,box-shadow .15s ease}.first-try-badge:hover{border-color:#ff6f00;box-shadow:0 0 10px #ff8c0066}.close-call-badge{animation:badgePop .4s ease .8s both;background:linear-gradient(135deg,#ffc107,#ff9800);border:2px solid #0000;border-radius:20px;color:#3e2c1c;cursor:default;display:inline-block;font-size:13px;font-weight:700;margin-left:6px;margin-top:6px;padding:3px 12px;position:relative;transition:border-color .15s ease,box-shadow .15s ease}.close-call-badge:hover{border-color:#e65100;box-shadow:0 0 10px #ff980066}.badge-count{align-items:center;background:#e53935;border-radius:50%;box-shadow:0 1px 3px #0000004d;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:18px;justify-content:center;line-height:1;position:absolute;right:-6px;top:-6px;width:18px}.summary-card.close-call{border-color:#ff9800}@keyframes badgePop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.streak-banner{align-items:center;animation:streakSlideIn .4s ease .3s both;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;display:flex;gap:8px;justify-content:center;margin-bottom:16px;padding:10px 20px;transition:transform .2s ease,box-shadow .2s ease}.streak-banner:hover{box-shadow:0 3px 12px var(--shadow-color);transform:scale(1.02)}@keyframes streakSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.streak-fire{font-size:22px}.streak-count{color:var(--text-primary);font-size:28px;font-weight:700}.streak-label{color:var(--text-muted);font-size:14px}.streak-tier-3{background:var(--high-bg);border-color:var(--high-border)}.streak-tier-7{animation:streakSlideIn .4s ease .3s both,streakGlow 2s ease-in-out .7s infinite;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-color:#e65100}html.dark .streak-tier-7{background:linear-gradient(135deg,#3d2010,#4d2810)}.streak-tier-30{animation:streakSlideIn .4s ease .3s both,streakGlow 1.5s ease-in-out .7s infinite;background:linear-gradient(135deg,#ffe0b2,#ffcc80);border-color:#f57c00}html.dark .streak-tier-30{background:linear-gradient(135deg,#4d2810,#5d3020)}.streak-tier-30 .streak-count{color:#e65100}.streak-tier-180{animation:streakSlideIn .4s ease .3s both,streakGlowPurple 1.5s ease-in-out .7s infinite;background:linear-gradient(135deg,#ede7f6,#d1c4e9);border-color:#7c4dff}html.dark .streak-tier-180{background:linear-gradient(135deg,#1a0a30,#2d1b4e)}.streak-tier-180 .streak-count{color:#7c4dff}.streak-tier-365{animation:streakSlideIn .4s ease .3s both,streakGlowGold 1.2s ease-in-out .7s infinite;background:linear-gradient(135deg,#fff8e1,#ffecb3,#fff3e0);border-color:gold}html.dark .streak-tier-365{background:linear-gradient(135deg,#3d3010,#4d3810,#3d2810)}.streak-tier-365 .streak-count{color:#f9a825;text-shadow:0 0 8px #ffd70080}@keyframes streakGlowPurple{0%,to{box-shadow:0 0 8px #7c4dff4d}50%{box-shadow:0 0 20px #7c4dff80}}@keyframes streakGlowGold{0%,to{box-shadow:0 0 10px #ffd7004d}50%{box-shadow:0 0 24px #ffd70099}}@keyframes streakGlow{0%,to{box-shadow:0 0 8px #e651004d}50%{box-shadow:0 0 20px #e6510080}}.summary-grid{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:400px}.card-expand-container{animation:cardSlideIn .35s ease forwards;opacity:0;position:relative;z-index:1}.card-expand-container:has(.card-details-dropdown.open){z-index:10}.card-expand-container:has(.card-details-dropdown.open)>.summary-card{border-bottom-color:#0000;border-radius:10px 10px 0 0}.card-expand-hint{color:var(--text-faint);font-size:14px;opacity:.5;position:absolute;right:10px;top:8px;transition:opacity .2s ease,transform .3s ease}.card-expand-hint.expanded{transform:rotate(180deg)}.card-expand-container:hover .card-expand-hint{opacity:1}.card-details-dropdown{background:var(--bg-card);border:2px solid var(--border-color);border-radius:0 0 10px 10px;border-top:none;max-height:0;opacity:0;overflow:hidden;padding:0 14px;transition:max-height .35s ease,padding .35s ease,opacity .25s ease}.card-details-dropdown.open{max-height:300px;opacity:1;overflow:visible;padding:10px 14px}.card-details-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.card-detail-tag{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-muted);cursor:default;font-size:13px;padding:3px 10px;transition:background .2s ease,color .2s ease}.card-detail-tag:hover{background:var(--bg-secondary);color:var(--text-primary)}.card-details-desc{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:4px 0 0}.card-details-pricing{margin-top:4px}.card-details-price-info{color:var(--text-muted);font-size:13px;font-style:italic;margin:2px 0}.tag-tooltip-wrapper{display:inline-block;position:relative}.tag-tooltip{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;bottom:calc(100% + 6px);box-shadow:0 2px 8px var(--shadow-color);color:var(--text-primary);font-size:11px;padding:3px 8px;pointer-events:none;white-space:nowrap;z-index:60}.tag-tooltip,.tag-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.tag-tooltip:after{border:5px solid #0000;border-top:5px solid var(--border-color);content:"";top:100%}.item-detail-tag:hover{background:var(--bg-secondary);color:var(--text-primary)}.summary-card{align-items:center;background:var(--bg-card);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:10px 14px;position:relative;transition:box-shadow .2s ease,border-radius .2s ease}.summary-card:hover{box-shadow:0 4px 14px var(--shadow-color)}@keyframes cardSlideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.summary-card.won{background:var(--win-bg)}.summary-card.won,.summary-card.won+.card-details-dropdown{border-color:var(--correct-border)}.summary-card.lost{background:var(--lose-bg)}.summary-card.lost,.summary-card.lost+.card-details-dropdown{border-color:var(--way-off-border)}.summary-card.first-try{background:linear-gradient(135deg,var(--win-bg),#fff8e1);border-color:#ff8c00;box-shadow:0 0 10px #ff8c0040}html.dark .summary-card.first-try{background:linear-gradient(135deg,var(--win-bg),#3d3010)}.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:16px;font-weight:600;margin:0}.summary-price{color:var(--text-muted);font-size:15px;margin:2px 0}.summary-result{font-size:15px;font-weight:700;margin:0}.summary-card.won .summary-result{color:var(--win-color)}.summary-card.lost .summary-result{color:var(--lose-color)}.share-wrapper{display:flex;justify-content:center;margin:20px auto 8px;position:relative}.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 32px;transition:background-color .3s ease,transform .15s ease}.share-btn:hover{background-color:var(--btn-dark-hover);transform:scale(1.05)}.share-btn:active{transform:scale(.95)}.share-panel{animation:shareMenuPop .2s ease;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;bottom:calc(100% + 10px);box-shadow:0 6px 24px var(--shadow-color);left:50%;overflow:hidden;position:absolute;transform:translateX(-50%);width:min(340px,90vw);z-index:50}@keyframes shareMenuPop{0%{opacity:0;transform:translateX(-50%) translateY(6px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.share-tabs{border-bottom:1px solid var(--border-color);display:flex}.share-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;flex:1 1;font-family:Playfair Display,serif;font-size:14px;padding:10px;transition:color .2s,border-color .2s}.share-tab.active{border-bottom-color:var(--btn-dark-bg);font-weight:700}.share-tab.active,.share-tab:hover{color:var(--text-primary)}.share-preview-image,.share-preview-text{padding:12px}.share-text-content{background:var(--bg-secondary);border-radius:8px;color:var(--text-primary);font-family:monospace;font-size:12px;line-height:1.5;margin:0;overflow-wrap:break-word;padding:10px;text-align:left;white-space:pre-wrap}.share-image-preview{border:1px solid var(--border-color);border-radius:8px;width:100%}.share-image-loading{color:var(--text-muted);font-size:14px;padding:24px;text-align:center}.share-actions{display:flex;gap:8px;margin-top:10px}.share-action-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;flex:1 1;font-family:Playfair Display,serif;font-size:13px;font-weight:700;padding:8px 16px;transition:background-color .2s,transform .1s}.share-action-btn:hover{background:var(--btn-bg-hover)}.share-action-btn:active{transform:scale(.97)}.share-social-row{display:flex;gap:8px;justify-content:center;margin-top:10px}.share-social-btn{align-items:center;border-radius:50%;display:inline-flex;font-size:16px;font-weight:700;height:36px;justify-content:center;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;width:36px}.share-social-btn:hover{box-shadow:0 2px 8px #0003;transform:scale(1.12)}.share-social-btn:active{transform:scale(.95)}.share-social-x{background:#000;color:#fff}html.dark .share-social-x{background:#e7e9ea;color:#000}.share-social-fb{background:#1877f2;color:#fff;font-family:Playfair Display,serif;font-size:18px}.share-social-reddit{background:#ff4500;color:#fff;font-family:monospace;font-size:13px}.share-social-threads{background:#000;color:#fff;font-size:18px}html.dark .share-social-threads{background:#e7e9ea;color:#000}.share-social-wa{background:#25d366;font-size:18px}.badge-tooltip-wrapper{display:inline-block;position:relative}.badge-tooltip{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 12px var(--shadow-color);color:var(--text-primary);font-size:12px;font-weight:400;opacity:1;padding:6px 12px;pointer-events:none;white-space:nowrap;z-index:60}.badge-tooltip,.badge-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.badge-tooltip:after{border:6px solid #0000;border-top:6px solid var(--border-color);content:"";top:100%}@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,.tutorial-launch-btn{color:var(--text-primary)}.tutorial-launch-btn{background-color:var(--btn-bg);border:none;border-radius:8px;cursor:pointer;display:block;font-size:15px;font-weight:700;margin:20px auto 0;padding:10px 20px;transition:background-color .25s ease,transform .2s ease}.tutorial-launch-btn:hover{background-color:var(--btn-bg-hover);transform:scale(1.05)}.tutorial-launch-btn:active{transform:scale(.95)}.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}.tutorial-overlay{align-items:center;animation:tutorialFadeIn .3s ease;background-color:var(--overlay-bg);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1100}@keyframes tutorialFadeIn{0%{opacity:0}to{opacity:1}}.tutorial-highlight{animation:highlightPulse 1.5s ease-in-out infinite;border:3px solid #ffc107;border-radius:12px;box-shadow:0 0 20px #ffc10780;pointer-events:none;position:fixed;z-index:1101}@keyframes highlightPulse{0%,to{box-shadow:0 0 12px #ffc10766}50%{box-shadow:0 0 24px #ffc107b3}}.tutorial-card{animation:tutorialSlideUp .35s ease;background-color:var(--bg-modal);border-radius:16px;box-shadow:0 12px 32px var(--shadow-color);color:var(--text-primary);font-family:Playfair Display,serif;max-height:90vh;max-width:400px;overflow-y:auto;padding:28px 24px 20px;position:relative;text-align:center;width:92%;z-index:1102}@keyframes tutorialSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tutorial-close{background:none;border:none;color:var(--text-faint);cursor:pointer;font-size:14px;position:absolute;right:12px;top:10px;transition:transform .2s ease,color .2s ease}.tutorial-close:hover{color:#a94442;transform:scale(1.1)}.tutorial-progress{display:flex;gap:6px;justify-content:center;margin-bottom:16px}.tutorial-pip{background:var(--border-color);border-radius:50%;height:8px;transition:all .3s ease;width:8px}.tutorial-pip.active{background:var(--btn-bg);transform:scale(1.3)}.tutorial-pip.done{background:var(--correct-border)}.tutorial-title{font-size:20px;margin-bottom:8px}.tutorial-body{color:var(--text-secondary);font-size:15px;line-height:1.5;margin-bottom:12px}.tutorial-mock{background:var(--bg-secondary);border-radius:12px;margin:8px 0 12px;padding:14px}.tutorial-mock-product{align-items:center;display:flex;gap:10px;margin-bottom:10px}.tutorial-mock-image{align-items:center;background:var(--bg-tertiary);border-radius:8px;display:flex;font-size:36px;height:50px;justify-content:center;width:50px}.tutorial-mock-name{color:var(--text-primary);font-size:14px;font-weight:600;margin:0;text-align:left}.tutorial-mock-form{align-items:center;display:flex;gap:6px;margin-bottom:10px}.tutorial-dollar{color:var(--text-secondary);font-size:18px;font-weight:700}.tutorial-mock-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:monospace;font-size:15px;min-height:28px;padding:6px 10px}.tutorial-cursor{animation:blink .8s step-end infinite;color:var(--text-muted)}@keyframes blink{50%{opacity:0}}.tutorial-mock-submit{background:var(--btn-bg);border-radius:6px;color:var(--text-primary);font-size:13px;font-weight:700;padding:6px 14px;transition:transform .15s ease}.tutorial-mock-submit.pressed{animation:submitPress .2s ease}@keyframes submitPress{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.tutorial-mock-guesses{display:flex;flex-direction:column;gap:5px}.tutorial-mock-guess{align-items:center;animation:mockGuessIn .3s ease both;background:var(--guess-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;min-height:30px;padding:6px}@keyframes mockGuessIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tutorial-mock-guess.empty{animation:none;opacity:.3}.tutorial-mock-guess.correct{background-color:var(--correct-bg);border-color:var(--correct-border)}.tutorial-mock-guess.high,.tutorial-mock-guess.low{background-color:var(--high-bg);border-color:var(--high-border)}.tutorial-mock-guess.way-high,.tutorial-mock-guess.way-low{background-color:var(--way-off-bg);border-color:var(--way-off-border)}.tutorial-mock-arrow{font-family:Arial,Helvetica,sans-serif;font-size:13px}.tutorial-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.tutorial-btn:disabled:hover{transform:none}.tutorial-nav{display:flex;gap:10px;justify-content:center;margin-top:8px}.tutorial-btn{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:700;padding:10px 20px;transition:background-color .25s ease,transform .2s ease}.tutorial-btn:hover{transform:scale(1.05)}.tutorial-btn:active{transform:scale(.95)}.tutorial-btn.primary{background-color:var(--btn-bg);color:var(--text-primary)}.tutorial-btn.primary:hover{background-color:var(--btn-bg-hover)}.tutorial-btn.secondary{background-color:initial;border:1px solid var(--border-color);color:var(--text-muted)}.tutorial-btn.secondary:hover{background-color:var(--bg-tertiary)}.tutorial-step-count{color:var(--text-faint);font-size:12px;margin-top:10px}*{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;--skeleton-base:#e8dcc6;--skeleton-highlight:#f7f0e2}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;--skeleton-base:#1e1e38;--skeleton-highlight:#35355a}#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{-webkit-text-fill-color:initial;background:none;background-clip:initial;color:#5a4c3b;font-size:clamp(26px,6vw,38px);letter-spacing:1px;margin:0;white-space:nowrap}.title-accent,.title-dot{color:#3da35d}.title-dot{font-size:.8em}html.dark .App h1{background:none;background-clip:initial;color:#e8d5b5}html.dark .title-accent,html.dark .title-dot{color:#4eca6a}.top-bar{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px;width:100%}.top-buttons-desktop{align-items:flex-start;display:flex;flex-shrink:0;gap:6px}.top-buttons-desktop 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-desktop button:hover{background-color:#c4a98d;background-color:var(--btn-bg-hover);transform:scale(1.1)}.top-buttons-desktop button:active{transform:scale(.95)}.hamburger-btn{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:none;font-size:22px;height:42px;justify-content:center;padding:0;transition:background-color .25s ease,transform .15s ease;width:42px}.hamburger-btn:hover{background-color:#c4a98d;background-color:var(--btn-bg-hover)}.hamburger-btn:active{transform:scale(.95)}.mobile-menu{animation:menuSlideDown .2s ease;padding:8px 0;width:100%}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-row{gap:8px}.mobile-menu-row,.mobile-menu-row button{align-items:center;display:flex;justify-content:center}.mobile-menu-row button{background-color:#d8bea2;background-color:var(--btn-bg);border:none;border-radius:8px;color:#222;color:var(--text-primary);cursor:pointer;font-size:18px;font-weight:700;height:42px;padding:0;transition:background-color .25s ease,transform .15s ease;width:42px}.mobile-menu-row button:hover{background-color:#c4a98d;background-color:var(--btn-bg-hover)}.mobile-menu-row button:active{transform:scale(.95)}@media (max-width:500px){.top-buttons-desktop{display:none}.hamburger-btn{display:flex}}@media (max-width:380px){.hamburger-btn{font-size:18px;height:34px;width:34px}.mobile-menu-row button{border-radius:6px;font-size:15px;height:34px;width:34px}.mobile-menu-row{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:0}.hard-mode-label{color:#999;color:var(--text-faint);font-size:9px;font-weight:700;letter-spacing:.5px;line-height:1;margin-top:2px;text-transform:uppercase;transition:color .25s ease}.hard-mode-label.active{color:#e65100}.volume-overlay{align-items:flex-start;animation:overlayFadeIn .15s ease;background:#0006;background:var(--overlay-bg);display:flex;inset:0;justify-content:center;padding-top:70px;position:fixed;z-index:200}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.volume-modal{animation:volumeModalIn .2s ease;background:#faf6f0;background:var(--bg-card);border:1px solid #ccc;border:1px solid var(--border-color);border-radius:14px;box-shadow:0 8px 32px #00000040;padding:16px 20px}@keyframes volumeModalIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.volume-modal-row{align-items:center;display:flex;gap:10px}.volume-mute-btn{background:none;border:none;cursor:pointer;font-size:20px;line-height:1;padding:4px}.volume-slider{accent-color:#5a4c3b;accent-color:var(--btn-dark-bg);cursor:pointer;width:120px}.volume-pct{color:#7a6a58;color:var(--text-muted);font-size:13px;font-weight:700;min-width:34px;text-align:right}
/*# sourceMappingURL=main.db3bf583.css.map*/