@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}#root{width:100%;height:100vh;overflow:hidden}button{font-family:inherit}.auth-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b35,#ff8c42,orange,#ffb347,#ff6b35);background-size:400% 400%;animation:gradientShift 20s ease infinite;padding:24px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;position:relative;overflow:hidden}.auth-screen:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.15) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,107,53,.2) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,165,0,.1) 0%,transparent 60%),radial-gradient(circle at 10% 80%,rgba(255,140,66,.15) 0%,transparent 45%);animation:float 25s ease-in-out infinite;pointer-events:none}.auth-screen:after{content:"";position:absolute;width:600px;height:600px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:pulse 6s ease-in-out infinite}.auth-container{background:#fffffffa;backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:blur(60px) saturate(200%);border-radius:36px;padding:56px 48px;width:100%;max-width:460px;box-shadow:0 50px 100px #ff6b3540,0 25px 50px #00000026,0 0 0 1px #ffffff80,inset 0 1px #ffffffe6;position:relative;z-index:1;animation:slideIn .7s cubic-bezier(.16,1,.3,1)}.auth-title{font-size:3rem;margin:0 0 12px;text-align:center;background:linear-gradient(135deg,#ff6b35,#ff8c42,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900;letter-spacing:-.05em;animation:titleGlow 3s ease-in-out infinite;position:relative;filter:drop-shadow(0 2px 8px rgba(255,107,53,.2))}.auth-title:after{content:"💰";position:absolute;right:-8px;top:-8px;font-size:1.5rem;animation:sparkle 2.5s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(255,165,0,.4))}.auth-subtitle{text-align:center;color:#ff6b35;margin:0 0 48px;line-height:1.5;font-size:1.125rem;font-weight:600;letter-spacing:.01em;opacity:.9}.auth-tabs{display:flex;gap:8px;margin-bottom:36px;padding:5px;background:#ff6b3514;border-radius:24px;position:relative;box-shadow:inset 0 2px 4px #0000000d}.auth-tab{flex:1;padding:16px;border:none;background:transparent;border-radius:20px;cursor:pointer;font-size:1rem;transition:all .35s cubic-bezier(.4,0,.2,1);min-height:52px;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:700;letter-spacing:-.02em;color:#ff6b35;position:relative;z-index:1}.auth-tab:hover{transform:translateY(-1px);background:#ff6b350d}.auth-tab:active{transform:scale(.98)}.auth-tab.active{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;box-shadow:0 8px 20px #ff6b3559,0 4px 12px #ff6b3533,0 0 0 1px #ffffff4d;transform:translateY(-1px)}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-input{padding:18px 22px;border:2px solid rgba(255,107,53,.15);border-radius:18px;font-size:1rem;transition:all .35s cubic-bezier(.4,0,.2,1);min-height:58px;-webkit-appearance:none;touch-action:manipulation;background:#ffffffe6;color:#1a202c;font-family:inherit;font-weight:500;box-shadow:0 2px 8px #0000000a}.auth-input::placeholder{color:#ff6b3566;font-weight:500}.auth-input:focus{outline:none;border-color:#ff6b35;background:#fff;box-shadow:0 0 0 4px #ff6b351f,0 8px 24px #ff6b3526,0 4px 12px #ff8c421a;transform:translateY(-1px)}.auth-button{padding:19px;background:linear-gradient(135deg,#ff6b35,#ff8c42,orange);color:#fff;border:none;border-radius:18px;font-size:1.0625rem;font-weight:800;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);min-height:58px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 12px 32px #ff6b3566,0 6px 16px #ff8c424d,0 0 0 1px #ffffff4d;letter-spacing:.01em;text-transform:uppercase;position:relative;overflow:hidden}.auth-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.auth-button:hover:before{left:100%}.auth-button:hover{transform:translateY(-3px);box-shadow:0 16px 40px #ff6b3573,0 8px 20px #ff8c4259,0 0 0 1px #fff6}.auth-button:active{transform:translateY(-1px);box-shadow:0 8px 24px #ff6b3566,0 4px 12px #ff8c424d,0 0 0 1px #ffffff4d}.auth-error{padding:16px 20px;background:linear-gradient(135deg,#ef44441a,#dc262614);color:#dc2626;border-radius:16px;font-size:.9375rem;line-height:1.6;border:2px solid rgba(239,68,68,.2);font-weight:600;animation:shake .5s ease}.auth-divider{text-align:center;margin:36px 0;position:relative}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,107,53,.2),transparent)}.auth-divider span{background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:0 24px;color:#ff6b35;position:relative;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.guest-button{width:100%;padding:19px;background:#ffffffd9;color:#ff6b35;border:2px solid rgba(255,107,53,.2);border-radius:18px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);min-height:58px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;letter-spacing:.01em;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.guest-button:before{content:"👤";position:absolute;left:22px;font-size:1.5rem;transition:transform .35s cubic-bezier(.4,0,.2,1)}.guest-button:hover:before{transform:scale(1.15) rotate(8deg)}.guest-button:hover{background:#fff;border-color:#ff6b35;box-shadow:0 8px 24px #ff6b3533,0 4px 12px #ff8c4226;transform:translateY(-1px)}.guest-button:active{transform:scale(.98)}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));touch-action:manipulation;animation:fadeIn .3s ease-out}.modal-content{background:#fffffffa;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:32px;padding:40px;max-width:480px;width:100%;box-shadow:0 40px 80px #0000004d,0 0 0 1px #ffffff4d,inset 0 1px #fffc;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}.modal-content h2{margin:0 0 20px;background:linear-gradient(135deg,#ff6b35,#ff8c42,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2rem;font-weight:900;letter-spacing:-.03em}.modal-content p{margin:16px 0;color:#4a5568;line-height:1.7;font-size:1.0625rem;font-weight:500}.modal-buttons{display:flex;gap:12px;margin-top:32px}.modal-button{flex:1;padding:18px;border:none;border-radius:16px;font-size:1.0625rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:56px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;letter-spacing:.02em}.modal-button:active{transform:scale(.98)}.modal-button.cancel{background:#fffc;color:#ff6b35;border:2px solid rgba(255,107,53,.2)}.modal-button.cancel:hover{background:#fff;border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 8px 24px #ff6b3526}.modal-button.confirm{background:linear-gradient(135deg,#ff6b35,#ff8c42,orange);color:#fff;box-shadow:0 12px 32px #ff6b3566,0 6px 16px #ff8c424d,0 0 0 1px #ffffff4d}.modal-button.confirm:hover{transform:translateY(-3px);box-shadow:0 16px 40px #ff6b3573,0 8px 20px #ff8c4259,0 0 0 1px #fff6}.modal-button.confirm:active{transform:translateY(-1px)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.08}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.12}}@keyframes slideIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes titleGlow{0%,to{filter:drop-shadow(0 2px 8px rgba(255,107,53,.2))}50%{filter:drop-shadow(0 4px 16px rgba(255,140,66,.35))}}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(180deg);opacity:.7}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes modalSlideUp{0%{transform:translateY(40px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media(max-width:768px){.auth-screen{padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}.auth-screen:before{animation:float 30s ease-in-out infinite}.auth-screen:after{font-size:150px;opacity:.03}.auth-container{padding:36px 28px;border-radius:28px;max-width:100%;box-shadow:0 30px 60px #ff6b3533,0 15px 30px #0000001f,0 0 0 1px #ffffff80,inset 0 1px #ffffffe6}.auth-title{font-size:2.25rem;margin-bottom:10px}.auth-title:after{font-size:1.125rem;right:-6px;top:-6px}.auth-subtitle{font-size:.9375rem;margin-bottom:36px}.auth-tabs{gap:6px;padding:4px;margin-bottom:28px}.auth-tab{font-size:.9375rem;padding:13px;min-height:48px}.auth-form{gap:16px}.auth-input{padding:15px 18px;font-size:1rem;min-height:52px;border-radius:16px}.auth-button{padding:15px;font-size:1rem;min-height:52px;border-radius:16px}.auth-divider{margin:28px 0}.guest-button{padding:15px;font-size:.9375rem;min-height:52px;border-radius:16px}.guest-button:before{left:18px;font-size:1.25rem}.modal-overlay{padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}.modal-content{padding:32px 24px;border-radius:28px;max-width:100%}.modal-content h2{font-size:1.625rem;margin-bottom:16px}.modal-content p{font-size:.9375rem;margin:12px 0}.modal-buttons{margin-top:28px;gap:10px}.modal-button{padding:15px;font-size:.9375rem;min-height:52px;border-radius:16px}}@media(max-width:480px){.auth-screen{padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.auth-screen:after{font-size:120px;opacity:.02}.auth-container{padding:28px 20px;border-radius:24px}.auth-title{font-size:1.875rem;margin-bottom:8px}.auth-title:after{font-size:1rem;right:-4px;top:-4px}.auth-subtitle{font-size:.875rem;margin-bottom:32px}.auth-tabs{gap:5px;padding:3px;margin-bottom:24px}.auth-tab{font-size:.875rem;padding:12px;min-height:44px}.auth-form{gap:14px}.auth-input{padding:14px 16px;font-size:1rem;min-height:50px;border-radius:14px}.auth-button{padding:14px;font-size:.9375rem;min-height:50px;border-radius:14px}.auth-divider{margin:24px 0}.auth-divider span{font-size:.8125rem;padding:0 16px}.guest-button{padding:14px;font-size:.875rem;min-height:50px;border-radius:14px}.guest-button:before{left:16px;font-size:1.125rem}.modal-overlay{padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.modal-content{padding:24px 20px;border-radius:24px}.modal-content h2{font-size:1.5rem;margin-bottom:14px}.modal-content p{font-size:.875rem;margin:10px 0}.modal-buttons{flex-direction:column;margin-top:24px;gap:8px}.modal-button{width:100%;padding:14px;font-size:.875rem;min-height:50px;border-radius:14px}}.tab-navigation{display:flex;background:#fffc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 -1px #0000000d,0 -4px 20px #00000014;z-index:100;position:fixed;bottom:0;left:0;right:0;flex-direction:row;justify-content:space-around;padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));height:auto;min-height:56px;touch-action:manipulation;border-top:1px solid rgba(0,0,0,.05)}@media(min-width:769px){.tab-navigation{position:sticky;top:0;bottom:auto;justify-content:center;padding:12px 0;gap:24px;box-shadow:0 1px #0000000d,0 4px 20px #00000014;border-top:none;border-bottom:1px solid rgba(0,0,0,.05);min-height:64px}}.tab-button{display:flex;align-items:center;justify-content:center;padding:10px 16px;border:none;background:transparent;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#64748b;border-radius:12px;min-width:48px;min-height:48px;max-height:48px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative}.tab-button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:40px;height:40px;background:#ff6d251a;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:-1}.tab-button:hover:before{transform:translate(-50%,-50%) scale(1)}.tab-button:hover{color:#334155}.tab-button.active{color:#ff6d25}.tab-button.active:before{background:#ff6d2526;transform:translate(-50%,-50%) scale(1)}.tab-button:active{transform:scale(.95)}.tab-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center;line-height:1;transition:transform .2s ease}.tab-button.active .tab-icon{transform:scale(1.1)}@media(max-width:768px){.tab-navigation{padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));min-height:56px}.tab-button{padding:8px 12px;min-width:48px;min-height:48px;max-height:48px}.tab-icon{font-size:1.5rem}}@media(max-width:480px){.tab-navigation{padding:6px 8px;gap:4px}.tab-button{flex:1;min-width:0;border-radius:16px}.tab-button:before{width:46px;height:46px}.tab-icon{font-size:1.35rem}}.event-popup-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));animation:fadeIn .2s ease-out;touch-action:manipulation}.event-popup-overlay--choice{background:#000000b3}.event-popup{background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:var(--radius-2xl);padding:32px;max-width:540px;width:100%;box-shadow:var(--shadow-2xl);animation:slideUp .3s cubic-bezier(.4,0,.2,1);position:relative;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(255,255,255,.2)}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.event-header{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px;position:relative}@media(min-width:560px){.event-header{flex-direction:row;align-items:center;gap:16px}.event-timer{top:-12px;right:-12px}}.event-timer{position:absolute;top:-8px;right:-8px;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.event-timer-svg{width:100%;height:100%;transform:rotate(-90deg);filter:drop-shadow(0 4px 12px rgba(239,68,68,.35))}.event-timer-track{fill:none;stroke:#ffffff80;stroke-width:6}.event-timer-progress{fill:none;stroke:url(#timerGradient);stroke:#ef4444;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.event-timer-label{position:absolute;font-weight:800;font-size:1.1rem;color:#ef4444;text-shadow:0 2px 6px rgba(239,68,68,.4)}.event-description{font-size:1.0625rem;color:var(--text-secondary);line-height:1.7;margin:0 0 24px}.event-options,.event-button-placeholder{display:flex;flex-direction:column;gap:14px}.event-option-placeholder,.event-close-placeholder{min-height:56px;border-radius:var(--radius-md);background:linear-gradient(120deg,#ffffff3d,#ffffff1f,#ffffff3d);background-size:220% 100%;animation:event-placeholder-shimmer 1.15s ease-in-out infinite;border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1px 2px #0000000d}.event-close-placeholder{min-height:54px;align-self:flex-start;width:140px}@keyframes event-placeholder-shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.event-option-button{padding:18px 24px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.0625rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;min-height:56px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 12px #ff6d254d;letter-spacing:-.01em}.event-option-button:hover{transform:translate(4px) translateY(-2px);box-shadow:0 6px 16px #ff6d2566}.event-option-button:active{transform:translate(2px) translateY(0);box-shadow:0 2px 8px #ff6d254d}.event-option-button.selected{box-shadow:0 8px 20px #2563eb40!important;transform:translate(6px) translateY(-3px)}.event-option-button.disabled{cursor:not-allowed;opacity:.7;pointer-events:none}.event-result{background:var(--background);padding:22px;border-radius:var(--radius-md);margin-bottom:24px;border:1px solid var(--border-light);display:flex;flex-direction:column;gap:16px}.event-result-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.event-result-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;font-size:.875rem;font-weight:700;background:#ffffffb3;color:var(--text-primary);box-shadow:inset 0 0 0 1px #0000000d}.event-result-chip.positive{background:#22c55e26;color:#16a34a;box-shadow:inset 0 0 0 1px #16a34a33}.event-result-chip.negative{background:#ef44441f;color:#dc2626;box-shadow:inset 0 0 0 1px #dc262633}.event-result-chip.neutral{background:#3b82f61f;color:#2563eb;box-shadow:inset 0 0 0 1px #2563eb33}.event-message{font-size:1.0625rem;color:var(--text-primary);margin:0;font-weight:600;line-height:1.6}.event-result .event-close-button{margin-top:4px}.event-close-button{width:100%;padding:18px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.0625rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:56px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 12px #ff6d254d;letter-spacing:-.01em}.event-close-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6d2566}.event-close-button:active{transform:translateY(0);box-shadow:0 2px 8px #ff6d254d}@media(max-width:768px){.event-popup-overlay{padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}.event-popup{padding:28px;max-width:100%;border-radius:var(--radius-xl);max-height:85vh}.event-title{font-size:1.5rem;line-height:1.2}.event-icon{font-size:2.5rem}.event-timer{width:64px;height:64px;top:-16px;right:-16px}.event-timer-label{font-size:1rem}.event-description{font-size:1rem;margin-bottom:20px}.event-option-button{padding:16px 20px;font-size:1rem;min-height:52px}.event-close-button{padding:16px;min-height:52px}}.currency{position:relative;cursor:help;display:inline-block}.currency[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background-color:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;white-space:nowrap;z-index:1000;pointer-events:none;box-shadow:0 4px 12px #0000004d;animation:tooltipFadeIn .2s ease-in-out}.currency[data-tooltip]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-2px);border:6px solid transparent;border-top-color:#000000e6;z-index:1000;pointer-events:none;animation:tooltipFadeIn .2s ease-in-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(-8px)}}.currency[data-tooltip]:hover:before{animation:tooltipArrowFadeIn .2s ease-in-out}@keyframes tooltipArrowFadeIn{0%{opacity:0}to{opacity:1}}.main-screen{display:flex;flex-direction:column;height:100%;width:100%;min-height:0;overflow:hidden;flex:1;background-size:cover;background-position:center;background-repeat:no-repeat;touch-action:manipulation;position:relative}.main-screen .desktop-only{display:block}.main-screen .mobile-only{display:none}.main-top{flex:1.55;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:28px;padding:28px 28px 20px;padding-top:max(24px,env(safe-area-inset-top));background:transparent;color:#fff;min-height:0;overflow:visible;position:relative}.main-top:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0006,#0003);z-index:0;backdrop-filter:blur(.5px);-webkit-backdrop-filter:blur(.5px)}.main-info{display:flex;flex-direction:column;gap:26px;text-align:left;margin:0;flex-shrink:0;position:relative;z-index:1;padding:22px 26px;background:#0c1220b3;backdrop-filter:blur(26px) saturate(180%);-webkit-backdrop-filter:blur(26px) saturate(180%);border-radius:28px;border:1px solid rgba(255,255,255,.18);box-shadow:0 22px 60px #0000003d,inset 0 1px #fff6;width:min(540px,100%);overflow:hidden;transition:border-color .6s ease,box-shadow .6s ease}.main-info.completion-active{border-color:#ffd700cc;box-shadow:0 22px 60px #0000003d,inset 0 1px #fff6,0 0 0 2px #ffd70066,0 0 30px #ffd70080,inset 0 0 20px #ffd70026;animation:borderGlow .6s ease-out}@keyframes borderGlow{0%{border-color:#ffffff2e;box-shadow:0 22px 60px #0000003d,inset 0 1px #fff6}50%{border-color:gold;box-shadow:0 22px 60px #0000003d,inset 0 1px #fff6,0 0 0 3px #ffd70099,0 0 40px #ffd700b3,inset 0 0 30px #ffd70040}to{border-color:#ffd700cc;box-shadow:0 22px 60px #0000003d,inset 0 1px #fff6,0 0 0 2px #ffd70066,0 0 30px #ffd70080,inset 0 0 20px #ffd70026}}.main-info:before,.main-info:after{content:"";position:absolute;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .25s ease}.main-info:before{width:320%;height:60%;bottom:-26%;right:-260%;background:radial-gradient(circle,rgba(255,197,122,.7),transparent 55%);animation:mainInfoStarBottom 6s linear infinite alternate;animation-play-state:paused;z-index:0}.main-info:after{width:320%;height:60%;top:-26%;left:-260%;background:radial-gradient(circle,rgba(255,255,255,.65),transparent 55%);animation:mainInfoStarTop 6s linear infinite alternate;animation-play-state:paused;z-index:0}.main-info--highlight{border-color:#ffffff6b;box-shadow:0 30px 80px #00000047,inset 0 1px #ffffff8c,0 0 36px #ffc47d99}.main-info--highlight:before,.main-info--highlight:after{opacity:1;animation-play-state:running}.main-title{font-size:clamp(1.3rem,2.2vw,1.75rem);margin:0;font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.28);letter-spacing:-.015em}.main-info-eyebrow{font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:#ffffffb3}.main-info-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:stretch;min-height:125px}@media(min-width:1024px){.main-info-grid{grid-template-columns:minmax(0,1.05fr) minmax(340px,1.35fr)}}.main-info-role{display:flex;flex-direction:column;gap:12px}.main-info-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px}.main-meta-item{display:flex;flex-direction:column;gap:4px}.main-meta-label{font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffff8a;font-weight:600}.main-meta-value{font-size:.95rem;font-weight:600;color:#fff;letter-spacing:.01em}.main-meta-separator{width:1px;height:28px;border-radius:999px;background:#ffffff38}.main-info-card{display:flex;flex-direction:column;gap:8px;padding:20px 18px 20px 22px;border-radius:22px;background:linear-gradient(135deg,#fff3,#ffffff14);border:1px solid rgba(255,255,255,.24);box-shadow:0 18px 44px #00000040,inset 0 1px #ffffff59;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);width:100%;justify-self:stretch}.main-info-card-label{font-size:.58rem;letter-spacing:.32em;text-transform:uppercase;color:#e2e8f0a3;font-weight:600}.main-info-card-value{font-size:clamp(1.6rem,2.4vw,2rem);font-weight:700;letter-spacing:-.015em;color:#fff;word-break:break-all;overflow-wrap:break-word;max-width:100%;text-shadow:0 12px 30px rgba(0,0,0,.28),0 2px 12px rgba(255,255,255,.15)}.main-info-card-sub{font-size:.72rem;color:#e2e8f0c7;letter-spacing:.02em;max-width:26ch;line-height:1.4}.main-info-panels{display:flex;flex-direction:column;gap:22px}@media(min-width:768px){.main-info-panels.desktop-only{margin-top:-30px}}.main-info-actions{display:flex;justify-content:flex-start;gap:14px;flex-wrap:wrap}.inventory-button{position:relative;display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#0f172a47;color:#e2e8f0;font-weight:600;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.main-info-actions .inventory-button{margin-top:40px;margin-bottom:13px}.inventory-button:hover,.inventory-button:focus-visible{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a59;border-color:#ffffff52}.inventory-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.inventory-button-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#5eead42e;color:#5eead4;font-size:.75rem;letter-spacing:.1em}.inventory-button-count--placeholder{visibility:hidden}.main-progress{display:flex;flex-direction:column;gap:12px;padding:18px 20px;border-radius:20px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px #ffffff40;align-self:stretch}.main-progress-header{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#ffffff9e}.main-progress-title{font-weight:600}.main-progress-percent{font-size:1rem;font-weight:700;color:#ffffffe6;letter-spacing:.02em}.main-progress-meta{display:flex;flex-wrap:wrap;gap:8px}.progress-pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffffb8;font-weight:600}.main-progress-track{position:relative;width:100%;height:20px;border-radius:999px;background:#ffffff29;overflow:hidden;box-shadow:inset 0 1px 4px #00000047}.main-progress-fill{position:absolute;inset:0;width:0;background:linear-gradient(90deg,#ffb677,#ff8f45 48%,#ffd4af);border-radius:inherit;box-shadow:inset 0 0 12px #ffffff59,0 12px 24px #ff6f2559}.completion-animation-container{position:absolute;top:-1px;left:0;right:0;height:100%;pointer-events:none;z-index:10;overflow:visible}.completion-shine{position:absolute;top:-1px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(255,223,0,.3) 10%,rgba(255,215,0,.9) 50%,rgba(255,223,0,.3) 90%,transparent 100%);box-shadow:0 0 12px #ffd700cc,0 0 24px #ffa50099,0 2px 8px #ffd70066;filter:blur(.5px);transform-origin:center}.completion-star{position:absolute;top:-1px;left:50%;font-size:20px;transform:translate(-50%,-50%);filter:drop-shadow(0 0 8px rgba(255,215,0,.8)) drop-shadow(0 0 16px rgba(255,165,0,.6));animation:starTwinkle .7s ease-in-out infinite}@keyframes starTwinkle{0%,to{filter:drop-shadow(0 0 8px rgba(255,215,0,.8)) drop-shadow(0 0 16px rgba(255,165,0,.6)) brightness(1)}50%{filter:drop-shadow(0 0 12px rgba(255,215,0,1)) drop-shadow(0 0 24px rgba(255,165,0,.8)) brightness(1.3)}}.interactive-pet{position:absolute;z-index:5;transition:left 1.5s cubic-bezier(.4,0,.2,1),top 1.5s cubic-bezier(.4,0,.2,1);will-change:left,top;pointer-events:auto}.pet-character{filter:drop-shadow(0 4px 12px rgba(0,0,0,.25));transition:transform .6s cubic-bezier(.34,1.56,.64,1),filter .4s ease}.interactive-pet.idle .pet-character{animation:petIdle 4.2s cubic-bezier(.45,.05,.55,.95) infinite}.interactive-pet.moving .pet-character{animation:petBounce 1.2s cubic-bezier(.34,1.56,.64,1)}.interactive-pet.interactable .pet-character{animation:none!important;transform:scale(1.15);transition:transform .6s cubic-bezier(.34,1.56,.64,1),filter .4s ease}.interactive-pet.interactable{animation:petGlowPulse 1s ease-in-out infinite}.interactive-pet.interactable .pet-character{filter:drop-shadow(0 0 24px rgba(251,191,36,1)) drop-shadow(0 0 48px rgba(251,191,36,.8)) drop-shadow(0 0 72px rgba(251,191,36,.6));animation:petExcited .4s ease-in-out infinite}@keyframes petExcited{0%,to{transform:scale(1.05) rotate(-6deg) translateY(-4px)}25%{transform:scale(1.2) rotate(6deg) translateY(-12px) translate(6px)}50%{transform:scale(1.25) rotate(-4deg) translateY(-8px) translate(-4px)}75%{transform:scale(1.18) rotate(5deg) translateY(-14px) translate(4px)}}@keyframes petGlowPulse{0%,to{filter:drop-shadow(0 0 0 rgba(251,191,36,0))}50%{filter:drop-shadow(0 0 20px rgba(251,191,36,.6))}}.pet-indicator{position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:32px;animation:petBounceIndicator .4s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5)) drop-shadow(0 0 12px rgba(251,191,36,.8))}.pet-thought-bubble{position:absolute;top:-50px;left:50%;transform:translate(-50%);background:#fffffff2;color:#1a1a1a;padding:8px 12px;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap;max-width:200px;text-align:center;box-shadow:0 4px 16px #00000026,inset 0 1px #fffc;border:2px solid rgba(0,0,0,.1);pointer-events:none;z-index:10}.pet-thought-bubble:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(255,255,255,.95);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.pet-thought-text{display:block;overflow:hidden;text-overflow:ellipsis}.pet-reward{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a1a;padding:6px 14px;border-radius:12px;font-size:.875rem;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px #fbbf2480,inset 0 1px #ffffff80;border:1px solid rgba(255,255,255,.3);pointer-events:none;z-index:10}@keyframes petIdle{0%{transform:translateY(0) translate(0) scale(1) rotate(0)}15%{transform:translateY(-8px) translate(5px) scale(1.03) rotate(3deg)}30%{transform:translateY(-14px) translate(6px) scale(1.06) rotate(4deg)}45%{transform:translateY(-16px) translate(-2px) scale(1.07) rotate(-1deg)}60%{transform:translateY(-12px) translate(-7px) scale(1.05) rotate(-4deg)}75%{transform:translateY(-6px) translate(-8px) scale(1.02) rotate(-5deg)}90%{transform:translateY(-3px) translate(-4px) scale(1.01) rotate(-2deg)}to{transform:translateY(0) translate(0) scale(1) rotate(0)}}@keyframes petBounce{0%{transform:translateY(0) translate(0) scale(1) rotate(-8deg)}25%{transform:translateY(-28px) translate(15px) scale(1.15) rotate(10deg)}50%{transform:translateY(-18px) translate(8px) scale(1.12) rotate(0)}75%{transform:translateY(-24px) translate(-12px) scale(1.14) rotate(-8deg)}to{transform:translateY(0) translate(0) scale(1) rotate(6deg)}}@keyframes petBounceIndicator{0%,to{transform:translate(-50%) translateY(0) scale(1)}50%{transform:translate(-50%) translateY(-12px) scale(1.2)}}.inventory-overlay{position:fixed;inset:0;background:#0f172ac7;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);display:flex;align-items:center;justify-content:center;padding:32px;z-index:2000}.inventory-modal{position:relative;background:#0f172ae6;border-radius:28px;border:1px solid rgba(148,163,184,.28);box-shadow:0 45px 90px #080f1aa6;width:min(720px,100%);max-height:min(80vh,720px);padding:32px;display:flex;flex-direction:column;gap:24px;color:#e2e8f0;overflow:hidden}.inventory-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.inventory-header-text h3{margin:0;font-size:1.6rem;letter-spacing:-.02em;font-weight:700;color:#f8fafc}.inventory-header-text p{margin:6px 0 0;font-size:.9rem;color:#e2e8f0bf;letter-spacing:.01em}.inventory-close{width:38px;height:38px;border-radius:999px;border:1px solid rgba(148,163,184,.28);background:#0f172a99;color:#e2e8f0d9;font-size:1.3rem;line-height:1;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.inventory-close:hover,.inventory-close:focus-visible{transform:translateY(-1px);box-shadow:0 16px 28px #0f172a66}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;overflow-y:auto;padding-right:6px}.inventory-card{display:flex;gap:14px;padding:18px 20px;border-radius:20px;background:#1e293bb8;border:1px solid rgba(148,163,184,.24);box-shadow:inset 0 1px #ffffff1f}.inventory-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:#0f172a61;border:1px solid rgba(148,163,184,.18);color:#fdf2f8}.inventory-card-content{display:flex;flex-direction:column;gap:8px;color:#e2e8f0e6}.inventory-toggle{display:inline-flex;align-items:center;gap:8px;margin-top:4px;font-size:.78rem;color:#9ca3afd9;-webkit-user-select:none;user-select:none}.inventory-toggle input{appearance:none;width:34px;height:18px;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:#1e293b99;position:relative;transition:background .2s ease,border-color .2s ease;cursor:pointer}.inventory-toggle input:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:999px;background:#e2e8f0e6;transition:transform .2s ease}.inventory-toggle input:checked{background:#22c55e47;border-color:#22c55e80}.inventory-toggle input:checked:after{transform:translate(16px)}.inventory-toggle-label{text-transform:uppercase;letter-spacing:.16em}.inventory-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.inventory-card-name{font-size:1rem;font-weight:700;letter-spacing:-.01em}.inventory-card-category{font-size:.65rem;letter-spacing:.24em;text-transform:uppercase;color:#7dd3fccc}.inventory-card-description{margin:0;font-size:.85rem;color:#e2e8f0b8;line-height:1.45}.inventory-card-effect{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:#38bdf8}.inventory-card-bonus-list{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0}.inventory-card-bonus-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#0f172a73;border:1px solid rgba(148,163,184,.24);font-size:.72rem;letter-spacing:.06em;color:#e2e8f0d9}.inventory-card-bonus-label{text-transform:uppercase;font-weight:600}.inventory-card-bonus-value{font-weight:700;color:#fbbf24}.inventory-empty{padding:40px;text-align:center;font-size:.9rem;color:#e2e8f0b3;background:#1e293b99;border-radius:22px;border:1px dashed rgba(148,163,184,.3)}.money-label{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:#ffffff9e;font-weight:600}.money-amount{font-size:clamp(2.5rem,4vw,3.3rem);font-weight:800;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;text-shadow:0 12px 30px rgba(0,0,0,.35),0 2px 10px rgba(255,255,255,.18);letter-spacing:-.035em}.main-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex:1;min-height:0;overflow:visible;position:relative;width:100%;z-index:1}.character-container{position:absolute;bottom:0;right:0;z-index:5;display:flex;align-items:flex-end;justify-content:flex-end;width:auto;max-width:350px;height:auto;padding:24px;overflow:visible}.character-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:280px;background:#0003;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-radius:50%;z-index:-1;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.1)}.speech-bubble{position:absolute;bottom:calc(100% - 12px);right:clamp(36px,14vw,120px);max-width:clamp(170px,28vw,230px);padding:12px 18px;background:linear-gradient(135deg,#ffffffbf,#ffffff8c);border-radius:18px;border:1px solid rgba(255,255,255,.45);box-shadow:0 25px 45px #0f172a47,0 12px 20px #0f172a1f,inset 0 1px #fffc,inset 0 -1px #94a3b83d;color:#101828;font-size:.85rem;font-weight:600;letter-spacing:-.012em;line-height:1.35;pointer-events:none;z-index:10;filter:drop-shadow(0 6px 28px rgba(15,23,42,.26));backdrop-filter:blur(16px) saturate(190%);-webkit-backdrop-filter:blur(16px) saturate(190%);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1)}.speech-bubble:after{content:"";position:absolute;bottom:-10px;right:34px;width:22px;height:22px;background:inherit;border:inherit;transform:rotate(45deg);border-radius:6px;box-shadow:0 12px 30px #0f172a38}.speech-bubble-text{display:block;color:inherit;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-shadow:0 1px 1px rgba(255,255,255,.4)}.character-animation{width:100%;height:auto;max-width:350px;max-height:350px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.purchased-items-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.cosmetic-realestate,.cosmetic-vehicles,.cosmetic-pets,.cosmetic-walmart{position:absolute;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;align-items:center;z-index:2;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.cosmetic-realestate{top:5%;left:2%;max-width:60%}.cosmetic-vehicles{bottom:15%;left:2%;max-width:50%}.cosmetic-pets{bottom:35%;left:2%;max-width:50%}.cosmetic-walmart{top:20%;left:2%;max-width:50%}.cosmetic-item{font-size:2rem;display:inline-block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));color:#ff6d25;transition:transform .2s ease}.cosmetic-item:hover{transform:scale(1.1)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes progressGlow{0%{box-shadow:inset 0 1px 3px #0000002e}50%{box-shadow:0 0 28px #ff822559,inset 0 2px 6px #ffffff80}to{box-shadow:inset 0 1px 3px #0000002e}}@keyframes progressWave{0%{opacity:.65;transform:scale(.85)}80%{opacity:.18;transform:scale(1.08)}to{opacity:0;transform:scale(1.18)}}@keyframes progressPulse{0%{filter:brightness(1)}50%{filter:brightness(1.4)}to{filter:brightness(1)}}@keyframes mainInfoStarBottom{0%{transform:translateZ(0);opacity:.9}to{transform:translate3d(-140%,0,0);opacity:0}}@keyframes mainInfoStarTop{0%{transform:translateZ(0);opacity:.9}to{transform:translate3d(140%,0,0);opacity:0}}.progress-boost-text{font-size:1.25rem;font-weight:900;color:#fff;text-shadow:0 0 15px rgba(255,255,255,1),0 0 30px rgba(255,109,37,.8),0 0 45px rgba(255,109,37,.6),0 2px 8px rgba(0,0,0,.8),0 4px 16px rgba(255,109,37,.5);white-space:nowrap;z-index:100;pointer-events:none;position:fixed;background:linear-gradient(135deg,#ff6d25f2,#ffb380e6);padding:8px 16px;border-radius:16px;border:2px solid rgba(255,255,255,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 30px #ff6d25b3,0 8px 24px #0000004d,inset 0 1px #fff9,inset 0 -1px #0003;letter-spacing:.08em;transform:translate(-50%)}.main-bottom{flex:.6;display:flex;align-items:center;justify-content:center;background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .3s cubic-bezier(.4,0,.2,1);min-height:0;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:140px;border-top:1px solid rgba(0,0,0,.05);box-shadow:0 -4px 20px #0000000d;position:relative;z-index:10}.click-ripple{position:absolute;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(.25);background:radial-gradient(circle,rgba(255,109,37,.35) 0%,rgba(255,109,37,.12) 60%,transparent 75%);border:1px solid rgba(255,109,37,.35);box-shadow:0 0 24px #ff6d2559;opacity:.55;will-change:transform,opacity;animation:clickRipple .42s cubic-bezier(.33,1,.68,1) forwards}@keyframes clickRipple{to{transform:translate(-50%,-50%) scale(1);opacity:0}}.main-bottom:active{background:#f0f0f0f2;box-shadow:0 -4px 20px #0000000d,inset 0 4px 12px #00000014}.click-area{text-align:center;padding:32px 24px;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}.click-icon-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.click-icon{font-size:5rem;animation:clickIconFloat 3s ease-in-out infinite;cursor:pointer;color:#ff6d25;touch-action:manipulation;filter:drop-shadow(0 8px 16px rgba(255,109,37,.4));transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2}.click-icon:hover{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 12px 24px rgba(255,109,37,.5))}.click-icon-pulse{position:absolute;inset:-20%;border-radius:50%;background:radial-gradient(circle,rgba(255,109,37,.2) 0%,transparent 70%);animation:iconPulse 2s ease-in-out infinite;z-index:1}@keyframes clickIconFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-3deg)}50%{transform:translateY(-12px) rotate(0)}75%{transform:translateY(-8px) rotate(3deg)}}@keyframes iconPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:.3}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.9}}.click-text-container{min-height:28px;display:flex;align-items:center;justify-content:center}.click-hint{font-size:.9375rem;font-weight:500;color:#0f172a80;letter-spacing:.01em;margin:0;text-align:center;line-height:1.5;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.click-text{font-size:1.125rem;color:#64748b;margin:0;font-weight:600;letter-spacing:-.01em}.style-style_gold .main-bottom{background:linear-gradient(135deg,#ffd700e6,#ffed4ee6);color:#3f3b00}.style-style_gold .main-bottom:active{background:linear-gradient(135deg,#e6c300f2,#e6d73cf2);box-shadow:0 -4px 20px #0000001a,inset 0 4px 12px #0000001f}.style-style_gold .click-text,.style-style_gold .click-icon{color:#3f3b00}.style-style_gold .main-progress-fill{background:linear-gradient(90deg,gold,#ffed4e)}.style-style_neon .main-bottom{background:#1a0033f2}.style-style_neon .main-bottom:active{background:#120024fa;box-shadow:0 -4px 20px #0000004d,inset 0 4px 12px #0006}.style-style_neon .click-text{color:#0ff}.style-style_neon .click-icon{color:#f0f}.style-style_neon .main-progress-fill{background:linear-gradient(90deg,#00e5ff,#b517ff)}.style-style_space .main-bottom{background:linear-gradient(135deg,#000428,#004e92)}.style-style_space .main-bottom:active{background:linear-gradient(135deg,#000315,#003a75);box-shadow:0 -4px 20px #0000004d,inset 0 4px 12px #00000080}.style-style_space .click-icon{color:#ff6d25}.style-style_space .click-text{color:#cbd5f5}.style-style_space .main-progress-fill{background:linear-gradient(90deg,#ff6d25,#ff8a4d)}.style-style_ocean .main-bottom{background:linear-gradient(135deg,#0077bee6,#00a8e8d9)}.style-style_ocean .main-bottom:active{background:linear-gradient(135deg,#0064a5f2,#0091c8e6);box-shadow:0 -4px 20px #00000026,inset 0 4px 12px #0003}.style-style_ocean .click-icon{color:#fff}.style-style_ocean .click-text{color:#e0f2ff}.style-style_ocean .main-progress-fill{background:linear-gradient(90deg,#0077be,#00a8e8)}@media(min-width:768px){.main-info-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}@media(max-width:768px){.main-screen .desktop-only{display:none!important}.main-screen .mobile-only{display:flex!important}.main-top{padding:20px 16px;padding-top:max(20px,env(safe-area-inset-top))}.main-info{padding:16px 20px;border-radius:16px;gap:12px;background:#0c1220b3;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:.92rem}.inventory-button.mobile-action-button{margin-bottom:0}.main-info--mobile{flex-direction:column}.mobile-main-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.mobile-main-role{flex:1;display:flex;flex-direction:column;gap:6px}.mobile-main-money{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.mobile-main-money .main-info-card-label{font-size:.58rem;letter-spacing:.26em}.mobile-main-money .main-info-card-value{font-size:1.8rem}.mobile-summary-meta{display:flex;flex-wrap:wrap;gap:6px}.mobile-progress-preview{display:flex;flex-direction:column;gap:6px;margin:4px 0 6px;padding:10px 12px;border-radius:14px;background:#0f172a52;border:1px solid rgba(255,255,255,.14);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.mobile-progress-preview:active{transform:scale(.98)}.mobile-progress-header{display:flex;align-items:center;justify-content:space-between;color:#f8fafce6;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600}.mobile-progress-title{opacity:.75}.mobile-progress-value{font-size:.9rem}.mobile-progress-bar{position:relative;width:100%;height:10px;border-radius:999px;background:#ffffff1f;overflow:hidden}.mobile-progress-bar-fill{position:absolute;inset:0;background:linear-gradient(90deg,#ffb677,#ff8f45 48%,#ffd4af);border-radius:inherit;box-shadow:inset 0 0 8px #ffffff40,0 6px 12px #ff6f2540}.mobile-action-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.mobile-action-button,.inventory-button.mobile-action-button{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:#0f172a47;color:#e2e8f0;font-weight:600;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.mobile-action-button:active,.inventory-button.mobile-action-button:active{transform:scale(.97)}.mobile-action-button:disabled,.inventory-button.mobile-action-button:disabled{opacity:.45;cursor:not-allowed}.inventory-button.mobile-action-button{width:100%;gap:8px}.inventory-button.mobile-action-button .inventory-icon{width:20px;height:20px}.inventory-button.mobile-action-button .inventory-button-count{position:static;transform:none;min-width:24px;height:24px}.main-visual{align-items:center;justify-content:flex-end;padding-bottom:88px}.character-container{position:relative;bottom:auto;right:auto;max-width:150px;padding:10px}.character-container:before{width:150px;height:150px}.character-animation{max-width:150px;max-height:150px}.speech-bubble{right:clamp(10px,12vw,40px);max-width:clamp(132px,72vw,180px);font-size:.75rem}.interactive-pet{transform:scale(.9)}.interactive-pet.idle .pet-character{animation:petIdleMobile 5s cubic-bezier(.45,.05,.55,.95) infinite}.interactive-pet.moving .pet-character{animation:petBounceMobile 1s ease-out}.interactive-pet.interactable .pet-character{animation:petExcitedMobile .6s ease-in-out infinite}@keyframes petIdleMobile{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.02)}}@keyframes petBounceMobile{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}to{transform:translateY(0) scale(1)}}@keyframes petExcitedMobile{0%,to{transform:scale(1.05)}50%{transform:scale(1.1)}}.interactive-pet.interactable{animation:none}.interactive-pet.interactable .pet-character{filter:drop-shadow(0 0 16px rgba(251,191,36,.7)) drop-shadow(0 0 32px rgba(251,191,36,.5))}.pet-indicator{font-size:24px;animation:petBounceIndicatorMobile .6s ease-in-out infinite}@keyframes petBounceIndicatorMobile{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-6px)}}.main-bottom{min-height:70px;padding:10px 8px}.click-area{padding:10px 12px;gap:12px}.click-icon{font-size:2.5rem}.click-hint{font-size:.8125rem;max-width:95%}.click-text-container{min-height:20px}.click-text{font-size:.92rem}.inventory-overlay{padding:0}.inventory-modal{width:100%;max-height:100vh;border-radius:20px 20px 0 0;padding:24px 20px}.inventory-grid{padding-right:0;gap:12px}.inventory-card{padding:16px}.mobile-sheet-overlay{position:fixed;inset:0;background:#0f172aa6;display:flex;align-items:flex-end;justify-content:center;z-index:2100;padding:0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mobile-sheet{width:100%;max-width:520px;background:#0f172af2;border-radius:20px 20px 0 0;border:1px solid rgba(148,163,184,.22);box-shadow:0 -18px 40px #080f1a8c;padding:20px 20px 28px;display:flex;flex-direction:column;gap:16px}.mobile-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-sheet-header h3{margin:0;font-size:1.3rem;color:#e2e8f0;letter-spacing:-.01em}.mobile-sheet-close{width:34px;height:34px;border-radius:999px;border:1px solid rgba(148,163,184,.3);background:#0f172aa6;color:#e2e8f0d9;font-size:1.2rem;line-height:1;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.mobile-sheet-close:hover,.mobile-sheet-close:focus-visible{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a59}.mobile-sheet-body{display:flex;flex-direction:column;gap:16px}.mobile-sheet .main-progress{padding:16px}.mobile-sheet .progress-pill{width:auto;padding:6px 12px}.mobile-payout-card{display:grid;gap:12px;background:#1e293bb8;border:1px solid rgba(148,163,184,.26);border-radius:16px;padding:16px}.mobile-payout-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-payout-label{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:#e2e8f0a6;font-weight:600}.mobile-payout-value{font-size:.95rem;font-weight:600;color:#f8fafc;letter-spacing:.01em}}@media(max-width:480px){.main-top{gap:14px;padding:14px 12px;padding-top:max(14px,env(safe-area-inset-top))}.main-info{padding:12px 14px;border-radius:16px;gap:10px;background:#0c1220b3;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:.84rem}.inventory-button.mobile-action-button{width:100%}.mobile-progress-preview{font-size:.92rem}}@media(max-width:768px){.main-visual{padding-top:18px;justify-content:flex-start;padding-bottom:72px}.character-container{padding:16px;max-width:180px;transform:translateY(-15px)}.character-animation{max-width:190px;max-height:190px}}@media(max-width:480px){.main-visual{padding-top:32px;padding-bottom:72px}.character-container{padding:14px;max-width:200px;transform:translateY(calc(10% - 15px))}.character-container:before{width:200px;height:200px}.character-animation{max-width:225px;max-height:225px}}.upgrades-screen{padding:24px;padding-top:calc(32px + env(safe-area-inset-top));padding-bottom:calc(140px + env(safe-area-inset-bottom));max-width:1400px;margin:0 auto;min-height:100%;-webkit-overflow-scrolling:touch;background:var(--background)}.upgrades-header{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;align-items:flex-start}.upgrades-title-group h2{font-size:2.25rem;margin:0;color:var(--text-primary);font-weight:800;letter-spacing:-.03em}.upgrades-subtitle{margin:6px 0 0;color:var(--text-secondary);font-size:1rem;line-height:1.6}.upgrades-balance-card{display:flex;flex-direction:column;align-items:flex-start;padding:16px 20px;border-radius:var(--radius-xl);border:1px solid var(--border-light);background:linear-gradient(135deg,#ff6d2514,#ff8c420a);box-shadow:0 8px 24px #ff6d2514}.balance-label{font-size:.875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-weight:600}.balance-amount{font-weight:800;color:#1a202c;font-size:2rem;letter-spacing:-.02em;margin-top:6px}.upgrades-layout,.upgrades-main{display:flex;flex-direction:column;gap:32px}.upgrades-sidebar{display:flex;flex-direction:column;gap:24px}.upgrades-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:0}.upgrades-highlight-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px 24px;box-shadow:var(--shadow-md)}.upgrades-highlight-card h3{margin:0 0 18px;font-size:1.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.highlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.highlight-item{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:var(--radius-lg);border:1px solid var(--border-light);background:var(--background);box-shadow:var(--shadow-sm)}.highlight-label{font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-weight:600}.highlight-value{font-size:1.5rem;font-weight:800;color:var(--primary);letter-spacing:-.02em}.highlight-footnote{margin-top:16px;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.upgrade-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);touch-action:manipulation;position:relative;overflow:hidden}.upgrade-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.upgrade-card:hover:not(.disabled):before{transform:scaleX(1)}.upgrade-card:hover:not(.disabled){transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.upgrade-card:active:not(.disabled){transform:translateY(-2px)}.upgrade-card.disabled{opacity:.5}.upgrade-card.unlocked{border-color:var(--success);background:linear-gradient(135deg,var(--success-light) 0%,var(--surface) 100%)}.upgrade-card.celebrating{border-color:var(--primary);box-shadow:0 0 0 2px #ff6d2526,0 16px 36px #ff6d2540,inset 0 1px #fff9;animation:upgradePulse .9s ease-out}.upgrade-card.celebrating:after{content:"";position:absolute;inset:-12px;border-radius:inherit;border:2px solid rgba(255,255,255,.4);opacity:0;animation:upgradeBurst .9s ease-out;pointer-events:none}.upgrade-card.pending{position:relative;opacity:.65;filter:grayscale(.4) blur(0px)}.upgrade-card.pending:after{content:"Requires Press & Hold";position:absolute;inset:12px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:#0f172a99;color:#ffffffd9;font-weight:600;text-transform:uppercase;letter-spacing:.12em;pointer-events:none}.upgrade-icon{font-size:3.5rem;margin-bottom:16px;display:flex;align-items:center;justify-content:center;color:var(--primary);filter:drop-shadow(0 2px 4px rgba(255,109,37,.2))}.upgrade-name{font-size:1.375rem;margin:0 0 10px;color:var(--text-primary);font-weight:700;letter-spacing:-.02em}.upgrade-description{font-size:.9375rem;color:var(--text-secondary);margin:0 0 20px;line-height:1.6}.upgrade-info{width:100%;margin-bottom:20px;padding:16px;background:var(--background);border-radius:var(--radius-md);border:1px solid var(--border-light)}.upgrade-level{font-weight:700;color:var(--primary);margin-bottom:8px;font-size:1.0625rem;letter-spacing:-.01em}.upgrade-effect{font-size:.9375rem;color:var(--text-secondary);line-height:1.5}.upgrade-button{width:100%;padding:16px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);margin-top:auto;min-height:52px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 12px #ff6d254d;letter-spacing:-.01em}.upgrade-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff6d2566}.upgrade-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #ff6d254d}.upgrade-button:disabled{cursor:not-allowed;opacity:.5}.upgrade-button.insufficient{background:var(--border);color:var(--text-tertiary);box-shadow:none}.upgrade-unlocked-badge{width:100%;padding:16px;background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:#fff;border-radius:var(--radius-md);font-weight:700;margin-top:auto;min-height:52px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #10b9814d}.manager-section{margin-top:48px;padding:40px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:var(--radius-xl);text-align:center;color:#fff;box-shadow:var(--shadow-xl)}.manager-section h3{font-size:2rem;margin:0 0 12px;font-weight:800;letter-spacing:-.03em}.coming-soon{font-size:1.125rem;opacity:.95;margin:0;font-weight:500}.clicker-styles-section{margin-top:16px;padding:32px;background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.section-title{font-size:2rem;margin:0 0 12px;color:var(--text-primary);text-align:center;font-weight:800;letter-spacing:-.03em}.section-description{text-align:center;color:var(--text-secondary);margin:0 0 32px;font-size:1.0625rem;line-height:1.6}.clicker-styles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:100px}.clicker-style-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);touch-action:manipulation;position:relative;overflow:hidden}.clicker-style-card:hover:not(.disabled):not(.selected){transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.clicker-style-card:active:not(.disabled):not(.selected){transform:translateY(-2px)}.clicker-style-card.disabled{opacity:.5}.clicker-style-card.selected{border-color:var(--primary);background:linear-gradient(135deg,rgba(255,109,37,.1) 0%,var(--surface) 100%);box-shadow:0 0 0 2px #ff6d2533}.clicker-style-card.celebrating{border-color:var(--primary);box-shadow:0 0 0 2px #ff6d2526,0 12px 30px #ff6d2547,inset 0 1px #ffffff8c;animation:upgradePulse .9s ease-out}.clicker-style-card.celebrating:after{content:"";position:absolute;inset:-10px;border-radius:inherit;border:2px solid rgba(255,255,255,.45);opacity:0;animation:upgradeBurst .9s ease-out;pointer-events:none}.clicker-style-icon{font-size:3.5rem;margin-bottom:16px;display:flex;align-items:center;justify-content:center;color:var(--primary)}.clicker-style-name{font-size:1.1875rem;margin:0 0 16px;color:var(--text-primary);font-weight:700;letter-spacing:-.01em}.clicker-style-cost{font-size:1.375rem;font-weight:800;color:var(--primary);margin-bottom:16px;letter-spacing:-.02em}.clicker-style-button{width:100%;padding:14px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);margin-top:auto;min-height:48px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 12px #ff6d254d}.clicker-style-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff6d2566}.clicker-style-button:active:not(:disabled){transform:translateY(0)}.clicker-style-button:disabled{cursor:not-allowed;opacity:.5}.clicker-style-button.insufficient{background:var(--border);color:var(--text-tertiary);box-shadow:none}.clicker-style-selected-badge{width:100%;padding:14px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border-radius:var(--radius-md);font-weight:700;margin-top:auto;min-height:48px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ff6d254d}@media(min-width:1024px){.upgrades-header{flex-direction:row;justify-content:space-between;align-items:center}.upgrades-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start}.upgrades-sidebar{position:sticky;top:calc(96px + env(safe-area-inset-top))}.upgrades-grid{gap:24px}.upgrades-highlight-card{padding:32px 28px}.clicker-styles-section{margin-top:0}}@media(max-width:768px){.upgrades-screen{padding:20px;padding-top:calc(28px + env(safe-area-inset-top));padding-bottom:calc(160px + env(safe-area-inset-bottom))}.upgrades-header{align-items:flex-start;gap:12px}.upgrades-grid{grid-template-columns:1fr;gap:16px}.upgrades-header h2{font-size:1.875rem;margin-bottom:10px}.upgrades-balance{font-size:1rem}.balance-amount{font-size:1.375rem}.upgrade-card{padding:20px;border-radius:var(--radius-lg)}.upgrade-name{font-size:1.25rem}.upgrade-description{font-size:.875rem}.clicker-styles-grid{grid-template-columns:1fr;gap:16px;margin-bottom:100px}.clicker-styles-section{padding:24px;margin-top:24px}.section-title{font-size:1.75rem}.section-description{font-size:1rem}.manager-section{padding:32px;margin-top:32px}.manager-section h3{font-size:1.75rem}}@keyframes upgradePulse{0%{transform:scale(1)}30%{transform:scale(1.02)}60%{transform:scale(.99)}to{transform:scale(1)}}@keyframes upgradeBurst{0%{opacity:.6;transform:scale(.85)}70%{opacity:.15;transform:scale(1.05)}to{opacity:0;transform:scale(1.12)}}@media(max-width:480px){.upgrades-screen{padding:16px 12px;padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(180px + env(safe-area-inset-bottom))}.upgrades-header{gap:12px;margin-bottom:24px}.upgrades-title-group h2{font-size:1.8rem}.upgrades-subtitle{font-size:.9rem;line-height:1.4}.upgrades-balance-card{width:100%;align-items:stretch;padding:14px 16px}.balance-amount{font-size:1.5rem}.upgrades-layout{gap:20px}.upgrades-grid{grid-template-columns:1fr;gap:16px}.upgrade-card{padding:20px 18px}.upgrade-description{font-size:.85rem}.upgrade-info{padding:12px 14px}.upgrades-sidebar{gap:16px}.upgrades-highlight-card,.clicker-styles-section{padding:20px 18px}.clicker-styles-grid{grid-template-columns:1fr;margin-bottom:100px}.clicker-style-card{padding:20px 18px}}.shopping-screen{--mall-accent: #f97316;--mall-accent-strong: #ea580c;--mall-accent-soft: rgba(249, 115, 22, .16);--mall-surface: #ffffff;padding:24px;padding-top:calc(32px + env(safe-area-inset-top));max-width:1200px;margin:0 auto;min-height:100%;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#fffaf5,#fff 60%)}.shopping-header{margin-bottom:20px;display:flex;flex-direction:column;gap:20px}.shopping-hero-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:36px;padding:18px 24px;border-radius:22px;background:#fff;color:#1f2937;box-shadow:0 18px 42px #f973161f;border:1px solid rgba(249,115,22,.2);overflow:hidden}.shopping-hero-card:after{content:"";position:absolute;inset:-120px 45% 0 -70px;background:radial-gradient(circle,rgba(249,115,22,.16),transparent 70%);pointer-events:none;mix-blend-mode:screen}.shopping-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;text-align:left;flex:1;max-width:540px}.shopping-hero-eyebrow{font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:#ea580ccc;font-weight:700}.shopping-hero-title{font-size:clamp(1.45rem,2.1vw,1.85rem);margin:0;font-weight:800;letter-spacing:-.025em}.shopping-hero-subtitle{margin:0;font-size:.82rem;max-width:38ch;color:#374151b8}.shopping-balance-card{display:inline-flex;align-items:center;gap:12px;margin-top:14px;padding:10px 18px;border-radius:18px;background:#f973161f;border:1px solid rgba(249,115,22,.3)}.shopping-balance-label{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:#ea580ce6;font-weight:700}.shopping-balance-value{font-size:1.35rem;font-weight:700;letter-spacing:-.015em;color:#9a3412}.category-tabs{display:flex;gap:10px;margin-bottom:28px;flex-wrap:wrap;justify-content:center;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:12px;position:relative}.category-toolbar{display:none;margin-bottom:12px;justify-content:center}.category-menu-trigger{display:inline-flex;align-items:center;gap:12px;padding:14px 22px;border-radius:999px;border:none;background:linear-gradient(135deg,#f97316,#fb923c);color:#fff7ed;font-weight:700;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;box-shadow:0 20px 45px #c2410c52;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.category-menu-trigger:hover{opacity:.92;transform:translateY(-2px);box-shadow:0 26px 55px #c2410c61}.category-menu-trigger:active{transform:translateY(-1px)}.category-menu-icon{display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff7ed}.category-tab{display:flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid rgba(249,115,22,.18);background:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.98rem;font-weight:600;color:#475569eb;min-height:48px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;white-space:nowrap;box-shadow:0 12px 26px #f973161a;letter-spacing:-.01em;position:relative;z-index:1}.category-tab:hover{border-color:#f9731666;background:#fef3c799;transform:translateY(-2px);box-shadow:0 18px 34px #f973162e;z-index:10}.category-tab.active{background:linear-gradient(135deg,#f97316,#fb923c);border-color:#f9731699;color:#fff7ed;box-shadow:0 20px 36px #f9731647}.category-icon{font-size:1.15rem;display:flex;align-items:center;justify-content:center;color:inherit}.category-name{font-weight:700}.category-section{margin-top:32px}.category-title{font-size:2rem;margin:0 0 24px;color:#1f2937;text-align:center;font-weight:800;letter-spacing:-.03em}.category-title-icon{vertical-align:middle;margin-right:8px;color:#f97316}.cosmetics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;padding-bottom:calc(140px + env(safe-area-inset-bottom))}.category-drawer-overlay{position:fixed;inset:0;background:#0f172a40;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;padding:20px;z-index:1400}.category-drawer{background:#fff;color:var(--text-primary, #1f2937);border-radius:24px 24px 16px 16px;width:100%;max-width:420px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 24px 48px #f973162e;animation:drawerSlideUp .28s ease-out}.category-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.category-drawer-header h3{margin:0;font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.category-drawer-close{background:none;border:none;font-size:2rem;color:inherit;cursor:pointer;padding:0;line-height:1}.category-drawer-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.category-drawer-item{display:inline-flex;align-items:center;gap:10px;padding:14px 16px;border-radius:var(--radius-lg);border:1px solid rgba(249,115,22,.22);background:#fff7edd9;color:#9a3412;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.category-drawer-item:hover{transform:translateY(-1px);border-color:#f9731699}.category-drawer-item.active{border-color:#f97316d9;background:linear-gradient(135deg,#f97316,#f97316d9);color:#fff7ed}@keyframes drawerSlideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.cosmetic-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);touch-action:manipulation;position:relative;overflow:hidden}.cosmetic-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f97316,#fb923c);transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.cosmetic-card:hover:not(.disabled):not(.purchased):before{transform:scaleX(1)}.cosmetic-card:hover:not(.disabled):not(.purchased){transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#f9731699}.cosmetic-card:active:not(.disabled):not(.purchased){transform:translateY(-2px)}.cosmetic-card.disabled{opacity:.5}.cosmetic-card.purchased{border-color:var(--success);background:linear-gradient(135deg,var(--success-light) 0%,var(--surface) 100%)}.cosmetic-card.celebrating{border-color:#f97316e6;box-shadow:0 0 0 2px #f9731633,0 14px 32px #ea580c47,inset 0 1px #ffffff8c;animation:shopPulse .9s ease-out}.cosmetic-card.celebrating:after{content:"";position:absolute;inset:-12px;border-radius:inherit;border:2px solid rgba(255,255,255,.45);opacity:0;animation:shopBurst .9s ease-out;pointer-events:none}.cosmetic-card.pending{filter:grayscale(.3);position:relative}.cosmetic-card.pending:after{content:"Unlock Press & Hold first";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:#0f172ab3;color:#fffc;font-weight:700;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.cosmetic-icon{font-size:4.5rem;margin-bottom:16px;display:flex;align-items:center;justify-content:center;color:var(--primary);filter:drop-shadow(0 2px 4px rgba(255,109,37,.2))}.cosmetic-name{font-size:1.1875rem;margin:0 0 16px;color:var(--text-primary);font-weight:700;letter-spacing:-.01em}.cosmetic-description{margin:-6px 0 12px;font-size:.9rem;color:#0f172aad;min-height:36px}.cosmetic-cost{font-size:1.5rem;font-weight:800;color:var(--primary);margin-bottom:16px;letter-spacing:-.02em}.cosmetic-button{width:100%;padding:16px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);margin-top:auto;min-height:52px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 12px #ff6d254d;letter-spacing:-.01em}.cosmetic-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff6d2566}.cosmetic-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #ff6d254d}.cosmetic-button:disabled{cursor:not-allowed;opacity:.5}.cosmetic-button.insufficient{background:var(--border);color:var(--text-tertiary);box-shadow:none}@keyframes shopPulse{0%{transform:scale(1)}35%{transform:scale(1.02)}65%{transform:scale(.99)}to{transform:scale(1)}}@keyframes shopBurst{0%{opacity:.6;transform:scale(.85)}70%{opacity:.12;transform:scale(1.05)}to{opacity:0;transform:scale(1.12)}}@media(max-width:480px){.shopping-screen{padding:16px 12px;padding-top:calc(24px + env(safe-area-inset-top))}.shopping-hero-card{padding:18px 16px;gap:12px}.shopping-hero-title{font-size:1.55rem;letter-spacing:-.025em}.shopping-hero-subtitle{font-size:.84rem}.shopping-balance-card{padding:10px 14px}.category-tabs{gap:6px;margin-bottom:20px}.category-tab{min-width:64px;padding:8px 10px}.category-section{margin-top:20px}.category-title{font-size:1.6rem}.cosmetics-grid{grid-template-columns:1fr;gap:16px;padding-bottom:calc(180px + env(safe-area-inset-bottom))}.cosmetic-card{padding:20px 18px}.cosmetic-description{font-size:.85rem;min-height:auto}.cosmetic-cost{font-size:1.4rem}.cosmetic-button{min-height:48px}.category-drawer{max-width:100%;border-radius:20px 20px 0 0;padding:24px 20px}.category-drawer-list{grid-template-columns:1fr}}.cosmetic-purchased-badge,.cosmetic-out-of-stock-badge{width:100%;padding:16px;background:var(--text-tertiary);color:#fff;border-radius:var(--radius-md);font-weight:700;margin-top:auto;min-height:52px;display:flex;align-items:center;justify-content:center;letter-spacing:-.01em}.cosmetic-purchased-badge{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);box-shadow:0 4px 12px #10b9814d}.empty-category{text-align:center;padding:60px 40px;color:var(--text-tertiary);font-size:1.125rem;font-weight:500}.scratchcard-overlay{position:fixed;inset:0;background:#0f172acc;display:flex;align-items:center;justify-content:center;z-index:1200;padding:24px}.scratchcard-modal{background:#0f172af2;border-radius:24px;border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 60px #0f172a80;padding:28px;width:min(380px,100%);display:flex;flex-direction:column;gap:18px;color:#fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.scratchcard-title{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.01em;text-align:center}.scratchcard-surface{border-radius:18px;overflow:hidden;align-self:center}.scratchcard-hidden{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:radial-gradient(circle at top,#fbbf2440,#0f172ae6);color:#fbbf24;font-size:1.15rem;font-weight:700;text-align:center;padding:16px}.scratchcard-result{display:block}.scratchcard-footer{display:flex;flex-direction:column;gap:12px;text-align:center}.scratchcard-instructions{margin:0;font-size:.9rem;color:#ffffffbf}.scratchcard-button{align-self:center;padding:12px 22px;border-radius:999px;border:none;background:linear-gradient(135deg,#f97316,#fb923c);color:#0f172a;font-weight:800;text-transform:uppercase;letter-spacing:.18em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.scratchcard-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.scratchcard-button:not(:disabled):hover,.scratchcard-button:not(:disabled):focus-visible{transform:translateY(-2px);box-shadow:0 16px 30px #f9731659}@media(max-width:768px){.scratchcard-modal{padding:28px 28px 60px}.shopping-screen{padding:20px;padding-top:calc(28px + env(safe-area-inset-top))}.shopping-header{margin-bottom:16px}.shopping-hero-card{flex-direction:column;align-items:flex-start;padding:20px 18px;gap:14px;border-radius:22px}.shopping-hero-title{font-size:1.65rem}.shopping-hero-subtitle{font-size:.86rem;line-height:1.4}.shopping-balance-card{width:100%;justify-content:space-between;margin-top:10px}.shopping-header h2{font-size:1.875rem;margin-bottom:10px}.shopping-balance{font-size:1rem}.balance-amount{font-size:1.375rem}.category-tabs{display:none}.category-tab{padding:12px 16px;font-size:.9375rem;min-height:48px}.category-toolbar{display:flex;margin:22px 0 14px}.cosmetics-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding-bottom:calc(160px + env(safe-area-inset-bottom))}.cosmetic-card{padding:20px;border-radius:var(--radius-lg)}.cosmetic-icon{font-size:3.5rem}.cosmetic-name{font-size:1.0625rem;margin-bottom:12px}.cosmetic-cost{font-size:1.375rem;margin-bottom:12px}.category-title{font-size:1.75rem;margin-bottom:20px}}.cosmetic-prestige{display:inline-flex;align-items:center;justify-content:center;gap:6px;align-self:center;padding:4px 12px;border-radius:999px;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}.cosmetic-prestige.locked{background:#f9731629;color:#fb923c;border:1px solid rgba(249,115,22,.4)}.cosmetic-prestige.unlocked{background:#3b82f62e;color:#60a5fa;border:1px solid rgba(59,130,246,.32)}.casino-banner{position:relative;width:100%;padding:0;border:none;background:linear-gradient(135deg,#7c3aed,#c026d3,#7c3aed);background-size:200% 100%;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 32px #7c3aed4d,inset 0 1px #fff3;animation:casinoPulse 3s ease-in-out infinite}.casino-banner:hover{transform:translateY(-4px);box-shadow:0 16px 48px #7c3aed66,inset 0 1px #ffffff4d;animation:casinoPulse 1.5s ease-in-out infinite}.casino-banner-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(251,191,36,.3) 0%,transparent 70%);animation:glowPulse 2s ease-in-out infinite;pointer-events:none}.casino-banner-content{position:relative;display:flex;align-items:center;gap:20px;padding:24px 28px;z-index:1}.casino-banner-icon{font-size:3rem;line-height:1;animation:spinSlow 4s linear infinite;filter:drop-shadow(0 4px 12px rgba(251,191,36,.6))}.casino-banner-text{flex:1;display:flex;flex-direction:column;gap:4px;text-align:left}.casino-banner-title{font-size:1.5rem;font-weight:900;color:#fbbf24;letter-spacing:-.01em;text-shadow:0 2px 8px rgba(0,0,0,.3)}.casino-banner-subtitle{font-size:.95rem;color:#ffffffe6;letter-spacing:.02em}.casino-banner-arrow{font-size:2rem;color:#fbbf24;font-weight:900;transition:transform .3s ease}.casino-banner:hover .casino-banner-arrow{transform:translate(8px)}.category-tabs{display:flex;gap:10px;margin-bottom:28px;flex-wrap:wrap;justify-content:center;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:16px;background:linear-gradient(135deg,#f9731614,#fb923c14);border-radius:20px;border:2px dashed rgba(249,115,22,.3);position:relative}.category-tab{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;border-radius:16px;border:2px solid transparent;background:#fff;color:#6b7280;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;min-width:100px;box-shadow:0 2px 8px #00000014}.category-tab:hover{transform:translateY(-4px);border-color:var(--mall-accent);color:var(--mall-accent);box-shadow:0 8px 20px #f9731633}.category-tab.active{background:linear-gradient(135deg,var(--mall-accent) 0%,var(--mall-accent-strong) 100%);color:#fff;border-color:var(--mall-accent-strong);box-shadow:0 8px 24px #f9731666;transform:translateY(-4px)}.category-tab.active .category-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.category-icon{transition:transform .2s ease}.category-tab:hover .category-icon{transform:scale(1.1)}.category-name{font-size:.8rem;letter-spacing:.02em}@keyframes casinoPulse{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.casino-banner-content{padding:20px;gap:16px}.casino-banner-icon{font-size:2.5rem}.casino-banner-title{font-size:1.25rem}.casino-banner-subtitle{font-size:.85rem}.casino-banner-arrow{font-size:1.5rem}.category-tabs:before{font-size:.7rem;padding:3px 12px}.category-tab{min-width:80px;padding:12px 16px}}@media(max-width:480px){.casino-banner-content{flex-direction:column;text-align:center;padding:20px 16px;gap:12px}.casino-banner-text{align-items:center}.casino-banner:hover .casino-banner-arrow{transform:rotate(90deg) translate(8px)}.category-tabs{padding:12px}.category-tab{flex:1;min-width:70px;padding:10px 12px;gap:6px}.category-name{font-size:.75rem}}.blackjack-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.blackjack-modal{position:relative;width:100%;max-width:900px;max-height:90vh;background:linear-gradient(145deg,#0f172a,#1e293b);border-radius:32px;border:1px solid rgba(148,163,184,.2);box-shadow:0 40px 80px #00000080,inset 0 1px #ffffff1a;padding:32px;overflow-y:auto;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.blackjack-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(148,163,184,.3);background:#1e293bcc;color:#e2e8f0e6;font-size:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.blackjack-close:hover{background:#ef444433;border-color:#ef444480;color:#ef4444;transform:scale(1.05)}.blackjack-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid rgba(148,163,184,.15)}.blackjack-title{font-size:2rem;font-weight:900;margin:0;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.blackjack-balance{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.balance-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8cc;font-weight:600}.balance-amount{font-size:1.5rem;font-weight:800;color:#10b981;letter-spacing:-.02em}.blackjack-table{background:linear-gradient(135deg,#065f46,#047857,#065f46);border-radius:24px;padding:32px 24px;margin-bottom:24px;box-shadow:inset 0 2px 8px #0000004d,0 8px 24px #0003;border:2px solid rgba(16,185,129,.2);position:relative;overflow:hidden}.blackjack-table:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(16,185,129,.1) 0%,transparent 70%);pointer-events:none}.blackjack-section{position:relative;z-index:1;margin-bottom:24px}.blackjack-section:last-of-type{margin-bottom:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-label{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffffb3;font-weight:700}.hand-value{display:inline-flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:800;color:#fbbf24;background:#0000004d;padding:6px 16px;border-radius:999px;border:1px solid rgba(251,191,36,.3)}.soft-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#fbbf24b3;font-weight:600}.cards-container{display:flex;gap:12px;flex-wrap:wrap;min-height:140px;align-items:center}.playing-card{width:90px;height:130px;background:#fff;border-radius:12px;box-shadow:0 8px 16px #0000004d,0 2px 4px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;animation:dealCard .3s cubic-bezier(.16,1,.3,1);transform-origin:center;border:2px solid rgba(0,0,0,.1)}.playing-card.card-red{color:#dc2626}.playing-card.card-black{color:#1f2937}.card-rank{font-size:2rem;font-weight:900;line-height:1}.card-suit{font-size:2.5rem;line-height:1;margin-top:4px}.card-hidden{background:linear-gradient(135deg,#1e40af,#3b82f6);border-color:#1e3a8a}.card-back{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-back-pattern{width:100%;height:100%;background:repeating-linear-gradient(45deg,rgba(255,255,255,.1) 0px,rgba(255,255,255,.1) 10px,transparent 10px,transparent 20px),repeating-linear-gradient(-45deg,rgba(255,255,255,.1) 0px,rgba(255,255,255,.1) 10px,transparent 10px,transparent 20px)}.game-message{text-align:center;padding:20px;margin:24px 0;background:#0000004d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.message-text{margin:0;font-size:1.25rem;font-weight:700;color:#fbbf24;letter-spacing:-.01em}.blackjack-controls{background:#0f172a99;border-radius:20px;padding:24px;border:1px solid rgba(148,163,184,.2)}.bet-section{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.bet-label{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:#e2e8f0cc;font-weight:700}.bet-input-group{display:flex;align-items:center;gap:16px}.bet-slider{flex:1;height:8px;border-radius:999px;background:#1e293bcc;outline:none;-webkit-appearance:none;appearance:none}.bet-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);cursor:pointer;box-shadow:0 4px 12px #fbbf2466;border:2px solid rgba(255,255,255,.2);transition:transform .2s ease}.bet-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.bet-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);cursor:pointer;box-shadow:0 4px 12px #fbbf2466;border:2px solid rgba(255,255,255,.2);transition:transform .2s ease}.bet-slider::-moz-range-thumb:hover{transform:scale(1.1)}.bet-display{font-size:1.5rem;font-weight:800;color:#fbbf24;min-width:120px;text-align:right;letter-spacing:-.02em}.quick-bet-btn{flex:1;padding:10px 16px;border-radius:12px;border:1px solid rgba(148,163,184,.3);background:#1e293b99;color:#e2e8f0e6;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .2s ease}.quick-bet-btn:hover{background:#3b82f633;border-color:#3b82f680;transform:translateY(-2px)}.action-btn{width:100%;padding:16px 24px;border-radius:16px;border:none;font-weight:800;font-size:1.125rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 8px 20px #0000004d}.deal-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.deal-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #10b98166}.deal-btn:disabled{opacity:.5;cursor:not-allowed}.play-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.hit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.hit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #3b82f666}.stand-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stand-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #f59e0b66}.double-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.double-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #8b5cf666}.finished-actions{display:flex;flex-direction:column;gap:12px}.current-bet{text-align:center;font-size:.875rem;color:#e2e8f0b3;font-weight:600}.new-round-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.new-round-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #10b98166}@keyframes dealCard{0%{opacity:0;transform:translateY(-20px) rotateY(90deg)}to{opacity:1;transform:translateY(0) rotateY(0)}}.bet-section.mobile-hidden{display:none}.bet-section.mobile-popover{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#1a1a2e,#16213e);border-top-left-radius:24px;border-top-right-radius:24px;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));max-height:70vh;overflow-y:auto;z-index:1002;box-shadow:0 -10px 40px #00000080;border-top:2px solid rgba(255,215,0,.3);animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)}@media(max-width:768px){.blackjack-modal{padding:24px 16px;max-height:95vh}.blackjack-title{font-size:1.5rem}.balance-amount{font-size:1.25rem}.blackjack-table{padding:20px 16px}.playing-card{width:70px;height:100px}.card-rank{font-size:1.5rem}.card-suit{font-size:2rem}.cards-container{gap:8px;min-height:110px}.message-text{font-size:1rem}.action-btn{padding:14px 20px;font-size:1rem}.bet-display{font-size:1.25rem;min-width:100px}}@media(max-width:480px){.blackjack-modal{padding:20px 12px;border-radius:24px}.blackjack-header{flex-direction:column;align-items:flex-start;gap:12px}.playing-card{width:60px;height:85px}.card-rank{font-size:1.25rem}.card-suit{font-size:1.5rem}.play-actions{grid-template-columns:1fr}}.casino-screen{padding:24px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom));max-width:1400px;margin:0 auto;min-height:100vh;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#0f172a,#1e1b4b,#0f172a);position:relative;overflow-x:hidden;overflow-y:auto}.casino-screen:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 30%,rgba(234,179,8,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(239,68,68,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.08) 0%,transparent 60%);pointer-events:none;z-index:0}.casino-back-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;border:1px solid rgba(251,191,36,.3);background:#0f172acc;color:#fbbf24;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s ease;margin-bottom:24px;position:relative;z-index:1}.casino-back-btn:hover{background:#fbbf2426;border-color:#fbbf2480;transform:translate(-4px)}.casino-header{position:relative;z-index:1;margin-bottom:40px}.casino-hero{position:relative;background:linear-gradient(135deg,#8b5cf633,#ef444433);border-radius:32px;padding:48px 32px;border:2px solid rgba(251,191,36,.3);box-shadow:0 0 60px #fbbf2433,0 20px 60px #0006,inset 0 1px #ffffff1a;overflow:hidden}.casino-neon-border{position:absolute;inset:-2px;border-radius:32px;background:linear-gradient(90deg,#fbbf24,#ef4444,#8b5cf6,#fbbf24);background-size:300% 100%;animation:neonBorder 3s linear infinite;opacity:.6;filter:blur(8px);z-index:-1}.casino-hero-content{position:relative;z-index:1;text-align:center}.casino-hero-icon{font-size:5rem;line-height:1;margin-bottom:16px;animation:spin 4s linear infinite;display:inline-block}.casino-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin:0 0 12px;background:linear-gradient(135deg,#fbbf24,#f59e0b,#fbbf24);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;text-shadow:0 0 40px rgba(251,191,36,.5);animation:shimmer 3s ease-in-out infinite}.casino-subtitle{font-size:1.25rem;color:#e2e8f0cc;margin:0 0 32px;letter-spacing:.02em}.casino-balance{display:inline-flex;flex-direction:column;align-items:center;gap:8px;padding:20px 40px;background:#0f172acc;border-radius:20px;border:2px solid rgba(16,185,129,.4);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a}.casino-balance-label{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8cc;font-weight:700}.casino-balance-value{font-size:2rem;font-weight:900;color:#10b981;letter-spacing:-.02em;text-shadow:0 0 20px rgba(16,185,129,.5)}.casino-lights{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-around;padding:16px;pointer-events:none}.casino-light{width:16px;height:16px;border-radius:50%;background:#fbbf24;box-shadow:0 0 20px #fbbf24;animation:blink 1.5s ease-in-out infinite}.casino-light:nth-child(2){animation-delay:.3s;background:#ef4444;box-shadow:0 0 20px #ef4444}.casino-light:nth-child(3){animation-delay:.6s;background:#8b5cf6;box-shadow:0 0 20px #8b5cf6}.casino-light:nth-child(4){animation-delay:.9s;background:#10b981;box-shadow:0 0 20px #10b981}.casino-light:nth-child(5){animation-delay:1.2s;background:#3b82f6;box-shadow:0 0 20px #3b82f6}.casino-floor{position:relative;z-index:1}.casino-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:32px}.casino-card{position:relative;background:linear-gradient(135deg,#1e293be6,#0f172ae6);border-radius:24px;border:2px solid rgba(148,163,184,.2);overflow:hidden;transition:all .3s ease;box-shadow:0 8px 24px #0000004d}.casino-card:hover{transform:translateY(-8px);border-color:#fbbf2480;box-shadow:0 16px 48px #0006,0 0 40px #fbbf2433}.casino-card.featured{border-color:#fbbf2499;background:linear-gradient(135deg,#8b5cf626,#ef444426)}.casino-card.featured .casino-card-glow{opacity:1}.casino-card.celebrating{animation:celebrate .6s ease}.casino-card.disabled{opacity:.6;cursor:not-allowed}.casino-card.disabled:hover{transform:none;border-color:#94a3b833;box-shadow:0 8px 24px #0000004d}.casino-card.disabled .casino-card-glow{display:none}.casino-card-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(251,191,36,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.casino-card:hover .casino-card-glow{opacity:1}.casino-card-content{position:relative;padding:32px 24px;display:flex;flex-direction:column;gap:16px;z-index:1}.casino-card-icon{font-size:3rem;line-height:1;text-align:center;filter:drop-shadow(0 4px 12px rgba(251,191,36,.3))}.casino-card-name{font-size:1.5rem;font-weight:800;color:#fbbf24;text-align:center;margin:0;letter-spacing:-.01em}.casino-card-description{font-size:.9rem;color:#e2e8f0b3;text-align:center;margin:0;line-height:1.5}.casino-card-effect{font-size:.85rem;color:#94a3b8cc;text-align:center;margin:0;font-style:italic}.casino-card-footer{display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:8px}.casino-card-cost{font-size:1.5rem;font-weight:800;color:#10b981;letter-spacing:-.02em}.casino-play-btn,.casino-buy-btn{width:100%;padding:16px 24px;border-radius:16px;border:none;font-weight:800;font-size:1.125rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 8px 20px #0000004d}.casino-play-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;animation:pulse 2s ease-in-out infinite}.casino-play-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #8b5cf680}.casino-buy-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.casino-buy-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #10b98166}.casino-buy-btn.insufficient{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#6b7280,#4b5563)}.casino-coming-soon{width:100%;padding:16px 24px;border-radius:16px;background:linear-gradient(135deg,#6b728080,#4b556380);color:#e2e8f0cc;font-weight:700;font-size:1.125rem;text-align:center;text-transform:uppercase;letter-spacing:.08em;border:2px solid rgba(148,163,184,.3);box-shadow:inset 0 2px 4px #0003}.casino-empty{text-align:center;padding:60px 20px;color:#e2e8f099;font-size:1.125rem}@keyframes neonBorder{0%{background-position:0% 50%}to{background-position:300% 50%}}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes celebrate{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.05) rotate(-2deg)}75%{transform:scale(1.05) rotate(2deg)}}@media(max-width:768px){.casino-screen{padding:20px 16px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.casino-hero{padding:32px 20px}.casino-hero-icon{font-size:3.5rem}.casino-title{font-size:2rem}.casino-subtitle{font-size:1rem}.casino-balance{padding:16px 32px}.casino-balance-value{font-size:1.5rem}.casino-grid{grid-template-columns:1fr;gap:20px}.casino-card-content{padding:24px 20px}.casino-card-name{font-size:1.25rem}.casino-play-btn,.casino-buy-btn{padding:14px 20px;font-size:1rem}}@media(max-width:480px){.casino-back-btn{padding:10px 16px;font-size:.875rem}.casino-hero{padding:24px 16px;border-radius:24px}.casino-balance{padding:12px 24px}.casino-card{border-radius:20px}}.roulette-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.roulette-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:24px;padding:32px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff1a;border:2px solid rgba(255,215,0,.3);position:relative;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.roulette-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(255,215,0,.2)}.roulette-title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,gold,#ffed4e,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,215,0,.3);letter-spacing:.05em}.roulette-balance{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.balance-label{font-size:.75rem;color:#fff9;text-transform:uppercase;letter-spacing:.1em}.balance-amount{font-size:1.25rem;font-weight:700;color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.5)}.roulette-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.roulette-close:hover{background:#ef444433;border-color:#ef4444;transform:rotate(90deg)}.roulette-wheel-container{position:relative;width:320px;height:320px;margin:0 auto 32px}.wheel-wrapper{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden}.wheel-pointer{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:2rem;color:gold;z-index:10;filter:drop-shadow(0 4px 8px rgba(255,215,0,.6));animation:pointerBounce 1s ease-in-out infinite}@keyframes pointerBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.roulette-wheel{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#2d3748,#1a202c);box-shadow:0 0 0 8px #ffd7004d,0 0 0 12px #ffd7001a,0 10px 40px #00000080,inset 0 0 30px #00000080;transition:transform 4s cubic-bezier(.17,.67,.12,.99);will-change:transform}.wheel-segment{position:absolute;width:50%;height:50%;top:50%;left:50%;transform-origin:0 0;clip-path:polygon(0 0,100% 0,0 100%);display:flex;align-items:flex-start;justify-content:flex-start;padding:8px}.wheel-segment.red{background:linear-gradient(135deg,#dc2626,#991b1b)}.wheel-segment.black{background:linear-gradient(135deg,#1f2937,#111827)}.wheel-segment.green{background:linear-gradient(135deg,#059669,#047857)}.wheel-number{font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);transform:rotate(-45deg)}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 0 20px #ffd70099,inset 0 2px 10px #0000004d;display:flex;align-items:center;justify-content:center}.wheel-center-inner{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#1a202c,#2d3748);box-shadow:inset 0 2px 10px #00000080}.result-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;animation:resultPop .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes resultPop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.result-number{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:#fff;box-shadow:0 8px 32px #00000080,inset 0 2px 10px #fff3;border:4px solid rgba(255,255,255,.3)}.result-number.red{background:linear-gradient(135deg,#dc2626,#991b1b)}.result-number.black{background:linear-gradient(135deg,#1f2937,#111827)}.result-number.green{background:linear-gradient(135deg,#059669,#047857)}.roulette-message{text-align:center;margin-bottom:24px;min-height:32px}.roulette-message p{font-size:1.125rem;font-weight:600;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5);animation:messagePulse 2s ease-in-out infinite}@keyframes messagePulse{0%,to{opacity:1}50%{opacity:.7}}.roulette-betting{display:flex;flex-direction:column;gap:24px}.bet-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,gold,#ffed4e);cursor:pointer;box-shadow:0 2px 8px #ffd70080;transition:transform .2s ease}.bet-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,gold,#ffed4e);cursor:pointer;box-shadow:0 2px 8px #ffd70080;border:none;transition:transform .2s ease}.betting-board{display:flex;flex-direction:column;gap:16px}.number-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:6px}.number-btn{aspect-ratio:1;border:2px solid rgba(255,255,255,.2);border-radius:8px;font-size:1rem;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.number-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity .2s ease}.number-btn:hover:not(:disabled):before{opacity:1}.number-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.number-btn:disabled{opacity:.5;cursor:not-allowed}.number-btn.red{background:linear-gradient(135deg,#dc2626,#991b1b)}.number-btn.black{background:linear-gradient(135deg,#1f2937,#111827)}.number-btn.green{background:linear-gradient(135deg,#059669,#047857)}.number-btn.zero{grid-column:span 2}.outside-bets{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.outside-bet{padding:12px 16px;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff0d;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.outside-bet:hover:not(:disabled){background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.outside-bet:disabled{opacity:.5;cursor:not-allowed}.outside-bet.red-bet{background:linear-gradient(135deg,#dc262633,#991b1b33);border-color:#dc262680}.outside-bet.black-bet{background:linear-gradient(135deg,#1f293780,#11182780);border-color:#ffffff4d}.active-bets{background:#ffd7001a;border:2px solid rgba(255,215,0,.3);border-radius:16px;padding:16px}.active-bets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:600;color:gold;font-size:.875rem;text-transform:uppercase;letter-spacing:.1em}.active-bets-list{display:flex;flex-wrap:wrap;gap:8px}.active-bet-item{background:#ffffff1a;padding:6px 12px;border-radius:8px;font-size:.875rem;color:#fff;border:1px solid rgba(255,255,255,.2)}.roulette-actions{display:grid;grid-template-columns:1fr 2fr;gap:12px}.roulette-btn{padding:16px 32px;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.clear-btn{background:#ef444433;color:#ef4444;border:2px solid rgba(239,68,68,.5)}.clear-btn:hover:not(:disabled){background:#ef44444d;transform:translateY(-2px);box-shadow:0 4px 16px #ef44444d}.spin-btn{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;border:2px solid rgba(255,215,0,.5);box-shadow:0 4px 16px #ffd70066}.spin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #ffd70099}.spin-btn:disabled,.clear-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.roulette-betting.mobile-hidden{display:none}.bet-controls-container.mobile-popover{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#1a1a2e,#16213e);border-top-left-radius:24px;border-top-right-radius:24px;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));max-height:85vh;overflow-y:auto;z-index:1002;box-shadow:0 -10px 40px #00000080;border-top:2px solid rgba(255,215,0,.3);animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)}@media(max-width:768px){.roulette-modal{padding:20px;max-height:95vh}.roulette-title{font-size:1.5rem}.roulette-wheel-container{width:240px;height:240px;margin:0 auto 20px}.wheel-number{font-size:.7rem}.roulette-message{margin-bottom:16px}.roulette-message p{font-size:1rem}.number-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:4px}.number-btn{font-size:.875rem}.outside-bets{grid-template-columns:repeat(2,1fr);gap:6px}.outside-bet{font-size:.875rem;padding:10px 12px}.roulette-actions{grid-template-columns:1fr;gap:10px}.roulette-btn{padding:14px 24px}.active-bets{padding:12px}}.poker-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.poker-modal{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:24px;padding:32px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #000000b3,inset 0 1px #ffffff1a,0 0 0 2px #22c55e4d;position:relative;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.poker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(34,197,94,.2)}.poker-title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#22c55e,#10b981,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(34,197,94,.3);letter-spacing:.05em}.poker-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.poker-close:hover{background:#ef444433;border-color:#ef4444;transform:rotate(90deg)}.poker-payout-table{background:#22c55e1a;border:2px solid rgba(34,197,94,.3);border-radius:16px;padding:16px;margin-bottom:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.payout-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff0d;border-radius:8px;font-size:.875rem;color:#ffffffe6}.payout-value{font-weight:700;color:#22c55e}.poker-message{text-align:center;margin-bottom:24px;min-height:32px}.poker-message p{font-size:1.125rem;font-weight:600;color:#22c55e;text-shadow:0 0 10px rgba(34,197,94,.5);animation:messagePulse 2s ease-in-out infinite}.poker-hand{display:flex;justify-content:center;gap:12px;margin-bottom:32px;flex-wrap:wrap}.poker-card{width:120px;height:168px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000004d;position:relative;transition:all .3s ease}.poker-card.empty{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px dashed rgba(255,255,255,.3)}.card-back{width:100%;height:100%;background:linear-gradient(135deg,#22c55e,#10b981);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:3rem}.card-back:before{content:"🃏";filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.poker-card.clickable{cursor:pointer}.poker-card.clickable:hover{transform:translateY(-8px);box-shadow:0 8px 20px #22c55e66}.poker-card.held{transform:translateY(-12px);box-shadow:0 8px 24px #22c55e99;border:3px solid #22c55e}.card-content{width:100%;height:100%;padding:12px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.card-content.red{color:#dc2626}.card-content.black{color:#1f2937}.card-rank{font-size:2rem;font-weight:800;line-height:1}.card-suit{font-size:3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.3}.held-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#22c55e,#10b981);color:#fff;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.1em;box-shadow:0 4px 12px #22c55e80;animation:badgePulse 1s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}.poker-betting{display:flex;flex-direction:column;gap:16px}.bet-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#10b981);cursor:pointer;box-shadow:0 2px 8px #22c55e80;transition:transform .2s ease}.bet-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#10b981);cursor:pointer;box-shadow:0 2px 8px #22c55e80;border:none;transition:transform .2s ease}.quick-bet-btn:hover{background:#fff3;transform:translateY(-2px)}.poker-actions{display:flex;justify-content:center}.poker-btn{padding:16px 48px;border:none;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.deal-btn,.draw-btn,.new-game-btn{background:linear-gradient(135deg,#22c55e,#10b981);color:#fff;box-shadow:0 4px 16px #22c55e66}.deal-btn:hover,.draw-btn:hover,.new-game-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #22c55e99}.poker-result{display:flex;flex-direction:column;gap:16px;align-items:center}.result-hand{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 32px;background:#22c55e1a;border:2px solid rgba(34,197,94,.3);border-radius:16px}.result-label{font-size:.875rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em}.result-rank{font-size:1.5rem;font-weight:800;color:#ffffffe6}.result-rank.winner{color:#22c55e;text-shadow:0 0 20px rgba(34,197,94,.6);animation:winnerGlow 1s ease-in-out infinite}@keyframes winnerGlow{0%,to{text-shadow:0 0 20px rgba(34,197,94,.6)}50%{text-shadow:0 0 30px rgba(34,197,94,.9)}}.mobile-deal-btn{width:100%;margin-top:16px}@media(max-width:768px){.poker-modal{padding:20px}.poker-title{font-size:1.5rem}.poker-payout-table{grid-template-columns:repeat(2,1fr)}.poker-hand{gap:8px}.poker-card{width:80px;height:112px}.card-rank{font-size:1.25rem}.card-suit{font-size:2rem}.poker-btn{padding:12px 32px;font-size:1rem}}@media(max-width:480px){.poker-payout-table{grid-template-columns:1fr}.poker-card{width:60px;height:84px}.card-rank{font-size:1rem}.card-suit{font-size:1.5rem}}.slot-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.slot-modal{background:linear-gradient(135deg,#7c2d12,#991b1b,#7c2d12);border-radius:24px;padding:32px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #000000b3,inset 0 1px #fff3,0 0 0 4px #fbbf2480;position:relative;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(251,191,36,.3)}.slot-title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#fbbf24,#f59e0b,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(251,191,36,.5);letter-spacing:.05em;animation:titleShine 3s ease-in-out infinite}@keyframes titleShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.slot-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.slot-close:hover{background:#ef444433;border-color:#ef4444;transform:rotate(90deg)}.slot-machine{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 10px 40px #00000080,inset 0 2px 10px #ffffff1a;border:3px solid rgba(251,191,36,.3);position:relative}.slot-machine-top{margin-bottom:16px}.slot-lights{display:flex;justify-content:space-around;gap:8px;padding:8px 0}.slot-light{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 0 10px #fbbf24cc;animation:lightBlink 1.5s ease-in-out infinite}@keyframes lightBlink{0%,to{opacity:1;box-shadow:0 0 10px #fbbf24cc}50%{opacity:.3;box-shadow:0 0 5px #fbbf244d}}.slot-display{background:linear-gradient(135deg,#fff,#f3f4f6);border-radius:16px;padding:24px;box-shadow:inset 0 4px 12px #0003;border:4px solid rgba(251,191,36,.5)}.slot-reels{display:flex;justify-content:center;gap:16px}.slot-reel{width:120px;height:140px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003,inset 0 2px 4px #0000001a;border:3px solid #1e293b;position:relative;overflow:hidden}.slot-reel:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.8) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.3) 100%);pointer-events:none}.slot-reel.spinning{animation:reelSpin .1s linear infinite}@keyframes reelSpin{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.reel-symbol{font-size:4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));animation:symbolPop .3s ease}@keyframes symbolPop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.slot-message{text-align:center;margin-top:20px;min-height:60px;position:relative}.slot-message p{font-size:1.25rem;font-weight:700;color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.5)}.win-animation{position:absolute;top:-40px;left:50%;transform:translate(-50%);font-size:2rem;font-weight:800;color:#22c55e;text-shadow:0 0 20px rgba(34,197,94,.8);animation:winFloat 2s ease-out forwards}@keyframes winFloat{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-60px) scale(1.5)}}.slot-payout-info{background:#fbbf241a;border:2px solid rgba(251,191,36,.3);border-radius:16px;padding:16px;margin-bottom:24px}.slot-payout-info h3{font-size:1rem;font-weight:700;color:#fbbf24;margin-bottom:12px;text-align:center;text-transform:uppercase;letter-spacing:.1em}.payout-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.payout-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff0d;border-radius:8px;font-size:.875rem;color:#ffffffe6}.payout-multiplier{font-weight:700;color:#fbbf24}.slot-betting{display:flex;flex-direction:column;gap:16px}.bet-amount-section{background:#ffffff0d;padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.bet-label{display:block;font-size:.875rem;font-weight:600;color:#fffc;margin-bottom:12px;text-transform:uppercase;letter-spacing:.1em}.bet-input-group{display:flex;align-items:center;gap:16px;margin-bottom:12px}.bet-slider{flex:1;height:8px;border-radius:4px;background:#ffffff1a;outline:none;-webkit-appearance:none}.bet-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);cursor:pointer;box-shadow:0 2px 8px #fbbf2480;transition:transform .2s ease}.bet-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.bet-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);cursor:pointer;box-shadow:0 2px 8px #fbbf2480;border:none;transition:transform .2s ease}.bet-slider::-moz-range-thumb:hover{transform:scale(1.2)}.bet-display{font-size:1.25rem;font-weight:700;color:#4ade80;min-width:100px;text-align:right}.bet-quick-actions{display:flex;gap:8px}.quick-bet-btn{flex:1;padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.quick-bet-btn:hover:not(:disabled){background:#fff3;transform:translateY(-2px)}.quick-bet-btn:disabled{opacity:.5;cursor:not-allowed}.slot-btn{padding:16px 48px;border:none;border-radius:12px;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.spin-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#7c2d12;box-shadow:0 4px 16px #fbbf2466}.spin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #fbbf2499}.spin-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.mobile-bet-toggle{width:100%;padding:14px 20px;margin-bottom:16px;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;border:2px solid rgba(255,215,0,.5);border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ffd7004d}.mobile-bet-toggle:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ffd70066}.mobile-bet-toggle:disabled{opacity:.6;cursor:not-allowed}.mobile-bet-overlay{position:fixed;inset:0;background:#00000080;z-index:1001;animation:fadeIn .2s ease}.bet-amount-section.mobile-hidden{display:none}.bet-amount-section.mobile-popover{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#1a1a2e,#16213e);border-top-left-radius:24px;border-top-right-radius:24px;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));max-height:70vh;overflow-y:auto;z-index:1002;box-shadow:0 -10px 40px #00000080;border-top:2px solid rgba(255,215,0,.3);animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-spin-btn{width:100%;margin-top:16px}@media(max-width:768px){.slot-modal{padding:20px}.slot-title{font-size:1.5rem}.slot-reels{gap:8px}.slot-reel{width:90px;height:110px}.reel-symbol{font-size:3rem}.payout-grid{grid-template-columns:1fr}}@media(max-width:480px){.slot-reel{width:70px;height:90px}.reel-symbol{font-size:2.5rem}.slot-btn{padding:12px 32px;font-size:1rem}}.leaderboard-screen{padding:32px 24px;padding-top:max(32px,env(safe-area-inset-top));max-width:1400px;margin:0 auto;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--background)}.leaderboard-header{margin-bottom:32px;display:flex;flex-direction:column;gap:12px;text-align:left}.leaderboard-toggle{display:inline-flex;align-self:flex-start;background:var(--surface);border-radius:999px;border:1px solid var(--border-light);padding:4px;gap:4px;box-shadow:var(--shadow-sm);min-width:300px}.leaderboard-toggle-button{border:none;background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:600;padding:10px 18px;border-radius:999px;cursor:pointer;transition:all .2s ease;letter-spacing:.04em;text-transform:uppercase;flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center}.leaderboard-toggle-button:hover{color:var(--text-primary)}.leaderboard-toggle-button.active{background:linear-gradient(135deg,#ff6d25,#ff8c42);color:#fff;box-shadow:0 6px 16px #ff6d2540}.leaderboard-header h2{margin:0;font-size:2.75rem;color:var(--text-primary);font-weight:900;letter-spacing:-.03em;background:linear-gradient(135deg,#ff6d25,#ff8c42);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leaderboard-subtitle{margin:0;font-size:1.0625rem;color:var(--text-secondary);font-weight:500;line-height:1.6}.leaderboard-layout{display:flex;flex-direction:column;gap:32px}.leaderboard-summary{display:flex;flex-direction:column;gap:24px}.user-rank-card{background:linear-gradient(135deg,#ff6d251a,#ff8c420d);border:2px solid rgba(255,109,37,.2);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 8px 24px #ff6d251f}.user-rank-info{display:flex;flex-direction:column;gap:4px}.user-rank-label{font-size:.8125rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.user-rank-value{font-size:2rem;font-weight:900;color:var(--primary);letter-spacing:-.02em}.user-rank-money{font-size:1.375rem;font-weight:700;color:var(--primary)}.user-rank-prestige{font-size:.85rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.14em}.user-rank-username{font-size:1rem;font-weight:600;color:var(--text-secondary)}.user-rank-metric-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);font-weight:600}.leaderboard-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.leaderboard-stat-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:20px 22px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px}.leaderboard-stat-label{font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-weight:600}.leaderboard-stat-value{font-size:1.75rem;font-weight:800;color:var(--primary);letter-spacing:-.02em}.leaderboard-stat-meta{font-size:.9rem;color:var(--text-secondary)}.leaderboard-panel{background:var(--surface);border-radius:var(--radius-2xl);border:1px solid var(--border);padding:28px;box-shadow:var(--shadow-md);min-height:320px;width:100%;margin:0 auto}.leaderboard-loading,.leaderboard-empty{text-align:center;padding:60px 20px;color:var(--text-secondary);min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-spinner-small{width:40px;height:40px;border:3px solid rgba(255,109,37,.1);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.leaderboard-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.leaderboard-entry{position:relative;display:flex;flex-direction:row;align-items:center;gap:20px;padding:22px 24px;border-radius:24px;background:linear-gradient(145deg,#141a28e6,#0b101ae6);border:1px solid rgba(148,163,184,.15);box-shadow:0 16px 32px #0f172a4d,0 4px 12px #0000001a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),border-color .3s ease;overflow:hidden;isolation:isolate}.leaderboard-entry>*{position:relative;z-index:1}.leaderboard-left{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;flex-shrink:0}.leaderboard-content{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.leaderboard-main-row{display:flex;align-items:flex-start;gap:16px}.leaderboard-info{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.leaderboard-name{font-size:1.1rem;font-weight:700;color:#f8fafc;display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;letter-spacing:-.01em}.leaderboard-name .you-badge{padding:3px 10px;border-radius:999px;background:#ffffff1a;color:#f8fafc;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.leaderboard-name .prestige-chip{padding:3px 12px;border-radius:999px;background:#38bdf829;color:#38bdf8;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.leaderboard-username-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.leaderboard-you-tag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--primary);background:#ff6d2526;border:1px solid rgba(255,109,37,.3);padding:3px 10px;border-radius:999px;flex-shrink:0}.leaderboard-meta{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px 14px;color:#94a3b8cc}.leaderboard-money{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px;color:#f8fafc;min-width:150px;flex-shrink:0;text-align:right;margin-left:auto}.leaderboard-money-label{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:#94a3b8}.leaderboard-money span:last-child{font-size:1.4rem;font-weight:700;color:#fbbf24;letter-spacing:-.015em}.leaderboard-rank{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:#0f172ac7;border:1px solid rgba(148,163,184,.2);box-shadow:inset 0 0 0 1px #ffffff08,0 10px 20px #0f172a59;color:#e2e8f0e6;font-size:1.05rem;font-weight:700}.rank-number{font-size:1rem;font-weight:700;color:#e2e8f0e6}.rank-icon,.rank-icon.gold{color:#fbbf24}.rank-icon.silver{color:#e2e8f0}.rank-icon.bronze{color:#f59e0b}.leaderboard-avatar{width:52px;height:52px;border-radius:16px;background:#0f172aa8;border:1px solid rgba(148,163,184,.2);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#e2e8f0e6;text-transform:uppercase;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05,0 10px 20px #0f172a4d}.leaderboard-avatar.has-image img{width:100%;height:100%;object-fit:cover}.leaderboard-prestige{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;background:#94a3b829;padding:4px 10px;border-radius:999px;flex-shrink:0}.leaderboard-prestige:not(.muted){color:#38bdf8;background:#38bdf81f}.leaderboard-entry:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.06),transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s ease}.leaderboard-entry:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 24px 48px #0f172a59,0 8px 24px #00000014;border-color:#94a3b840}.leaderboard-entry:hover:after{opacity:1}.leaderboard-entry.top-three{border-color:#fbbf2466;box-shadow:0 24px 48px #fbbf241a,0 8px 24px #fbbf240d}.leaderboard-entry.top-three:after{background:radial-gradient(circle at 20% 20%,rgba(251,191,36,.2),transparent 70%);opacity:.7}.leaderboard-entry.top-three:hover:after{opacity:1}.leaderboard-entry.current-user{border-color:var(--primary);box-shadow:0 22px 44px #ff6d252e,0 8px 24px #ff6d2514}.leaderboard-entry.current-user:after{background:radial-gradient(circle at 20% 20%,rgba(255,109,37,.15),transparent 70%);opacity:1}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1024px){.leaderboard-header{flex-direction:row;align-items:baseline;justify-content:space-between}.leaderboard-toggle{align-self:center}.leaderboard-subtitle{max-width:520px}.leaderboard-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:40px;align-items:start}.leaderboard-summary{position:sticky;top:calc(96px + env(safe-area-inset-top))}.leaderboard-panel{padding:36px}.leaderboard-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.leaderboard-info .leaderboard-meta{order:-1;align-self:flex-start;margin-bottom:4px}}@media(max-width:768px){.leaderboard-screen{padding:20px;padding-top:max(32px,env(safe-area-inset-top))}.leaderboard-header h2{font-size:2.2rem}.leaderboard-subtitle{font-size:.95rem}.leaderboard-toggle{align-self:stretch;width:100%;min-width:0}.leaderboard-toggle-button{font-size:.78rem;padding:12px}.leaderboard-panel{padding:22px 18px;max-width:100%}.leaderboard-list{grid-template-columns:1fr}.leaderboard-entry{flex-direction:column;align-items:stretch;gap:16px;padding:20px}.leaderboard-left{flex-direction:row;gap:16px}.leaderboard-rank,.leaderboard-avatar{width:48px;height:48px;border-radius:14px}.leaderboard-content{flex-basis:auto;gap:12px}.leaderboard-main-row{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:12px}.leaderboard-money{margin-left:0;align-items:flex-end;text-align:right;min-width:0}.leaderboard-name{font-size:1rem}.leaderboard-money span:last-child{font-size:1.2rem}.stat-card.clicks-card .stat-label{font-size:.75rem}.stat-card.clicks-card .stat-value{font-size:1.3rem}}@media(max-width:480px){.leaderboard-screen{padding:16px 12px;padding-top:max(28px,env(safe-area-inset-top))}.leaderboard-toggle{flex-direction:column;border-radius:20px;gap:6px;padding:6px}.leaderboard-toggle-button{width:100%;padding:12px 16px}.leaderboard-entry{flex-direction:column;padding:18px;gap:16px;border-radius:20px}.leaderboard-left{flex-direction:row;justify-content:flex-start;gap:12px}.leaderboard-rank,.leaderboard-avatar{width:42px;height:42px;border-radius:12px}.leaderboard-content{gap:14px}.leaderboard-main-row{flex-direction:column;align-items:flex-start;gap:12px;width:100%}.leaderboard-money{width:100%;align-items:flex-end;text-align:right;margin-left:0}.leaderboard-name{font-size:1rem}.leaderboard-money span:last-child{font-size:1.2rem}}.profile-screen{padding:24px;padding-top:max(24px,env(safe-area-inset-top));max-width:1400px;margin:0 auto;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--background)}.profile-header{display:flex;align-items:center;gap:24px;margin-bottom:40px;padding:28px;background:linear-gradient(135deg,#ffffff14,#ffffff05);border-radius:var(--radius-xl);border:1px solid rgba(255,109,37,.2)}.profile-avatar{position:relative;width:108px;height:108px;border-radius:32px;background:linear-gradient(135deg,#ff6d2524,#ff8c4214);border:1px solid rgba(255,109,37,.32);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;overflow:hidden;box-shadow:0 16px 32px #ff6d2529;flex-shrink:0}.profile-avatar.has-image{background:#ffffff14;border-color:#ffffff29}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar-initial{color:#fff;text-shadow:0 10px 24px rgba(15,23,42,.22)}.profile-avatar.is-uploading:after{content:"";position:absolute;inset:0;background:#0f172a8c}.profile-avatar-badge{position:absolute;inset:auto 12px 12px auto;background:#ffffffdb;color:var(--primary);font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 8px 20px #0f172a2e;z-index:1}.profile-avatar.is-uploading .profile-avatar-badge{inset:50% auto auto 50%;transform:translate(-50%,-50%)}.profile-header-info{flex:1;min-width:0}.profile-name{margin:0 0 12px;font-size:2.25rem;font-weight:900;color:var(--text-primary);letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-title{margin:0;font-size:1.125rem;color:var(--text-secondary);font-weight:500}.avatar-actions{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}.avatar-action{display:inline-flex;align-items:center;gap:6px;border-radius:14px;padding:8px 14px;font-size:.85rem;font-weight:600;letter-spacing:.01em;border:1px solid rgba(148,163,184,.28);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.avatar-action.primary{background:linear-gradient(135deg,#ff6d2529,#ff8c421f);color:var(--primary);border-color:#ff6d2559;box-shadow:0 10px 22px #ff6d252e}.avatar-action.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 28px #ff6d2542}.avatar-action.subtle{background:#ffffff0d;color:var(--text-secondary)}.avatar-action.subtle:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 20px #0f172a1f}.avatar-action:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.avatar-action-icon{width:16px;height:16px}.avatar-status{margin-top:10px;font-size:.82rem;font-weight:600;padding:8px 12px;border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:6px}.avatar-status.success{background:#22c55e1f;color:#15803d;border:1px solid rgba(34,197,94,.2)}.avatar-status.error{background:#f871711f;color:#b91c1c;border:1px solid rgba(248,113,113,.2)}.avatar-file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.profile-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;gap:20px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover:before{transform:scaleY(1)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-light)}.stat-icon-wrapper{width:64px;height:64px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#ff6d251a,#ff8c420d)}.stat-icon{color:var(--primary)}.stat-content{flex:1;min-width:0}.stat-label{font-size:.6rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;display:block}.stat-value{font-size:1.75rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-info-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px 32px;margin-bottom:32px;box-shadow:var(--shadow-sm)}.profile-customize-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:28px 32px;margin-bottom:32px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:24px}.customize-header h3{margin:0 0 6px;font-size:1.5rem;font-weight:800;color:var(--text-primary)}.customize-header p{margin:0;color:var(--text-secondary);font-size:.95rem}.customize-sections{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.customize-group{display:flex;flex-direction:column;gap:14px}.customize-group-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.customize-group-heading h4{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.customize-count{font-size:.85rem;font-weight:600;color:var(--text-secondary);background:#ff6d2514;border-radius:999px;padding:4px 10px}.customize-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.customize-card{position:relative;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px;background:#ffffff0a;color:var(--text-primary);display:flex;flex-direction:column;align-items:flex-start;gap:10px;cursor:pointer;transition:border .2s ease,box-shadow .2s ease,transform .2s ease;min-height:120px}.customize-card svg{color:var(--primary)}.customize-card:hover{border-color:var(--primary);box-shadow:0 6px 18px #ff6d252e;transform:translateY(-2px)}.customize-card.active{border-color:var(--primary);box-shadow:0 0 0 3px #ff6d2526}.customize-card:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff6d2559}.customize-card-icon{font-size:1.75rem;color:var(--primary)}.customize-card-label{font-weight:700;font-size:1rem;color:var(--text-primary)}.customize-badge{position:absolute;top:12px;right:12px;background:var(--primary);color:#fff;font-size:.7rem;font-weight:700;padding:4px 8px;border-radius:999px;letter-spacing:.04em;text-transform:uppercase}.customize-empty{grid-column:1 / -1;border:1px dashed var(--border-light);border-radius:var(--radius-md);padding:18px;font-size:.95rem;color:var(--text-secondary);background:#ffffff08}.username-form{margin-top:16px;display:flex;flex-direction:column;gap:10px}.username-label{font-size:.9375rem;font-weight:600;color:var(--text-secondary)}.username-input-row{display:flex;gap:12px;align-items:center}.username-input{flex:1;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;font-size:.95rem;color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.username-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff6d2526}.username-input:disabled{opacity:.6;cursor:not-allowed}.username-button{padding:12px 20px;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #ff6d254d;transition:transform .2s ease,box-shadow .2s ease}.username-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.username-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 16px #ff6d2566}.username-helper{font-size:.8125rem;color:var(--text-tertiary)}.anonymous-toggle{display:flex;align-items:center;gap:10px;font-size:.9375rem;color:var(--text-secondary);font-weight:600}.anonymous-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.anonymous-label{flex-shrink:0;white-space:nowrap;cursor:pointer}.anonymous-tooltip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#ffffff1f;color:var(--text-secondary);cursor:help}.anonymous-tooltip-text{position:absolute;left:50%;bottom:125%;transform:translate(-50%);width:220px;background:#111827eb;color:#fff;padding:10px 12px;border-radius:var(--radius-md);font-size:.75rem;text-align:left;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;box-shadow:0 10px 30px #0f172a59;line-height:1.4}.anonymous-tooltip:hover .anonymous-tooltip-text,.anonymous-tooltip:focus .anonymous-tooltip-text{opacity:1;transform:translate(-50%,-6px)}.anonymous-tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:rgba(17,24,39,.92) transparent transparent transparent}.haptic-section{margin-top:28px;padding-top:24px;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:18px}.haptic-section legend{font-size:.9rem;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.haptic-helper{margin:0;font-size:.9rem;color:var(--text-tertiary);line-height:1.6}.haptic-options{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.haptic-option{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:var(--radius-xl);border:1px solid rgba(148,163,184,.22);background:#ffffff0a;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;position:relative;overflow:hidden}.haptic-option input[type=radio]{position:absolute;inset:0;opacity:0;pointer-events:none}.haptic-option-label{font-size:.95rem;font-weight:700;color:var(--text-primary)}.haptic-option-description{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.haptic-option.active{border-color:var(--primary);background:linear-gradient(135deg,#ff6d252e,#ff8c4214);box-shadow:0 16px 32px #ff6d2533}.username-status{font-size:.875rem;font-weight:600;padding:10px 14px;border-radius:var(--radius-md)}.username-status.success{color:#047857;background:#10b9811f;border:1px solid rgba(16,185,129,.2)}.username-status.error{color:#b91c1c;background:#f871711f;border:1px solid rgba(248,113,113,.2)}.guest-username-message{font-size:.9375rem;color:var(--text-secondary);line-height:1.5}.info-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border-light)}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-label{font-size:1rem;color:var(--text-secondary);font-weight:600}.info-value{font-size:1rem;color:var(--text-primary);font-weight:500}.status-badge{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);color:#22c55e;padding:6px 14px;border-radius:12px;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.achievements-section{margin-bottom:40px}.section-header{display:flex;align-items:center;gap:20px;margin-bottom:32px}.section-header h3{margin:0;font-size:2rem;color:var(--text-primary);font-weight:900;letter-spacing:-.02em}.progress-bar-container{flex:1;height:10px;background:var(--border-light);border-radius:5px;overflow:hidden;position:relative}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:5px;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-text{font-size:1rem;font-weight:700;color:var(--text-secondary);min-width:50px;text-align:right}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.achievement-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;gap:16px;align-items:flex-start;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);touch-action:manipulation;position:relative;overflow:hidden}.achievement-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;opacity:.1;filter:blur(40px);pointer-events:none}.achievement-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:currentColor}.achievement-card:active{transform:translateY(-2px)}.achievement-card.locked{opacity:.5;background:var(--background)}.achievement-icon-large{font-size:3rem;line-height:1;flex-shrink:0;filter:drop-shadow(0 2px 8px currentColor)}.achievement-card-content{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.achievement-card-name{font-size:1.125rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.achievement-card-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.achievement-card-date{font-size:.75rem;color:var(--text-tertiary);font-weight:600;margin-top:4px}.achievement-card-locked{font-size:.75rem;color:var(--text-tertiary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.sign-out-button{padding:16px 28px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:52px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:100%;box-shadow:0 4px 12px #ff6d254d;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;gap:8px}.sign-out-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6d2566}.sign-out-button:active{transform:translateY(0);box-shadow:0 2px 8px #ff6d254d}.prestige-button{margin-top:12px;align-self:flex-start;padding:12px 22px;border:none;border-radius:999px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#0f172a;font-weight:800;text-transform:uppercase;letter-spacing:.18em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.prestige-button:hover,.prestige-button:focus-visible{transform:translateY(-2px);box-shadow:0 16px 30px #ff6d2559}.prestige-button.has-indicator:after{content:"";position:absolute;top:-6px;right:-6px;width:12px;height:12px;border-radius:50%;background:#38bdf8;box-shadow:0 0 12px #38bdf899}.prestige-button.has-indicator{position:relative}.prestige-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.prestige-helper{margin-top:6px;font-size:.85rem;color:var(--text-secondary)}.autoclick-warning{margin-top:16px;padding:14px 18px;border-radius:18px;border:1px solid rgba(248,113,113,.35);background:#f8717126;color:#b91c1c;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.bonus-stats-cta{display:flex;justify-content:flex-end;margin:12px 0 32px}.bonus-stats-button{position:relative;display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;border:1px solid rgba(56,189,248,.35);background:linear-gradient(135deg,#38bdf829,#38bdf814);color:#0ea5e9;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.bonus-stats-button:hover{transform:translateY(-1px);border-color:#38bdf880;box-shadow:0 12px 24px #0ea5e93d}.bonus-stats-button:active{transform:translateY(0);box-shadow:0 8px 18px #0ea5e92e}.bonus-stats-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:#0ea5e92e;color:#0284c7;font-size:.65rem;letter-spacing:.12em}.bonus-stats-overlay{position:fixed;inset:0;background:#0f172aa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1200}.bonus-stats-modal{position:relative;width:min(720px,100%);max-height:calc(100vh - 96px);overflow-y:auto;background:linear-gradient(145deg,#0f172af2,#0c121feb);border-radius:28px;border:1px solid rgba(148,163,184,.24);box-shadow:0 32px 70px #0f172a73;padding:36px 40px 42px;color:#e2e8f0}.bonus-stats-close{position:absolute;top:14px;right:18px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(148,163,184,.35);background:#0f172ab3;color:#cbd5f5;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .2s ease}.bonus-stats-close:hover{background:#1d4ed83d;transform:scale(1.05)}.bonus-stats-modal h3{font-size:1.65rem;font-weight:800;margin:0;color:#f8fafc}.bonus-stats-subtitle{margin:12px 0 24px;color:#e2e8f0bf;line-height:1.6}.bonus-stats-grid{display:flex;flex-direction:column;gap:16px}.bonus-stat-row{display:flex;flex-direction:column;gap:10px;padding-bottom:16px;border-bottom:1px solid rgba(148,163,184,.14)}.bonus-stat-row:last-of-type{border-bottom:none;padding-bottom:0}.bonus-stat-label{font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e2e8f0c7}.bonus-stat-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.bonus-pill{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:#0f172a99}.bonus-pill strong{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#94a3b8bf}.bonus-pill span{font-size:1.1rem;font-weight:700;color:#f8fafc}.bonus-pill.bonus{border-color:#38bdf866;background:#38bdf824}.bonus-pill.bonus span{color:#0ea5e9}.bonus-pill.bonus.negative{border-color:#ef444473;background:#ef44441f}.bonus-pill.bonus.negative span{color:#f87171}.bonus-pill.total{border-color:#facc1561;background:linear-gradient(135deg,#facc152e,#0f172a99)}.bonus-pill.total span{color:#fbbf24}.bonus-items-section{margin-top:28px}.bonus-items-section h4{margin:0 0 14px;font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e2e8f0c7}.bonus-item-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.bonus-item{display:flex;gap:12px;align-items:flex-start}.bonus-item-icon{font-size:1.8rem;line-height:1}.bonus-item-content{display:flex;flex-direction:column;gap:6px}.bonus-item-name{font-weight:600;color:#e2e8f0}.bonus-item-stats{display:flex;flex-wrap:wrap;gap:6px}.bonus-item-chip{padding:4px 10px;border-radius:999px;background:#0f172a80;border:1px solid rgba(148,163,184,.25);font-size:.75rem;letter-spacing:.06em;color:#e2e8f0d9}.bonus-stats-empty{margin-top:16px;color:#94a3b8cc;text-align:center}@media(min-width:1200px){.profile-screen{padding:32px}.profile-header{padding:32px;gap:28px}.profile-avatar{width:120px;height:120px}.profile-name{font-size:2.5rem}.profile-title{font-size:1.25rem}.profile-stats-grid{grid-template-columns:repeat(4,1fr);gap:24px}.stat-card{padding:28px;gap:24px}.stat-icon-wrapper{width:72px;height:72px}.stat-value{font-size:2rem}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px}.achievement-card{padding:24px}}@media(max-width:768px){.profile-screen{padding:20px;padding-top:max(20px,env(safe-area-inset-top))}.profile-header{padding:20px;gap:16px;flex-direction:column;align-items:center;text-align:center}.profile-avatar{width:72px;height:72px;border-radius:20px}.profile-header-info{width:100%;text-align:center}.profile-name{font-size:1.5rem;width:100%;white-space:normal}.profile-title{font-size:.9375rem}.profile-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.avatar-actions{flex-direction:column;width:100%;align-items:stretch}.avatar-action{width:100%;justify-content:center}.stat-card{padding:16px;gap:12px}.stat-icon-wrapper{width:48px;height:48px}.stat-icon{size:24px}.stat-label{font-size:.8125rem}.stat-value{font-size:1.25rem}.profile-info-card{padding:20px 24px}.username-input-row{flex-direction:column;align-items:stretch}.username-button{width:100%}.anonymous-toggle{align-items:flex-start}.section-header h3{font-size:1.5rem}.achievements-grid{grid-template-columns:1fr;gap:12px}.achievement-card{padding:16px;gap:12px}.achievement-icon-large{font-size:2.5rem}.achievement-card-name{font-size:1rem}.achievement-card-description{font-size:.8125rem}.clicker-styles-section{padding:24px;margin-top:32px}.haptic-options{grid-template-columns:1fr}.bonus-stats-modal{padding:28px 24px 32px}.bonus-stat-values{grid-template-columns:1fr}.bonus-stats-button{width:100%;justify-content:center}.autoclick-warning{text-align:center}}@media(max-width:480px){.profile-screen{padding:16px 12px;gap:16px}.profile-header h2{font-size:1.8rem}.profile-avatar{width:64px;height:64px}.profile-header-info{text-align:center}.avatar-action{font-size:.75rem}.info-grid{grid-template-columns:1fr;gap:16px}.info-card,.profile-info-card,.profile-customize-card,.achievements-section{padding:18px 16px}.stat-card{padding:14px;gap:10px}.stat-icon-wrapper{width:42px;height:42px}.stat-card .stat-label{font-size:.6rem;letter-spacing:.12em}.stat-card .stat-value{font-size:1.1rem}.profile-customize-layout{flex-direction:column;gap:16px}.customize-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.prestige-button{width:100%;font-size:.7rem;letter-spacing:.16em;padding:12px 16px}.prestige-helper{text-align:center}.achievements-grid{grid-template-columns:1fr}.sign-out-button{width:100%;justify-content:center}.bonus-stats-modal{border-radius:22px;padding:24px 20px 28px}.bonus-item{align-items:center}.bonus-item-stats{width:100%}.bonus-item-chip{font-size:.7rem}}.prestige-overlay{position:fixed;inset:0;background:#0f172ab8;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);display:flex;align-items:center;justify-content:center;padding:32px;z-index:1200;overflow-y:auto;-webkit-overflow-scrolling:touch}.prestige-shell{position:relative;background:#0f172ad1;border-radius:32px;border:1px solid rgba(148,163,184,.18);box-shadow:0 40px 80px #080f1a8c;padding:36px;width:min(640px,100%);display:flex;flex-direction:column;gap:24px;color:#e2e8f0;max-height:calc(100vh - 64px);overflow-y:auto}.prestige-ribbon{position:absolute;inset:0;pointer-events:none;border-radius:inherit;border:1px solid rgba(148,163,184,.25);box-shadow:0 0 55px #94a3b840}.prestige-header{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;position:relative}.prestige-headings{display:flex;flex-direction:column;gap:10px}.prestige-headings h3{margin:0;font-size:1.85rem;letter-spacing:-.03em;font-weight:800;color:#f8fafc}.prestige-headings p{margin:0;font-size:1rem;color:#e2e8f0bf;line-height:1.6}.prestige-badge{align-self:flex-start;padding:6px 16px;border-radius:999px;background:#5eead426;color:#5eead4;font-size:.75rem;letter-spacing:.24em;text-transform:uppercase;font-weight:700}.prestige-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.prestige-card{border-radius:22px;background:#0f172ab8;border:1px solid rgba(148,163,184,.24);padding:20px;display:flex;flex-direction:column;gap:10px;color:#f1f5f9eb}.prestige-card-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#5eead4e6}.prestige-cta{align-self:flex-start;padding:13px 28px;border-radius:14px;border:none;background:linear-gradient(135deg,#5eead4,#38bdf8);color:#0f172a;font-weight:800;text-transform:uppercase;letter-spacing:.24em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.prestige-cta:hover,.prestige-cta:focus-visible{transform:translateY(-2px);box-shadow:0 18px 36px #38bdf859}.prestige-confirm{display:flex;flex-direction:column;gap:16px;color:#e2e8f0d9}.prestige-confirm h3{margin:0;font-size:1.6rem;letter-spacing:-.02em;font-weight:800;color:#f8fafc}.prestige-confirm p{margin:0;font-size:1rem;line-height:1.6}.prestige-warning{font-size:.9rem;color:#f87171e6;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.prestige-actions{display:flex;gap:12px}.prestige-cancel,.prestige-confirm{flex:1;padding:12px 18px;border-radius:14px;border:none;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.prestige-cancel{background:#94a3b826;color:#e2e8f0e6}.prestige-confirm{background:linear-gradient(135deg,#5eead4,#38bdf8);color:#0f172a}.prestige-cancel:hover,.prestige-cancel:focus-visible,.prestige-confirm:hover,.prestige-confirm:focus-visible{transform:translateY(-2px);box-shadow:0 14px 30px #0f172a73}.prestige-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:999px;border:1px solid rgba(148,163,184,.24);background:#0f172a99;color:#e2e8f0d9;font-size:1.2rem;line-height:1;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.prestige-close:hover,.prestige-close:focus-visible{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a59}@media(max-width:640px){.prestige-overlay{padding:20px 16px}.prestige-shell{padding:28px 20px;border-radius:24px}.prestige-header{grid-template-columns:1fr;text-align:center}.prestige-headings{align-items:center}.prestige-badge{align-self:center}.prestige-grid{grid-template-columns:1fr}.prestige-cta{align-self:center}}.achievement-toast{position:fixed;top:20px;right:20px;z-index:10000;opacity:0;transform:translate(400px);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);pointer-events:none}.achievement-toast.visible{opacity:1;transform:translate(0);pointer-events:all}.achievement-toast-content{background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid;border-radius:16px;padding:20px;min-width:320px;max-width:400px;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;display:flex;align-items:flex-start;gap:16px;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.achievement-icon{font-size:3rem;line-height:1;flex-shrink:0;filter:drop-shadow(0 0 8px currentColor)}.achievement-text{flex:1;display:flex;flex-direction:column;gap:4px}.achievement-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#94a3b8;margin-bottom:4px}.achievement-name{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:4px}.achievement-description{font-size:.875rem;color:#cbd5e1;line-height:1.4}.achievement-close{position:absolute;top:8px;right:8px;background:transparent;border:none;color:#94a3b8;font-size:1.5rem;line-height:1;cursor:pointer;padding:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.achievement-close:hover{background:#ffffff1a;color:#fff}@media(max-width:768px){.achievement-toast{top:10px;right:10px;left:10px;transform:translateY(-100px)}.achievement-toast.visible{transform:translateY(0)}.achievement-toast-content{min-width:auto;max-width:none}}.promotion-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;background:#111827f2;border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:26px 30px;width:min(520px,calc(100% - 32px));color:#fff;box-shadow:0 28px 80px #0f172a8c;backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);z-index:1000}.promotion-animation{width:120px;height:120px;flex-shrink:0}.promotion-content{display:flex;flex-direction:column;gap:18px}.promotion-header{display:flex;flex-direction:column;gap:6px}.promotion-header h3{margin:0;font-size:1.4rem;font-weight:800;letter-spacing:-.02em}.promotion-title{margin:4px 0 0;font-size:1.05rem;color:#ffffffe6;line-height:1.5}.promotion-stats{display:flex;flex-wrap:wrap;gap:12px}.promotion-stat{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);min-width:140px;box-shadow:inset 0 1px #ffffff40}.promotion-stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:#ffffffa6;font-weight:600}.promotion-stat-value{font-size:1.1rem;font-weight:700;letter-spacing:.01em;color:#fff}.promotion-subtext{margin:0;font-size:.9rem;color:#ffffffb3;line-height:1.6}@media(max-width:640px){.promotion-toast{bottom:18px;padding:20px 22px;gap:16px;grid-template-columns:1fr;text-align:center}.promotion-animation{width:100px;height:100px;margin:0 auto}.promotion-content{align-items:center}.promotion-stats{justify-content:center}.promotion-stat{min-width:120px}}.jpm-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));opacity:0;transition:opacity .3s ease;touch-action:manipulation}.jpm-modal-overlay.visible{opacity:1}.jpm-modal-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;-webkit-overflow-scrolling:touch;transform:scale(.95);transition:transform .3s ease;touch-action:manipulation}.jpm-modal-overlay.visible .jpm-modal-content{transform:scale(1)}.jpm-modal-header{background:linear-gradient(135deg,#1e3a5f,#2d5a87);padding:24px;border-radius:16px 16px 0 0;text-align:center}.jpm-logo{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:2px;font-family:Georgia,serif}.jpm-letter-body{padding:32px;font-family:Georgia,serif;line-height:1.8;color:#333}.jpm-letter-date{text-align:right;margin-bottom:24px;font-size:.95rem;color:#666}.jpm-letter-greeting{margin-bottom:20px;font-size:1.1rem;font-weight:500}.jpm-letter-paragraph{margin-bottom:20px;text-align:justify;font-size:1rem;color:#444}.jpm-letter-signature{margin-top:40px;margin-bottom:20px}.jpm-signature-handwritten{margin:16px 0 8px;padding-left:20px}.jpm-signature-svg{width:200px;height:80px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));animation:signatureDraw 2s ease-in-out}.jpm-signature-svg path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawSignature 2s ease-in-out forwards}.jpm-signature-svg path:nth-child(2){animation-delay:.5s}.jpm-signature-name{margin-top:8px;font-weight:600;font-size:1.1rem}@keyframes drawSignature{to{stroke-dashoffset:0}}@keyframes signatureDraw{0%{opacity:0}50%{opacity:.5}to{opacity:1}}.jpm-modal-close{width:100%;padding:16px;background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff;border:none;border-radius:0 0 16px 16px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:56px}.jpm-modal-close:hover{background:linear-gradient(135deg,#2d5a87,#3d6a97)}.jpm-modal-close:active{transform:scale(.98);background:linear-gradient(135deg,#1e3a5f,#2d5a87)}@media(max-width:768px){.jpm-modal-overlay{padding:12px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.jpm-modal-content{max-height:85vh;border-radius:12px}.jpm-modal-header{padding:20px;border-radius:12px 12px 0 0}.jpm-logo{font-size:1.5rem}.jpm-letter-body{padding:24px 20px}.jpm-letter-date{font-size:.85rem;margin-bottom:20px}.jpm-letter-greeting{font-size:1rem}.jpm-letter-paragraph{font-size:.95rem;margin-bottom:16px}.jpm-modal-close{padding:14px;font-size:1rem;min-height:52px}}.maintenance-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#ff6d2526,#111827e6);color:#fff;padding:32px;text-align:center}.maintenance-card{max-width:520px;width:100%;padding:48px 40px;border-radius:28px;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);background:#0f172abf;border:1px solid rgba(255,255,255,.12);box-shadow:0 32px 80px #00000073;display:flex;flex-direction:column;gap:18px}.maintenance-icon{font-size:3rem}.maintenance-card h1{font-size:2rem;font-weight:800;margin:0;letter-spacing:-.03em}.maintenance-message{font-size:1.05rem;color:#ffffffd9;line-height:1.6;margin:0}.maintenance-subtext{font-size:.95rem;color:#fff9;margin:0}@media(max-width:600px){.maintenance-card{padding:40px 28px}.maintenance-card h1{font-size:1.65rem}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}:root{--primary: #FF6D25;--primary-dark: #E55A1A;--primary-light: #FF8A4D;--secondary: #2563FF;--background: #F8FAFC;--surface: #FFFFFF;--surface-elevated: #FFFFFF;--text-primary: #0F172A;--text-secondary: #64748B;--text-tertiary: #94A3B8;--border: #E2E8F0;--border-light: #F1F5F9;--success: #10B981;--success-light: #D1FAE5;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--blur-sm: blur(4px);--blur-md: blur(8px);--blur-lg: blur(16px);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px}body{margin:0;padding:0;overflow:hidden;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;user-select:text;-webkit-user-select:text;background:var(--background);color:var(--text-primary);font-size:15px;line-height:1.5}@media(max-width:480px){body{font-size:14px;line-height:1.45;background:#f9fafc}.app{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.app-content{padding-left:12px;padding-right:12px}}input,textarea{user-select:text;-webkit-user-select:text}body{overscroll-behavior-y:contain}.skip-link{position:absolute;top:-40px;left:16px;background:var(--primary);color:#fff;padding:10px 16px;border-radius:var(--radius-full);box-shadow:0 8px 16px #ff6d2540;font-weight:600;transition:top .2s ease,opacity .2s ease;opacity:0;z-index:1000}.skip-link:focus{top:16px;opacity:1;outline:none}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;overflow:hidden;position:fixed;top:0;left:0;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:var(--background)}.app.app-loaded{opacity:1}.loading-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:max(32px,env(safe-area-inset-top)) max(32px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(32px,env(safe-area-inset-left));background:radial-gradient(circle at 15% 20%,rgba(249,115,22,.18),transparent 55%),radial-gradient(circle at 85% 80%,rgba(59,130,246,.16),transparent 50%),linear-gradient(135deg,#0f172a,#111827);color:#e2e8f0;overflow:hidden;z-index:9999}.loading-card{position:relative;width:min(440px,92%);padding:40px 38px;border-radius:28px;background:#111827d1;border:1px solid rgba(148,163,184,.28);box-shadow:0 32px 60px #0f172a73,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:18px}.loading-logo{display:inline-flex;align-items:center;gap:10px;font-size:1.45rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#f97316}.loading-logo-icon{font-size:1.3rem}.loading-subtitle{font-size:1.05rem;font-weight:600;letter-spacing:-.01em;color:#e2e8f0eb}.loading-progress-track{position:relative;width:100%;height:8px;border-radius:999px;background:#94a3b840;overflow:hidden}.loading-progress-indicator{position:absolute;inset:0;width:42%;min-width:28%;background:linear-gradient(90deg,#f97316,#fb923c,#facc15);border-radius:inherit;animation:loading-glide 1.6s ease-in-out infinite}@keyframes loading-glide{0%{transform:translate(-105%)}50%{transform:translate(10%)}to{transform:translate(120%)}}.loading-quote{margin:0;font-size:.95rem;line-height:1.6;color:#e2e8f0d6}.loading-footnote{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8b3}.loading-orb{position:absolute;border-radius:999px;filter:blur(120px);opacity:.45;animation:orbFloat 6.5s ease-in-out infinite alternate;pointer-events:none}.loading-orb--one{width:340px;height:340px;background:#f9731652;top:-120px;left:-80px}.loading-orb--two{width:280px;height:280px;background:#3b82f647;bottom:-140px;right:-60px;animation-delay:1s}@keyframes orbFloat{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(20px,-30px,0) scale(1.05)}}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(56px + env(safe-area-inset-bottom));min-height:0;display:flex;flex-direction:column;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(min-width:769px){.app-content{padding-bottom:0;padding-top:0}}.app-content::-webkit-scrollbar{width:8px}.app-content::-webkit-scrollbar-track{background:transparent}.app-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.app-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(max-width:600px){.loading-card{padding:32px 28px;border-radius:24px;gap:16px}.loading-logo{font-size:1.25rem;letter-spacing:.06em}.loading-subtitle{font-size:.95rem}.loading-quote{font-size:.85rem}}