/* v4: Five-tab player experience. Existing gameplay layout and graphics are preserved. */
.user-app #gameApp{padding-bottom:95px}
.user-app .mobile-view.hidden,.user-app .nav-dot.hidden,.user-app .app-banner.hidden{display:none!important}
.user-app .bottom-nav{position:fixed;left:0;right:0;bottom:0;bottom:env(safe-area-inset-bottom,0px);display:flex;align-items:stretch;justify-content:space-around;z-index:90;background:#101e24ee;backdrop-filter:blur(14px);border-top:1px solid #385149;padding:8px max(10px,calc((100vw - 650px)/2)) 5px;box-shadow:0 -5px 28px #0008}
.user-app .bottom-nav button{border:0;background:transparent;color:#93a69c;display:flex;align-items:center;justify-content:center;gap:4px;flex-direction:column;position:relative;min-width:0;flex:1;padding:5px 1px;font-weight:750;border-radius:9px}
.user-app .bottom-nav button span{font-size:22px;line-height:1.1}
.user-app .bottom-nav button small{font-size:10px;font-weight:750}
.user-app .bottom-nav button.active{color:#d7ff89;background:#294031}
.user-app .bottom-nav .nav-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#fb7d55;top:4px;right:22%}
.user-app .sub-panel{margin:0 0 14px;padding:20px 18px;min-height:100px}
.user-app .sub-panel h2{font-size:20px;margin:3px 0 13px;color:#f0f6ed}
.user-app .section-intro{text-align:center;padding:14px 8px}
.user-app .section-intro h2{font-size:34px;color:#c8fb7f;margin:12px 0 6px}
.user-app .explain{color:#a2b6ad;font-size:12px;line-height:1.5;margin:6px 0 14px}
.user-app .mini-btn{font-size:12px;background:#23342c;color:#d4f5be;padding:8px 10px;border:1px solid #476044;border-radius:9px;white-space:nowrap}
.user-app .v4-action{background:#c5f47d;border:0;color:#112018;border-radius:10px;padding:12px 16px;font-size:13px;font-weight:900;width:100%;min-height:44px}
.user-app .v4-action.v4-danger{background:#502c34;color:#ffe5e7;margin-top:18px}
.user-app .v4-entry{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #2d4443;padding:13px 3px;color:#eff7ee}
.user-app .v4-entry:last-child{border-bottom:0}
.user-app .v4-entry>div{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.user-app .v4-entry strong{font-size:13px;overflow-wrap:anywhere}
.user-app .v4-entry small{font-size:11px;color:#a0b3aa;line-height:1.5}
.user-app .v4-entry-value{font-size:12px;text-align:right;font-weight:750;max-width:35%;overflow-wrap:anywhere}
.user-app .v4-entry-value.v4-credit{color:#bff989}
.user-app .v4-entry-value.v4-debit{color:#ff9fa5}
.user-app .v4-entry.unread{border-left:3px solid #b9f27c;padding-left:10px;cursor:pointer}
.user-app .v4-empty{text-align:center;font-size:12px;color:#9aafa5;padding:22px 8px}
.user-app .v4-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.user-app .v4-stats>div{display:flex;flex-direction:column;gap:5px;padding:15px;background:#1c312f;border:1px solid #3d5547;border-radius:12px}
.user-app .v4-stats small{font-size:12px;color:#a9c1b0}
.user-app .v4-stats strong{color:#c8f785;font-size:19px}
.user-app .date-filters{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:end}
.user-app .date-filters label{font-size:10px;color:#abc2b2;font-weight:800}
.user-app .date-filters input{display:block;box-sizing:border-box;max-width:100%;width:100%;background:#12222a;color:#e4f2e7;border:1px solid #40564b;border-radius:8px;padding:8px;font-size:12px;margin-top:6px;min-height:35px}
.user-app .date-filters button{min-height:35px}
.user-app .v4-form label{font-size:11px;color:#b6cebc;font-weight:800;display:block;margin:10px 0}
.user-app .v4-form input{display:block;width:100%;box-sizing:border-box;border-radius:10px;border:1px solid #446051;padding:12px;background:#0d1a22;color:#e7f8eb;font-size:14px;margin:6px 0}
.user-app .v4-setting{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #2e4540;padding:15px 0}
.user-app .v4-setting strong{font-size:14px}
.user-app .v4-setting p{font-size:11px;color:#93a9a0;margin:4px 0 0}
.user-app .v4-setting input[type=checkbox]{accent-color:#b7f575;width:23px;height:23px}
.user-app .v4-setting select{background:#203830;color:#e8ffd1;border:1px solid #426348;border-radius:8px;padding:8px}
.user-app .app-banner{position:fixed;z-index:100;top:calc(12px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);background:#d1ff9b;color:#13241c;box-shadow:0 4px 25px #0009;border-radius:12px;padding:10px 15px;max-width:85%;font-size:12px;font-weight:800;text-align:center}
.user-app .results-panel{margin-bottom:14px}
.user-app .history-heading{gap:8px}
.user-app .history-heading h2{margin:0}
/* Light theme: all card surfaces and text remain legible; gameplay colors are preserved. */
.user-app.v4-light{background:#eaf2e8;color:#172b29}
.user-app.v4-light .app{color:#173028}
.user-app.v4-light .panel,.user-app.v4-light .hero,.user-app.v4-light .sub-panel{background:#fff;border-color:#b3cec0}
.user-app.v4-light .sub-panel h2,.user-app.v4-light .v4-entry,.user-app.v4-light .v4-setting strong{color:#18332a}
.user-app.v4-light .explain,.user-app.v4-light .v4-entry small,.user-app.v4-light .v4-setting p{color:#4b665c}
.user-app.v4-light .v4-entry{border-color:#d1dfd3}
.user-app.v4-light .v4-stats>div{background:#ecf4e8}
.user-app.v4-light .v4-stats small{color:#435d50}
.user-app.v4-light .v4-stats strong{color:#376b34}
.user-app.v4-light .bottom-nav{background:#fafef4f2;border-color:#b7cabe}
.user-app.v4-light .bottom-nav button{color:#536657}
.user-app.v4-light .bottom-nav button.active{color:#224627;background:#e0efcd}
.user-app.v4-light .wallet-header .wallet-name{color:#4d6757}
.user-app.v4-light #playerBalance{color:#407a2d}
.user-app.v4-light .date-filters input,.user-app.v4-light .v4-form input{background:#f6faf4;color:#153321}
.user-app.v4-light .user-header h1{color:#203b31}
@media(max-width:380px){.user-app .sub-panel{padding:15px 11px}.user-app .date-filters{grid-template-columns:1fr 1fr}.user-app .date-filters button{grid-column:span 2}.user-app .bottom-nav button small{font-size:9px}}

/* v5 selected-chip betting controls; compact on mobile */
.user-app .chip-picker{border:1px solid #3e5749;background:linear-gradient(115deg,#102820,#18292c);padding:13px 12px;margin:12px 0 10px;border-radius:15px}
.user-app .chips-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 10px;color:#b5cfb4;font-size:11px;font-weight:850;letter-spacing:.06em}
.user-app #activeChipLabel{color:#d9ff8d;font-size:11px;font-weight:900}
.user-app .chip-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.user-app .chip-options .chip{aspect-ratio:1.2;min-width:0;max-height:62px;border-radius:50%;border:2px dashed #ad9456;background:radial-gradient(circle at 28% 23%,#62552a,#292518);color:#fbe9a3;font-weight:900;font-size:clamp(12px,3vw,18px);box-shadow:inset 0 0 0 3px #161e1a,0 2px 6px #0005;cursor:pointer}
.user-app .chip-options .chip.active{background:radial-gradient(circle at 28% 23%,#edffbd,#7bba39);border:3px solid #e5ff9b;box-shadow:0 0 13px #d8ff6878,inset 0 0 0 2px #2b502c;color:#143018;transform:translateY(-2px)}
.user-app .chip-picker small{display:block;margin:12px 2px 0;font-size:10px;color:#9cb4aa;line-height:1.4;text-align:center}
.user-app .choice .bet-indicator{font-weight:900;font-size:clamp(12px,2.4vw,16px);padding:5px 8px;margin:4px auto;border:1px solid #ffffff55;border-radius:9px;color:#fff6d8;background:#0004}
.user-app .choice .bet-indicator.has-bet{color:#d3ff93;border-color:#dbff9b;font-weight:950}
.user-app .bet-summary{text-align:center;background:#14251f;color:#d9fba6;border:1px solid #4e7457;border-radius:11px;padding:10px;font-size:12px;font-weight:900;margin:10px 0 8px}
.user-app.v4-light .chip-picker{background:#e7f2dd;border-color:#c2d7af}
.user-app.v4-light .chips-heading{color:#3d5b43}
.user-app.v4-light #activeChipLabel{color:#47752a}
.user-app.v4-light .bet-summary{background:#e1f5d8;color:#315b28}
@media(max-width:375px){.user-app .chip-picker{padding:9px 7px}.user-app .chip-options{gap:4px}.user-app .chip-options .chip{font-size:12px}}

.user-app .chip-limit-bar{display:flex;justify-content:space-between;gap:8px;margin:8px 2px 0;color:#cdeeb0;font-size:11px;font-weight:850}
.user-app .chip-limit-bar span:last-child{font-variant-numeric:tabular-nums;color:#e7ffca}
.user-app.v4-light .chip-limit-bar,.user-app.v4-light .chip-limit-bar span:last-child{color:#3d632f}

/* v7: small perfectly circular chips below Dragon/Tiger cards */
.user-app .chip-picker{margin:12px 0 10px;padding:12px 10px;border-radius:15px}
.user-app .chip-options{display:flex;align-items:center;justify-content:space-evenly;gap:7px;width:100%}
.user-app .chip-options .chip{display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 auto;width:clamp(42px,10vw,49px);height:clamp(42px,10vw,49px);min-width:0;max-height:none;aspect-ratio:1/1;border-radius:50%;font-size:clamp(12px,3.1vw,15px);line-height:1;padding:0;transform:none}
.user-app .chip-options .chip.active{transform:none}
@media(max-width:375px){.user-app .chip-options{gap:4px}.user-app .chip-options .chip{width:42px;height:42px;font-size:12px}}

/* v8: Contact Us Telegram support */
.user-app .contact-heading{display:flex;align-items:center;gap:13px}
.user-app .contact-heading h2{margin:0 0 4px}
.user-app .contact-heading .explain{margin:0}
.user-app .contact-telegram-logo{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#229ed9;color:white;font-size:24px;font-weight:900}
.user-app .contact-telegram-link{display:flex;align-items:center;justify-content:center;gap:13px;min-height:46px;border-radius:12px;background:#229ed9;color:white;text-decoration:none;font-size:14px;font-weight:850;padding:10px 16px;margin-top:17px;box-sizing:border-box}
.user-app .contact-telegram-link:active{background:#167dae}
.user-app .contact-arrow{font-size:18px}
.user-app .contact-handle{font-size:12px;color:#9dbbb0;text-align:center;margin:11px 0 0}
.user-app.v4-light .contact-handle{color:#526d61}

/* v10 — compact native-app-style player profile */
.user-app #view-profile{padding:4px 0 12px}
.user-app .profile-top-card{display:flex;align-items:center;gap:13px;padding:21px 16px;border:1px solid #466452;border-radius:20px;background:linear-gradient(120deg,#233d32,#132a27);box-shadow:0 8px 20px #0002}
.user-app .profile-avatar{width:56px;height:56px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#d1fa90;font-size:29px;color:#23482b}
.user-app .profile-identity{min-width:0;flex:1}
.user-app .profile-caption{font-size:9px;letter-spacing:.14em;color:#b7ccbc;font-weight:850}
.user-app .profile-identity h2{font-size:clamp(19px,5vw,26px);line-height:1.25;margin:4px 0;color:#f7fff4;overflow-wrap:anywhere}
.user-app .profile-status{color:#beef89;font-size:11px;font-weight:800}
.user-app .profile-status.profile-inactive{color:#ffae9d}
.user-app .profile-coin-block{display:flex;flex-direction:column;align-items:flex-end;gap:4px;border-left:1px solid #537264;padding-left:12px;flex-shrink:0}
.user-app .profile-coin-block small{font-size:10px;font-weight:800;color:#a8c4b4}
.user-app .profile-coin-block strong{font-size:clamp(16px,4vw,22px);color:#d9fc9a;font-variant-numeric:tabular-nums}
.user-app .profile-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 20px}
.user-app .profile-mini-item{background:#192d2c;border:1px solid #344d45;border-radius:13px;padding:13px 14px;display:flex;flex-direction:column;gap:5px}
.user-app .profile-mini-item small{font-size:10px;letter-spacing:.09em;color:#94ada2;font-weight:750}
.user-app .profile-mini-item strong{font-size:14px;color:#eaffdf;font-weight:850}
.user-app .profile-group-heading{color:#a8c2b3;font-size:10px;letter-spacing:.13em;font-weight:900;margin:18px 4px 9px}
.user-app .profile-menu-card{background:#152528;border:1px solid #355148;border-radius:15px;overflow:hidden}
.user-app .profile-menu-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:9px 14px;box-sizing:border-box;color:#f4fcf0;text-decoration:none;border:0;border-bottom:1px solid #30483f;width:100%;cursor:pointer}
.user-app .profile-menu-card>.profile-menu-row:last-child,.user-app .profile-menu-card>.profile-password-details:last-child .profile-menu-row{border-bottom:0}
.user-app .profile-menu-icon{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;background:#2e4338;font-size:16px}
.user-app .profile-menu-label{font-size:13px;font-weight:750;flex:1;min-width:0}
.user-app .profile-menu-label small{font-size:10px;display:block;color:#a9c4b5;margin-top:3px;font-weight:500}
.user-app .profile-menu-row input[type=checkbox]{width:21px;height:21px;accent-color:#baf27d;margin:0}
.user-app .profile-menu-row select{font-size:12px;color:#eaffcc;background:#283f34;border:1px solid #4b7150;border-radius:9px;padding:7px;max-width:93px}
.user-app .profile-link-row:hover,.user-app .profile-password-details summary:hover{background:#203a30}
.user-app .profile-chevron{font-size:20px;color:#afc7b7}
.user-app .profile-telegram-icon{background:#259ed8;color:white;font-size:21px}
.user-app .profile-password-details summary{list-style:none}
.user-app .profile-password-details summary::-webkit-details-marker{display:none}
.user-app .profile-password-details[open] .profile-chevron{transform:rotate(180deg)}
.user-app .profile-expanded{padding:6px 16px 17px;border-bottom:1px solid #31493e}
.user-app .profile-expanded .v4-action{margin-top:8px}
.user-app .profile-feedback{min-height:0;margin:5px 5px 0;font-size:11px;color:#bce88c}
.user-app .profile-feedback:empty{display:none}
.user-app .profile-logout-button{display:block;width:100%;margin:20px 0 5px;background:#34252a;color:#ffccd0;border:1px solid #6a4348;border-radius:12px;min-height:46px;font-size:13px;font-weight:850}
.user-app.v4-light .profile-top-card{background:linear-gradient(120deg,#e2f5d9,#f9fff4);border-color:#b9d2b8}
.user-app.v4-light .profile-caption,.user-app.v4-light .profile-coin-block small{color:#54715b}
.user-app.v4-light .profile-identity h2{color:#203e2a}
.user-app.v4-light .profile-status{color:#3f792d}
.user-app.v4-light .profile-coin-block{border-color:#b7d0b6}
.user-app.v4-light .profile-coin-block strong{color:#39762c}
.user-app.v4-light .profile-mini-item{background:white;border-color:#c9dbc5}
.user-app.v4-light .profile-mini-item small{color:#5c7663}
.user-app.v4-light .profile-mini-item strong{color:#24402e}
.user-app.v4-light .profile-group-heading{color:#54705e}
.user-app.v4-light .profile-menu-card{background:#fff;border-color:#b9d1c0}
.user-app.v4-light .profile-menu-row{color:#243f2f;border-color:#dce9dc}
.user-app.v4-light .profile-menu-icon{background:#e9f4e5}
.user-app.v4-light .profile-telegram-icon{background:#229ed9;color:white}
.user-app.v4-light .profile-menu-label small{color:#627f70}
.user-app.v4-light .profile-menu-row select{background:#edf6e9;color:#244b2c}
.user-app.v4-light .profile-link-row:hover,.user-app.v4-light .profile-password-details summary:hover{background:#f1f7ee}
@media(max-width:355px){.user-app .profile-top-card{gap:9px;padding:16px 10px}.user-app .profile-avatar{width:45px;height:45px;font-size:23px}.user-app .profile-coin-block{padding-left:8px}}

.user-app .round-timer .round.long-round{font-size:clamp(13px,2.8vw,21px);overflow-wrap:anywhere;word-break:break-all;letter-spacing:-.035em;line-height:1.35}

/* Tigradon identity */
.user-app .brand-logo{width:48px;height:48px;flex-shrink:0;object-fit:contain;border-radius:12px;background:#000;box-shadow:0 0 12px #fd3c2b24}
.user-app .login-box .login-icon{display:flex;align-items:center;justify-content:center;margin:0 auto}
.user-app .login-box .login-brand-logo{width:92px;height:92px;object-fit:contain;border-radius:18px;background:#000;filter:drop-shadow(0 0 13px #dd20243d)}
.user-app .login-box h1{letter-spacing:.11em;font-size:27px;margin:11px 0 2px}
.user-app .login-box .brand-tagline{font-size:11px;color:#f6bd6e;letter-spacing:.19em;font-weight:900;margin:1px auto 14px}
.user-app .user-header .brand h1{font-size:clamp(13px,3.7vw,21px);font-weight:900;letter-spacing:.05em}
.user-app .user-header .brand small{font-size:9px;letter-spacing:.11em;color:#f9ad71}
@media(max-width:430px){.user-app .brand-logo{width:38px;height:38px}.user-app .user-header .brand h1{font-size:13px}.user-app .user-header .brand small{font-size:8px}}