:root{--bg:#0b101d;--layer:#141c30;--edge:#29324b;--muted:#abb7ce;--mint:#65bdff;--white:#f7f9ff}
body{background:radial-gradient(ellipse at 70% -15%,#1a2c4e 0,transparent 48%),#0b101d}
.utility{background:#0b1120;border-bottom:1px solid #1c263c}.utility-inner{max-width:1640px;margin:auto;min-height:40px;padding:5px clamp(14px,2.5vw,44px);display:flex;align-items:center;gap:10px}.utility-inner>a,.utility .channel,.top-language{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:650;color:#e3ebff;background:#172036;border-radius:7px;padding:6px 11px;min-height:28px}.utility-inner>a:hover{background:#21334f}.utility-space{flex:1}.utility svg{color:#6ebaff}.top-language select{color:#ecf3ff;background:#172036;border:0;font:inherit;max-width:90px}
.mast{height:76px;border:0;padding:0 clamp(14px,2.5vw,44px);background:#0e1525;box-shadow:0 1px 0 #1c2639}.word{color:#fff}.brand .mark i{background:linear-gradient(#69d2ff,#2877ff)}.mast .tools{gap:9px}.casino-tab,.mast-search,#menu-toggle,.mast .cash,.mast .secondary,.mast .profile-link{display:inline-flex;justify-content:center;align-items:center;gap:6px;min-height:41px;border-radius:12px;font-size:14px;color:white;background:#192238}.casino-tab{padding:0 15px;font-weight:750}.casino-tab[aria-current],.button.mint{background:linear-gradient(115deg,#40c5ff,#267bff 78%);border:0;color:white;box-shadow:0 4px 18px #2083ff35}.mast .signup{min-width:130px;min-height:41px;border-radius:12px}.mast .login{min-width:82px}.mast-search,#menu-toggle{width:42px;color:#59baff}.mast .cash{padding:5px 12px}
.shell{min-height:calc(100vh - 116px)}.sidebar{height:calc(100dvh - 5px);max-height:100dvh;width:202px;background:#101727;border-right:1px solid #202a41;padding-top:22px}.side-nav a:hover,.side-nav summary:hover{background:#1b2944}.side-nav a[aria-current]{background:#1b3355;color:#80c8ff}.nav-services,.support{border-color:#293247}.nav-nested{border-color:#28354e}.socials .channel,.language select{background:#1d2940}.shell main{flex:1;width:0;max-width:1560px;padding:clamp(18px,2.3vw,38px);margin:0 auto}.hide-sidebar .sidebar{display:none}.shell .lobby-title{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;margin:0;padding:0}.club-strip{display:flex;position:relative;align-items:center;gap:14px;min-height:70px;padding:12px clamp(15px,2.5vw,32px);margin-bottom:16px;color:white;background:radial-gradient(ellipse at 72% 170%,#33579d,transparent 56%),linear-gradient(108deg,#18243b,#1d3159 55%,#181f3d);border:1px solid #344568;border-radius:16px}.club-strip:hover{border-color:#5276b2}.club-strip small,.club-detail{color:#bfcef1;font-size:12px}.club-strip strong,.club-detail b{display:block}.club-strip strong{font-size:clamp(16px,1.6vw,23px);line-height:1.15}.club-detail{margin-left:auto;text-align:right}.club-detail b{color:#fff;font-size:15px}.club-mark{display:grid;place-items:center;width:40px;height:40px;color:#ffd793;border-radius:50%;background:#27344a;border:1px solid #8f7550}
.promo-carousel{overflow:hidden;position:relative;border-radius:22px;background:#141f36;border:1px solid #263b59}.promo-slide{display:flex;align-items:center;min-height:clamp(248px,25vw,360px);background-size:cover;background-position:center}.promo-welcome{background-image:url(welcome-banner.webp)}.promo-olympus{background-image:linear-gradient(90deg,#0a1127b0,transparent 70%),url(hero.webp)}.promo-sugar{background-color:#271543;background-image:linear-gradient(90deg,#22163a 5%,#22163af5 32%,#22163a2b 62%),url(sugar-banner.webp);background-size:cover,auto 135%;background-repeat:no-repeat;background-position:center,right 43%}
.slide-content{width:62%;padding:24px 20px 42px clamp(22px,4.5vw,75px);position:relative;color:white}.slide-content>span{font-size:clamp(10px,.92vw,14px);font-weight:750;letter-spacing:.09em;text-transform:uppercase;color:#a6d8ff}.slide-content h2{font-family:Inter,sans-serif;font-size:clamp(38px,5.2vw,81px);line-height:.98;letter-spacing:-.052em;font-weight:850;margin:9px 0;text-wrap:balance}.slide-content h2 em{font-style:normal;color:#81ddff;white-space:nowrap}.slide-content p{margin:10px 0 18px;font-weight:600;font-size:clamp(12px,1.3vw,17px);color:#e4efff}.promo-action{display:inline-flex;align-items:center;gap:9px;border:0;background:#f0f7ff;color:#0d213e;border-radius:10px;padding:9px 14px;font-weight:750}
.carousel-controls{position:absolute;bottom:12px;right:16px;left:clamp(22px,4.5vw,75px);display:flex;align-items:center;justify-content:space-between;pointer-events:none}.carousel-dots,.carousel-arrows{display:flex;align-items:center;gap:5px;pointer-events:auto}.carousel-dots button{background:transparent;padding:7px 1px}.carousel-dots button:before{content:"";display:block;height:4px;width:13px;border-radius:3px;background:#b0bad38f}.carousel-dots button[aria-pressed=true]:before{width:26px;background:#55caff}.carousel-arrows button,.row-nav button{background:#172339dd;color:white;border:1px solid #62729270;border-radius:8px;font-size:20px;width:30px;height:28px;display:grid;place-items:center;line-height:1}
.catalog{margin-top:26px}.catalog>h2{margin:0 0 12px;scroll-margin-top:16px}.category-tiles{display:flex;gap:8px;overflow:auto;margin:0 0 13px;padding-bottom:3px}.category-tiles a{position:relative;display:grid;grid-template-columns:20px auto;grid-template-rows:auto auto;align-items:center;column-gap:8px;row-gap:2px;min-height:52px;min-width:106px;flex:1 0 auto;padding:8px 13px;background:#172136;border:1px solid #293552;border-radius:11px;font-size:12px;color:#ebf2ff}.category-tiles a>svg{grid-row:1/3;color:#75bcff}.category-tiles a>span{font-size:inherit;opacity:1;font-weight:700}.category-tiles a small{font-size:11px;color:#9aacc6}.category-tiles a[aria-current]{color:#fff;background:linear-gradient(115deg,#18477b,#18335c);border-color:#377cb5}.catalog-tools{display:flex;gap:8px;margin:0 0 22px}.catalog-tools .provider-filter,.catalog-tools .slot-search{padding:8px 12px;margin:0;color:#99cfff;background:#151e30;border:1px solid #2a3550;border-radius:11px}.catalog-tools select{min-width:140px;border:0;padding:4px;background:#151e30}.catalog-tools .slot-search{flex:1}.catalog-tools input{width:100%;font-size:14px}.catalog-group{margin:18px 0 26px}.group-heading h3{font-size:20px}.slot-card{flex-basis:clamp(158px,24%,247px);background:#162036;border-color:#28364e}.slot-thumb{background:#172038}.slot-thumb img{aspect-ratio:1.65}.save-slot[aria-pressed=true]{color:#6dc4ff}.group-heading h3 svg{color:#64bfff}.catalog-empty,.history,.profile-card,.fs-card,dialog{background-color:#151e30;border-color:#2d3951}footer{border-color:#283449}
@media(max-width:1100px){.sidebar{width:177px}.category-tiles a{min-width:93px}}
@media(max-width:900px){.shell{display:block}.shell main{width:100%}.sidebar{width:min(265px,86vw);height:100dvh}.hide-sidebar .sidebar{display:flex}#sidebar-shade:not([hidden]){background:#050a15a6}.mast{height:64px}.utility-inner{min-height:33px}.promo-slide{min-height:240px}}
@media(max-width:600px){.mast .tools{gap:5px}.mast .signup{min-width:0;padding:9px 10px;min-height:35px;font-size:12px;max-width:none}.mast .login{min-width:0;padding:8px 9px;min-height:35px;font-size:12px}.mast .cash,.casino-tab{display:none}.mast-search,#menu-toggle{width:33px;min-height:34px;border-radius:9px}.mast .brand{margin-right:auto}.mast .profile-link{min-height:34px}.mast{height:55px;padding:0 11px}.utility-inner{gap:5px;padding:4px 10px}.utility-inner>a,.utility .channel,.top-language{font-size:10px;min-height:23px;padding:4px 6px}.utility .channel span{display:none}.utility .channel svg{width:14px;height:14px}.utility-inner>a svg,.top-language svg{width:13px}.shell main{padding:14px 12px 24px}.club-strip{min-height:59px;margin-bottom:10px;gap:8px;padding:8px 12px}.club-mark{width:31px;height:31px}.club-strip small,.club-detail{font-size:10px}.club-detail b{font-size:12px}.club-strip strong{font-size:14px}.promo-carousel{border-radius:15px}.promo-slide{min-height:203px}.promo-welcome{background-position:58% center}.slide-content{width:75%;padding:20px 10px 38px 17px}.promo-welcome .slide-content{background:linear-gradient(90deg,#06102bd9,transparent)}.slide-content h2{font-size:clamp(32px,8.3vw,46px)}.slide-content p{max-width:180px;margin:7px 0 12px}.promo-action{padding:7px 10px;font-size:12px}.carousel-controls{left:17px;right:10px;bottom:6px}.carousel-arrows button{width:25px;height:22px}.catalog{margin-top:21px}.category-tiles a{min-width:87px;padding:6px 9px}.catalog-tools{gap:6px}.catalog-tools .provider-filter,.catalog-tools .slot-search{padding:6px 7px}.catalog-tools select{min-width:111px;font-size:12px}.catalog-tools .slot-search{width:0}.catalog-tools .slot-search input{min-width:0}.slot-card{flex-basis:148px}.slot-thumb img{aspect-ratio:1.25}.slot-meta{font-size:10px}}
@media(max-width:380px){.mast-search{display:none}.word{font-size:22px}.utility .utility-space{flex:1}.club-strip>svg{display:none}}
#auth{padding:0;width:min(770px,94vw);max-height:90dvh;overflow:auto;border-radius:20px;background:#141e32;color:#f6f8ff}#auth::backdrop{background:#050916d9}.auth-layout{display:grid;grid-template-columns:.76fr 1.24fr;min-height:400px}.auth-feature{display:flex;flex-direction:column;justify-content:flex-end;padding:24px 20px;color:white;background:linear-gradient(0deg,#0c132be8 8%,#0c132b14 64%),url(welcome-banner.webp) 76% 28%/auto 100%}.auth-feature span,.auth-feature p{font-weight:650}.auth-feature strong{font-size:40px;line-height:1;letter-spacing:-.04em}.auth-feature strong em{font-style:normal;color:#85dfff}.auth-body{padding:22px}.auth-body .dialog-title{margin-bottom:13px}.auth-tabs{display:flex;gap:4px;margin:12px 0}.auth-tabs button{flex:1;padding:8px 5px;color:#b9c8e0;background:#202c43;border-radius:8px;font-size:12px}.auth-tabs button[aria-pressed=true]{background:#275692;color:white}.secret-field{display:flex;border:1px solid #394661;border-radius:9px;background:#0f1727}.secret-field input{flex:1;min-width:0;border:0;background:transparent}.secret-field button{width:36px;display:grid;place-items:center;background:none;color:#9dc5ff}.auth-body label{gap:5px}.auth-body select,.game-controls select,#game-transfer select{background:#111a2c;border:1px solid #35415a;color:white;padding:8px;border-radius:8px}.auth-body form{display:grid;gap:9px}#auth-consent label{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:12px;margin:6px 0}#auth-consent input{width:15px;height:15px}#auth-consent details{font-size:12px;padding:4px 0;background:transparent;border:0}#auth-consent details summary{padding:2px 0}.quick-id{display:grid;grid-template-columns:auto 1fr;gap:6px;font-size:12px}.quick-id output{user-select:all;overflow-wrap:anywhere;font-family:monospace}.auth-body .error{margin:2px 0}.auth-body .text-btn{margin-top:5px}#auth-social button{background:#202a3e;color:#a6b1c3;border-radius:8px;padding:8px 14px}.provider-picker{position:relative;flex:none}#provider-trigger{display:flex;align-items:center;justify-content:space-between;gap:9px;background:#162036;color:#e6eeff;border:1px solid #2d3a57;padding:10px 12px;border-radius:10px;font-size:13px;min-height:40px}#provider-popup{position:absolute;top:calc(100% + 5px);left:0;z-index:8;width:min(270px,85vw);background:#182238;border:1px solid #344766;box-shadow:0 15px 32px #070b1480;padding:8px;border-radius:12px}.provider-find{display:flex;align-items:center;gap:8px;background:#101a2d;border:1px solid #35435d;padding:5px 9px;border-radius:8px}.provider-find input{width:100%;border:0;background:transparent;color:white;padding:5px}#provider-options{display:grid;max-height:230px;overflow:auto;margin-top:6px}#provider-options button{display:flex;justify-content:space-between;text-align:left;padding:8px 9px;border-radius:6px;background:none;color:#dce6f9}#provider-options button:focus,#provider-options button:hover,#provider-options button[aria-selected=true]{background:#263c5d;color:#fff}.provider-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px}.provider-tiles button{display:grid;gap:4px;text-align:left;padding:13px;background:#1a2741;color:#e3edff;border:1px solid #324262;border-radius:10px}.provider-tiles button[aria-pressed=true]{border-color:#52acff}.provider-tiles span{font-size:11px;color:#9eb1cd}.play-card{font-size:13px;font-weight:750;color:#84d2ff}.game-main{width:min(1250px,100%);margin:0 auto;padding:20px}.game-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.game-controls span{font-size:13px;color:#adbdd8}.game-controls b{display:block;color:white}.game-page .mast{justify-content:space-between}.game-view{background:#060c17;border-radius:14px;overflow:hidden;min-height:220px}.game-view img,.game-view iframe{display:block;width:100%;height:min(74dvh,820px);border:0;object-fit:contain}#transfer-panel{margin-top:10px;padding:12px;background:#172237;border-radius:10px}#game-transfer{display:flex;gap:12px;align-items:end;flex-wrap:wrap}#game-transfer label{margin:0}#game-status{min-height:1.3em;color:#abbedb}
@media(max-width:600px){.auth-layout{grid-template-columns:1fr}.auth-feature{padding:11px 15px;background-position:right center;background-size:cover}.auth-feature span,.auth-feature p{display:none}.auth-feature strong{font-size:24px}.auth-body{padding:16px}#auth{width:min(96vw,430px)}.provider-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.game-main{padding:12px}.game-view iframe{height:68dvh}.game-controls{gap:7px}.game-controls .button{padding:8px 12px}}
@media(max-width:380px){.mast{padding:0 7px;gap:3px}.mast .tools{gap:3px}.mast .word{font-size:20px}.mast .brand{gap:4px}.mast .signup,.mast .login{padding:7px}.utility-inner{gap:3px}}
/* Registration and game entry */
:root { --focus: #74ceff; }
button, a, input, select { -webkit-tap-highlight-color: transparent; }
:where(button, a, input, select, summary):focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
.button { transition: background .18s, box-shadow .18s, transform .18s; }
.button:hover:not(:disabled) { box-shadow: 0 4px 20px #247dff30; }
.button:active:not(:disabled) { transform: translateY(1px); }
input[aria-invalid="true"], .secret-field:has(input[aria-invalid="true"]) { border-color: #ef8197 !important; }
button:disabled { cursor: default; }
#auth { width: min(930px, calc(100vw - 32px)); border: 1px solid #34425d; }
#auth::backdrop { background: #060b18b8; backdrop-filter: blur(7px); }
.auth-layout { grid-template-columns: .88fr 1.12fr; min-height: 520px; }
.auth-feature { position: relative; padding: 28px; background-position: 73% 30%; justify-content: space-between; }
.auth-feature::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, #061024 0%, transparent 64%); pointer-events: none; }
.auth-feature > * { position: relative; z-index: 1; }
.auth-brand { text-transform: uppercase; letter-spacing: -.04em; font-size: 23px; font-weight: 850; }
.auth-feature small { display: block; color: #b9d0ed; margin-bottom: 10px; font-size: 11px; }
.auth-feature strong { display: block; font-size: clamp(30px, 3.6vw, 46px); }
.auth-feature strong em { display: block; }
.auth-feature p { font-size: 12px; line-height: 1.5; color: #e0ecff; margin-bottom: 0; }
.auth-body { padding: 28px; }
.auth-body .dialog-title h2 { font: 800 25px/1.15 Inter, sans-serif; letter-spacing: -.03em; }
.auth-body .dialog-title { margin-bottom: 22px; }
.auth-context { margin: -10px 0 16px; padding: 8px 11px; background: #1d3554; border-radius: 7px; color: #b7dfff; font-size: 12px; }
.auth-tabs { padding: 4px; border-radius: 11px; background: #1a253a; gap: 3px; margin-bottom: 22px; }
.auth-tabs button { background: transparent; min-height: 34px; font-weight: 700; }
.auth-tabs button[aria-selected="true"] { background: linear-gradient(115deg,#3fbfff,#2267f4); box-shadow: 0 3px 12px #0b6bff30; }
.auth-fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
.auth-fields > label { display: grid; position: relative; margin: 0; min-width: 0; font-size: 11px; color: #b9c7df; align-content: start; }
#auth-email, #auth-quick, #auth-social { grid-column: 1 / -1; }
.auth-fields input, .auth-fields select { min-width: 0; width: 100%; height: 43px; border-radius: 9px; border: 1px solid #303e59; background: #1b273d; font-size: 13px; padding: 10px 12px; color: #f1f6ff; }
.auth-fields .secret-field { border: 1px solid #303e59; background: #1b273d; }
.auth-fields .secret-field input { border: 0; background: transparent; }
.auth-fields .secret-field button { flex: none; background: transparent; padding: 0; border: 0; }
.auth-fields input::placeholder { color: #8091af; }
.field-error { color: #ff9bad; font-size: 10px; line-height: 1.3; }
.field-error:empty { display: none; }
.password-meter { display: flex; gap: 4px; margin: 2px 0 0; }
.password-meter i { width: 25%; height: 3px; background: #31405a; border-radius: 3px; }
.password-meter[data-score="1"] i:nth-child(-n+1) { background: #f4ad6d; }
.password-meter[data-score="2"] i:nth-child(-n+2) { background: #efcd7e; }
.password-meter[data-score="3"] i:nth-child(-n+3) { background: #65bafd; }
.password-meter[data-score="4"] i { background: #6ddbc0; }
.auth-body #auth-consent { margin: 4px 0; }
.auth-body #auth-consent label { color: #bbc9df; line-height: 1.4; }
#auth-consent summary { color: #73bbff; }
#auth-consent details p { line-height: 1.55; color: #aebdd2; }
.auth-body #auth-submit { min-height: 43px; width: 100%; font-size: 13px; }
.auth-body .error:empty { display: none; }
.auth-footer { text-align: center; margin: 13px 0 0; color: #8fa3c3; font-size: 12px; }
.auth-footer .text-btn { display: inline; padding: 0; margin: 0 0 0 3px; color: #68b9ff; font-size: inherit; }
.auth-demo { display: flex; justify-content: center; align-items: center; gap: 4px; color: #9fb4d5; font-size: 11px; padding-top: 12px; }
#auth-quick { background: #101b2e; padding: 15px; border-radius: 10px; }
.quick-id { gap: 9px; margin: 14px 0; }
.quick-id output { font-size: 12px; color: #d7ecff; }
#auth-quick .button { width: 100%; font-size: 12px; padding: 9px; }
#auth-social { padding: 14px; background: #101b2e; border-radius: 10px; }
#auth-social > div { display: flex; gap: 9px; }
#auth-social button { display: flex; gap: 6px; align-items: center; opacity: .55; }
.slot-open { text-decoration: none; }
.slot-thumb { position: relative; }
.slot-thumb .card-launch { position: absolute; inset: 0; background: #07122550; display: grid; place-items: center; opacity: 0; transition: opacity .18s; border-radius: 0; }
.card-launch svg { width: 45px; height: 45px; background: linear-gradient(120deg,#38c3fa,#2576ff); padding: 10px; border-radius: 50%; }
.slot-open:hover .card-launch, .slot-open:focus-visible .card-launch { opacity: 1; }
.slot-thumb .coming-label { top: auto; bottom: 9px; background: #121d32e6; font-size: 10px; }
.slot-details { position: absolute; top: 9px; right: 46px; width: 29px; height: 29px; display: grid; place-items: center; background: #101a30c9; color: #c4d7f4; border-radius: 50%; }
.slot-meta .play-card { display: flex; align-items: center; gap: 1px; font-size: 11px; }
.promo-sugar { background-image: linear-gradient(90deg,#22163a 5%,#22163af0 30%,#22163a30 70%),url(https://game.voicehub.fun/pragmatica/catalog/pragmatic/vs20fruitparty/cover.jpg); }
.game-page { min-height: 100dvh; }
.game-page .mast { height: 60px; }
.game-page .game-main { width: min(1460px,100%); max-width: none; padding: 20px 28px; }
.game-back { display: inline-flex; gap: 5px; align-items: center; color: #afc2e0; font-size: 12px; }
.game-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
.game-heading > span { font-size: 9px; color: #8099c0; letter-spacing: .12em; }
.game-heading h1 { font-family: Inter,sans-serif; font-size: clamp(17px,2vw,25px); line-height: 1.2; margin: 4px 0 0; letter-spacing: -.025em; }
.game-toolbar-actions { display: flex; align-items: center; gap: 10px; }
.demo-label { color: #83b9ee; font-size: 10px; border: 1px solid #335170; padding: 4px 7px; border-radius: 6px; }
.game-wallet { display: flex; align-items: center; gap: 10px; text-align: left; padding: 8px 12px; border: 1px solid #334464; background: #1a2841; color: #78bfff; border-radius: 11px; }
.game-wallet small { color: #98accb; display: block; font-size: 9px; }
.game-wallet b { color: #e8f4ff; font-size: 13px; }
.game-icon { display: grid; place-items: center; border: 1px solid #334464; border-radius: 9px; width: 36px; height: 36px; color: #c1dcff; background: #19253c; }
.game-stage { background: #050b16; position: relative; overflow: hidden; border-radius: 14px; border: 1px solid #2a3954; }
.game-stage:fullscreen { border-radius: 0; display: grid; align-items: center; border: 0; }
.game-view { border-radius: 0; min-height: 300px; }
.game-view img, .game-view iframe { height: min(73dvh,850px); }
.game-stage:fullscreen .game-view iframe { height: 100dvh; }
.game-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; padding: 30px; background: #060f26e6; backdrop-filter: blur(8px); text-align: center; }
.game-overlay h2 { font-family: Inter,sans-serif; font-size: clamp(22px,3vw,34px); letter-spacing: -.03em; margin: 0; }
.game-overlay #game-status { max-width: 410px; margin: 0; font-size: 13px; }
.game-loader { border: 3px solid #304263; border-top-color: #4cb9ff; width: 30px; height: 30px; border-radius: 50%; animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.game-start-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
.game-bottom { display: flex; align-items: center; gap: 12px; justify-content: space-between; padding-top: 7px; color: #90a4c3; font-size: 11px; }
.game-bottom .text-btn { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; padding: 5px 0; }
#transfer-panel { padding: 22px; width: min(420px,calc(100vw - 28px)); margin: auto; background: #152038; border: 1px solid #3a4b6a; border-radius: 16px; color: #eaf3ff; }
#transfer-panel::backdrop { background: #040916b8; backdrop-filter: blur(5px); }
#transfer-panel .dialog-title h2 { font: 750 22px/1.2 Inter,sans-serif; }
.transfer-balances { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 18px 0; }
.transfer-balances > div { background: #1e2d48; padding: 12px; border-radius: 9px; }
.transfer-balances span { color: #9aafd0; display: block; font-size: 10px; margin-bottom: 4px; }
.transfer-balances b { font-size: 15px; }
#game-transfer { display: grid; gap: 13px; }
#game-transfer label { display: grid; gap: 6px; font-size: 12px; }
#game-transfer .presets { margin: 0; }
#game-transfer .muted { font-size: 10px; line-height: 1.5; }
#transfer-error:empty { display: none; }
@media (max-width: 700px) {
  #auth { width: min(500px,calc(100vw - 20px)); max-height: calc(100dvh - 20px); }
  .auth-layout { grid-template-columns: 1fr; min-height: 0; }
  .auth-feature { min-height: 90px; padding: 14px 18px; flex-direction: row; align-items: center; background-position: right 41%; }
  .auth-feature::after { background: linear-gradient(90deg,#061024 10%,#06102450); }
  .auth-feature strong { font-size: 24px; white-space: nowrap; }
  .auth-feature strong em { display: inline; font-size: 21px; }
  .auth-feature small, .auth-feature p { display: none; }
  .auth-brand { font-size: 18px; }
  .auth-body { padding: 18px; }
  .auth-body .dialog-title { margin-bottom: 14px; }
  .auth-body .dialog-title h2 { font-size: 23px; }
  .auth-tabs { margin-bottom: 16px; }
  .game-page .game-main { padding: 12px; }
  .game-toolbar-actions { gap: 6px; }
  .game-toolbar .demo-label { display: none; }
  .game-wallet { padding: 7px 9px; gap: 6px; }
  .game-wallet > svg:first-child { display: none; }
  .game-overlay { padding: 18px; }
  .game-bottom { flex-wrap: wrap; }
}
@media (max-width: 380px) {
  .auth-body { padding: 14px; }
  .auth-fields { gap: 9px; }
  .auth-fields input, .auth-fields select { padding: 9px; font-size: 12px; }
  .auth-brand { display: none; }
  .auth-feature { min-height: 62px; justify-content: flex-start; }
  .game-toolbar { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

.account-banner { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; padding: 20px; background: linear-gradient(120deg,#192d4b,#14203a); border: 1px solid #304360; border-radius: 16px; }
.avatar { width: 56px; height: 56px; border-radius: 50%; background: #244872; display: grid; place-items: center; color: #8dceff; }
.account-banner > div:nth-child(2) { display: grid; gap: 4px; min-width: 0; }
.account-banner strong { overflow-wrap: anywhere; font-size: 22px; }
.account-banner small, .account-banner span { color: #a4bad8; font-size: 11px; overflow-wrap: anywhere; }
.account-banner .button { margin-left: auto; flex: none; }
.account-tabs { display: flex; gap: 5px; overflow-x: auto; margin: 0 0 22px; padding-bottom: 4px; border-bottom: 1px solid #293955; }
.account-tabs a { flex: none; font-size: 12px; font-weight: 650; padding: 11px 13px; color: #acbdd6; border-radius: 8px; }
.account-tabs a[aria-current] { background: #213c61; color: #a0d6ff; }
.account-tabs a:hover { background: #1d2c45; }
.account-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.account-panel { background: #141f34; border: 1px solid #2e3d58; border-radius: 14px; padding: 22px; margin-bottom: 18px; min-width: 0; }
.account-panel h2 { font: 750 20px/1.3 Inter,sans-serif; margin: 0 0 16px; letter-spacing: -.02em; }
.account-panel form { display: grid; gap: 14px; }
.account-panel label { display: grid; gap: 6px; font-size: 12px; color: #b9c9e0; margin: 0; }
.account-panel input, .account-panel select { width: 100%; min-width: 0; background: #101a2d; border: 1px solid #344664; color: #f0f6ff; border-radius: 9px; padding: 10px 12px; }
.account-panel input[readonly] { opacity: .65; }
.account-panel .muted { font-size: 12px; line-height: 1.6; }
.account-panel .form-message { margin: 0; color: #9dd2ff; font-size: 12px; }
.form-message:empty { display: none; }
.account-panel .check-row { display: flex; flex-direction: row; align-items: start; gap: 8px; line-height: 1.4; }
.account-panel .check-row input { width: 16px; flex: none; margin: 2px 0 0; }
.panel-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.panel-heading h2 { margin: 0; }
.panel-heading a { display: flex; align-items: center; gap: 3px; color: #8dceff; font-size: 12px; }
.panel-heading .muted { margin: 0; }
.stat-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.stat-grid > div { border-radius: 10px; padding: 14px; background: #1a2a43; }
.stat-grid span { font-size: 11px; color: #a5b8d3; display: block; line-height: 1.5; margin-bottom: 8px; }
.stat-grid strong { font-size: 22px; }
.tier-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.tier-card { background: #202b3d; border: 1px solid #45526b; border-radius: 12px; padding: 18px 14px; }
.tier-card svg { color: #c3a181; }
.tier-card.tone-silver svg { color: #b8d7f3; }
.tier-card.tone-gold svg { color: #e7c36f; }
.tier-card.tone-platinum svg { color: #a7e6e6; }
.tier-card h3 { margin: 10px 0 8px; font-size: 18px; }
.tier-card p { color: #aabbd4; font-size: 12px; }
.tier-card b { font-size: 10px; color: #9fd5ff; }
.account-empty { text-align: center; padding: 36px 14px; color: #b4c4df; }
.account-empty > svg { color: #77aadf; }
.account-empty h3 { font-size: 16px; margin: 12px 0 18px; }
.table-scroll { overflow-x: auto; }
.account-table { width: 100%; border-collapse: collapse; font-size: 12px; white-space: nowrap; }
.account-table th { text-align: left; color: #9fb3d0; font-size: 10px; padding: 11px; }
.account-table td { padding: 12px 11px; border-top: 1px solid #2c3b54; }
.history-filter { display: flex !important; align-items: center; gap: 8px !important; color: #a4b7d3; font-size: 11px; }
.history-filter select { min-width: 145px; }
.wallet-action { max-width: 530px; }
.wallet-method { display: flex; gap: 12px; align-items: center; background: #1c3250; border: 1px solid #3e719d; border-radius: 11px; padding: 14px; margin: 12px 0; }
.wallet-method small { display: block; color: #94b0d1; margin-top: 5px; font-size: 11px; }
.wallet-method > svg:last-child { margin-left: auto; color: #8dd5ff; }
.fs-count { font-size: 13px; color: #8ad0ff; margin-left: 8px; }
@media (max-width: 900px) { .stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 650px) {
  .account-columns { grid-template-columns: 1fr; gap: 0; }
  .account-banner { padding: 14px; gap: 10px; flex-wrap: wrap; }
  .account-banner strong { font-size: 18px; }
  .account-banner .button { font-size: 12px; padding: 9px 12px; }
  .avatar { width: 42px; height: 42px; }
  .account-panel { padding: 17px; }
  .tier-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .stat-grid strong { font-size: 20px; }
}

#totp-secret { display:block; padding:14px; background:#0c172a; border:1px solid #3b5478; border-radius:8px; margin:14px 0; overflow-wrap:anywhere; user-select:all; }