:root{--saffron: #FF9933;--saffron-light: #FFB366;--saffron-dark: #CC7A00;--green: #138808;--green-light: #1AAB0A;--white: #FFFFFF;--cream: #FFF8F0;--danger: #E53E3E;--danger-light: #FED7D7;--success: #38A169;--success-light: #C6F6D5;--text: #1A202C;--text-muted: #718096;--border: #E2E8F0;--shadow: 0 2px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.14);--radius: 12px;--radius-sm: 6px;--font-body: "Inter", "Noto Sans Tamil", sans-serif;--font-tamil: "Noto Sans Tamil", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-body);background:var(--cream);color:var(--text);min-height:100vh}button{cursor:pointer;border:none;font-family:inherit}ul{list-style:none}.tamil{font-family:var(--font-tamil)}.small{font-size:.78em;opacity:.85}.app{display:flex;flex-direction:column;min-height:100vh}.nav{background:linear-gradient(135deg,var(--saffron),var(--saffron-dark));color:var(--white);padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow)}.nav-brand{font-size:1.2rem;font-weight:700;font-family:var(--font-tamil)}.nav-score{font-weight:600;background:#fff3;padding:.3rem .8rem;border-radius:999px}.nav-right{display:flex;align-items:center;gap:.75rem}.lang-switcher{background:#ffffff26;color:var(--white);border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:.25rem .75rem;font-size:.85rem;cursor:pointer;font-family:var(--font-tamil);transition:background .2s}.lang-switcher:hover{background:#ffffff4d}.btn-exit{background:#ffffff26;color:var(--white);border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:.25rem .75rem;font-size:.85rem;cursor:pointer;transition:background .2s}.btn-exit:hover{background:#ffffff4d}.main{flex:1;max-width:900px;margin:0 auto;width:100%;padding:1.5rem 1rem}.footer{text-align:center;padding:1rem;color:var(--text-muted);font-size:.85rem;border-top:1px solid var(--border);display:flex;justify-content:center;align-items:center;gap:1rem}.app-version{font-size:.75rem;opacity:.6;font-variant-numeric:tabular-nums}.setup-screen{display:flex;flex-direction:column;gap:2rem}.hero{text-align:center;padding:2rem 1rem}.hero-title{font-size:clamp(2rem,6vw,3.5rem);font-family:var(--font-tamil);color:var(--saffron-dark);font-weight:700;line-height:1.1}.hero-subtitle{font-size:1.25rem;font-weight:600;color:var(--green);margin-top:.4rem}.hero-desc{margin-top:.75rem;color:var(--text-muted);font-size:.95rem}.section-title{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:var(--text);display:flex;align-items:center;gap:.5rem}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mode-card{background:var(--white);border:2px solid var(--border);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;transition:border-color .2s,box-shadow .2s,transform .15s;text-align:center}.mode-card:hover{border-color:var(--saffron);box-shadow:var(--shadow);transform:translateY(-2px)}.mode-card.selected{border-color:var(--saffron);background:#fff3e0;box-shadow:0 0 0 3px #ff993340}.mode-icon{font-size:2.5rem}.mode-card strong{font-size:1.1rem}.mode-card p{font-size:.85rem;color:var(--text-muted);margin-top:.25rem}.difficulty-pills{display:flex;gap:.75rem;flex-wrap:wrap}.difficulty-pill{padding:.6rem 1.4rem;border-radius:999px;border:2px solid var(--border);background:var(--white);font-size:.95rem;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:.1rem;transition:.2s}.difficulty-pill.easy:hover,.difficulty-pill.easy.selected{border-color:var(--green);background:var(--success-light)}.difficulty-pill.medium:hover,.difficulty-pill.medium.selected{border-color:var(--saffron);background:#fff3e0}.difficulty-pill.hard:hover,.difficulty-pill.hard.selected{border-color:var(--danger);background:var(--danger-light)}.start-btn{align-self:center;padding:1rem 3rem;font-size:1.15rem;border-radius:999px;margin-top:.5rem}.btn-primary{background:linear-gradient(135deg,var(--saffron),var(--saffron-dark));color:var(--white);padding:.7rem 1.5rem;border-radius:var(--radius);font-size:1rem;font-weight:600;transition:opacity .2s,transform .15s;border:none}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:var(--white);color:var(--saffron-dark);border:2px solid var(--saffron);padding:.6rem 1.2rem;border-radius:var(--radius);font-size:.95rem;font-weight:600;transition:.2s}.btn-secondary:hover:not(:disabled){background:#fff3e0}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.close-btn{background:none;font-size:1.1rem;color:var(--text-muted);position:absolute;top:.6rem;right:.6rem}.close-btn:hover{color:var(--text)}.scoreboard{display:flex;gap:1rem;background:var(--white);border-radius:var(--radius);padding:.75rem 1.25rem;box-shadow:var(--shadow);margin-bottom:1.25rem}.score-item{display:flex;flex-direction:column;align-items:center;flex:1}.score-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.score-value{font-size:1.4rem;font-weight:700;color:var(--saffron-dark)}.timer{display:flex;flex-direction:column;align-items:center;gap:.3rem}.timer.urgent .timer-value{color:var(--danger);animation:pulse .6s ease-in-out infinite alternate}.timer-display{display:flex;align-items:baseline;gap:.3rem}.timer-value{font-size:2rem;font-weight:700}.timer-label{font-size:.8rem;color:var(--text-muted)}.timer-bar-track{width:120px;height:6px;background:var(--border);border-radius:999px;overflow:hidden}.timer-bar-fill{height:100%;border-radius:999px;transition:width 1s linear}@keyframes pulse{0%{opacity:1}to{opacity:.4}}.game-board{display:flex;flex-direction:column;gap:1.25rem}.round-header{text-align:center;background:var(--white);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:.5rem}.region-tag{font-size:.8rem;color:var(--text-muted)}.dish-title{font-size:1.6rem;font-weight:700;color:var(--saffron-dark)}.instruction{font-size:.9rem;color:var(--text-muted)}.round-body{display:flex;flex-direction:column;gap:1rem}.round-actions{display:flex;gap:.75rem;flex-wrap:wrap}.tile-grid-wrapper{display:flex;flex-direction:column;gap:1rem;align-items:center}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem;width:100%}.tile{position:relative;height:80px;perspective:600px;border-radius:var(--radius);border:2px solid var(--border);background:linear-gradient(135deg,var(--saffron),var(--saffron-dark));color:var(--white);font-size:1.5rem;font-weight:700;transition:border-color .2s,box-shadow .2s;overflow:hidden}.tile-front,.tile-back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;transition:transform .45s ease;padding:.5rem;text-align:center}.tile-back{transform:rotateY(180deg);background:var(--white);color:var(--text);font-size:.82rem;font-weight:600;border-radius:var(--radius)}.tile.flipped .tile-front{transform:rotateY(-180deg)}.tile.flipped .tile-back{transform:rotateY(0)}.tile.selected{border-color:var(--saffron-dark);box-shadow:0 0 0 3px #f936}.tile:hover:not(:disabled){transform:scale(1.04)}.tile:disabled{cursor:not-allowed;opacity:.6}.submit-btn{min-width:220px}.dish-guesser{display:flex;flex-direction:column;gap:1.25rem}.ingredient-list-panel{background:var(--white);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.ingredient-list-panel h3{margin-bottom:.75rem;font-size:1rem}.ingredient-list{display:flex;flex-wrap:wrap;gap:.5rem}.ingredient-chip{background:#fff3e0;border:1px solid var(--saffron-light);color:var(--saffron-dark);padding:.35rem .85rem;border-radius:999px;font-size:.88rem;font-weight:500}.guess-form{display:flex;flex-direction:column;gap:.75rem}.guess-label{font-weight:600}.guess-input{padding:.8rem 1rem;border:2px solid var(--border);border-radius:var(--radius);font-size:1rem;font-family:inherit;transition:border-color .2s}.guess-input:focus{outline:none;border-color:var(--saffron)}.hint-panel{position:relative}.hint-box{position:relative;background:#fffbea;border:2px solid #F6E05E;border-radius:var(--radius);padding:.85rem 2.5rem .85rem 1rem;display:flex;align-items:flex-start;gap:.6rem}.hint-icon{font-size:1.2rem}.hint-text{font-size:.9rem;line-height:1.5}.cultural-context-box{position:relative;background:linear-gradient(135deg,#fff8f0,#fff3e0);border:2px solid var(--saffron-light);border-radius:var(--radius);padding:1rem 2.5rem 1rem 1rem}.dish-tamil-name{font-size:1.2rem;font-weight:700;color:var(--saffron-dark)}.region-badge{font-size:.8rem;color:var(--text-muted);margin:.3rem 0}.fun-fact{font-size:.9rem;line-height:1.6}.feedback-panel{background:var(--white);border-radius:var(--radius);padding:2rem;text-align:center;box-shadow:var(--shadow-lg);border-top:5px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:.75rem}.feedback-panel.correct{border-top-color:var(--success)}.feedback-panel.incorrect{border-top-color:var(--danger)}.feedback-icon{font-size:3rem}.feedback-title{font-size:1.4rem;font-weight:700}.missed-list{font-size:.88rem;color:var(--danger);background:var(--danger-light);padding:.5rem 1rem;border-radius:var(--radius-sm)}.score-gained{font-weight:600;color:var(--saffron-dark);font-size:1.1rem}.dish-reveal{font-size:.9rem;color:var(--text-muted)}.next-btn{min-width:200px;margin-top:.5rem}.leaderboard{background:var(--white);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-lg);text-align:center;display:flex;flex-direction:column;gap:1.25rem;align-items:center}.leaderboard-title{font-size:1.6rem;font-weight:700}.final-score{font-size:1.2rem;color:var(--saffron-dark);font-weight:600}.leaderboard-table{width:100%;max-width:400px;border-collapse:collapse}.leaderboard-table th,.leaderboard-table td{padding:.6rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.leaderboard-table th{background:#fff3e0;font-size:.8rem;text-transform:uppercase;color:var(--text-muted)}.leaderboard-table tr.highlight{background:#fff3e0;font-weight:700;color:var(--saffron-dark)}.restart-btn{min-width:220px}.error-toast{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger);padding:.6rem 1rem;border-radius:var(--radius-sm);font-size:.9rem}@media (max-width: 600px){.mode-cards{grid-template-columns:1fr}.tile-grid{grid-template-columns:repeat(3,1fr)}.round-actions{flex-direction:column}.scoreboard{gap:.5rem}.start-btn{width:100%}}