@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);:root{--glass-bg-dark:#0f0f1a40;--glass-bg-medium:#18182566;--glass-bg-light:#2b2b3b26;--blur-sm:8px;--blur-md:16px;--blur-lg:32px;--n0:#f9fafb;--n1:#e7e9ee;--n2:#c4c9d4;--n3:#9ba2b0;--n4:#737b8c;--n5:#363649;--n6:#181825;--n7:#0b0b14;--gold:#f2cc5a;--gold-bright:#f7d56e;--gold-dark:#e6b31a;--gold-bg:#f2cc5a1a;--purple:#9952e0;--purple-bright:#a663e9;--purple-dark:#7328bd;--purple-bg:#9952e01a;--success:#26d99d;--success-bright:#36e2a9;--success-bg:#26d99d1a;--error:#e23653;--error-bright:#eb4763;--error-bg:#e236531a;--accent:var(--purple);--accent-bg:var(--purple-bg);--warning:var(--gold);--warning-bg:var(--gold-bg);--gradient-premium:linear-gradient(135deg,var(--purple) 0%,var(--gold) 100%);--gradient-dark:linear-gradient(135deg,var(--n7) 0%,var(--n6) 100%);--gradient-glass:linear-gradient(135deg,#9952e01a,#f2cc5a0d);--radius:12px;--radius-sm:8px;--radius-lg:16px;--sp:8px;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-primary:var(--n0);--text-secondary:var(--n2);--bg-primary:var(--n7);--bg-secondary:var(--n6);--border:#f2cc5a26;--border-soft:#f2cc5a14;--border-glow:#f2cc5a4d;--accent-elegant:var(--purple);--accent-elegant-bg:var(--purple-bg)}[data-theme=light]{--glass-bg-dark:var(--glass-bg-light);--text-primary:var(--n7);--text-secondary:var(--n5);--bg-primary:var(--n0);--bg-secondary:var(--n1);--border-soft:#737b8c1a}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background:radial-gradient(ellipse at 20% 0,#4d178240 0,#0000 50%),radial-gradient(ellipse at 80% 100%,#f2cc5a26 0,#0000 50%),radial-gradient(ellipse at 0 50%,#330f5733 0,#0000 50%),linear-gradient(135deg,#0b0b14,#0a0614 50%,#181825);background:radial-gradient(ellipse at 20% 0,#4d178240 0,#0000 50%),radial-gradient(ellipse at 80% 100%,#f2cc5a26 0,#0000 50%),radial-gradient(ellipse at 0 50%,#330f5733 0,#0000 50%),linear-gradient(135deg,var(--n7) 0,#0a0614 50%,var(--n6) 100%);background-attachment:fixed;color:#f9fafb;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0;min-height:100vh}body:after{animation:grain-float 20s ease-in-out infinite;background:radial-gradient(ellipse 1px 1px at 25% 25%,#ffffff14 0,#0000 50%),radial-gradient(ellipse 1px 1px at 75% 75%,#ffffff0f 0,#0000 50%),radial-gradient(ellipse 1px 1px at 50% 10%,#ffffff0a 0,#0000 50%),radial-gradient(ellipse 1px 1px at 10% 90%,#ffffff08 0,#0000 50%);background-size:180px 180px,220px 220px,160px 160px,200px 200px;bottom:0;content:"";left:0;mix-blend-mode:overlay;opacity:.3;pointer-events:none;position:fixed;right:0;top:0;z-index:1}@keyframes grain-float{0%,to{opacity:.3;transform:translate(0) scale(1)}25%{opacity:.25;transform:translate(-2px,-1px) scale(1.02)}50%{opacity:.35;transform:translate(1px,2px) scale(.98)}75%{opacity:.28;transform:translate(-1px,1px) scale(1.01)}}.glass{backdrop-filter:blur(16px);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur-md));background:#0f0f1a40;background:var(--glass-bg-dark);border:1px solid #f2cc5a14;border:1px solid var(--border-soft);box-shadow:0 8px 32px #4d17821a,inset 0 1px 0 #f2cc5a1a;position:relative}.glass:before{background:linear-gradient(135deg,#f2cc5a4d,#0000 40%,#0000 60%,#f2cc5a14);background:linear-gradient(135deg,var(--border-glow),#0000 40%,#0000 60%,var(--border-soft));border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;padding:1px;pointer-events:none;position:absolute}.App{flex-direction:column}.App,.viewport{display:flex;min-height:100vh}.viewport{flex:1 1;flex-direction:column;position:relative}.main-content{flex:1 1;min-height:60vh}.bottom-panel,.main-content{display:flex;flex-direction:column;gap:16px;gap:calc(var(--sp)*2);padding:16px;padding:calc(var(--sp)*2)}.bottom-panel{background:#0000;padding-bottom:max(16px,env(safe-area-inset-bottom));padding-bottom:max(calc(var(--sp)*2),env(safe-area-inset-bottom))}.account-section,.bonuses-section{width:100%}.round{align-items:center;background:linear-gradient(135deg,#18182566,#0f0f1a40);background:linear-gradient(135deg,var(--glass-bg-medium) 0,var(--glass-bg-dark) 100%);border:1px solid #f2cc5a14;border:1px solid var(--border-soft);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 60px #4d178226,0 10px 20px #0003,inset 0 1px 0 #f2cc5a1a;display:flex;flex-direction:column;height:auto;justify-content:space-between;min-height:300px;overflow:hidden;padding:24px;padding:calc(var(--sp)*3);position:relative}.round:after{background:radial-gradient(circle at center,#0000 0,#0f0f1a40 100%);background:radial-gradient(circle at center,#0000 0,var(--glass-bg-dark) 100%);content:"";inset:0;pointer-events:none;position:absolute;transition:background .3s ease}.round.crashed:after{background:radial-gradient(circle at center,#ef43431a 0,#0f0f1a40 100%);background:radial-gradient(circle at center,#ef43431a 0,var(--glass-bg-dark) 100%)}.apples{font-feature-settings:"tnum";color:#c4c9d4;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:500;opacity:.5;position:absolute;right:16px;right:calc(var(--sp)*2);top:16px;top:calc(var(--sp)*2);transition:opacity .3s ease;z-index:2}.apples:hover{opacity:.8}.game-top{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:120px;padding:16px 0;padding:calc(var(--sp)*2) 0;position:relative;text-align:center;width:100%}.multiplier{font-feature-settings:"tnum";-webkit-text-fill-color:#0000;animation:fadeIn .3s ease-out;background:linear-gradient(135deg,#9952e0,#f2cc5a);background:var(--gradient-premium);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 8px hsla(270,70%,60%,.3));font-size:clamp(3rem,15vw,6rem);font-variant-numeric:tabular-nums;font-weight:800;line-height:1;margin:0;position:relative;text-align:center;transition:all .3s ease;z-index:1}.multiplier.crashed{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e23653,#eb4763);background:linear-gradient(135deg,var(--error) 0,var(--error-bright) 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 8px hsla(350,75%,55%,.4))}.countdown-container{align-items:center;animation:fadeIn .3s ease-out;display:flex;flex-direction:column;gap:4px;gap:calc(var(--sp)*.5)}.countdown-label{color:#c4c9d4;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);font-weight:600;letter-spacing:1px;opacity:.8;text-transform:uppercase}.countdown-number{font-feature-settings:"tnum";color:#f2cc5a;color:var(--gold);font-size:clamp(3rem,15vw,6rem);font-variant-numeric:tabular-nums;font-weight:800;line-height:1;margin:0;position:relative;text-shadow:0 2px 8px #f2cc5a4d}.countdown-number:after{content:"s";font-size:.5em;font-weight:600;margin-left:.1em;opacity:.8}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.stake{margin-top:16px;margin-top:calc(var(--sp)*2);position:relative;width:100%;z-index:1}.bet-input{font-feature-settings:"tnum";-webkit-appearance:none;-moz-appearance:textfield;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:#18182566;background:var(--glass-bg-medium);border:1px solid #f2cc5a14;border:1px solid var(--border-soft);border-radius:12px;border-radius:var(--radius);box-shadow:inset 0 2px 4px #0000001a;color:#f9fafb;color:var(--text-primary);font-size:1.125rem;font-size:var(--text-lg);font-variant-numeric:tabular-nums;margin-bottom:16px;margin-bottom:calc(var(--sp)*2);min-height:48px;padding:16px;padding:calc(var(--sp)*2);text-align:center;transition:all .3s ease;width:100%}.bet-input::-webkit-inner-spin-button,.bet-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bet-input:focus{background:#0f0f1a40;background:var(--glass-bg-dark);border-color:#f2cc5a;border-color:var(--gold);box-shadow:0 0 0 3px #f2cc5a1a,inset 0 2px 4px #0000001a;box-shadow:0 0 0 3px var(--gold-bg),inset 0 2px 4px #0000001a;outline:none}.bet-input:disabled{cursor:not-allowed;opacity:.6}.chip-group{grid-gap:8px;grid-gap:calc(var(--sp)*1);display:grid;gap:8px;gap:calc(var(--sp)*1);grid-template-columns:repeat(4,1fr);margin-bottom:24px;margin-bottom:calc(var(--sp)*3)}.chip{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:linear-gradient(135deg,#0f0f1a40,#18182566);background:linear-gradient(135deg,var(--glass-bg-dark) 0,var(--glass-bg-medium) 100%);border:1px solid #f2cc5a14;border:1px solid var(--border-soft);border-radius:12px;border-radius:var(--radius);color:#c4c9d4;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;justify-content:center;min-height:44px;overflow:hidden;padding:12px 8px;padding:calc(var(--sp)*1.5) calc(var(--sp)*1);position:relative;text-align:center;transition:all .2s ease}.chip:before{background:linear-gradient(135deg,#9952e01a,#f2cc5a0d);background:var(--gradient-glass);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.chip:hover:not(:disabled){border-color:#f2cc5a;border-color:var(--gold);box-shadow:0 4px 12px #f2cc5a33;color:#f7d56e;color:var(--gold-bright);transform:translateY(-1px)}.chip:hover:not(:disabled):before{opacity:1}.chip:disabled{cursor:not-allowed;opacity:.4}.chip.max{border-color:#e23653;border-color:var(--error);color:#e23653;color:var(--error)}.chip.max:hover:not(:disabled){background:#e236531a;background:var(--error-bg)}.cta{border:none;border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 15px #0003;cursor:pointer;font-size:1.125rem;font-size:var(--text-lg);font-weight:700;letter-spacing:.5px;min-height:52px;overflow:hidden;padding:16px 24px;padding:calc(var(--sp)*2) calc(var(--sp)*3);position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.cta:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cta:hover:not(:disabled):before{left:100%}.cta.bet{background:linear-gradient(135deg,#9952e0,#f2cc5a);background:var(--gradient-premium);color:#fff}.cta.bet:hover:not(:disabled){box-shadow:0 6px 20px #9952e04d,0 4px 15px #0003;transform:translateY(-2px)}.cta.cashout{background:linear-gradient(135deg,#2ecc71,#27ae60);border:1px solid #28af604d;color:#fff}.cta.cashout:hover:not(:disabled){background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 6px 20px #2ecc704d,0 4px 15px #0003;transform:translateY(-2px)}.cta:disabled{background:linear-gradient(135deg,#363649,#181825);background:linear-gradient(135deg,var(--n5) 0,var(--n6) 100%);box-shadow:none;color:#9ba2b0;color:var(--n3);cursor:not-allowed}.history{margin-bottom:16px;margin-bottom:calc(var(--sp)*2)}.history-ticker{-webkit-overflow-scrolling:touch;display:flex;gap:8px;gap:calc(var(--sp)*1);list-style:none;margin:0;overflow-x:auto;padding:8px 0;padding:calc(var(--sp)*1) 0;scroll-snap-type:x mandatory}.history-ticker::-webkit-scrollbar{height:3px}.history-ticker::-webkit-scrollbar-track{background:#181825;background:var(--n6);border-radius:2px}.history-ticker::-webkit-scrollbar-thumb{background:#737b8c;background:var(--n4);border-radius:2px}.history-item{font-feature-settings:"tnum";align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000001a;display:flex;flex-shrink:0;font-size:.875rem;font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:600;height:36px;justify-content:center;min-width:60px;padding:0 12px;padding:0 calc(var(--sp)*1.5);scroll-snap-align:start;transition:all .2s ease}.history-item.red{background:linear-gradient(135deg,#e2365326,#e236531a);border:1px solid #e236534d;color:#eb4763;color:var(--error-bright)}.history-item.green{background:linear-gradient(135deg,#26d99d26,#26d99d1a);border:1px solid #26d99d4d;color:#36e2a9;color:var(--success-bright)}.account-section{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;height:-webkit-fit-content;height:fit-content;overflow:visible}.profile-section{background:#0f0f1a40;background:var(--glass-bg-dark)}.profile-header{background:linear-gradient(135deg,#ffffff0d,#ffffff05)}.user-info-bottom{display:flex;flex-direction:column;gap:2px;gap:calc(var(--sp)/4)}.username-bottom{color:#f9fafb;color:var(--text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:600}.balance-bottom{font-feature-settings:"tnum";color:#c4c9d4;color:var(--text-secondary);font-size:1rem;font-size:var(--text-base);font-variant-numeric:tabular-nums}.user-controls-bottom{align-items:center;display:flex;gap:8px;gap:calc(var(--sp)*1)}.icon-button{align-items:center;background:linear-gradient(135deg,#0f0f1a40,#18182566);background:linear-gradient(135deg,var(--glass-bg-dark) 0,var(--glass-bg-medium) 100%);border:1px solid #f2cc5a14;border:1px solid var(--border-soft);border-radius:12px;border-radius:var(--radius);color:#c4c9d4;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:8px;padding:calc(var(--sp)*1);transition:all .3s ease}.icon-button:hover{border-color:#f2cc5a;border-color:var(--gold);box-shadow:0 4px 12px #f2cc5a33;color:#f2cc5a;color:var(--gold);transform:translateY(-1px)}.logout-button{background:linear-gradient(135deg,#e23653,#eb4763);background:linear-gradient(135deg,var(--error) 0,var(--error-bright) 100%);border:none;border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 12px #e2365333;color:#fff;cursor:pointer;font-size:.875rem;font-size:var(--text-sm);font-weight:600;min-height:44px;padding:8px 16px;padding:calc(var(--sp)*1) calc(var(--sp)*2);transition:all .3s ease}.logout-button:hover{box-shadow:0 6px 16px #e236534d,0 4px 12px #0000001a;transform:translateY(-1px)}.wallet-section{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:linear-gradient(135deg,#18182566,#0f0f1a40);background:linear-gradient(135deg,var(--glass-bg-medium) 0,var(--glass-bg-dark) 100%);border:1px solid #f2cc5a14;border:1px solid var(--border-soft);border-radius:12px;border-radius:var(--radius);box-shadow:0 10px 30px #4d17821a,inset 0 1px 0 #f2cc5a1a;height:-webkit-fit-content;height:fit-content;overflow:hidden}.wallet-header{background:linear-gradient(135deg,#9952e00d,#f2cc5a08);border-bottom:1px solid #f2cc5a14;border-bottom:1px solid var(--border-soft);padding:16px;padding:calc(var(--sp)*2)}.wallet-header h3{align-items:center;color:#f9fafb;color:var(--text-primary);display:flex;font-size:1.125rem;font-size:var(--text-lg);font-weight:600;gap:4px;gap:calc(var(--sp)/2);margin:0}.wallet-content{padding:16px;padding:calc(var(--sp)*2)}.bonus-info p{color:#c4c9d4;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);margin:0 0 8px;margin:0 0 calc(var(--sp)*1) 0;text-align:center}.bonus-button{border:none;border-radius:12px;border-radius:var(--radius);cursor:pointer;font-size:1rem;font-size:var(--text-base);font-weight:600;letter-spacing:.5px;margin-top:16px;margin-top:calc(var(--sp)*2);min-height:48px;overflow:hidden;padding:16px;padding:calc(var(--sp)*2);position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.bonus-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.bonus-button.can-claim{background:linear-gradient(135deg,#f2cc5ae6,#e8ba30e6);border:1px solid #f2cc5a80;box-shadow:0 4px 15px #f2cc5a40,inset 0 1px 0 #f7d56e66;color:#0b0b14;color:var(--n7);font-weight:700}.bonus-button.can-claim:hover:not(:disabled){background:linear-gradient(135deg,#f7d264f2,#efc139f2);box-shadow:0 6px 20px #f2cc5a59,0 4px 12px #0000001a,inset 0 1px 0 #f9dc8680;transform:translateY(-2px)}.bonus-button.can-claim:hover:not(:disabled):before{left:100%}.bonus-button.disabled{background:linear-gradient(135deg,#363649,#181825);background:linear-gradient(135deg,var(--n5) 0,var(--n6) 100%);box-shadow:none;color:#9ba2b0;color:var(--n3);cursor:not-allowed}.bonus-message{background:linear-gradient(135deg,#f2cc5a14,#f2cc5a0d);border:1px solid #f2cc5a33;border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 8px #f2cc5a1a,inset 0 1px 0 #f2cc5a1a;color:#f2cc5a;color:var(--gold);font-size:.875rem;font-size:var(--text-sm);font-weight:500;padding:12px;padding:calc(var(--sp)*1.5)}.bonus-message,.game-message{margin-top:16px;margin-top:calc(var(--sp)*2);text-align:center}.game-message{align-items:center;color:#c4c9d4;color:var(--text-secondary);display:flex;font-size:1rem;font-size:var(--text-base);font-style:italic;justify-content:center;min-height:24px;min-height:calc(var(--sp)*3);padding:0 16px;padding:0 calc(var(--sp)*2);position:relative;z-index:1}@media (min-width:768px){.bottom-panel,.main-content{gap:24px;gap:calc(var(--sp)*3);padding:24px;padding:calc(var(--sp)*3)}.bottom-panel{background:#0000;flex-direction:row}.round{min-height:400px;padding:32px;padding:calc(var(--sp)*4)}.countdown-number,.multiplier{font-size:clamp(4rem,10vw,6.5rem)}.chip-group{gap:12px;gap:calc(var(--sp)*1.5)}.chip{font-size:1rem;font-size:var(--text-base)}.history-ticker{gap:12px;gap:calc(var(--sp)*1.5)}.history{display:flex;justify-content:center;padding:0 16px;padding:0 calc(var(--sp)*2)}.history-ticker{max-width:100%}.cta{display:block;margin:0 auto;min-width:160px;width:auto}}@media (min-width:1024px){.viewport{grid-gap:0;display:grid;gap:0;grid-template-rows:1fr 1fr;min-height:100vh}.main-content{min-height:50vh;overflow:hidden}.bottom-panel,.main-content{gap:32px;gap:calc(var(--sp)*4);padding:32px;padding:calc(var(--sp)*4)}.bottom-panel{grid-gap:32px;grid-gap:calc(var(--sp)*4);background:#0000;display:grid;flex-direction:row;grid-template-columns:1fr 1fr;overflow-y:auto}.round{height:480px;min-height:auto;padding:40px;padding:calc(var(--sp)*5)}.multiplier{margin:0 0 16px;margin:0 0 calc(var(--sp)*2) 0}.countdown-number,.multiplier{font-size:clamp(4rem,6vw,6.5rem)}.stake{margin-top:16px;margin-top:calc(var(--sp)*2);max-width:400px}.cta{display:block;margin:0 auto;min-width:200px;width:auto}.account-section,.bonuses-section{display:flex;flex-direction:column}.game-top{flex:1 1;min-height:0;padding:0}}@media (min-width:1440px){.bottom-panel,.main-content{margin:0 auto;max-width:1200px;padding:40px;padding:calc(var(--sp)*5);width:100%}.bottom-panel{background:#0000;display:grid;grid-template-columns:1fr 1fr}}@supports (hover:none){.chip:hover,.cta:hover,.icon-button:hover,.logout-button:hover{transform:none}.chip,.cta,.icon-button,.logout-button{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:16px;padding:calc(var(--sp)*2);position:fixed;right:0;top:0;z-index:200}.modal-content{background:linear-gradient(135deg,#181825,#0b0b14);background:linear-gradient(135deg,var(--n6) 0,var(--n7) 100%);border:1px solid #f2cc5a14;border:1px solid var(--border-soft);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 30px 80px #4d17824d,0 20px 40px #0000004d,inset 0 1px 0 #f2cc5a1a;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:linear-gradient(135deg,#9952e00d,#f2cc5a08);border-bottom:1px solid #f2cc5a14;border-bottom:1px solid var(--border-soft);display:flex;justify-content:space-between;padding:24px;padding:calc(var(--sp)*3)}.modal-header h2{color:#f9fafb;color:var(--text-primary);font-weight:600;margin:0}.close-button,.modal-header h2{font-size:1.5rem;font-size:var(--text-2xl)}.close-button{align-items:center;background:none;border:none;border-radius:12px;border-radius:var(--radius);color:#c4c9d4;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;line-height:1;min-height:44px;min-width:44px;padding:4px;padding:calc(var(--sp)/2);transition:all .2s ease}.close-button:hover{background:#ffffff1a;color:#f9fafb;color:var(--text-primary)}.modal-body{padding:24px;padding:calc(var(--sp)*3)}.settings-section{margin-bottom:24px;margin-bottom:calc(var(--sp)*3)}.settings-section:last-child{margin-bottom:0}.settings-section h3{color:#f9fafb;color:var(--text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:600;margin:0 0 16px;margin:0 0 calc(var(--sp)*2) 0}.user-info{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:#0f0f1a40;background:var(--glass-bg-dark);border:1px solid #f2cc5a14;border:1px solid var(--border-soft);border-radius:12px;border-radius:var(--radius);padding:16px;padding:calc(var(--sp)*2)}.user-info p{color:#c4c9d4;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);margin:0 0 4px;margin:0 0 calc(var(--sp)/2) 0}.user-info p:last-child{margin-bottom:0}.user-info strong{color:#f9fafb;color:var(--text-primary)}.form-group{margin-bottom:16px;margin-bottom:calc(var(--sp)*2)}.form-group label{display:block;font-size:.875rem;font-size:var(--text-sm);font-weight:500;margin-bottom:4px;margin-bottom:calc(var(--sp)/2)}.form-group input,.form-group label{color:#f9fafb;color:var(--text-primary)}.form-group input{-webkit-appearance:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:#18182566;background:var(--glass-bg-medium);border:1px solid #f2cc5a14;border:1px solid var(--border-soft);border-radius:12px;border-radius:var(--radius);box-shadow:inset 0 2px 4px #0000001a;font-size:1rem;font-size:var(--text-base);min-height:48px;padding:16px;padding:calc(var(--sp)*2);transition:all .3s ease;width:100%}.form-group input:focus{background:#0f0f1a40;background:var(--glass-bg-dark);border-color:#f2cc5a;border-color:var(--gold);box-shadow:0 0 0 3px #f2cc5a1a,inset 0 2px 4px #0000001a;box-shadow:0 0 0 3px var(--gold-bg),inset 0 2px 4px #0000001a;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.6}.message{border-radius:12px;border-radius:var(--radius);font-size:.875rem;font-size:var(--text-sm);margin-bottom:16px;margin-bottom:calc(var(--sp)*2);padding:16px;padding:calc(var(--sp)*2);text-align:center}.message.success{background:#26d99d1a;background:var(--success-bg);border:1px solid #21c45d4d;color:#26d99d;color:var(--success)}.message.error{background:#e236531a;background:var(--error-bg);border:1px solid #ef43434d;color:#e23653;color:var(--error)}.submit-button{background:linear-gradient(135deg,#9952e0,#f2cc5a);background:var(--gradient-premium);border:none;border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 15px #9952e04d;color:#fff;cursor:pointer;font-size:1rem;font-size:var(--text-base);font-weight:600;letter-spacing:.5px;min-height:48px;overflow:hidden;padding:16px;padding:calc(var(--sp)*2);position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 6px 20px #9952e066,0 4px 15px #0003;transform:translateY(-2px)}.submit-button:hover:not(:disabled):before{left:100%}.submit-button:disabled{background:linear-gradient(135deg,#363649,#181825);background:linear-gradient(135deg,var(--n5) 0,var(--n6) 100%);box-shadow:none;color:#9ba2b0;color:var(--n3);cursor:not-allowed}.auth-form{background:#181825;background:var(--bg-secondary);border-radius:12px;border-radius:var(--radius);box-shadow:0 10px 30px #0000001a;margin:32px auto;margin:calc(var(--sp)*4) auto;max-width:400px;padding:32px;padding:calc(var(--sp)*4)}.auth-form h2{font-size:1.5rem;font-size:var(--text-2xl);margin-bottom:24px;margin-bottom:calc(var(--sp)*3);text-align:center}.auth-form h2,.auth-form input{color:#f9fafb;color:var(--text-primary)}.auth-form input{-webkit-appearance:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:#18182566;background:var(--glass-bg-medium);border:1px solid #f2cc5a14;border:1px solid var(--border-soft);border-radius:12px;border-radius:var(--radius);box-shadow:inset 0 2px 4px #0000001a;font-size:1rem;font-size:var(--text-base);margin-bottom:16px;margin-bottom:calc(var(--sp)*2);min-height:48px;padding:16px;padding:calc(var(--sp)*2);transition:all .3s ease;width:100%}.auth-form input:focus{background:#0f0f1a40;background:var(--glass-bg-dark);border-color:#f2cc5a;border-color:var(--gold);box-shadow:0 0 0 3px #f2cc5a1a,inset 0 2px 4px #0000001a;box-shadow:0 0 0 3px var(--gold-bg),inset 0 2px 4px #0000001a;outline:none}.auth-form button{background:linear-gradient(135deg,#9952e0,#f2cc5a);background:var(--gradient-premium);border:none;border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 15px #9952e04d;color:#fff;cursor:pointer;font-size:1rem;font-size:var(--text-base);font-weight:600;min-height:48px;overflow:hidden;padding:16px;padding:calc(var(--sp)*2);position:relative;transition:all .3s ease;width:100%}.auth-form button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.auth-form button:hover:not(:disabled){box-shadow:0 6px 20px #9952e066,0 4px 15px #0003;transform:translateY(-2px)}.auth-form button:hover:not(:disabled):before{left:100%}.inline-auth-form{margin:24px auto;margin:calc(var(--sp)*3) auto;max-width:350px;width:100%}.inline-auth-form .auth-input{-webkit-appearance:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:#18182566;background:var(--glass-bg-medium);border:1px solid #f2cc5a14;border:1px solid var(--border-soft);border-radius:12px;border-radius:var(--radius);box-shadow:inset 0 2px 4px #0000001a;color:#f9fafb;color:var(--text-primary);font-size:1rem;font-size:var(--text-base);margin-bottom:16px;margin-bottom:calc(var(--sp)*2);min-height:48px;padding:16px;padding:calc(var(--sp)*2);transition:all .3s ease;width:100%}.inline-auth-form .auth-input:focus{background:#0f0f1a40;background:var(--glass-bg-dark);border-color:#f2cc5a;border-color:var(--gold);box-shadow:0 0 0 3px #f2cc5a1a,inset 0 2px 4px #0000001a;box-shadow:0 0 0 3px var(--gold-bg),inset 0 2px 4px #0000001a;outline:none}.inline-auth-form .auth-button-group{display:flex;gap:12px;gap:calc(var(--sp)*1.5);justify-content:center;margin-bottom:16px;margin-bottom:calc(var(--sp)*2)}.inline-auth-form .auth-button-group button{background:linear-gradient(135deg,#9952e0,#f2cc5a);background:var(--gradient-premium);border:none;border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 15px #9952e04d;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-size:var(--text-base);font-weight:600;letter-spacing:.5px;min-height:48px;overflow:hidden;padding:16px;padding:calc(var(--sp)*2);position:relative;text-transform:uppercase;transition:all .3s ease}.inline-auth-form .auth-button-group button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.inline-auth-form .auth-button-group button:hover:not(:disabled){box-shadow:0 6px 20px #9952e066,0 4px 15px #0003;transform:translateY(-2px)}.inline-auth-form .auth-button-group button:hover:not(:disabled):before{left:100%}.inline-auth-form .auth-button-group button:disabled{background:linear-gradient(135deg,#363649,#181825);background:linear-gradient(135deg,var(--n5) 0,var(--n6) 100%);box-shadow:none;color:#9ba2b0;color:var(--n3);cursor:not-allowed}.inline-auth-form .auth-error{background:#e236531a;background:var(--error-bg);border:1px solid #ef43434d;border-radius:12px;border-radius:var(--radius);color:#e23653;color:var(--error);font-size:.875rem;font-size:var(--text-sm);margin-top:16px;margin-top:calc(var(--sp)*2);padding:12px;padding:calc(var(--sp)*1.5);text-align:center}@media (max-width:480px){.inline-auth-form{margin:16px 0;margin:calc(var(--sp)*2) 0;max-width:100%}.inline-auth-form .auth-button-group{flex-direction:column;gap:8px;gap:calc(var(--sp)*1)}.inline-auth-form .auth-button-group button{flex:none;width:100%}}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus,a:focus,button:focus,input:focus{outline:2px solid #f2cc5a;outline:2px solid var(--gold);outline-offset:2px}.error{color:#e23653;color:var(--error);font-size:.875rem;font-size:var(--text-sm);margin-top:16px;margin-top:calc(var(--sp)*2);text-align:center}.drawer{width:100%}.drawer details{border-radius:12px;border-radius:var(--radius);overflow:hidden}.drawer summary{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:#0f0f1a40;background:var(--glass-bg-dark);border:1px solid #f2cc5a14;border:1px solid var(--border-soft);border-radius:12px;border-radius:var(--radius);cursor:pointer;display:flex;font-weight:600;min-height:48px;padding:16px;padding:calc(var(--sp)*2);transition:all .2s ease}.drawer summary:hover{background:#737b8c1a}.drawer details[open] summary{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.drawer .details-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:#0f0f1a40;background:var(--glass-bg-dark);border:1px solid #f2cc5a14;border:1px solid var(--border-soft);border-bottom-left-radius:12px;border-bottom-left-radius:var(--radius);border-bottom-right-radius:12px;border-bottom-right-radius:var(--radius);border-top:none;max-height:35vh;overflow-y:auto;padding:16px;padding:calc(var(--sp)*2)}@media (max-height:500px) and (orientation:landscape){.round{min-height:200px;padding:16px;padding:calc(var(--sp)*2)}.countdown-number,.multiplier{font-size:clamp(2.5rem,10vw,4rem)}.bottom-panel,.main-content{gap:8px;gap:calc(var(--sp)*1);padding:8px;padding:calc(var(--sp)*1)}}@media (max-width:320px){.bottom-panel,.main-content{gap:8px;gap:calc(var(--sp)*1);padding:8px;padding:calc(var(--sp)*1)}.round{padding:16px;padding:calc(var(--sp)*2)}.multiplier{font-size:clamp(1.5rem,12vw,3rem)}.chip-group{gap:4px;gap:calc(var(--sp)/2);grid-template-columns:repeat(2,1fr)}.countdown-number{font-size:clamp(2.5rem,12vw,4rem)}.countdown-label{font-size:.75rem;font-size:var(--text-xs)}}.profile-section{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:linear-gradient(135deg,#18182566,#0f0f1a40);background:linear-gradient(135deg,var(--glass-bg-medium) 0,var(--glass-bg-dark) 100%);border:1px solid #f2cc5a14;border:1px solid var(--border-soft);border-radius:12px;border-radius:var(--radius);box-shadow:0 10px 30px #4d17821a,inset 0 1px 0 #f2cc5a1a;margin-bottom:0;overflow:hidden}.profile-header{background:linear-gradient(135deg,#9952e00d,#f2cc5a08);border-bottom:1px solid #f2cc5a14;border-bottom:1px solid var(--border-soft);padding:16px;padding:calc(var(--sp)*2)}.profile-header h3{align-items:center;color:#f9fafb;color:var(--text-primary);display:flex;font-size:1.125rem;font-size:var(--text-lg);font-weight:600;gap:4px;gap:calc(var(--sp)/2);margin:0}.profile-content{align-items:center;display:flex;justify-content:space-between;padding:16px;padding:calc(var(--sp)*2)}.info-section{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:linear-gradient(135deg,#18182566,#0f0f1a40);background:linear-gradient(135deg,var(--glass-bg-medium) 0,var(--glass-bg-dark) 100%);border:1px solid #f2cc5a14;border:1px solid var(--border-soft);border-radius:12px;border-radius:var(--radius);box-shadow:0 10px 30px #4d17821a,inset 0 1px 0 #f2cc5a1a;margin-top:16px;margin-top:calc(var(--sp)*2);overflow:hidden}.info-header{background:linear-gradient(135deg,#9952e00d,#f2cc5a08);border-bottom:1px solid #f2cc5a14;border-bottom:1px solid var(--border-soft);padding:16px;padding:calc(var(--sp)*2)}.info-header h3{align-items:center;color:#f9fafb;color:var(--text-primary);display:flex;font-size:1.125rem;font-size:var(--text-lg);font-weight:600;gap:4px;gap:calc(var(--sp)/2);margin:0}.info-content-card{padding:16px;padding:calc(var(--sp)*2);text-align:center}.info-text{color:#c4c9d4;color:var(--text-secondary);line-height:1.6;margin:0 0 16px;margin:0 0 calc(var(--sp)*2) 0}.info-button,.info-text{font-size:.875rem;font-size:var(--text-sm)}.info-button{background:linear-gradient(135deg,#18182566,#0f0f1a40);background:linear-gradient(135deg,var(--glass-bg-medium) 0,var(--glass-bg-dark) 100%);border:1px solid #9952e04d;border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 8px #9952e01a,inset 0 1px 0 #9952e01a;cursor:pointer;font-weight:600;letter-spacing:.5px;padding:12px 24px;padding:calc(var(--sp)*1.5) calc(var(--sp)*3);position:relative;text-transform:uppercase;transition:all .3s ease}.info-button,.info-button:hover{color:#a663e9;color:var(--purple-bright)}.info-button:hover{background:linear-gradient(135deg,#9952e026,#9952e01a);border-color:#9952e0;border-color:var(--purple);box-shadow:0 4px 12px #9952e033,inset 0 1px 0 #9952e033;transform:translateY(-1px)}.info-content h3{color:#f9fafb;color:var(--text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;margin:24px 0 16px;margin:calc(var(--sp)*3) 0 calc(var(--sp)*2) 0}.info-content h3:first-child{margin-top:0}.info-content p{line-height:1.6}.info-content ol,.info-content p,.info-content ul{color:#c4c9d4;color:var(--text-secondary);margin:0 0 16px;margin:0 0 calc(var(--sp)*2) 0}.info-content ol,.info-content ul{padding-left:24px;padding-left:calc(var(--sp)*3)}.info-content li{line-height:1.6;margin-bottom:8px;margin-bottom:calc(var(--sp)*1)}.info-content li:last-child{margin-bottom:0}.info-content strong{color:#f9fafb;color:var(--text-primary);font-weight:600}
/*# sourceMappingURL=main.6134ec0e.css.map*/