*{box-sizing:border-box}:root{--bg: #0b0b0f;--bg-side: #09090c;--bg-top: #0e0e13;--card: #14141a;--card-2: #18181f;--input: #17171e;--border: #24242e;--border-2: #2e2e3a;--text: #f4f4f8;--muted: #9a9aac;--dim: #62626f;--accent: #8b5cf6;--accent-2: #a855f7;--accent-grad: linear-gradient(92deg, #7c3aed, #a855f7);--green: #34d399;--red: #fb7185;--r: 12px}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:14px}button{font-family:inherit}a{color:var(--accent-2);text-decoration:none}.app{display:flex;min-height:100vh}.main{flex:1 1 0;min-width:0;display:flex;flex-direction:column;border-left:1px solid var(--border)}.page{width:100%;max-width:1320px;margin:0 auto;padding:28px 32px 40px;flex:1}.sidebar{width:232px;min-width:232px;background:var(--bg-side);display:flex;flex-direction:column;padding:20px 14px;position:sticky;top:0;height:100vh;overflow-y:auto}.app--nav-collapsed .sidebar{display:none}.side-logo{display:flex;align-items:center;gap:10px;padding:6px 8px 22px;cursor:pointer}.side-logo__text{line-height:1.05}.side-logo__name{font-size:21px;font-weight:800;letter-spacing:.5px}.side-logo__sub{font-size:9px;font-weight:700;letter-spacing:3.5px;color:var(--accent-2);margin-top:3px}.side-nav{display:flex;flex-direction:column;gap:4px;margin-bottom:22px}.side-nav__item{display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid transparent;border-radius:10px;background:none;color:var(--muted);font-size:13.5px;font-weight:600;cursor:pointer;text-align:left;transition:background .15s,color .15s}.side-nav__item:hover{background:#ffffff0a;color:var(--text)}.side-nav__item.active{background:var(--card-2);border-color:var(--border-2);color:var(--text)}.side-nav__item svg{flex:0 0 auto;opacity:.9}.cpa-card{margin-top:12px;background:linear-gradient(160deg,#17131f,#121217);border:1px solid #3b2a63;border-radius:14px;padding:18px 16px;box-shadow:0 0 34px #7c3aed26}.cpa-card__badge{display:inline-block;background:var(--accent);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.5px;border-radius:7px;padding:3px 9px;margin-bottom:12px}.cpa-card__title{font-size:15.5px;font-weight:800;line-height:1.3;margin-bottom:8px}.cpa-card__title .accent{color:var(--accent-2)}.cpa-card__text{color:var(--muted);font-size:12px;line-height:1.45;margin-bottom:13px}.cpa-card__list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.cpa-card__item{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.cpa-card__item svg{color:var(--green);flex:0 0 auto}.dev-card{margin-top:auto;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 15px}.dev-card__head{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;margin-bottom:7px;flex-wrap:wrap}.dev-card__head svg{color:var(--accent-2)}.dev-card__text{color:var(--dim);font-size:11.5px;line-height:1.45}.topbar{display:flex;align-items:center;gap:14px;height:66px;padding:0 22px;background:var(--bg-top);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.topbar__burger{background:none;border:none;color:var(--muted);cursor:pointer;padding:8px;border-radius:8px;display:flex}.topbar__burger:hover{background:#ffffff0d;color:var(--text)}.topbar__brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;letter-spacing:.5px;white-space:nowrap;cursor:pointer}.topbar__brand .wind{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.badge{display:inline-flex;align-items:center;background:var(--accent);color:#fff;font-size:10px;font-weight:800;letter-spacing:.6px;border-radius:7px;padding:3px 8px;text-transform:uppercase}.badge--soft{background:#8b5cf62b;color:var(--accent-2)}.badge--dev{background:#ffffff14;color:var(--muted)}.topbar__search{flex:1;max-width:420px;display:flex;align-items:center;gap:9px;background:var(--input);border:1px solid var(--border);border-radius:11px;padding:0 13px;height:40px;color:var(--dim)}.topbar__search input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:13px;font-family:inherit}.topbar__search input::placeholder{color:var(--dim)}.topbar__search:focus-within{border-color:var(--accent)}.topbar__right{margin-left:auto;display:flex;align-items:center;gap:12px}.balance-box{text-align:right;line-height:1.2;white-space:nowrap}.balance-box__label{color:var(--dim);font-size:11px}.balance-box__row{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:800}.balance-box__refresh{background:none;border:none;color:var(--dim);cursor:pointer;display:flex;padding:2px;border-radius:6px}.balance-box__refresh:hover{color:var(--accent-2)}.currency-chip{display:flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--border);border-radius:11px;padding:8px 11px;color:var(--text);font-weight:700;font-size:13px;position:relative}.currency-chip__flag{width:20px;height:20px;border-radius:50%;background:var(--accent-grad);display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;font-weight:800}.currency-chip select{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%}.user-chip{display:flex;align-items:center;gap:10px;background:none;border:none;color:var(--text);cursor:pointer;padding:6px 8px;border-radius:11px;text-align:left}.user-chip:hover{background:#ffffff0a}.user-chip__avatar{width:36px;height:36px;border-radius:50%;background:#ececf4;color:#26262e;display:flex;align-items:center;justify-content:center}.user-chip__name{font-size:13px;font-weight:700;line-height:1.2}.user-chip__sub{font-size:11px;color:var(--dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:11px;padding:11px 20px;font-size:13.5px;font-weight:700;cursor:pointer;transition:filter .15s,transform .1s,opacity .15s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--accent-grad);color:#fff;box-shadow:0 4px 18px #7c3aed55}.btn--primary:hover:not(:disabled){filter:brightness(1.1)}.btn--ghost{background:var(--card-2);color:var(--text);border:1px solid var(--border-2)}.btn--ghost:hover:not(:disabled){background:#22222c}.btn--danger{background:#fb718522;color:var(--red)}.btn--danger:hover:not(:disabled){background:#fb718533}.btn--sm{padding:8px 14px;font-size:12.5px;border-radius:9px}.btn--full{width:100%}.btn--google{background:#fff;color:#1a1a2e;width:100%}.page-title{font-size:24px;font-weight:800;margin:0 0 4px}.page-sub{color:var(--dim);font-size:13px;margin:0 0 22px}.section{margin-bottom:34px}.section__head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.section__title{font-size:18px;font-weight:800;margin:0}.section__spacer{flex:1}.filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:22px}.select-chip{position:relative;display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:11px;padding:0 13px;height:40px;color:var(--muted);font-size:13px;font-weight:600;min-width:160px}.select-chip svg{margin-left:auto;color:var(--dim)}.select-chip select{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%}.select-chip--active{color:var(--text);border-color:var(--accent)}.filter-search{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:11px;padding:0 13px;height:40px;color:var(--dim);min-width:200px}.filter-search input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:13px;font-family:inherit}.filter-search input::placeholder{color:var(--dim)}.filter-search:focus-within{border-color:var(--accent)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:16px}.gcard{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;cursor:pointer;padding:0;text-align:left;color:var(--text);transition:transform .14s,border-color .14s,box-shadow .14s;display:flex;flex-direction:column}.gcard:hover{transform:translateY(-3px);border-color:#8b5cf680;box-shadow:0 12px 34px #00000080}.gcard__cover{position:relative;aspect-ratio:16 / 10;background:var(--card-2)}.gcard__cover img{width:100%;height:100%;object-fit:cover;display:block}.gcard__top{position:absolute;top:9px;right:9px;background:var(--accent);color:#fff;font-size:10px;font-weight:800;letter-spacing:.6px;border-radius:7px;padding:3px 8px}.gcard__body{padding:11px 13px 13px}.gcard__provider{display:flex;align-items:center;gap:6px;color:var(--dim);font-size:11.5px;font-weight:600;margin-bottom:5px}.gcard__pdot{width:6px;height:6px;border-radius:50%;background:var(--accent-2)}.gcard__row{display:flex;align-items:center;justify-content:space-between;gap:8px}.gcard__name{font-size:13.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gcard--skeleton{cursor:default}.gcard--skeleton:hover{transform:none;border-color:var(--border);box-shadow:none}.gcard__loading{aspect-ratio:16 / 10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--dim);font-size:12px;border:1px dashed var(--border-2);border-radius:10px;margin:8px}.skel-bar{height:10px;border-radius:5px;background:var(--card-2);animation:skel 1.4s ease-in-out infinite}.skel-chip{height:18px;width:46px;border-radius:7px;background:var(--card-2);animation:skel 1.4s ease-in-out infinite}.w60{width:60%}.w40{width:40%}.skel-row{display:flex;align-items:center;justify-content:space-between;margin-top:9px}@keyframes skel{0%,to{opacity:.5}50%{opacity:1}}.spinner{display:inline-block;border:2px solid var(--border-2);border-top-color:var(--accent-2);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:14px;margin-top:6px}.stat-tile{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:15px 16px}.stat-tile__icon{width:40px;height:40px;border-radius:10px;background:#8b5cf61f;color:var(--accent-2);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.stat-tile__value{font-size:16.5px;font-weight:800;line-height:1.2;white-space:nowrap}.stat-tile__label{color:var(--dim);font-size:11.5px;margin-top:2px;white-space:nowrap}.stat-tile__loading{margin-left:auto;display:flex;align-items:center;gap:6px;background:var(--card-2);border-radius:8px;padding:5px 9px;color:var(--dim);font-size:10.5px}.footer{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:16px 32px;border-top:1px solid var(--border);color:var(--dim);font-size:11.5px;flex-wrap:wrap}.footer__right{display:flex;align-items:center;gap:8px}.back-link{background:none;border:none;color:var(--muted);font-size:13px;cursor:pointer;padding:0;margin-bottom:18px;display:inline-flex;align-items:center;gap:6px}.back-link:hover{color:var(--accent-2)}.game-detail{display:flex;gap:26px;flex-wrap:wrap;margin-bottom:30px}.game-detail__cover{width:340px;min-width:280px;flex:0 0 auto;border-radius:16px;overflow:hidden;border:1px solid var(--border);box-shadow:0 14px 44px #00000090;aspect-ratio:16 / 10;background:var(--card-2)}.game-detail__cover img{width:100%;height:100%;object-fit:cover;display:block}.game-detail__meta{flex:1;min-width:260px}.game-detail__title{font-size:26px;font-weight:800;margin:0 0 4px}.game-detail__provider{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;margin-bottom:18px}.game-detail__stats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.stat{background:var(--card);border:1px solid var(--border);border-radius:11px;padding:10px 15px}.stat__label{color:var(--dim);font-size:10.5px;margin-bottom:3px}.stat__value{font-weight:800;font-size:14px}.notice{background:#8b5cf614;border:1px solid #8b5cf645;color:var(--muted);border-radius:11px;padding:10px 14px;font-size:12.5px;margin-bottom:14px}.slot{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:26px;max-width:620px}.slot__head{display:flex;align-items:center;gap:10px;margin-bottom:4px}.slot__title{font-size:16px;font-weight:800;margin:0;letter-spacing:.5px}.slot__note{color:var(--dim);font-size:12px;margin-bottom:20px}.slot__reels{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.slot__reel{width:104px;height:104px;background:var(--bg);border:2px solid var(--border-2);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:44px;transition:border-color .2s,box-shadow .2s}.slot__reel.spin{animation:reel-blur .12s linear infinite}.slot__reel.win{border-color:var(--green);box-shadow:0 0 22px #34d39955}@keyframes reel-blur{0%{transform:translateY(0);filter:blur(0)}50%{transform:translateY(-4px);filter:blur(1.5px)}to{transform:translateY(0);filter:blur(0)}}.slot__controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.slot__bets{display:flex;gap:7px}.chip{background:var(--card-2);border:1px solid var(--border-2);color:var(--muted);border-radius:999px;padding:8px 16px;font-size:12.5px;font-weight:700;cursor:pointer;transition:color .14s,border-color .14s}.chip:hover{color:var(--text)}.chip.active{color:var(--accent-2);border-color:var(--accent);background:#8b5cf614}.slot__result{min-height:24px;text-align:center;font-weight:700;font-size:14.5px}.slot__result.win{color:var(--green)}.slot__result.lose{color:var(--dim);font-weight:500}.slot__result.error{color:var(--red);font-weight:500}.slot__balance{text-align:center;color:var(--muted);margin-top:9px;font-size:12.5px}.slot__balance b{color:var(--accent-2)}.auth-wrap{max-width:420px;margin:40px auto 0}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:30px 30px 26px;box-shadow:0 16px 50px #00000080}.auth-tabs{display:flex;gap:8px;margin-bottom:22px}.auth-tab{flex:1;background:var(--card-2);border:1px solid transparent;color:var(--muted);border-radius:10px;padding:10px;font-size:13.5px;font-weight:700;cursor:pointer}.auth-tab.active{color:var(--accent-2);border-color:var(--accent);background:#8b5cf612}.field{margin-bottom:14px}.field label{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.field input{width:100%;padding:12px 14px;background:var(--input);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:13.5px;font-family:inherit;outline:none;transition:border-color .15s}.field input:focus{border-color:var(--accent)}.form-error{background:#fb718518;border:1px solid #fb718545;color:var(--red);border-radius:10px;padding:10px 13px;font-size:12.5px;margin-bottom:14px}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--dim);font-size:11.5px;margin:18px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.profile-panel{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px;max-width:540px}.profile-panel__head{display:flex;align-items:center;gap:14px;margin-bottom:22px}.profile-panel__avatar{width:56px;height:56px;border-radius:14px;background:var(--accent-grad);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff}.profile-panel__email{font-size:15.5px;font-weight:700}.profile-panel__sub{color:var(--dim);font-size:12px;margin-top:2px}.profile-panel__balance-label{color:var(--muted);font-size:12.5px;margin-bottom:5px}.profile-panel__balance{font-size:28px;font-weight:800;color:var(--accent-2);margin-bottom:18px}.profile-panel__row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:18px}.profile-panel__section-title{font-weight:700;font-size:13px;margin:18px 0 9px}.select{background:var(--card-2);color:var(--text);border:1px solid var(--border-2);border-radius:10px;padding:9px 13px;font-size:13px;font-family:inherit;outline:none;cursor:pointer}.loading{color:var(--dim);padding:36px 0;text-align:center;font-size:13.5px;display:flex;align-items:center;justify-content:center;gap:9px}.empty{color:var(--dim);padding:36px 0;text-align:center}@media (max-width: 1000px){.page{padding:20px 16px 32px}.topbar{padding:0 14px}.balance-box__label,.user-chip__meta{display:none}}@media (max-width: 860px){.sidebar{position:fixed;z-index:30;box-shadow:20px 0 60px #000c}.app--nav-collapsed .sidebar,.topbar__search{display:none}}