@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Noto+Serif+Telugu&family=Noto+Serif+Tamil&family=Raleway:wght@400;500;600;700&display=swap);body{background-color:#fdf6e3}:root{--cream:#fdf6e3;--gold:#c8922a;--gold-light:#e8b84b;--saffron:#e07b2a;--terracotta:#c0522a;--deep-brown:#3b1f0e;--ink:#2c1a0e;--muted:#8a6a4a;--border:#c8922a47;--dark-bg:#0f0a05;--dark-card:#1e1208;--dark-border:#c8922a38;--dark-text:#f0debb;--dark-muted:#a08060}*,:after,:before{box-sizing:border-box}body{margin:0;padding:0}.App{font-family:Raleway,sans-serif;min-height:100vh;transition:background-color .4s,color .4s}.App:before{background-image:radial-gradient(ellipse at 15% 20%,#c8922a17 0,#0000 50%),radial-gradient(ellipse at 85% 80%,#e07b2a17 0,#0000 50%),url("data:image/svg+xml;charset=utf-8,%3Csvg width='72' height='72' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m36 3 3.5 29.5L69 36l-29.5 3.5L36 69l-3.5-29.5L3 36l29.5-3.5Z' fill='%23c8922a' fill-opacity='.032'/%3E%3C/svg%3E");content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.App--light{background-color:#fdf6e3;background-color:var(--cream);color:#2c1a0e;color:var(--ink)}.App--dark{background-color:#0f0a05;background-color:var(--dark-bg);color:#f0debb;color:var(--dark-text)}.game-wrapper{flex-direction:column;min-height:100vh;padding:0 16px 60px;position:relative;z-index:1}.game-topbar,.game-wrapper{align-items:center;display:flex}.game-topbar{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);justify-content:space-between;margin-bottom:0;max-width:100%;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.App--light .game-topbar{background:#fdf6e3eb}.App--dark .game-topbar{background:#0f0a05eb}.topbar-btn{background:#0000;border:1px solid #c8922a47;border:1px solid var(--border);border-radius:999px;color:#c8922a;color:var(--gold);cursor:pointer;font-family:Raleway,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:7px 18px;text-transform:uppercase;transition:background .2s,transform .15s}.App--dark .topbar-btn{border-color:var(--dark-border);color:#e8b84b;color:var(--gold-light)}.topbar-btn:hover{background:#c8922a1a;transform:translateY(-1px)}.diya-toggle{background:none;border:none;border-radius:50%;cursor:pointer;filter:drop-shadow(0 0 0 rgba(232,184,75,0));font-size:28px;line-height:1;padding:4px 6px;position:relative;transition:transform .3s ease,filter .3s ease}.diya-toggle:hover{transform:scale(1.15) rotate(-8deg)}.App--dark .diya-toggle{animation:diyaFlicker 3s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(232,184,75,.7)) drop-shadow(0 0 18px rgba(224,123,42,.45))}@keyframes diyaFlicker{0%,to{filter:drop-shadow(0 0 7px rgba(232,184,75,.65)) drop-shadow(0 0 16px rgba(224,123,42,.4))}50%{filter:drop-shadow(0 0 12px rgba(232,184,75,.9)) drop-shadow(0 0 24px rgba(224,123,42,.6))}}.game-container{animation:cardReveal .6s cubic-bezier(.22,1,.36,1) both;background:#fffcf4;border:1px solid #c8922a29;border-radius:22px;box-shadow:0 0 0 5px #c8922a0a,0 20px 55px #3b1f0e21,0 4px 14px #3b1f0e12;max-width:720px;padding:24px 40px 36px;position:relative;text-align:center;width:100%}.App--dark .game-container{background:#1e1208;background:var(--dark-card);border-color:#c8922a38;border-color:var(--dark-border);box-shadow:0 0 0 5px #c8922a08,0 20px 55px #0009}.game-container:before{background:linear-gradient(90deg,#0000,#c8922a 30%,#e8b84b 50%,#c8922a 70%,#0000);background:linear-gradient(90deg,#0000,var(--gold) 30%,var(--gold-light) 50%,var(--gold) 70%,#0000);border-radius:0 0 3px 3px;content:"";height:3px;left:8%;position:absolute;right:8%;top:0}@keyframes cardReveal{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.game-title-block{align-items:center;animation:fadeDown .6s ease-out .1s both;display:flex;flex-direction:column;margin-bottom:16px}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.wtl-heading{color:#8a6a4a;color:var(--muted);font-family:Cormorant Garamond,serif;font-size:12px;font-weight:600;letter-spacing:.22em;margin:0;text-transform:uppercase}.App--dark .wtl-heading{color:#a08060;color:var(--dark-muted)}.wtl-subheading{color:#c8922a;color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.32em;margin:1px 0 6px;text-transform:uppercase}.title{-webkit-text-fill-color:#0000;background:linear-gradient(140deg,#c0522a,#c8922a 50%,#e07b2a);background:linear-gradient(140deg,var(--terracotta) 0,var(--gold) 50%,var(--saffron) 100%);-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:700;line-height:1.1;margin:0}.lang-telugu .title{font-family:"Noto Serif Telugu",serif}.lang-tamil .title{font-family:"Noto Serif Tamil",serif}.title-divider{align-items:center;display:flex;gap:10px;margin:8px auto 0;width:160px}.title-divider:before{background:linear-gradient(90deg,#0000,#c8922a);background:linear-gradient(90deg,#0000,var(--gold));content:"";flex:1 1;height:1px}.title-divider:after{background:linear-gradient(90deg,#c8922a,#0000);background:linear-gradient(90deg,var(--gold),#0000);content:"";flex:1 1;height:1px}.title-divider-icon{color:#c8922a;color:var(--gold);font-size:12px;line-height:1}.game-controls-row{display:flex;justify-content:center;margin:14px 0 0}.hint-progress-wrap{align-items:center;animation:fadeDown .6s ease-out .2s both;display:flex;justify-content:center;margin:18px auto 22px;padding:8px 16px;position:relative;width:-webkit-fit-content;width:fit-content}.veena-string{background:none;border:none;height:0;left:24px;pointer-events:none;position:absolute;right:24px;top:50%;transform:translateY(-58%)}.veena-string:after,.veena-string:before{content:"";left:0;position:absolute;right:0}.veena-string:after{background:linear-gradient(90deg,#0000,#643c0a40 8%,#643c0a59 50%,#643c0a40 92%,#0000);border-radius:999px;height:2px;top:3px}.veena-string:before{animation:stringShimmer 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#c8922a66 5%,#e8b84bd9 20%,#f0c864f2 50%,#e8b84bd9 80%,#c8922a66 95%,#0000);border-radius:999px;height:2px;top:0}@keyframes stringShimmer{0%,to{opacity:.85}50%{opacity:1}}.hint-progress{gap:44px;position:relative;z-index:1}.hint-progress,.hint-step{align-items:center;display:flex}.hint-step{flex-direction:column;gap:6px}.fret-btn{align-items:center;background:#fdf6e3;background:var(--cream);border:2px solid #c8922a4d;border-radius:50%;box-shadow:0 2px 4px #3b1f0e1f,inset 0 1px 2px #fff9;color:#8a6a4a;color:var(--muted);cursor:pointer;display:flex;font-family:Cormorant Garamond,serif;font-size:13px;font-weight:700;height:36px;justify-content:center;line-height:1;padding:0;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s,color .2s;width:36px;z-index:1}.App--dark .fret-btn{background:#1e1208;background:var(--dark-card);border-color:#c8922a33;box-shadow:0 2px 6px #0006,inset 0 1px 2px #ffffff0d;color:#a08060;color:var(--dark-muted)}.fret-btn:disabled{cursor:default}.fret-btn.fret-unlit{border-color:#c8922a2e;opacity:.42}.fret-btn.fret-past{background:#c8922a0f;border-color:#c8922a8c;color:#c8922a;color:var(--gold);opacity:.8}.App--dark .fret-btn.fret-past{background:#c8922a14}.fret-btn.fret-current{animation:stringPluck 1.8s ease-in-out infinite;background:#c8922a1a;border-color:#c8922a;border-color:var(--gold);box-shadow:0 0 0 0 #c8922a80,0 0 0 0 #c8922a4d,0 2px 8px #3b1f0e26;color:#c8922a;color:var(--gold);font-weight:800}.App--dark .fret-btn.fret-current{animation:stringPluckDark 1.8s ease-in-out infinite;background:#c8922a24;box-shadow:0 0 0 0 #e8b84b99,0 0 0 0 #e8b84b4d,0 2px 8px #00000080}@keyframes stringPluck{0%{box-shadow:0 0 0 0 #c8922a8c,0 0 0 0 #c8922a47,0 2px 8px #3b1f0e26;transform:scale(1)}40%{box-shadow:0 0 0 5px #c8922a33,0 0 0 10px #c8922a14,0 2px 8px #3b1f0e26;transform:scale(1.08)}to{box-shadow:0 0 0 10px #c8922a00,0 0 0 18px #c8922a00,0 2px 8px #3b1f0e26;transform:scale(1)}}@keyframes stringPluckDark{0%{box-shadow:0 0 0 0 #e8b84b99,0 0 0 0 #e8b84b4d,0 2px 8px #00000080;transform:scale(1)}40%{box-shadow:0 0 0 5px #e8b84b38,0 0 0 10px #e8b84b1a,0 2px 8px #00000080;transform:scale(1.08)}to{box-shadow:0 0 0 10px #e8b84b00,0 0 0 18px #e8b84b00,0 2px 8px #00000080;transform:scale(1)}}.fret-btn.fret-won{animation:none;background:#4ade801a;border-color:#4ade80;box-shadow:0 0 0 4px #4ade802e,0 2px 8px #4ade8040;color:#16a34a}.App--dark .fret-btn.fret-won{background:#4ade801f;color:#4ade80}.fret-btn.fret-lost{animation:none;background:#c0522a14;border-color:#c0522a;border-color:var(--terracotta);box-shadow:none;color:#c0522a;color:var(--terracotta);opacity:1}.fret-label{color:#8a6a4a;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.05em;line-height:1;text-transform:uppercase}.App--dark .fret-label{color:#a08060;color:var(--dark-muted)}.fret-label.fret-label-current{color:#c8922a;color:var(--gold)}.App--dark .fret-label.fret-label-current{color:#e8b84b;color:var(--gold-light)}.guess-block,.hint-block{margin:0 auto 18px;max-width:580px}.hint-block{animation:fadeUp .5s ease-out .25s both}.guess-block{animation:fadeUp .5s ease-out .35s both}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.section-label{color:#c8922a;color:var(--gold);display:block;font-family:Cormorant Garamond,serif;font-size:10px;font-weight:700;letter-spacing:.28em;margin:0 0 12px;text-transform:uppercase}.App--dark .section-label{color:#e8b84b;color:var(--gold-light)}.hint-number-text{color:#c8922a;color:var(--gold);display:block;font-family:Cormorant Garamond,serif;font-size:10px;font-weight:700;letter-spacing:.28em;margin:0 0 14px;text-transform:uppercase}.App--dark .hint-number-text{color:#e8b84b;color:var(--gold-light)}.audio-hint{display:flex;justify-content:center;margin:0 auto 16px}.audio-hint audio{accent-color:#c8922a;accent-color:var(--gold);border-radius:999px;max-width:360px;outline:none;width:100%}.hint-row{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:10px;min-height:40px}.hint-inline-text{animation:clueReveal .4s cubic-bezier(.22,1,.36,1) both;color:#e07b2a;color:var(--saffron);font-family:Cormorant Garamond,serif;font-size:17px;font-style:italic}.App--dark .hint-inline-text{color:#e8b84b;color:var(--gold-light)}@keyframes clueReveal{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.hint-available-note{color:#8a6a4a;color:var(--muted);font-size:11px;font-style:italic;letter-spacing:.04em;margin:0}.App--dark .hint-available-note{color:#a08060;color:var(--dark-muted)}.hint-nav{display:flex;gap:10px;justify-content:center;margin-top:14px}.button{background:linear-gradient(135deg,#e07b2a,#c8922a);background:linear-gradient(135deg,var(--saffron) 0,var(--gold) 100%);border:1.5px solid #c8922a;border:1.5px solid var(--gold);border-radius:999px;box-shadow:0 2px 10px #c8922a42;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;margin-right:6px;margin-top:10px;overflow:hidden;padding:10px 22px;position:relative;text-transform:uppercase;transition:transform .18s,box-shadow .18s,filter .18s}.button:after{background:linear-gradient(105deg,#0000,#ffffff47,#0000);content:"";height:200%;left:-60%;position:absolute;top:-50%;transform:skewX(-20deg);transition:left .45s ease;width:35%}.button:hover:after{left:130%}.button:hover:not(:disabled){box-shadow:0 6px 20px #c8922a66;filter:brightness(1.05);transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{box-shadow:none;cursor:default;opacity:.38}.reveal-button{background:linear-gradient(135deg,#d4622e,#a03820);border-color:#c0522a;border-color:var(--terracotta);box-shadow:0 2px 10px #c0522a47}.reveal-button:hover:not(:disabled){box-shadow:0 6px 20px #c0522a75}.button-outline{background:#0000!important;border:1.5px solid #c8922a47!important;border:1.5px solid var(--border)!important;box-shadow:none!important;color:#c8922a!important;color:var(--gold)!important}.button-outline:after{display:none}.App--dark .button-outline{border-color:#c8922a38!important;border-color:var(--dark-border)!important;color:#e8b84b!important;color:var(--gold-light)!important}.button-outline:hover:not(:disabled){background:#c8922a14!important;box-shadow:none!important}.status-text{color:#8a6a4a;color:var(--muted);font-size:13px;font-style:italic;letter-spacing:.03em;margin-top:10px}.App--dark .status-text{color:#a08060;color:var(--dark-muted)}.selected-track{color:#e07b2a;color:var(--saffron);font-size:13px;font-weight:600;margin-top:10px}.App--dark .selected-track{color:#e8b84b;color:var(--gold-light)}.spotify-autocomplete{margin-top:8px;position:relative;width:100%}.spotify-input{background:#fdf6e399;border:1.5px solid #c8922a47;border-radius:999px;color:#2c1a0e;color:var(--ink);font-family:Raleway,sans-serif;font-size:13px;outline:none;padding:12px 20px;transition:border-color .2s,box-shadow .2s;width:100%}.spotify-input:focus{border-color:#c8922a;border-color:var(--gold);box-shadow:0 0 0 3px #c8922a1a}.App--dark .spotify-input{background:#140c04cc;border-color:#c8922a38;color:#f0debb;color:var(--dark-text)}.App--dark .spotify-input:focus{border-color:#e8b84b;border-color:var(--gold-light);box-shadow:0 0 0 3px #e8b84b1a}.spotify-suggestions{background:#fffdf5;border:1px solid #c8922a2e;border-radius:14px;box-shadow:0 14px 44px #3b1f0e2e;list-style:none;margin:6px 0 0;max-height:280px;overflow-y:auto;padding:6px;position:absolute;width:100%;z-index:20}.App--dark .spotify-suggestions{background:#1c1208;border-color:#c8922a24;box-shadow:0 14px 44px #000000a6}.spotify-suggestion{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:9px 12px;transition:background .15s}.spotify-suggestion:hover{background:#c8922a12}.App--dark .spotify-suggestion:hover{background:#c8922a1a}.spotify-suggestion-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.spotify-track-name{color:#2c1a0e;color:var(--ink);font-size:14px;font-weight:600;line-height:1.3}.App--dark .spotify-track-name{color:#f0debb;color:var(--dark-text)}.spotify-artist-name{color:#8a6a4a;color:var(--muted);font-size:11px;margin-top:2px}.App--dark .spotify-artist-name{color:#a08060;color:var(--dark-muted)}.spotify-album-thumb{border:1px solid #c8922a2e;border-radius:8px;height:44px;object-fit:cover;width:44px}.spotify-status{color:#8a6a4a;color:var(--muted);font-size:12px;font-style:italic;padding:4px 14px}.spotify-status.error{color:#c0522a;color:var(--terracotta)}.stats-overlay{align-items:flex-start;animation:overlayIn .2s ease-out both;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#140802b3;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:56px 16px 40px;position:fixed;z-index:200}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.stats-modal{animation:modalIn .3s cubic-bezier(.22,1,.36,1) both;background:#fffdf5;border:1px solid #c8922a33;border-radius:22px;box-shadow:0 36px 80px #1408026b;color:#2c1a0e;color:var(--ink);flex-shrink:0;max-width:460px;padding:30px 28px 26px;position:relative;width:100%}.App--dark .stats-modal{background:#1e1208;background:var(--dark-card);border-color:#c8922a38;border-color:var(--dark-border);box-shadow:0 36px 80px #000000bf;color:#f0debb;color:var(--dark-text)}.stats-modal:before{background:linear-gradient(90deg,#0000,#c8922a 30%,#e8b84b 50%,#c8922a 70%,#0000);background:linear-gradient(90deg,#0000,var(--gold) 30%,var(--gold-light) 50%,var(--gold) 70%,#0000);border-radius:0 0 3px 3px;content:"";height:3px;left:8%;position:absolute;right:8%;top:0}@keyframes modalIn{0%{opacity:0;transform:scale(.93) translateY(22px)}to{opacity:1;transform:scale(1) translateY(0)}}.stats-header{align-items:center;display:flex;justify-content:center;margin-bottom:18px;padding-right:24px}.stats-header h2{color:#c8922a;color:var(--gold);font-family:Cormorant Garamond,serif;font-size:21px;font-weight:700;letter-spacing:.06em;margin:0}.App--dark .stats-header h2{color:#e8b84b;color:var(--gold-light)}.stats-close{background:none;border:none;border-radius:6px;color:#8a6a4a;color:var(--muted);cursor:pointer;font-size:15px;line-height:1;padding:5px 8px;position:absolute;right:14px;top:14px;transition:color .15s,background .15s}.stats-close:hover{background:#c0522a14;color:#c0522a;color:var(--terracotta)}.stats-grid{grid-gap:10px 16px;background:#c8922a0d;border:1px solid #c8922a1a;border-radius:12px;display:grid;gap:10px 16px;grid-template-columns:1fr 1fr;margin:0 0 18px;padding:14px}.App--dark .stats-grid{background:#c8922a0a;border-color:#c8922a14}.stats-item{align-items:center;display:flex;font-size:13px;justify-content:space-between}.stats-item span{color:#c8922a;color:var(--gold);font-family:Cormorant Garamond,serif;font-size:16px;font-weight:700}.App--dark .stats-item span{color:#e8b84b;color:var(--gold-light)}.stats-distribution{border-top:1px solid #c8922a26;padding-top:14px}.stats-distribution h3{color:#c8922a;color:var(--gold);font-family:Cormorant Garamond,serif;font-size:14px;font-weight:700;letter-spacing:.12em;margin:0 0 10px;text-transform:uppercase}.App--dark .stats-distribution h3{color:#e8b84b;color:var(--gold-light)}.stats-dist-row{align-items:center;border-radius:8px;display:flex;font-size:13px;justify-content:space-between;margin-bottom:5px;padding:4px 10px;transition:background .15s}.stats-dist-row:hover{background:#c8922a0d}.stats-dist-row span{color:#c8922a;color:var(--gold);font-weight:700}.App--dark .stats-dist-row span{color:#e8b84b;color:var(--gold-light)}.result-modal .result-body{font-size:15px;line-height:1.75;margin:4px 0 18px;text-align:center}.result-line{margin-bottom:8px}.result-line strong{color:#c8922a;color:var(--gold);font-family:Cormorant Garamond,serif;font-size:18px}.App--dark .result-line strong{color:#e8b84b;color:var(--gold-light)}.result-footer{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.spotify-link{align-items:center;background:#1db954;border-radius:999px;box-shadow:0 4px 16px #1db9544d;color:#fff;display:inline-flex;font-family:Raleway,sans-serif;font-size:12px;font-weight:700;gap:7px;letter-spacing:.06em;margin-top:14px;padding:9px 18px;text-decoration:none;transition:filter .18s,transform .18s}.spotify-link:hover{filter:brightness(1.08);transform:translateY(-1px)}.spotify-icon{height:18px;width:18px}.language-selector-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:0 20px 60px;position:relative;z-index:1}.ls-theme-toggle{background:none;border:none;border-radius:50%;cursor:pointer;filter:drop-shadow(0 0 0 rgba(232,184,75,0));flex-shrink:0;font-size:26px;line-height:1;padding:4px;transition:transform .3s ease,filter .3s ease}.ls-theme-toggle:hover{transform:scale(1.15) rotate(-8deg)}.App--dark .ls-theme-toggle{animation:diyaFlicker 3s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(232,184,75,.7)) drop-shadow(0 0 18px rgba(224,123,42,.45))}.language-selector-header{animation:fadeInDown .85s ease-out both;margin-bottom:48px;margin-top:48px;text-align:center}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-26px)}to{opacity:1;transform:translateY(0)}}.ls-ornament{animation:ornamentPulse 3.5s ease-in-out infinite;display:block;font-size:32px;margin-bottom:10px}@keyframes ornamentPulse{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(4deg)}}.main-title{-webkit-text-fill-color:#0000;background:linear-gradient(140deg,#c0522a,#c8922a 45%,#e07b2a);background:linear-gradient(140deg,var(--terracotta) 0,var(--gold) 45%,var(--saffron) 100%);-webkit-background-clip:text;background-clip:text;font-family:Cormorant Garamond,serif;font-size:3.2rem;font-weight:700;letter-spacing:.02em;margin:0 0 4px}.subtitle{color:#c8922a;color:var(--gold);font-size:.7rem;font-weight:700;letter-spacing:.38em;margin:0 0 6px;text-transform:uppercase}.site-name{font-family:Cormorant Garamond,serif;font-size:2rem;font-style:italic;font-weight:600;margin:0 0 4px}.App--light .site-name{color:#3b1f0e;color:var(--deep-brown)}.App--dark .site-name{color:#f0debb;color:var(--dark-text)}.ls-divider{align-items:center;display:flex;gap:10px;margin:12px auto 18px;width:220px}.ls-divider:before{background:linear-gradient(90deg,#0000,#c8922a);background:linear-gradient(90deg,#0000,var(--gold));content:"";flex:1 1;height:1px}.ls-divider:after{background:linear-gradient(90deg,#c8922a,#0000);background:linear-gradient(90deg,var(--gold),#0000);content:"";flex:1 1;height:1px}.ls-divider-dot{background:#c8922a;background:var(--gold);border-radius:50%;height:5px;width:5px}.choose-title{color:#8a6a4a;color:var(--muted);font-family:Cormorant Garamond,serif;font-size:1.25rem;font-style:italic;font-weight:600;letter-spacing:.06em;margin:0}.App--dark .choose-title{color:#a08060;color:var(--dark-muted)}.language-cards{display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.language-card{animation:fadeInUp .8s ease-out both;border-radius:22px;box-shadow:0 0 0 1px #c8922a2e,0 0 0 5px #c8922a0d,0 16px 40px #3b1f0e24;cursor:pointer;overflow:hidden;position:relative;transition:transform .32s ease,box-shadow .32s ease;width:280px}.App--dark .language-card{box-shadow:0 0 0 1px #c8922a29,0 0 0 5px #c8922a0a,0 16px 40px #0000008c}.language-card:first-child{animation-delay:.1s}.language-card:nth-child(2){animation-delay:.22s}.language-card:nth-child(3){animation-delay:.34s}.language-card:nth-child(4){animation-delay:.46s}.language-card:hover{box-shadow:0 0 0 1px #c8922a47,0 0 0 6px #c8922a14,0 28px 60px #3b1f0e38;transform:translateY(-12px) scale(1.02)}.App--dark .language-card:hover{box-shadow:0 0 0 1px #c8922a38,0 0 0 6px #c8922a0f,0 28px 60px #000000b3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(44px)}to{opacity:1;transform:translateY(0)}}.language-card-inner{align-items:center;background:#fffcf2;display:flex;flex-direction:column;padding:36px 28px 30px;text-align:center}.App--dark .language-card-inner{background:#1e1208;background:var(--dark-card)}.language-card-banner{border-radius:22px 22px 0 0;height:5px;left:0;position:absolute;right:0;top:0}.language-card-glow{border-radius:50%;height:120px;left:50%;opacity:.13;pointer-events:none;position:absolute;top:-30px;transform:translateX(-50%);transition:opacity .3s;width:180px}.language-card:hover .language-card-glow{opacity:.22}.language-script{-webkit-font-smoothing:antialiased;font-size:4.2rem;font-weight:800;line-height:1.25;margin-bottom:6px;padding:4px 0 8px;position:relative;z-index:1}.App--dark .language-script,.App--light .language-script{-webkit-text-fill-color:#0000;animation:scriptShimmer 4s ease-in-out infinite;background:linear-gradient(90deg,#c0522a,#c8922a 25%,#e8b84b 50%,#c8922a 75%,#e07b2a);background:linear-gradient(90deg,var(--terracotta) 0,var(--gold) 25%,var(--gold-light) 50%,var(--gold) 75%,var(--saffron) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% auto;text-shadow:none}@keyframes scriptShimmer{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.language-name{font-family:Cormorant Garamond,serif;font-size:1.05rem;font-style:italic;font-weight:600;letter-spacing:.04em;margin-bottom:8px;position:relative;z-index:1}.App--light .language-name{color:#8a6a4a;color:var(--muted)}.App--dark .language-name{color:#a08060;color:var(--dark-muted)}.card-divider{background:linear-gradient(90deg,#0000,#c8922a,#0000);background:linear-gradient(90deg,#0000,var(--gold),#0000);height:1px;margin:0 auto 20px;width:40px}.card-divider,.play-button{position:relative;z-index:1}.play-button{border:none;border-radius:999px;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;overflow:hidden;padding:12px 32px;text-transform:uppercase;transition:transform .22s,filter .22s,box-shadow .22s}.play-button:after{background:linear-gradient(105deg,#0000,#ffffff47,#0000);content:"";height:200%;left:-60%;position:absolute;top:-50%;transform:skewX(-20deg);transition:left .45s ease;width:35%}.play-button:hover:after{left:130%}.play-button:hover{box-shadow:0 8px 22px #00000047;filter:brightness(1.1);transform:translateY(-3px)}@media (max-width:640px){.game-container{border-radius:16px;padding:20px 18px 30px}.title{font-size:34px}.game-topbar{padding:8px 14px}.hint-progress{gap:24px}.fret-btn{font-size:13px;height:34px;width:34px}.button{font-size:11px;padding:9px 14px}.stats-modal{padding:22px 16px 20px}.stats-grid{grid-template-columns:1fr}.language-selector-container{padding:0 14px 40px}.language-selector-header{margin-bottom:32px;margin-top:24px}.main-title{font-size:2.2rem}.site-name{font-size:1.55rem}.language-card{max-width:300px;width:100%}.language-script{font-size:3.4rem}}.topbar-right{align-items:center;display:flex;gap:8px;min-width:0}.topbar-user{font-size:11px;font-weight:600;letter-spacing:.04em;max-width:180px;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-btn-sm{font-size:11px;padding:5px 12px}.topbar-join{background:linear-gradient(135deg,#c8922a,#e07b2a);border-color:#0000;color:#fff;white-space:nowrap}.App--dark .topbar-btn{border-color:#c8922a38;color:#f0debb}.auth-modal{max-width:380px}.auth-subtitle{font-size:13px;margin:-4px 0 16px;opacity:.7;text-align:center}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-input{background:#0000;border:1px solid #c8922a47;border-radius:10px;color:inherit;font-family:Raleway,sans-serif;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.auth-input:focus{border-color:#c8922a}.App--dark .auth-input{border-color:#c8922a38;color:#f0debb}.App--dark .auth-input::placeholder{color:#a08060}.auth-error{background:#c0392b14;border-radius:8px;color:#c0392b;font-size:12px;padding:8px 12px}.auth-switch{font-size:13px;margin-top:14px;opacity:.75;text-align:center}.auth-link{background:none;border:none;color:#c8922a;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:0}.profile-setup-modal{max-height:88vh;max-width:460px;overflow-y:auto}.profile-setup-body{display:flex;flex-direction:column;gap:10px}.profile-label{font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:-4px;opacity:.6;text-transform:uppercase}.profile-preview{align-items:center;background:#c8922a12;border:1px solid #c8922a47;border-radius:14px;display:flex;gap:14px;margin-bottom:4px;padding:12px 16px}.profile-poster{object-fit:cover}.profile-poster,.profile-poster-placeholder{border-radius:6px;flex-shrink:0;height:80px;width:54px}.profile-poster-placeholder{align-items:center;background:#c8922a26;display:flex;font-size:24px;justify-content:center}.profile-preview-name{display:flex;flex-direction:column}.profile-username{font-size:16px;font-weight:700}.profile-aka{font-size:13px;font-style:italic;opacity:.7}.profile-movie-search{position:relative}.profile-movie-list{background:#fdf6e3;border:1px solid #c8922a47;border-radius:12px;box-shadow:0 8px 24px #0000001f;left:0;list-style:none;margin:0;max-height:240px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 4px);z-index:50}.App--dark .profile-movie-list{background:#1e1208;border-color:#c8922a38}.profile-movie-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:background .15s}.profile-movie-item:hover{background:#c8922a1a}.profile-movie-thumb{border-radius:4px;flex-shrink:0;height:52px;object-fit:cover;width:36px}.profile-movie-thumb-empty{align-items:center;background:#c8922a1a;border-radius:4px;display:flex;font-size:18px;height:52px;justify-content:center;width:36px}.profile-movie-title{font-size:13px;font-weight:600}.profile-movie-year{font-size:11px;opacity:.55}.profile-hint{font-size:12px;opacity:.6;padding:4px 0}.profile-cast-grid{display:flex;flex-wrap:wrap;gap:8px;max-height:160px;overflow-y:auto}.profile-cast-btn{background:#0000;border:1px solid #c8922a47;border-radius:999px;color:inherit;cursor:pointer;font-family:Raleway,sans-serif;font-size:12px;font-weight:600;padding:6px 14px;transition:background .15s,border-color .15s}.profile-cast-btn:hover{background:#c8922a1a}.profile-cast-btn.selected{background:#c8922a;border-color:#c8922a;color:#fff}.App--dark .profile-cast-btn{border-color:#c8922a38;color:#f0debb}.leaderboard-modal{max-height:88vh;max-width:480px;overflow-y:auto}.lb-tabs{display:flex;gap:6px;margin-bottom:8px}.lb-tab{background:#0000;border:1px solid #c8922a47;border-radius:10px;color:inherit;cursor:pointer;flex:1 1;font-family:Raleway,sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;padding:8px 4px;transition:background .15s}.lb-tab:hover{background:#c8922a14}.lb-tab-active{background:#c8922a;border-color:#c8922a;color:#fff}.App--dark .lb-tab{border-color:#c8922a38;color:#f0debb}.lb-lang-tabs{display:flex;gap:6px;margin-bottom:14px}.lb-lang-tab{background:#0000;border:1px solid #c8922a47;border-radius:8px;color:inherit;cursor:pointer;flex:1 1;font-family:Raleway,sans-serif;font-size:12px;font-weight:600;padding:6px 4px;transition:background .15s}.lb-lang-tab:hover{background:#c8922a14}.lb-lang-tab-active{background:#c8922a26;border-color:#c8922a;color:#c8922a}.App--dark .lb-lang-tab{border-color:#c8922a38;color:#f0debb}.lb-body{width:100%}.lb-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.lb-row{align-items:center;background:#c8922a0a;border:1px solid #c8922a47;border-radius:12px;display:flex;gap:12px;padding:10px 12px;transition:background .15s}.lb-row-me{background:#c8922a1f;border-color:#c8922a}.App--dark .lb-row{background:#c8922a08;border-color:#c8922a38}.App--dark .lb-row-me{background:#c8922a1a;border-color:#c8922a}.lb-rank{font-size:16px;font-weight:700;min-width:28px;text-align:center}.lb-avatar{flex-shrink:0}.lb-poster{display:block;object-fit:cover}.lb-poster,.lb-poster-fallback{border-radius:5px;height:56px;width:38px}.lb-poster-fallback{align-items:center;background:#c8922a1f;display:flex;font-size:18px;justify-content:center}.lb-identity{display:flex;flex:1 1;flex-direction:column;min-width:0}.lb-username{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-alter-ego{font-size:12px;font-style:italic;opacity:.65}.lb-score-col{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0}.lb-score{color:#c8922a;font-size:18px;font-weight:700}.lb-pts{font-size:10px;letter-spacing:.06em;opacity:.55;text-transform:uppercase}.ls-topbar{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;justify-content:space-between;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.App--light .ls-topbar{background:#fdf6e3eb}.App--dark .ls-topbar{background:#0f0a05eb}.ls-leaderboard-section{margin:40px auto 60px;max-width:560px;padding:0 16px;width:100%}.lb-inline-wrap{background:#c8922a0a;border:1px solid #c8922a33;border-radius:20px;padding:24px 20px 20px;width:100%}.App--dark .lb-inline-wrap{background:#c8922a08;border-color:#c8922a26}.auth-oauth-row{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.auth-oauth-btn{align-items:center;background:#0000;border:1px solid #c8922a47;border-radius:10px;color:inherit;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:13px;font-weight:600;gap:10px;justify-content:center;padding:10px 16px;transition:background .15s;width:100%}.auth-oauth-btn:hover{background:#c8922a14}.auth-oauth-google{border-color:#4285f4}.auth-oauth-spotify{border-color:#1db954}.auth-oauth-google:hover{background:#4285f40f}.auth-oauth-spotify:hover{background:#1db9540f}.App--dark .auth-oauth-btn{border-color:#c8922a38}.App--dark .auth-oauth-google{border-color:#4285f480}.App--dark .auth-oauth-spotify{border-color:#1db95480}.auth-divider{align-items:center;display:flex;font-size:12px;gap:10px;letter-spacing:.08em;margin:10px 0;opacity:.45}.auth-divider:after,.auth-divider:before{background:currentColor;content:"";flex:1 1;height:1px}.help-modal{max-height:88vh;max-width:440px;overflow-y:auto}.help-tagline{font-size:13px;font-style:italic;line-height:1.5;margin:-4px 0 18px;opacity:.65;text-align:center}.help-steps{display:flex;flex-direction:column;gap:14px;list-style:none;margin:0;padding:0}.help-step{align-items:flex-start;background:#c8922a0a;border:1px solid #c8922a33;border-radius:12px;display:flex;gap:14px;padding:12px 14px}.App--dark .help-step{border-color:#c8922a26}.help-step-icon{flex-shrink:0;font-size:22px;line-height:1;margin-top:1px}.help-step-title{font-size:13px;font-weight:700;letter-spacing:.04em;margin-bottom:4px}.help-step-desc{font-size:12px;line-height:1.55;opacity:.7}.help-about{border-top:1px solid #ffffff14;font-size:13px;line-height:1.55;margin-top:18px;padding-top:14px}.help-about-title{font-weight:600;margin-bottom:4px;opacity:.85}.help-about p{margin:0}.help-about a{color:inherit;text-decoration:underline;text-underline-offset:2px}.language-card.is-coming-soon{cursor:not-allowed;opacity:.85}.language-card.is-coming-soon .play-button{cursor:not-allowed;opacity:.7}.coming-soon-badge{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0009;border-radius:999px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.4px;padding:4px 10px;position:absolute;right:12px;text-transform:uppercase;top:12px;z-index:3}.ls-footer{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;justify-content:center;margin-top:48px;opacity:.65;padding:24px 16px 32px;text-align:center}.ls-footer a{color:inherit;text-decoration:underline;text-underline-offset:2px}.ls-footer a:hover{opacity:1}.ls-footer-sep{opacity:.5}@media (max-width:640px){.topbar-user{display:none}.auth-modal,.help-modal,.leaderboard-modal,.profile-setup-modal{padding:20px 14px}.lb-lang-tabs,.lb-tabs{gap:4px}.ls-topbar{padding:8px 14px}.ls-footer{font-size:11px;gap:6px}.coming-soon-badge{font-size:10px;padding:3px 8px}}
/*# sourceMappingURL=main.65c444b6.css.map*/