*{user-select:none;-webkit-tap-highlight-color:transparent}body{-webkit-overflow-scrolling:touch;transition:background .8s cubic-bezier(.4,0,.2,1)}.game-mode-normal{background:linear-gradient(135deg,#1a1f26,#2d3748,#1a202c);background-size:200% 200%;animation:normalModeGradient 6s ease-in-out infinite}@keyframes normalModeGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.game-mode-freeplay{background:linear-gradient(135deg,#1a1f26,#2d4a3d,#1e293b);background-size:200% 200%;animation:freeplayModeGradient 8s ease-in-out infinite}@keyframes freeplayModeGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.current-number.updated{transform:scale(1.05);background:#38a16933!important;box-shadow:0 0 30px #38a1694d!important;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes rainbow-celebration{0%,66.67%,to{background:linear-gradient(45deg,red,#f70,#ff0,#0f0,#09f,#63f,#f0f);background-size:400% 400%;background-position:0% 50%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:scale(1) rotate(0)}8.33%{background-position:100% 50%;transform:scale(1.2) rotate(10deg)}16.67%{background-position:50% 100%;transform:scale(1.1) rotate(-6deg)}25%{background-position:0% 0%;transform:scale(1.16) rotate(4deg)}33.33%{background-position:100% 100%;transform:scale(1) rotate(0)}}.rainbow-celebrate{animation:rainbow-celebration 6s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(255,255,255,.5))}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti{position:fixed;top:-20px;width:10px;height:10px;z-index:9999;animation:confetti-fall 3s ease-in forwards;pointer-events:none}.confetti-square{background:#f39c12}.confetti-circle{background:#e74c3c;border-radius:50%}.confetti-triangle{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #3498db;background:transparent}.confetti-star{background:#9b59b6;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.confetti-heart{background:#e91e63;width:8px;height:6px;border-radius:4px 4px 0 0;transform:rotate(45deg)}.confetti-heart:before,.confetti-heart:after{content:"";width:8px;height:6px;position:absolute;left:-4px;top:0;background:#e91e63;border-radius:4px 4px 0 0;transform:rotate(-45deg);transform-origin:0 6px}.lni{display:inline-block;vertical-align:middle;line-height:1;font-size:inherit}button .lni{font-size:1.1em;vertical-align:text-top}.celebration-emoji .lni{font-size:inherit;color:#fbbf24}#hint-icon-display.lni{font-size:1.2em;color:#fbbf24}#current-mode-label .lni{font-size:1.1em}.confetti-heart:after{left:0;transform:rotate(45deg);transform-origin:4px 6px}.celebration-emoji{animation:bounce 1s ease-in-out infinite}@keyframes vibrate{0%,to{transform:translate(0)}25%{transform:translate(-1px)}75%{transform:translate(1px)}}.vibrate{animation:vibrate .1s linear 3}button:focus-visible{outline:2px solid #38a169;outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}button{touch-action:manipulation;-webkit-touch-callout:none}h1,h2,h3{text-rendering:optimizeLegibility}.history-list{scrollbar-width:none;-ms-overflow-style:none}.history-list::-webkit-scrollbar{display:none}.hint-display,.success-modal{transition:opacity .3s ease,visibility .3s ease,transform .3s ease}.number-display-compact{height:11vh!important;height:11svh!important;transition:height .3s ease}.number-display-normal{height:18vh!important;height:18svh!important;transition:height .3s ease}.hint-display.hidden,.success-modal.hidden{opacity:0;visibility:hidden;pointer-events:none}.hint-display.hidden{transform:translate(-50%,-20px)}.hint-display:not(.hidden),.success-modal:not(.hidden){opacity:1;visibility:visible;pointer-events:all}.hint-display:not(.hidden){transform:translate(-50%)}.hint-blink{animation:hintBlink .8s ease-in-out 4;box-shadow:0 0 20px #fbbf24cc!important}@keyframes hintBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}button:active:not(:disabled){transform:scale(.95)}.level-btn:disabled{opacity:.4;cursor:not-allowed;background:#ffffff0d!important;box-shadow:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.celebration-emoji{animation:none}.current-number.updated{transform:none;transition:none}}.mode-indicator{position:relative;overflow:hidden}.mode-indicator:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease-in-out}.mode-indicator.normal:before{background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent)}.mode-indicator.freeplay:before{background:linear-gradient(90deg,transparent,rgba(16,185,129,.2),transparent)}.mode-indicator:hover:before{left:100%}.btn-mode-normal{background:linear-gradient(135deg,#1e40af,#3730a3);box-shadow:0 0 10px #3b82f633}.btn-mode-freeplay{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 0 10px #10b98133}.notification{font-size:.875rem;max-width:320px;word-wrap:break-word}@keyframes celebrateBounce{0%{opacity:0;transform:scale(.3) translate(-50%,-50%)}50%{opacity:1;transform:scale(1.05) translate(-50%,-50%)}70%{transform:scale(.95) translate(-50%,-50%)}to{opacity:1;transform:scale(1) translate(-50%,-50%)}}.level-btn[disabled] .lock-icon{animation:lockPulse 2s infinite}@keyframes lockPulse{0%,to{opacity:.6}50%{opacity:1}}.text-gold-300{color:#fbbf24}.text-gold-400{color:#f59e0b}.text-gold-500{color:#d97706}.bg-gold-500{background-color:#d97706}.bg-gold-600{background-color:#b45309}.shadow-gold-500\/50{box-shadow:0 20px 25px -5px #d9770680,0 10px 10px -5px #d977060a}.master-indicator{filter:drop-shadow(0 0 8px rgba(255,215,0,.6));animation:masterGlow 3s ease-in-out infinite alternate}@keyframes masterGlow{0%{filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}to{filter:drop-shadow(0 0 12px rgba(255,215,0,.9))}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-bounce-in{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}.animate-spin-once{animation:spinOnce .8s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes spinOnce{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.bg-gradient-to-r.from-gold-500.to-gold-600{background:linear-gradient(to right,#d97706,#b45309)}.hover\\:from-gold-600:hover{background:linear-gradient(to right,#b45309,#92400e)}.hover\\:shadow-gold-500\\30:hover{box-shadow:0 20px 25px -5px #d977064d,0 10px 10px -5px #d977060a}.tour-overlay{z-index:9998}.tour-modal{border-radius:0;box-shadow:0 20px 40px -12px #00000040;z-index:9999;max-height:75vh;overflow-y:auto}.tour-tooltip{border-radius:0;box-shadow:0 8px 20px -5px #0000001a,0 8px 8px -5px #0000000a;z-index:9999;max-width:260px}.tour-highlight-pulse{animation:tourPulse 2s ease-in-out infinite;position:relative}@keyframes tourPulse{0%,to{box-shadow:0 0 #3b82f6b3;transform:scale(1)}50%{box-shadow:0 0 0 10px #3b82f600;transform:scale(1.05)}}.tour-btn{border-radius:0;font-weight:600;transition:all .2s ease-in-out;border:none}.tour-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.tour-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}body.tour-active{overflow:hidden}body.tour-active *{pointer-events:none}body.tour-active .tour-overlay,body.tour-active .tour-modal,body.tour-active .tour-tooltip,body.tour-active .tour-btn{pointer-events:auto}body.tour-active .tour-enabled{pointer-events:auto!important;opacity:1!important}.tour-spotlight{position:relative}.tour-spotlight:after{content:"";position:absolute;inset:-4px;background:linear-gradient(45deg,#3b82f6,#8b5cf6,#06b6d4,#3b82f6);background-size:300% 300%;animation:tourSpotlight 3s ease-in-out infinite;z-index:-1;border-radius:0}@keyframes tourSpotlight{0%,to{background-position:0% 50%;opacity:.6}50%{background-position:100% 50%;opacity:.9}}.tour-step-counter{position:fixed;top:20px;right:20px;background:#000c;color:#fff;padding:8px 16px;font-size:14px;font-weight:600;z-index:9999;border-radius:0}.tour-enter{animation:tourEnter .5s ease-out}@keyframes tourEnter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.tour-exit{animation:tourExit .3s ease-in}@keyframes tourExit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(-20px)}}