@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Inter:wght@400;500;600;700&display=swap";
:root{--cream:#f5f0dc;--coral:#e8705a;--coral-dark:#c9563e;--olive:#8b9b6a;--yellow:#f0c96a;--teal:#7ba8aa;--brown:#3d2b1f;--brown-light:#6b4c3b;--white:#fffdf5;--border:3px solid var(--brown);--shadow:4px 4px 0px var(--brown);--shadow-lg:6px 6px 0px var(--brown);--radius:10px;--radius-sm:6px;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Inter", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-sans);background-color:var(--cream);color:var(--brown);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-sans)}img{max-width:100%}.font-serif{font-family:var(--font-serif)}.text-coral{color:var(--coral)}.text-brown{color:var(--brown)}.text-olive{color:var(--olive)}.text-teal{color:var(--teal)}.text-center{text-align:center}.card{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}.card:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}.card-cream{background:var(--cream)}.card-yellow{background:var(--yellow)}.btn{border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;white-space:normal;text-align:center;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}.btn:active{box-shadow:none;transform:translate(2px,2px)}.btn-primary{background:var(--coral);color:var(--white)}.btn-secondary{background:var(--white);color:var(--brown)}.btn-olive{background:var(--olive);color:var(--white)}.btn-yellow{background:var(--yellow);color:var(--brown)}.btn-teal{background:var(--teal);color:var(--white)}.btn-sm{padding:.4rem .9rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.2rem}.badge{border:2px solid var(--brown);letter-spacing:.05em;text-transform:uppercase;border-radius:50px;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.badge-free{background:var(--olive);color:var(--white)}.badge-premium{background:var(--yellow);color:var(--brown)}.badge-locked{color:var(--brown);background:#ccc}.tab-group{border:var(--border);border-radius:var(--radius);width:fit-content;display:flex;overflow:hidden}.tab-item{background:var(--white);color:var(--brown);border:none;padding:.55rem 1.4rem;font-size:.95rem;font-weight:600;transition:background .15s}.tab-item.active{background:var(--coral);color:var(--white)}.tab-item:not(:last-child){border-right:var(--border)}.input{border:var(--border);border-radius:var(--radius-sm);background:var(--white);width:100%;font-family:var(--font-sans);color:var(--brown);outline:none;padding:.65rem .9rem;font-size:.95rem;transition:box-shadow .15s}.input:focus{box-shadow:var(--shadow)}.select{border:var(--border);border-radius:var(--radius-sm);background:var(--white);width:100%;font-family:var(--font-sans);color:var(--brown);appearance:none;outline:none;padding:.65rem .9rem;font-size:.95rem}.game-card{cursor:pointer;background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-height:180px;padding:1.5rem;transition:transform .15s,box-shadow .15s;position:relative}.game-card:hover:not(.locked){box-shadow:var(--shadow-lg);transform:translate(-3px,-3px)}.game-card.locked{opacity:.65;cursor:not-allowed;background:#e8e4d4}.game-card .game-icon{margin-bottom:.75rem;font-size:2.5rem;display:block}.game-card h3{font-family:var(--font-serif);margin-bottom:.4rem;font-size:1.1rem}.game-card p{color:var(--brown-light);font-size:.82rem;line-height:1.5}.game-card .badge{position:absolute;top:1rem;right:1rem}.container{max-width:900px;margin:0 auto;padding:0 1.25rem}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (max-width:640px){.grid-2,.grid-3{grid-template-columns:1fr}}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.875rem}table th,table td{text-align:left;border:2px solid var(--brown);padding:.7rem .9rem}table th{background:var(--coral);color:var(--white);font-weight:700}table tr:nth-child(2n) td{background:#f0edd8}.modal-overlay{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#3d2b1f8c;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:420px;max-height:90vh;padding:2rem;animation:.2s slideUp;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(24px)}to{transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes tapRipple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(3)}}@keyframes countdown{0%{opacity:0;transform:scale(1.4)}30%{opacity:1}to{opacity:0;transform:scale(.8)}}.animate-pulse{animation:2s infinite pulse}.animate-fade{animation:.4s fadeIn}.toast{border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:9999;padding:.75rem 1.25rem;font-weight:600;animation:.2s slideUp;position:fixed;bottom:1.5rem;right:1.5rem}.toast-success{background:var(--olive);color:var(--white)}.toast-error{background:var(--coral);color:var(--white)}.toast-info{background:var(--teal);color:var(--white)}.spinner{border:3px solid var(--brown);border-top-color:#0000;border-radius:50%;width:2rem;height:2rem;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}