:root{--font-family: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;--container-max-width: 1560px;--container-padding: 1.25rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--z-header: 100;--z-modal: 200;--z-toast: 300;--bg: #07090f;--bg-elevated: #0d1017;--surface: #12151f;--surface-hover: #181c29;--surface-active: #202636;--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .05);--glow-ambient-1: rgba(255, 170, 0, .07);--glow-ambient-2: rgba(124, 108, 255, .07);--glow-ambient-3: rgba(56, 130, 246, .05);--text: #f2f4f8;--text-secondary: #9ba3b0;--text-muted: #5d6572;--accent: #ffc531;--accent-strong: #ff9f1a;--accent-gradient: linear-gradient(135deg, #ffd32a 0%, #ff8a00 100%);--accent-contrast: #14100a;--accent-soft: rgba(255, 197, 49, .12);--accent-2: #a78bfa;--accent-2-soft: rgba(167, 139, 250, .14);--success: #3ddc84;--success-soft: rgba(61, 220, 132, .12);--warning: #ff9f1a;--warning-soft: rgba(255, 159, 26, .12);--danger: #ff5c5c;--danger-soft: rgba(255, 92, 92, .12);--info: #4da3ff;--info-soft: rgba(77, 163, 255, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 6px rgba(0, 0, 0, .28), 0 10px 28px rgba(0, 0, 0, .32);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .32), 0 20px 56px rgba(0, 0, 0, .44);--glow-accent: 0 0 28px rgba(255, 170, 0, .38);--glow-accent-strong: 0 0 42px rgba(255, 170, 0, .5);--inset-highlight-strong: inset 0 1px 0 rgba(255, 255, 255, .25);--shine: rgba(255, 255, 255, .22);--logo-tile: #f6f7fb;--logo-tile-steam: #1b2838}body.light{--bg: #eef0f5;--bg-elevated: #ffffff;--surface: #ffffff;--surface-hover: #f1f2f7;--surface-active: #e6e8f0;--border: rgba(15, 20, 30, .08);--border-strong: rgba(15, 20, 30, .16);--inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .7);--glow-ambient-1: rgba(255, 170, 0, .12);--glow-ambient-2: rgba(124, 108, 255, .1);--glow-ambient-3: rgba(56, 130, 246, .08);--text: #171b22;--text-secondary: #5b6472;--text-muted: #9aa2af;--accent: #f5a300;--accent-strong: #e88a00;--accent-contrast: #ffffff;--accent-soft: rgba(245, 163, 0, .14);--accent-2: #7c6aee;--accent-2-soft: rgba(124, 106, 238, .14);--warning: #e88a00;--warning-soft: rgba(232, 138, 0, .14);--shadow-sm: 0 1px 2px rgba(15, 20, 30, .06);--shadow-md: 0 2px 6px rgba(15, 20, 30, .06), 0 10px 28px rgba(15, 20, 30, .08);--shadow-lg: 0 4px 12px rgba(15, 20, 30, .08), 0 20px 56px rgba(15, 20, 30, .12);--glow-accent: 0 0 24px rgba(245, 163, 0, .25);--glow-accent-strong: 0 0 34px rgba(245, 163, 0, .38);--logo-tile: #ffffff;--logo-tile-steam: #1b2838}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input,textarea,select{font:inherit;color:inherit}img{display:block;max-width:100%}@keyframes anim-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes anim-fade-in{0%{opacity:0}to{opacity:1}}@keyframes anim-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.anim-fade-up{animation:anim-fade-up .45s cubic-bezier(.22,1,.36,1) both}.anim-fade-in{animation:anim-fade-in .4s ease both}.anim-scale-in{animation:anim-scale-in .35s cubic-bezier(.22,1,.36,1) both}.stagger>*{animation:anim-fade-up .4s cubic-bezier(.22,1,.36,1) both}.stagger>*:nth-child(1){animation-delay:0s}.stagger>*:nth-child(2){animation-delay:.04s}.stagger>*:nth-child(3){animation-delay:.08s}.stagger>*:nth-child(4){animation-delay:.12s}.stagger>*:nth-child(5){animation-delay:.16s}.stagger>*:nth-child(6){animation-delay:.2s}.stagger>*:nth-child(7){animation-delay:.24s}.stagger>*:nth-child(8){animation-delay:.28s}.stagger>*:nth-child(9){animation-delay:.32s}.stagger>*:nth-child(10){animation-delay:.36s}.stagger>*:nth-child(n+11){animation-delay:.4s}@media(prefers-reduced-motion:reduce){.anim-fade-up,.anim-fade-in,.anim-scale-in,.stagger>*{animation:none}}body{background-color:var(--bg);color:var(--text);transition:background-color .25s ease,color .25s ease}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(640px 420px at 12% -6%,var(--glow-ambient-1),transparent 70%),radial-gradient(760px 520px at 88% -4%,var(--glow-ambient-2),transparent 70%),radial-gradient(900px 640px at 50% 108%,var(--glow-ambient-3),transparent 72%)}::selection{background:var(--accent-soft);color:var(--text)}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.flex-center{display:flex;align-items:center;justify-content:center}.hidden{display:none!important}.skeleton{position:relative;overflow:hidden;background:color-mix(in srgb,var(--text) 6%,transparent);border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--text) 9%,transparent) 50%,transparent 80%);animation:skeleton-wave 1.8s cubic-bezier(.4,0,.2,1) infinite}@keyframes skeleton-wave{to{transform:translate(100%)}}html{scrollbar-color:var(--surface-active) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-active);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.app-layout{display:flex;flex-direction:column;min-height:100dvh}.app-layout__main{flex:1;display:flex;flex-direction:column;width:100%;padding-bottom:1.5rem;animation:anim-fade-up .45s cubic-bezier(.22,1,.36,1) both}@media(max-width:1024px){.app-layout{padding-bottom:calc(60px + env(safe-area-inset-bottom))}}.agreement-modal{max-width:26rem}.agreement-modal .ui-modal__body{display:flex;flex-direction:column;gap:1rem}.agreement-modal__text{color:var(--text-secondary);font-size:.875rem;line-height:1.55}.agreement-modal__check{display:flex;align-items:flex-start;gap:.625rem;text-align:left;font-size:.8125rem;line-height:1.45;color:var(--text-secondary);cursor:pointer;transition:color .2s ease}.agreement-modal__check:hover,.agreement-modal__check--on{color:var(--text)}.agreement-modal__box{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;margin-top:.0625rem;flex-shrink:0;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--accent-contrast);transition:background .2s ease,border-color .2s ease}.agreement-modal__check--on .agreement-modal__box{background:var(--accent-gradient);border-color:transparent}.agreement-modal__link{color:var(--accent);font-weight:600}.agreement-modal__link:hover{text-decoration:underline}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;border-radius:var(--radius-md);transition:transform .12s ease,box-shadow .25s ease,background .2s ease,opacity .2s ease,filter .2s ease;user-select:none;white-space:nowrap}.ui-button:active:not(:disabled){transform:scale(.96)}.ui-button:disabled{opacity:.5;cursor:not-allowed}.ui-button--primary{position:relative;overflow:hidden;background:var(--accent-gradient);color:var(--accent-contrast);box-shadow:var(--glow-accent),var(--inset-highlight-strong)}.ui-button--primary:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 42%,var(--shine) 50%,transparent 58%);transform:translate(-130%);transition:transform .55s ease;pointer-events:none}.ui-button--primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:var(--glow-accent-strong),var(--inset-highlight-strong)}.ui-button--primary:hover:not(:disabled):after{transform:translate(130%)}.ui-button--secondary{background:var(--surface-hover);color:var(--text);border:1px solid var(--border)}.ui-button--secondary:hover:not(:disabled){background:var(--surface-active)}.ui-button--ghost{background:transparent;color:var(--text-secondary)}.ui-button--ghost:hover:not(:disabled){color:var(--text);background:var(--surface-hover)}.ui-button--danger{background:var(--danger-soft);color:var(--danger)}.ui-button--danger:hover:not(:disabled){background:#ff5c5c33}.ui-button--sm{height:2rem;padding:0 .75rem;font-size:.8125rem}.ui-button--md{height:2.625rem;padding:0 1.25rem;font-size:.9375rem}.ui-button--lg{height:3.25rem;padding:0 2rem;font-size:1.0625rem;border-radius:var(--radius-lg)}.ui-button--full{width:100%}.ui-button__spinner{width:1em;height:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:ui-button-spin .7s linear infinite}@keyframes ui-button-spin{to{transform:rotate(360deg)}}.ui-modal{width:min(560px,100vw - 2rem);max-height:calc(100dvh - 4rem);display:flex;flex-direction:column;background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);backdrop-filter:blur(16px);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),var(--inset-highlight);animation:ui-modal-in .2s ease}.ui-modal__overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(4px);padding:1rem}.ui-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem .75rem}.ui-modal__title{font-size:1.125rem;font-weight:800}.ui-modal__close{display:flex;padding:.375rem;border-radius:var(--radius-sm);color:var(--text-secondary);transition:background .2s ease,color .2s ease}.ui-modal__close:hover{background:var(--surface-hover);color:var(--text)}.ui-modal__body{padding:.5rem 1.5rem 1.5rem;overflow-y:auto}@keyframes ui-modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}.bottom-nav{display:none}@media(max-width:1024px){.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-header);display:flex;align-items:stretch;width:100%;max-width:100vw;background:color-mix(in srgb,var(--bg-elevated) 82%,transparent);backdrop-filter:blur(16px) saturate(1.3);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav__item{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-height:60px;padding:.5rem .25rem;color:var(--text-muted);transition:color .2s ease}.bottom-nav__item:before{content:"";position:absolute;top:0;left:50%;width:2rem;height:3px;border-radius:0 0 4px 4px;background:var(--accent-gradient);box-shadow:var(--glow-accent);transform:translate(-50%) scaleX(0);transition:transform .25s ease}.bottom-nav__item:active{color:var(--text-secondary)}.bottom-nav__item--active{color:var(--accent)}.bottom-nav__item--active:before{transform:translate(-50%) scaleX(1)}.bottom-nav__icon-wrap{position:relative;display:flex}.bottom-nav__badge{position:absolute;top:-.375rem;right:-.75rem;min-width:1rem;height:1rem;padding:0 .25rem;display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);color:var(--accent-contrast);border-radius:999px;font-size:.625rem;font-weight:800;line-height:1;box-shadow:var(--glow-accent)}.bottom-nav__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;font-weight:600}}.deposit-modal{max-width:34rem;width:100%}.deposit-modal .ui-modal__body{display:flex;flex-direction:column;gap:1.25rem}.deposit-modal__section{display:flex;flex-direction:column;gap:.875rem}.deposit-modal__section-title{font-size:1rem;font-weight:700;color:var(--text-secondary)}.deposit-modal__tabs{display:flex;width:100%}.deposit-modal__tabs .ui-tabs__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.4375rem;padding:.625rem 1rem}.deposit-modal__currency-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .875rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md)}.deposit-modal__currency-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.deposit-modal__currency-skeleton{width:5.5rem;height:2.125rem;border-radius:999px}.deposit-modal__currency-trigger{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .875rem;background:var(--accent-gradient);border-radius:999px;color:var(--accent-contrast);font-size:.8125rem;font-weight:800;cursor:pointer;box-shadow:var(--inset-highlight-strong)}.deposit-modal__currency-chevron{transform:rotate(180deg)}.deposit-modal__currency-panel{display:flex;flex-direction:column;min-width:12rem;padding:.375rem}.deposit-modal__currency-option{display:flex;align-items:center;gap:.625rem;padding:.5625rem .75rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.8125rem;font-weight:600;text-align:left;cursor:pointer;transition:background .2s ease,color .2s ease}.deposit-modal__currency-option:hover{background:var(--surface-hover);color:var(--text)}.deposit-modal__currency-option--active{color:var(--accent);background:var(--accent-soft)}.deposit-modal__currency-code{font-weight:800;min-width:3rem}.deposit-modal__currency-name{color:var(--text-muted);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deposit-modal__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.deposit-modal__option-skeleton{height:7.5rem;border-radius:var(--radius-md)}.deposit-modal__option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.875rem .75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--inset-highlight);text-align:center;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.deposit-modal__option:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-2px)}.deposit-modal__option--active{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--inset-highlight),0 0 20px var(--accent-soft);transform:none}.deposit-modal__option-tile{display:flex;align-items:center;justify-content:center;width:100%;height:3.25rem;padding:.375rem .5rem;background:var(--logo-tile);border:1px solid var(--border);border-radius:var(--radius-sm)}.deposit-modal__option-tile--dark{background:var(--logo-tile-steam);border-color:transparent}.deposit-modal__option-icon{max-width:100%;max-height:100%;object-fit:contain}.deposit-modal__option-name{font-size:.875rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.deposit-modal__option-min{font-size:.75rem;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}.deposit-modal__amount-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.deposit-modal__presets{display:flex;gap:.375rem;flex-wrap:wrap}.deposit-modal__preset{padding:.3125rem .75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease}.deposit-modal__preset:hover{color:var(--text);border-color:var(--border-strong)}.deposit-modal__preset--active{color:var(--accent-contrast);background:var(--accent-gradient);border-color:transparent;box-shadow:var(--glow-accent),var(--inset-highlight-strong)}.deposit-modal__amount-wrap{position:relative}.deposit-modal__amount-input{height:3.25rem}.deposit-modal__amount-input .ui-input__field{padding-right:6rem;font-size:1.0625rem;font-weight:700;font-variant-numeric:tabular-nums}.deposit-modal__amount-min{position:absolute;top:50%;right:.875rem;transform:translateY(-50%);font-size:.8125rem;font-weight:600;color:var(--text-muted);pointer-events:none;white-space:nowrap}.deposit-modal__hint{font-size:.8125rem;color:var(--text-muted)}.deposit-modal__field{display:flex;flex-direction:column;gap:.375rem}.deposit-modal__field-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.deposit-modal__note{display:flex;align-items:flex-start;gap:.4375rem;font-size:.75rem;line-height:1.45;color:var(--text-muted)}.deposit-modal__note svg{flex-shrink:0;margin-top:.0625rem}@media(max-width:640px){.deposit-modal__grid{grid-template-columns:1fr 1fr}}.ui-dropdown{position:relative}.ui-dropdown__trigger{display:flex;align-items:center;cursor:pointer}.ui-dropdown__panel{position:absolute;top:calc(100% + .5rem);z-index:var(--z-header);min-width:160px;padding:.375rem;background:color-mix(in srgb,var(--bg-elevated) 90%,transparent);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg),var(--inset-highlight);animation:ui-dropdown-in .15s ease}@keyframes ui-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.ui-input{display:flex;align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);height:2.5rem;transition:border-color .2s ease}.ui-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ui-input__icon{display:flex;align-items:center;padding-left:.75rem;color:var(--text-muted)}.ui-input__field{flex:1;min-width:0;height:100%;padding:0 .75rem;background:transparent;border:none;outline:none;color:var(--text)}.ui-input__field::placeholder{color:var(--text-muted)}.ui-tabs{display:inline-flex;gap:.25rem;padding:.25rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md)}.ui-tabs__tab{padding:.4375rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;color:var(--text-secondary);transition:background .2s ease,color .2s ease}.ui-tabs__tab:hover{color:var(--text)}.ui-tabs__tab--active{background:var(--accent-gradient);color:var(--accent-contrast);box-shadow:var(--glow-accent),var(--inset-highlight-strong)}.footer{position:relative;margin-top:auto;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 72%,transparent);backdrop-filter:blur(12px)}.footer:before{content:"";position:absolute;top:-1px;right:0;left:0;height:1px;background:linear-gradient(to right,transparent,var(--accent-soft) 35%,var(--accent-2-soft) 65%,transparent)}.footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem;padding:2.5rem 0}.footer__brand{display:flex;flex-direction:column;gap:1rem;max-width:320px}.footer__logo{display:flex;align-items:center;gap:.5rem}.footer__logo-icon{color:var(--accent)}.footer__logo-text{font-size:1rem;font-weight:900;letter-spacing:.06em;color:var(--text)}.footer__logo-accent{background:var(--accent-gradient);background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.footer__description{color:var(--text-secondary);font-size:.8125rem;line-height:1.6}.footer__socials{display:flex;gap:.5rem}.footer__social{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);box-shadow:var(--inset-highlight);color:var(--text-secondary);transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}.footer__social:hover{color:var(--accent);background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-2px)}.footer__col{display:flex;flex-direction:column;gap:.625rem}.footer__col-title{color:var(--text);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.footer__link{color:var(--text-secondary);font-size:.8125rem;width:fit-content;transition:color .2s ease}.footer__link:hover{color:var(--accent)}.footer__payments{display:flex;flex-wrap:wrap;gap:.5rem}.footer__payment{padding:.375rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:.75rem;font-weight:600}.footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.25rem 0 1.5rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.75rem;line-height:1.6}.footer__copy{flex:1;min-width:16rem}.footer__lang{display:flex;gap:.375rem}.footer__lang-btn{padding:.3125rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:.75rem;font-weight:700;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease}.footer__lang-btn:hover{color:var(--text);border-color:var(--border-strong)}.footer__lang-btn--active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}@media(max-width:1024px){.footer__grid{grid-template-columns:1fr 1fr;gap:1.5rem;padding:2rem 0}.footer__brand{grid-column:1/-1;max-width:none}}@media(max-width:560px){.footer__grid{grid-template-columns:1fr}}.header{position:sticky;top:0;z-index:var(--z-header);background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--border)}.header__inner{display:flex;align-items:center;gap:1rem;height:64px}.header__logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;flex-shrink:0}.header__logo-icon{color:var(--accent);filter:drop-shadow(0 0 10px var(--accent-soft))}.header__logo-text{font-size:1.125rem;font-weight:900;letter-spacing:.06em;color:var(--text)}.header__logo-accent{background:var(--accent-gradient);background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.header__online{display:flex;align-items:center;gap:.4375rem;padding:.375rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:var(--inset-highlight);color:var(--text-secondary);font-size:.8125rem;line-height:1;transition:background .2s ease,border-color .2s ease}.header__online:hover{background:var(--surface-hover);border-color:var(--border-strong)}.header__online-value{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}.header__actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.header__icon-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:color .2s ease,background .2s ease}.header__icon-btn:hover{color:var(--text);background:var(--surface-hover)}.header__theme-btn{width:2rem;padding:0}.header__lang-panel{display:flex;flex-direction:column;gap:.125rem}.header__lang-option{display:flex;align-items:center;padding:.5rem .75rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;text-align:left;cursor:pointer;transition:color .2s ease,background .2s ease}.header__lang-option:hover{color:var(--text);background:var(--surface-hover)}.header__lang-option--active{color:var(--accent);background:var(--accent-soft)}.header__balance{display:flex;align-items:center;gap:.4375rem;height:2.625rem;padding:0 .875rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--inset-highlight);text-decoration:none;cursor:pointer;color:var(--text);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.header__balance:hover{background:var(--surface-hover);border-color:var(--border-strong);box-shadow:var(--inset-highlight),var(--shadow-md)}.header__balance-icon{color:var(--accent)}.header__balance-value{color:var(--text);font-size:.9375rem;font-weight:700;font-variant-numeric:tabular-nums}.header__avatar-btn{display:flex;cursor:pointer;border-radius:50%;transition:box-shadow .2s ease}.header__avatar-btn:hover{box-shadow:var(--glow-accent)}.header__avatar{width:2.375rem;height:2.375rem;border-radius:50%;border:2px solid var(--border-strong);object-fit:cover}.header__menu{display:flex;flex-direction:column;gap:.125rem;min-width:170px}.header__menu-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;text-align:left;cursor:pointer;transition:color .2s ease,background .2s ease}.header__menu-item:hover{color:var(--text);background:var(--surface-hover)}.header__auth-skeleton{width:11rem;height:2.625rem;border-radius:var(--radius-md)}@media(max-width:768px){.header__inner{height:56px;gap:.625rem}.header__logo-text{font-size:1rem}.header__online{display:none}.header__balance{height:2.25rem;padding:0 .625rem}.header__balance-value{font-size:.875rem}.header__avatar{width:2rem;height:2rem}.header__auth-skeleton{width:3rem;height:2.25rem}.header__login{width:2.25rem;padding:0}.header__login-label,.header__deposit-label,.header__lang-wrap,.header__theme-btn{display:none}}.notifications{position:relative}.notifications__btn{position:relative;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:color .2s ease,background .2s ease}.notifications__btn:hover,.notifications__btn--active{color:var(--text);background:var(--surface-hover)}.notifications__badge{position:absolute;top:-.25rem;right:-.375rem;min-width:1rem;height:1rem;padding:0 .25rem;display:flex;align-items:center;justify-content:center;background:var(--danger);border-radius:999px;color:#fff;font-size:.625rem;font-weight:800;pointer-events:none}.notifications__panel{position:absolute;top:calc(100% + .625rem);right:0;z-index:var(--z-modal);width:20rem;max-width:calc(100vw - 2rem);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),var(--inset-highlight);overflow:hidden;animation:notifications-in .18s ease}@keyframes notifications-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notifications__head{padding:.75rem 1rem;border-bottom:1px solid var(--border)}.notifications__title{font-size:.8125rem;font-weight:800}.notifications__list{display:flex;flex-direction:column;max-height:20rem;overflow-y:auto;scrollbar-width:thin}.notifications__skeleton{height:3.5rem;margin:.625rem;border-radius:var(--radius-md)}.notifications__empty{padding:1.75rem 1rem;color:var(--text-muted);font-size:.8125rem;text-align:center}.notifications__item{display:flex;gap:.625rem;padding:.75rem 1rem;transition:background .2s ease}.notifications__item:hover{background:var(--surface-hover)}.notifications__item+.notifications__item{border-top:1px solid var(--border)}.notifications__item-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;flex-shrink:0;background:var(--accent-soft);border-radius:50%;color:var(--accent);margin-top:.125rem}.notifications__item-body{display:flex;flex-direction:column;gap:.25rem;min-width:0}.notifications__item-text{font-size:.8125rem;line-height:1.45;color:var(--text);overflow-wrap:break-word}.notifications__item-date{font-size:.6875rem;color:var(--text-muted)}.notifications__item-image{width:100%;max-height:12rem;object-fit:cover;border:1px solid var(--border);border-radius:var(--radius-sm)}.message-keyboard{display:flex;flex-direction:column;gap:.375rem;margin-top:.5rem}.message-keyboard__row{display:flex;gap:.375rem}.message-keyboard__button{flex:1;padding:.375rem .5rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-hover);color:var(--accent);font-size:.75rem;font-weight:700;text-align:center}.message-keyboard a.message-keyboard__button:hover{border-color:var(--accent)}.message-keyboard__button--disabled{color:var(--text-muted)}.ui-toasts{position:fixed;bottom:1.25rem;right:1.25rem;z-index:var(--z-toast);display:flex;flex-direction:column;gap:.5rem;max-width:min(360px,100vw - 2.5rem)}.ui-toasts__toast{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;background:color-mix(in srgb,var(--bg-elevated) 86%,transparent);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg),var(--inset-highlight);font-size:.875rem;animation:ui-toast-in .25s ease}.ui-toasts__icon{display:flex;padding:.25rem;border-radius:50%}.ui-toasts__toast--success .ui-toasts__icon{background:var(--success-soft);color:var(--success)}.ui-toasts__toast--error .ui-toasts__icon{background:var(--danger-soft);color:var(--danger)}.ui-toasts__toast--info .ui-toasts__icon{background:var(--info-soft);color:var(--info)}.ui-toasts__message{flex:1}.ui-toasts__close{display:flex;color:var(--text-muted)}.ui-toasts__close:hover{color:var(--text)}@keyframes ui-toast-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}