:root{--kkr-purple:#3a225d;--kkr-purple-dark:#1e1133;--kkr-gold:#b3a123;--kkr-gold-bright:#ebd532;--text-light:#fff;--text-dark:#222;color:var(--text-light);font-family:Outfit,system-ui,-apple-system,sans-serif}body{background-image:url(/kkr/eden-gardens-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;margin:0;display:flex;overflow-y:auto}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1;background:radial-gradient(circle,#1e113366 0%,#3a225dcc 100%);width:100%;height:100%;position:fixed;top:0;left:0}.app-container{z-index:2;border:2px solid var(--kkr-gold);text-align:center;background:#1e1133d9;border-radius:20px;width:90%;max-width:400px;padding:15px;position:relative;box-shadow:0 10px 30px #00000080,inset 0 0 20px #b3a12333}header h1{color:var(--kkr-gold-bright);text-transform:uppercase;letter-spacing:2px;text-shadow:0 4px 6px #00000080;margin:0 0 10px;font-size:1.7rem;font-weight:800}header p{color:#ddd;margin-top:0;margin-bottom:20px;font-size:.95rem}.tracker-section{margin-bottom:25px}.tracker-header{color:var(--kkr-gold);justify-content:space-between;align-items:flex-end;margin-bottom:10px;font-size:1rem;font-weight:700;display:flex}.tracker-bar{background:#00000080;border:1px solid #ffffff1a;border-radius:20px;width:100%;height:20px;overflow:hidden;box-shadow:inset 0 2px 5px #00000080}.tracker-fill{background:linear-gradient(90deg, var(--kkr-gold), var(--kkr-gold-bright));width:0%;height:100%;box-shadow:0 0 15px var(--kkr-gold);border-radius:20px;transition:width .5s ease-out}.actions-control{z-index:50;justify-content:center;align-items:center;gap:15px;margin-bottom:30px;display:flex;position:relative}.spawn-btn{background:var(--kkr-purple-dark);color:#fff;border:2px solid var(--kkr-gold);cursor:pointer;border-radius:10px;padding:10px 20px;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .4s;box-shadow:0 5px 15px #0006}.spawn-btn.hidden-initial{opacity:0;visibility:hidden}.spawn-btn.glow-pulse{animation:1.5s infinite spawnGlow;box-shadow:0 0 15px #ebd532cc}@keyframes spawnGlow{0%{border-color:var(--kkr-gold-bright);box-shadow:0 0 #ebd532cc}70%{box-shadow:0 0 0 25px #ebd53200}to{border-color:var(--kkr-gold);box-shadow:0 0 #ebd53200}}.spawn-btn:hover:not(:disabled){background:var(--kkr-gold);color:var(--kkr-purple-dark)}.spawn-btn:disabled{background:var(--kkr-purple);color:#ccc;cursor:default;border-color:#555}.hint-btn{color:#fff;cursor:pointer;background:#ff5722;border:2px solid #fff;border-radius:10px;padding:15px 20px;font-family:inherit;font-weight:700;transition:all .3s;box-shadow:0 0 10px #ff572299}.hint-btn:hover{background:#ff784e;transform:scale(1.05)}.hint-btn.hidden{display:none}.chips-container{pointer-events:none;z-index:40;width:100vw;height:100vh;position:fixed;top:0;left:0}.chip{color:var(--kkr-gold);border:2px solid var(--kkr-gold);pointer-events:auto;cursor:pointer;text-align:center;background:#1e1133fa;border-radius:15px;justify-content:center;align-items:center;width:130px;height:45px;font-size:.85rem;font-weight:700;transition:left .8s cubic-bezier(.2,.9,.3,1),top .8s cubic-bezier(.2,.9,.3,1),transform .2s,opacity .3s,background .3s;display:flex;position:absolute;overflow:hidden;transform:translate(-50%,-50%)scale(1);box-shadow:0 4px 10px #0009}.chip:hover:not(.disabled){background:var(--kkr-gold);color:var(--kkr-purple-dark);z-index:60;transform:translate(-50%,-50%)scale(1.15)}.chip.mobile{border-width:1px;border-radius:6px;width:70px;height:35px;padding:3px;font-size:.6rem;line-height:1.1}.golden-chip.mobile{width:140px;font-size:.7rem}@media (width<=768px){.app-container{max-width:320px;padding:10px}.app-container.playing-mobile{padding:8px 10px}.app-container.playing-mobile header{display:none}.app-container.playing-mobile .tracker-section{margin-bottom:8px}header h1{margin-bottom:4px;font-size:1rem}header p{margin-bottom:8px;font-size:.8rem}.tracker-section{margin-bottom:5px}.tracker-section h2{margin-bottom:4px;font-size:.85rem}.tracker-bar{height:14px}.deck-container{width:220px;height:160px;top:55%}.swipe-card{font-size:1.2rem}.slots-dock{gap:8px;height:80px}.slot{width:45px;height:45px}.win-btn{padding:12px 20px;font-size:.9rem}.modal-content{border-width:2px;padding:20px}.modal-content h2{font-size:1.8rem}.modal-content p{font-size:1rem}#question-text{margin-bottom:8px;font-size:1rem}.option-btn{padding:8px;font-size:.8rem}.quiz-container{margin-top:8px;padding:10px}.quiz-header{margin-bottom:4px;font-size:.8rem}.options-grid{gap:10px;margin-bottom:15px}}.chip.selected{opacity:.7;color:#fff;background:#b3a12333;border-color:#b3a12380;transform:translate(-50%,-50%)scale(.95);box-shadow:inset 0 0 10px #00000080}.chip.highlight{z-index:70;animation:1s infinite pulseGold}@keyframes pulseGold{0%{border-color:var(--kkr-gold-bright);box-shadow:0 0 #ebd532cc}70%{background:var(--kkr-purple);color:var(--text-light);box-shadow:0 0 0 20px #ebd53200}to{border-color:var(--kkr-gold);box-shadow:0 0 #ebd53200}}.quiz-container{border:2px solid var(--kkr-gold);text-align:center;background:#1e1133f2;border-radius:15px;margin-top:20px;padding:20px;transition:opacity .3s;box-shadow:0 4px 15px #00000080}.quiz-header{color:var(--kkr-gold);margin-bottom:5px;font-size:.8rem;font-weight:700}#question-text{color:#fff;margin-bottom:12px;font-size:1.05rem;line-height:1.3}.options-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px;display:grid}.stats-header{text-align:center;color:var(--kkr-gold-bright);letter-spacing:1px;opacity:1;text-transform:uppercase;text-shadow:0 0 8px #ffd70066;margin-bottom:12px;font-size:.7rem;font-weight:900}@media (width<=320px){.options-grid{grid-template-columns:1fr}}.option-btn{border:1px solid var(--kkr-gold);color:var(--text-light);cursor:pointer;background:linear-gradient(135deg,#3a225df2,#1e1133f2);border-radius:8px;justify-content:center;align-items:center;min-height:55px;padding:15px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;position:relative;overflow:hidden}.option-btn .btn-text{z-index:2;position:relative}.percentage-fill{z-index:1;background:#b3a12326;border-right:1px solid #b3a1234d;width:0%;height:100%;transition:width 1.2s cubic-bezier(.19,1,.22,1);position:absolute;top:0;left:0}.option-btn.selected .percentage-fill{background:#b3a12359}.percentage-label{color:var(--kkr-gold-bright);z-index:3;letter-spacing:.5px;opacity:0;align-items:center;gap:3px;font-size:.6rem;font-weight:900;transition:opacity .5s .3s;display:flex;position:absolute;top:5px;right:6px}.option-btn.is-fav{border-color:var(--kkr-gold-bright);box-shadow:inset 0 0 10px #b3a12326}.fav-icon{margin-left:4px;font-size:.65rem}.option-btn.show-stats .percentage-label{opacity:1}.option-btn:hover:not(:disabled){background:var(--kkr-purple);transform:translateY(-2px);box-shadow:0 0 10px #b3a12380}.option-btn.selected{border-color:#fff}.option-btn.correct{color:#fff;background:#2ea043;border-color:#fff}.option-btn.wrong{color:#fff;background:#e52d27;border-color:#fff}.option-btn:disabled{cursor:not-allowed;opacity:.9}.quiz-feedback{height:24px;margin-top:10px;font-size:1rem;font-weight:700}.feedback-correct{color:#2ea043}.feedback-wrong{color:#e52d27}.modal{z-index:999;opacity:1;visibility:visible;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s,visibility .4s;display:flex;position:fixed;top:0;left:0}.modal.hidden{opacity:0;visibility:hidden}.hidden{display:none!important}.modal-content{background:linear-gradient(135deg, var(--kkr-purple-dark), var(--kkr-purple));text-align:center;border:4px solid var(--kkr-gold-bright);box-shadow:0 0 50px var(--kkr-gold);border-radius:20px;padding:50px;animation:.5s cubic-bezier(.175,.885,.32,1.275) popIn;transform:scale(1)}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.modal-content h2{color:var(--kkr-gold-bright);text-shadow:0 4px 10px #0009;margin:0;font-size:3rem}.modal-content p{margin-top:10px;font-size:2rem;font-weight:700}.restart-btn{background:var(--kkr-gold);color:var(--kkr-purple-dark);cursor:pointer;border:none;border-radius:10px;margin-top:30px;padding:15px 30px;font-size:1.2rem;font-weight:700;transition:transform .2s}.restart-btn:hover{background:var(--kkr-gold-bright);transform:scale(1.05)}.global-counter{color:var(--kkr-gold);border-top:1px solid #b3a12333;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin-top:25px;padding-top:15px;font-size:.9rem;font-weight:700;display:flex}.elite-stat{color:var(--text-light);opacity:.8;font-size:.75rem;font-weight:400}.gold-text{font-weight:800;color:var(--kkr-gold-bright)!important}#quiz-count-display{color:var(--kkr-gold-bright)}@media (width<=768px){.global-counter{margin-top:15px;padding-top:10px}}