@import "https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&family=M+PLUS+Rounded+1c:wght@700;800;900&display=swap";:root{--color-primary:#ff6b35;--color-primary-dark:#d94f1a;--color-accent:#ffd60a;--color-accent-dark:#e6bc00;--color-success:#06d6a0;--color-success-dark:#04ac80;--color-danger:#ef233c;--color-purple:#7b2fbe;--color-purple-light:#9b4dca;--color-bg:#1a1a2e;--color-bg2:#16213e;--color-bg3:#0f3460;--color-panel:#1e2a45;--color-white:#fff;--color-text:#fff;--color-text-muted:#a0aaba;--font-main:"M PLUS Rounded 1c", "Nunito", sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:40px;--radius-full:9999px;--shadow-btn:0 6px 0 #00000059;--shadow-card:0 8px 24px #0006;--transition-fast:.15s ease;--transition-mid:.25s ease}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background:var(--color-bg);width:100%;height:100%;font-family:var(--font-main);color:var(--color-text);overflow:hidden}#app{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.screen{flex-direction:column;width:100%;height:100%;display:none;overflow:hidden}.screen.active{display:flex}.hidden{display:none!important}.btn{border-radius:var(--radius-full);font-family:var(--font-main);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);box-shadow:var(--shadow-btn);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1.1rem;font-weight:900;line-height:1;display:inline-flex}.btn:active{transform:translateY(4px);box-shadow:0 2px #00000059}.btn-primary{background:var(--color-primary);color:var(--color-white);padding:18px 40px;font-size:1.4rem}.btn-primary:hover{background:var(--color-primary-dark)}.btn-accent{background:var(--color-accent);color:#1a1a2e}.btn-accent:hover{background:var(--color-accent-dark)}.btn-success{background:var(--color-success);color:#1a1a2e}.btn-purple{background:var(--color-purple);color:var(--color-white)}.btn-danger{background:var(--color-danger);color:var(--color-white)}.btn-sm{padding:10px 20px;font-size:.9rem}.card{background:var(--color-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px}.screen-header{background:var(--color-bg2);border-bottom:3px solid var(--color-bg3);flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.screen-header h1{color:var(--color-accent);text-shadow:0 2px 4px #0006;font-size:1.2rem;font-weight:900}.back-btn{background:var(--color-bg3);color:var(--color-white);border-radius:var(--radius-full);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-btn);transition:transform var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.back-btn:active{transform:scale(.9)}@keyframes bounceIn{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulseRing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glowPulse{0%,to{box-shadow:0 0 12px 4px #ffd60a,0 0 24px 8px #ff6b35}50%{box-shadow:0 0 24px 10px #ffd60a,0 0 48px 20px #ff6b35}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes sparkle{0%{opacity:1;transform:scale(0)rotate(0)}to{opacity:0;transform:scale(1.5)rotate(45deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fanfareJump{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.3)rotate(-5deg)}75%{transform:scale(1.3)rotate(5deg)}}@keyframes starFloat{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-80px)rotate(360deg)}}.loading-overlay{background:var(--color-bg);z-index:100;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:fixed;inset:0}.loading-overlay.hidden{display:none}.loading-spinner{border:6px solid var(--color-bg3);border-top-color:var(--color-accent);border-radius:50%;width:60px;height:60px;animation:.8s linear infinite spin}.loading-text{color:var(--color-accent);font-size:1.3rem;font-weight:900}.toast{background:var(--color-success);color:#1a1a2e;border-radius:var(--radius-full);box-shadow:var(--shadow-card);z-index:200;pointer-events:none;padding:12px 24px;font-size:1rem;font-weight:900;animation:.3s slideUp;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}.toast.hidden{display:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg2)}::-webkit-scrollbar-thumb{background:var(--color-bg3);border-radius:3px}