:root{--terracotta:#c2452d;--sand:#e8d5b7;--sage:#87a878;--turquoise:#4ecdc4;--dark:#1a1a2e;--cream:#faf3e0;--gold:gold;--danger:#e74c3c;--success:#27ae60;--font-heading:"Press Start 2P", monospace;--font-body:"Inter", -apple-system, sans-serif;--radius:12px;--radius-sm:8px;--shadow:0 4px 20px #1a1a2e26;--shadow-lg:0 8px 40px #1a1a2e40}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--dark);color:var(--cream);-webkit-font-smoothing:antialiased}#app{width:100%;height:100%;position:relative;overflow:hidden auto}.screen{flex-direction:column;align-items:center;min-height:100vh;padding:1rem;display:flex}.btn{font-family:var(--font-body);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-width:120px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--terracotta);color:var(--cream);border-color:var(--terracotta)}.btn-primary:hover:not(:disabled){background:#d4533b;box-shadow:0 4px 15px #c2452d66}.btn-secondary{color:var(--sand);border-color:var(--sand);background:0 0}.btn-secondary:hover:not(:disabled){background:#e8d5b71a}.btn-ghost{color:var(--turquoise);background:0 0;border-color:#0000}.btn-ghost:hover{background:#4ecdc41a}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-buy{background:var(--sage);color:var(--dark);border-color:var(--sage);padding:1rem 2rem;font-size:1.1rem}.btn-buy:hover:not(:disabled){background:#9ab88c;box-shadow:0 4px 15px #87a87866}.btn-dig{color:var(--sand);border-color:var(--sand);background:0 0;padding:1rem 2rem;font-size:1.1rem}.btn-dig:hover:not(:disabled){background:#e8d5b71a}.btn-large{padding:1rem 2.5rem;font-size:1.2rem}.title-screen{background:radial-gradient(ellipse at center bottom, #c2452d26, transparent 70%), var(--dark);justify-content:center;gap:2rem}.title-logo{text-align:center}.title-crate{font-size:4rem;animation:3s ease-in-out infinite float}.title-heading{font-family:var(--font-heading);color:var(--terracotta);text-shadow:3px 3px #0000004d;margin-top:.5rem;font-size:2rem;line-height:1.4}.title-subtitle{color:var(--sand);opacity:.8;margin-top:.75rem;font-size:.9rem}.title-menu{flex-direction:column;gap:.75rem;width:100%;max-width:300px;display:flex}.title-footer{color:var(--sand);opacity:.4;text-align:center;max-width:280px;font-size:.75rem;font-style:italic;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.confirm-dialog{background:var(--dark);border:2px solid var(--terracotta);border-radius:var(--radius);text-align:center;padding:1.5rem;animation:.3s popIn}.confirm-buttons{justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.sale-screen{background:linear-gradient(180deg, #c2452d14 0%, var(--dark) 30%);gap:.75rem;padding-top:.5rem}.sale-header{text-align:center;width:100%;max-width:500px}.sale-name{font-family:var(--font-heading);color:var(--terracotta);font-size:.7rem;line-height:1.4}.sale-desc{color:var(--sand);opacity:.7;margin-top:.25rem;font-size:.8rem;font-style:italic}.sale-day{color:var(--turquoise);margin-top:.25rem;font-size:.7rem}.sale-status{border-radius:var(--radius-sm);background:#faf3e00d;justify-content:space-around;width:100%;max-width:500px;padding:.5rem;font-size:.85rem;display:flex}.status-cash{color:var(--sage);font-weight:600}.status-bag{color:var(--sand)}.status-progress{color:var(--turquoise)}.card-area{perspective:1000px;flex:1;justify-content:center;align-items:center;width:100%;max-width:500px;min-height:300px;display:flex}.sale-actions{gap:1rem;width:100%;max-width:500px;padding-bottom:.5rem;display:flex}.sale-actions .btn{flex:1}.keyboard-hint{color:var(--sand);opacity:.3;padding-bottom:1rem;font-size:.65rem}.item-card{border:2px solid var(--rarity-color,var(--sand));border-radius:var(--radius);width:100%;box-shadow:var(--shadow), inset 0 1px 0 #faf3e01a;background:linear-gradient(145deg,#faf3e014,#faf3e008);padding:1.25rem;position:relative;overflow:hidden}.item-card:before{content:"";background:var(--rarity-color,var(--sand));height:3px;position:absolute;top:0;left:0;right:0}.card-category{color:var(--sand);opacity:.7;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;display:flex}.category-icon{font-size:1.2rem}.card-name{font-family:var(--font-heading);color:var(--cream);margin-bottom:.5rem;font-size:.65rem;line-height:1.6}.card-description{color:var(--sand);margin-bottom:.5rem;font-size:.85rem;line-height:1.5}.card-condition{color:var(--sand);margin-bottom:.5rem;font-size:.8rem}.condition-stars{color:var(--gold);letter-spacing:2px}.condition-text{opacity:.7;font-size:.75rem}.card-flavor{color:var(--turquoise);opacity:.8;margin-bottom:.75rem;font-size:.8rem;font-style:italic;line-height:1.4}.card-eye-info{color:var(--sage);border-radius:var(--radius-sm);background:#87a8781a;margin-bottom:.5rem;padding:.4rem .6rem;font-size:.8rem}.card-rarity{font-family:var(--font-heading);border-radius:var(--radius-sm);margin-bottom:.5rem;padding:.3rem .6rem;font-size:.5rem;display:inline-block}.rarity-common{color:#bbb;background:#9e9e9e33}.rarity-uncommon{color:var(--sage);background:#87a87833}.rarity-rare{color:var(--turquoise);background:#4ecdc433}.rarity-legendary{color:var(--terracotta);background:#c2452d33}.rarity-grail{color:var(--gold);text-shadow:0 0 10px #ffd70080;background:#ffd70033}.card-trap-warning{color:var(--danger);border-radius:var(--radius-sm);background:#e74c3c1a;margin-bottom:.5rem;padding:.4rem .6rem;font-size:.8rem;animation:2s ease-in-out infinite pulse}.card-price{border-radius:var(--radius-sm);background:#1a1a2e80;justify-content:space-between;align-items:center;margin-top:.5rem;padding:.75rem;display:flex}.price-label{color:var(--sand);opacity:.7;text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.price-value{font-family:var(--font-heading);color:var(--cream);font-size:1rem}.card-bought{box-shadow:0 0 20px #87a8784d;border-color:var(--sage)!important}.card-skipped{opacity:.5}.flip-screen{background:radial-gradient(ellipse at center, #4ecdc40d, transparent 60%), var(--dark);gap:1.5rem;padding-top:1.5rem}.flip-heading{font-family:var(--font-heading);color:var(--turquoise);text-shadow:2px 2px #0000004d;font-size:1.2rem}.flip-subtitle{color:var(--sand);opacity:.7;margin-top:.25rem}.flip-empty{text-align:center;padding:3rem 1rem}.empty-icon{margin-bottom:1rem;font-size:4rem}.flip-cards{flex-direction:column;gap:1rem;width:100%;max-width:500px;display:flex}.flip-card{perspective:1000px;cursor:pointer;width:100%;height:180px}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flip-card.face-down .flip-card-inner{transform:rotateY(0)}.flip-card.flipping .flip-card-inner{transform:rotateY(90deg)}.flip-card.face-up .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{border-radius:var(--radius);backface-visibility:hidden;border:2px solid var(--rarity-color,var(--sand));flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:absolute}.flip-card-front{background:linear-gradient(145deg,#faf3e014,#1a1a2ee6)}.flip-card-back{background:linear-gradient(145deg,#faf3e01f,#1a1a2ed9);gap:.25rem;transform:rotateY(180deg)}.flip-card.face-down .flip-card-front{background:repeating-linear-gradient(45deg,#c2452d1a,#c2452d1a 10px,#e8d5b70d 10px 20px)}.flip-category{font-size:1.5rem}.flip-name{font-family:var(--font-heading);color:var(--cream);text-align:center;font-size:.5rem;line-height:1.5}.flip-paid{color:var(--sand);font-size:.85rem}.flip-condition{color:var(--gold);font-size:.7rem}.flip-rarity{font-family:var(--font-heading);border-radius:4px;padding:.2rem .5rem;font-size:.45rem}.flip-value-row{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.flip-paid-small{color:var(--sand);opacity:.7}.flip-arrow{color:var(--sand);opacity:.4}.flip-market{color:var(--cream);font-weight:600}.flip-profit{align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.score-badge{font-family:var(--font-heading);background:var(--gold);color:var(--dark);border-radius:4px;padding:.2rem .5rem;font-size:.5rem;animation:.5s ease-in-out pulse}.trap-badge{color:var(--danger);margin-top:.25rem;font-size:.75rem}.flip-total{border-radius:var(--radius);background:#faf3e00d;justify-content:space-between;align-items:center;width:100%;max-width:500px;padding:1rem;font-size:1.1rem;display:flex;position:sticky;bottom:5rem}.total-label{color:var(--sand)}.total-value{font-family:var(--font-heading);font-size:.9rem}.perfect-day{font-family:var(--font-heading);color:var(--gold);text-align:center;padding:.75rem;font-size:.8rem;animation:1s ease-in-out infinite pulse}.profit-positive{color:var(--sage)}.profit-negative{color:var(--danger)}.profit-neutral{color:var(--sand)}.upgrade-screen{background:linear-gradient(180deg, #87a87814 0%, var(--dark) 40%);gap:1.5rem;padding-top:1.5rem}.upgrade-heading{font-family:var(--font-heading);color:var(--sage);font-size:.9rem}.xp-earned{color:var(--gold);margin-top:.5rem;font-size:1.1rem;font-weight:700}.xp-total{color:var(--turquoise);margin-top:.25rem;font-size:.85rem}.day-cash{color:var(--sand);opacity:.7;margin-top:.25rem;font-size:.8rem}.upgrades-section{width:100%;max-width:500px}.upgrades-title{font-family:var(--font-heading);color:var(--sand);text-align:center;margin-bottom:1rem;font-size:.55rem}.upgrade-grid{flex-direction:column;gap:.75rem;display:flex}.upgrade-card{border-radius:var(--radius);background:#faf3e00d;border:2px solid #faf3e01a;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.upgrade-available{border-color:var(--sage);cursor:pointer}.upgrade-available:hover{background:#87a8781a;box-shadow:0 0 15px #87a87833}.upgrade-available:active{transform:scale(.98)}.upgrade-locked{opacity:.5}.upgrade-maxed{border-color:var(--gold);opacity:.7}.upgrade-icon{text-align:center;flex-shrink:0;width:3rem;font-size:2rem}.upgrade-info{flex:1;min-width:0}.upgrade-name{font-family:var(--font-heading);color:var(--cream);font-size:.55rem;line-height:1.4}.upgrade-desc{color:var(--sand);opacity:.7;margin-top:.25rem;font-size:.8rem}.upgrade-pips{gap:.4rem;margin-top:.4rem;display:flex}.pip{color:#faf3e04d;font-size:.8rem}.pip-filled{color:var(--turquoise)}.upgrade-cost{text-align:right;flex-shrink:0}.cost-value{font-size:.85rem;font-weight:600}.affordable{color:var(--sage)}.expensive{color:var(--sand);opacity:.5}.maxed-label{font-family:var(--font-heading);color:var(--gold);font-size:.5rem}.upgrade-actions{flex-direction:column;gap:.75rem;width:100%;max-width:300px;padding-bottom:2rem;display:flex}.stats-screen{gap:1.5rem;padding-top:1.5rem;padding-bottom:2rem}.stats-heading{font-family:var(--font-heading);color:var(--turquoise);font-size:.8rem}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;width:100%;max-width:500px;display:grid}.stat-card{border-radius:var(--radius-sm);text-align:center;background:#faf3e00d;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.stat-icon{font-size:1.5rem}.stat-value{font-family:var(--font-heading);color:var(--cream);font-size:.6rem}.stat-label{color:var(--sand);opacity:.6;font-size:.7rem}.stats-highlights{flex-wrap:wrap;gap:1rem;width:100%;max-width:500px;display:flex}.highlight-card{border-radius:var(--radius);background:#faf3e00d;flex:1;min-width:200px;padding:1rem}.highlight-best{border-left:3px solid var(--sage)}.highlight-worst{border-left:3px solid var(--danger)}.highlight-label{color:var(--sand);opacity:.7;margin-bottom:.25rem;font-size:.75rem}.highlight-item{font-family:var(--font-heading);color:var(--cream);font-size:.5rem;line-height:1.5}.highlight-value{margin-top:.25rem;font-weight:600}.stats-subheading{font-family:var(--font-heading);color:var(--sand);margin-bottom:.75rem;font-size:.55rem}.stats-categories,.stats-rarities{width:100%;max-width:500px}.category-grid,.rarity-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem;display:grid}.category-stat,.rarity-stat{border-radius:var(--radius-sm);background:#faf3e008;align-items:center;gap:.5rem;padding:.5rem;display:flex}.rarity-stat{border-left:3px solid}.cat-icon{font-size:1.2rem}.cat-name{color:var(--sand);flex:1;font-size:.75rem}.cat-count{font-family:var(--font-heading);color:var(--cream);font-size:.55rem}.rar-label{flex:1;font-size:.75rem}.rar-count{font-family:var(--font-heading);color:var(--cream);font-size:.55rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes popIn{0%{opacity:0;transform:scale(0)}80%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes shakeAnim{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes confettiPop{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{transform:translate(var(--x), var(--y)) rotate(var(--r)) scale(0);opacity:0}}@keyframes floatUp{0%{opacity:1;transform:translateY(0)translate(-50%)scale(1)}to{opacity:0;transform:translateY(-80px)translate(-50%)scale(1.5)}}@keyframes bigScoreAnim{0%{opacity:0;transform:scale(0)rotate(-10deg)}50%{opacity:1;transform:scale(1.2)rotate(5deg)}to{opacity:0;transform:scale(1)rotate(0)}}@keyframes sparkleAnim{0%{opacity:1;transform:scale(0)rotate(0)}to{opacity:0;transform:scale(1)rotate(180deg)}}.slide-in{animation:.35s cubic-bezier(.25,.46,.45,.94) both slideInRight}.slide-out{animation:.3s ease-in both slideOutLeft}.shake{animation:.5s both shakeAnim}.confetti-container{pointer-events:none;z-index:1000;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.confetti-particle{border-radius:2px;width:10px;height:10px;animation:1s cubic-bezier(.25,.46,.45,.94) forwards confettiPop;position:absolute}.cha-ching,.skull-float{pointer-events:none;z-index:1000;font-size:2rem;animation:1s ease-out forwards floatUp;position:fixed}.big-score-overlay{pointer-events:none;z-index:999;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.big-score-text{font-family:var(--font-heading);color:var(--gold);text-shadow:4px 4px 0 var(--terracotta), 0 0 40px #ffd70080;font-size:3rem;animation:1.5s both bigScoreAnim}.sparkle{pointer-events:none;font-size:1.2rem;animation:.8s ease-out forwards sparkleAnim;position:absolute}#app::-webkit-scrollbar{width:6px}#app::-webkit-scrollbar-track{background:var(--dark)}#app::-webkit-scrollbar-thumb{background:#e8d5b733;border-radius:3px}@media (width>=768px){.title-heading{font-size:3rem}.title-crate{font-size:6rem}.card-name{font-size:.8rem}.sale-actions .btn{padding:1.2rem 2rem;font-size:1.2rem}.keyboard-hint{opacity:.5;font-size:.75rem}.flip-card{height:200px}.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=380px){.screen{padding:.5rem}.title-heading{font-size:1.5rem}.card-name{font-size:.55rem}.item-card{padding:1rem}.sale-actions .btn{padding:.8rem 1rem;font-size:1rem}.keyboard-hint{display:none}}