/* Play Avenue: six colourful destinations, with local Cyrillic typography. */
@font-face{font-family:Manrope;src:url('./assets/fonts/Manrope.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{--pa-ink:#252d4b;--pa-muted:#5d6682;--pa-surface:#fff;--pa-soft:#f0f3fc;--pa-border:#dce2f2;--pa-accent:#6b50d6;--pa-tint:#eee8ff;color-scheme:light}
:root[data-telegram-theme=dark]{--pa-ink:#f3f5ff;--pa-muted:#bcc7e4;--pa-surface:#252e4c;--pa-soft:#181e35;--pa-border:#435071;--pa-accent:#cabaff;--pa-tint:#3c355c;color-scheme:dark}
html{scroll-padding-bottom:110px}body{font-family:Manrope,system-ui,sans-serif;background:var(--pa-soft);color:var(--pa-ink);-webkit-tap-highlight-color:transparent}
body[data-section=wallet]{--pa-accent:#14685d;--pa-tint:#d7f6e9}body[data-section=friends]{--pa-accent:#234eb9;--pa-tint:#dceaff}body[data-section=rewards]{--pa-accent:#9e3c50;--pa-tint:#ffe3df}body[data-section=cases]{--pa-accent:#815016;--pa-tint:#ffedc4}
body:before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 12%,#a5a0fb38,transparent 55%),radial-gradient(ellipse at 8% 55%,#5ed8b92b,transparent 50%);pointer-events:none}
body:not([data-section=games]) .cinema-background{visibility:hidden}body[data-section=games]{color:#fbfaff}
main{padding-top:calc(24px + var(--pa-safe-top,env(safe-area-inset-top,0px)));padding-bottom:calc(130px + var(--pa-safe-bottom,env(safe-area-inset-bottom,0px)));padding-left:max(20px,var(--pa-safe-left,0px));padding-right:max(20px,var(--pa-safe-right,0px))}
body:not([data-section=games]) header{border-color:var(--pa-border)}header .brand{font:800 16px Manrope,system-ui;letter-spacing:1.5px}header small{font-family:Manrope,system-ui;letter-spacing:2px;color:inherit;opacity:.72}header .language-switch select{background:var(--pa-surface);color:var(--pa-ink);border-color:var(--pa-border);min-height:40px}
.page-heading{position:relative;padding:30px 0 24px;margin:0}.page-heading .eyebrow{display:inline-flex;align-items:center;gap:8px;font:800 10px Manrope;letter-spacing:1.8px;color:var(--pa-muted)}.page-heading .eyebrow:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--pa-accent);box-shadow:0 0 0 5px var(--pa-tint)}
.page-heading h1,.cash-wallet-page>.page-heading h1{font:800 clamp(34px,6vw,52px)/1.12 Manrope,system-ui;letter-spacing:-1.9px;margin:16px 0 12px;color:var(--pa-ink)}.page-heading h1 br{display:none}.page-heading h1 br:after{content:' '}.page-heading p{font-size:14px;color:var(--pa-muted);line-height:1.7;max-width:580px}
body .app-page .panel,body .app-page .profile-card,body .app-page .ton-card{background:var(--pa-surface);color:var(--pa-ink);border:1px solid var(--pa-border);border-radius:24px;padding:24px;box-shadow:0 8px 24px #24346b07;backdrop-filter:none}
.app-page h2,.app-page h3,.app-page h4{font-family:Manrope,system-ui;letter-spacing:-.5px;color:inherit}.app-page .panel h3{font-size:18px}.app-page .panel p,.app-page .info-line,.app-page .cash-section-status{font-size:13px;line-height:1.75;color:var(--pa-muted)}.app-page .panel strong{color:var(--pa-ink)}
.app-page .pill{font:800 10px Manrope,system-ui;letter-spacing:1px;color:var(--pa-accent);background:var(--pa-tint);border:0;padding:8px 11px;border-radius:9px}
body .app-page button,body .app-page input,body .app-page select,body .app-page a.case-link{font-family:Manrope,system-ui}body .app-page button{min-height:44px;border-radius:13px;font-weight:750;cursor:pointer;background:var(--pa-soft);color:var(--pa-ink);border:1px solid var(--pa-border)}body .app-page button:disabled{cursor:default;opacity:.5}
body .app-page .secondary{background:var(--pa-soft);color:var(--pa-ink);border:1px solid var(--pa-border)}body .app-page .play,body .app-page .primary,body .app-page .case-primary{background:#7656e9;color:white;border:1px solid #7656e9;box-shadow:0 5px 14px #7656e921}
body .app-page .text-button{background:transparent;border-color:transparent;box-shadow:none;color:var(--pa-ink);text-decoration:underline;text-underline-offset:4px}.app-page .case-link{display:inline-flex;align-items:center;min-height:44px;color:var(--pa-ink);font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:5px}
body .app-page input:not([type=checkbox]),body .app-page select{border:1px solid var(--pa-border);background:var(--pa-soft);color:var(--pa-ink);border-radius:12px;padding:13px;font-size:16px;min-width:0;max-width:100%;box-sizing:border-box}body .app-page label{color:var(--pa-muted);font-size:13px}.app-page summary{font-size:13px;line-height:1.6;font-weight:750;min-height:44px;padding:12px 0;cursor:pointer;color:var(--pa-ink)}
.app-page details{border-top:1px solid var(--pa-border);margin-top:16px}.app-page details[open]>summary{margin-bottom:10px}.app-page a:focus-visible,.app-page button:focus-visible,.bottom-nav button:focus-visible,.app-page input:focus-visible,.app-page select:focus-visible,.app-page summary:focus-visible{outline:3px solid #9b75ff;outline-offset:4px}
.bottom-nav{box-sizing:border-box;max-width:620px;width:calc(100% - 24px - var(--pa-safe-left,0px) - var(--pa-safe-right,0px));bottom:calc(10px + var(--pa-safe-bottom,env(safe-area-inset-bottom,0px)));padding:7px;border:1px solid var(--pa-border);border-radius:23px;background:var(--pa-surface);box-shadow:0 8px 35px #18275026;backdrop-filter:blur(20px)}
.bottom-nav button{min-height:57px;border-radius:16px;color:var(--pa-muted);font:650 10px Manrope,system-ui;gap:5px}.bottom-nav button svg{width:21px;height:21px}.bottom-nav button.active{background:#eee7ff;color:#6240c8}.bottom-nav button[data-page=wallet].active{background:#d6f6e9;color:#136559}.bottom-nav button[data-page=friends].active{background:#dceaff;color:#2553af}.bottom-nav button[data-page=rewards].active{background:#ffe3e9;color:#a33f60}.bottom-nav button[data-page=cases].active{background:#fff0cc;color:#84531d}.bottom-nav button.active:before{display:none}
body .app-page .stats-grid article,body .route-stats article{background:var(--pa-soft);border:1px solid var(--pa-border);border-radius:17px;padding:17px;min-width:0}.stats-grid strong,.route-stats strong{font:800 clamp(19px,3.5vw,28px) Manrope;letter-spacing:-.8px;overflow-wrap:anywhere;color:var(--pa-ink)}.stats-grid small,.route-stats small{font:750 9px/1.6 Manrope;letter-spacing:1px;color:var(--pa-muted)}
body .app-page progress{display:block;width:100%;height:9px;border:0;border-radius:20px;overflow:hidden;appearance:none;background:var(--pa-border);accent-color:#8f6bef}body .app-page progress::-webkit-progress-bar{background:var(--pa-border)}body .app-page progress::-webkit-progress-value{background:linear-gradient(90deg,#9877ed,#4ecbae);border-radius:20px}body .app-page progress::-moz-progress-bar{background:#9877ed}
/* Wallet balances have their own colour; operation amounts remain unambiguous. */
body #page-wallet .cash-wallet{gap:20px}#usdtBalances{display:grid;grid-template-columns:1fr 1fr;gap:12px}#usdtBalances p{margin:0;padding:18px!important;background:#dbf6ed;border-radius:17px;color:#315f58!important;font-size:12px!important}#usdtBalances p:nth-child(2){background:#eee4ff;color:#5f448b!important}#usdtBalances strong{display:block;font:800 clamp(19px,3vw,28px)/1.5 Manrope;letter-spacing:-.6px;color:#214e44!important;overflow-wrap:anywhere}#usdtBalances p:nth-child(2) strong{color:#5f448b!important}#usdtBalances p:last-child{grid-column:1/-1;background:var(--pa-soft);color:var(--pa-muted)!important;font-size:12px!important;padding:12px 16px!important}
body .cash-wallet form{background:var(--pa-soft);border-color:var(--pa-border);padding:20px;border-radius:18px}body .cash-wallet .wallet-tabs{background:var(--pa-soft);padding:5px;border-radius:15px;border:1px solid var(--pa-border)}body .cash-wallet .wallet-tabs button{background:none;border:0;color:var(--pa-muted)}body .cash-wallet .wallet-tabs button[aria-pressed=true]{background:#dbf6ed;color:#235a50;box-shadow:0 2px 8px #1233}
body .cash-wallet button.primary{background:#236d60;border-color:#236d60;color:#fff}body .cash-wallet .wallet-bonus,body .cash-wallet .wallet-connection{background:var(--pa-soft);border:1px solid var(--pa-border);border-radius:14px;padding:0 14px}body .cash-wallet #usdtStatus{color:var(--pa-ink)}body .cash-wallet #usdtPayment:not(:empty){background:var(--pa-soft);border-color:var(--pa-border)}body .cash-wallet #usdtDeposits article{padding:16px;background:var(--pa-soft);border:1px solid var(--pa-border);border-radius:14px;margin:10px 0}
/* The large feature cards are deliberately bright in both Telegram themes. */
body #page-rewards .reward-card{background:linear-gradient(125deg,#ffd5c9,#ffe7e9 65%,#e7d9ff);color:#683247;border:0;border-radius:25px;padding:30px;overflow:hidden;position:relative}#page-rewards .reward-card h2{font:800 65px/1.1 Manrope;letter-spacing:-3px;margin:18px 0}#page-rewards .reward-card h3{font-size:22px}#page-rewards .reward-card p{color:#704759;max-width:560px;font-size:13px;line-height:1.8}#page-rewards .reward-card .case-link{color:#683247}.reward-card .reward-star{color:#ad6683;opacity:.35;right:24px;font-size:110px;pointer-events:none}#page-rewards .reward-card .pill{color:#683247;background:#ffffff80}
body .level-feature{background:linear-gradient(125deg,#eee6ff,#ddf5f2)!important;color:#463665!important;border:0!important}.level-feature p{color:#594e75!important}.level-feature .case-link{color:#463665!important}.level-feature .feature-metrics{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.feature-metrics span{padding:10px 14px;background:#ffffffb5;border-radius:12px;font:800 20px Manrope}.feature-metrics small{font-size:10px;font-weight:650;display:block;margin-top:2px;letter-spacing:.5px}
body #cashFriendsBody>.panel:first-child{border-top:5px solid #91bafa}#cashFriendsBody>.panel:first-child>h2{font-size:52px;letter-spacing:-2px;margin:18px 0;color:#729eea}body #cashFriendsBody .stats-grid article:first-child{background:#e6edff;color:#2d4b8a}body #cashFriendsBody .stats-grid article:first-child strong,body #cashFriendsBody .stats-grid article:first-child small{color:inherit}
.portal-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:12px;text-align:left;font-variant-numeric:tabular-nums}.portal-table caption{text-align:left;color:var(--pa-muted);margin-bottom:10px}.portal-table th{color:var(--pa-muted);font-size:10px;letter-spacing:.8px;text-transform:uppercase;font-weight:750;background:var(--pa-soft)}.portal-table th,.portal-table td{padding:13px 10px;border-bottom:1px solid var(--pa-border)}.portal-table td:last-child,.portal-table th:last-child{text-align:right;font-weight:800}.portal-table tr:last-child td{border-bottom:0}
body #cashCaseBody{border-top:5px solid #f1c471}#cashCaseBody .case-art{background:radial-gradient(ellipse,#fae4ab55,transparent 68%);border-radius:18px;height:190px}#cashCaseBody>h2{font-size:29px;letter-spacing:-1px}.case-primary{width:100%}#cashCaseBody .pill{color:#815016;background:#ffedc4}
body .route-pass{background:linear-gradient(130deg,#ddd3ff,#e8e6ff 65%,#d8f4ed);color:#3f3565;border:0;border-radius:25px;padding:26px;box-shadow:none}.route-pass .eyebrow,.route-pass .route-title p,.route-pass .route-progress>div{color:#625382}.route-pass>.panel-top .pill{color:#625382;background:#ffffff80;border:0}.route-title h2{font:800 29px/1.25 Manrope;letter-spacing:-1px;color:#3f3565}.route-title h2:before{background:#7356cf;color:#fff}.route-stop,.route-stop.reached{background:#ffffff8c;border:1px solid #b8a8da66;color:#5e4b89}.route-stop small,.route-stop strong{color:#5e4b89}.route-reward-preview{background:#ffffff80;border:1px solid #baa7dd66;color:#594383;font-weight:700}.route-footnote{color:#625382!important;font-size:11px!important}.route-stats{gap:10px}.route-games>div,.activity-row,.payment-row{border-color:var(--pa-border);color:var(--pa-ink)}.activity-row small,.payment-row small{color:var(--pa-muted)}body .profile-card{border-left:5px solid #a68ce4!important}.profile-card h2{font-size:24px}.profile-card p{color:var(--pa-muted)}.support-id-row code{font-family:Manrope,monospace;font-weight:800;color:var(--pa-ink)}
body #levelRewardsDialog{background:var(--pa-surface);border:1px solid var(--pa-border);color:var(--pa-ink);padding:24px;border-radius:25px;max-height:calc(100dvh - 32px - var(--pa-safe-top,0px) - var(--pa-safe-bottom,0px))}#levelRewardsDialog h2{font:800 27px/1.25 Manrope;letter-spacing:-1px}#levelRewardsDialog .level-close{width:44px;height:44px;color:var(--pa-ink);background:var(--pa-soft);border-radius:50%}.level-catalog-note{color:var(--pa-muted);font-size:12px}.level-reward-row{border-color:var(--pa-border);padding:20px 0}.level-reward-row.upcoming{background:transparent}.level-number{background:#e5ddff;color:#62429d;min-width:38px}.level-reward-row h3{font-size:14px}.level-reward-row strong{font-size:20px;color:var(--pa-ink)}.level-reward-row p,.level-reward-row small{color:var(--pa-muted)}.level-claim-status{background:var(--pa-tint);color:var(--pa-accent)}
body:not([data-section=games]) footer{color:var(--pa-muted);font-size:9px;letter-spacing:1px}.legal-entry a,body .profile-legal a,body .profile-legal h3{color:var(--pa-ink)}
/* The collection keeps its artwork and moving avenue, with livelier details. */
#page-games .intro h1{font:800 clamp(36px,6.6vw,62px)/1.13 Manrope;letter-spacing:-2.5px;margin:20px 0}#page-games .intro h1 em{font-style:normal;color:#e6ccff;font-weight:800}#page-games .intro p{font:500 13px/1.6 Manrope;color:#eee8f9}#page-games .intro .eyebrow{font-size:10px;color:#ddccf5}#page-games .wallet{background:linear-gradient(110deg,#e5d7ffed,#d6f3f0e8);border:0;border-radius:21px;box-shadow:0 9px 30px #16112f33}#page-games .wallet strong{color:#43305f;font-family:Manrope;font-weight:800}#page-games .wallet small,#page-games .wallet>span{color:#615475;font-size:10px}
#page-games .game-tile{border-color:#b7a7d24d;border-radius:20px;background:#24283d}#page-games .tile-info{background:linear-gradient(115deg,#352d50,#24283d);padding:16px 13px}#page-games .game-tile:nth-child(2n) .tile-info{background:linear-gradient(115deg,#27443f,#24313f)}#page-games .game-tile:nth-child(3n) .tile-info{background:linear-gradient(115deg,#44364b,#2d2c43)}#page-games .game-tile .tile-info h2{font:800 15px Manrope;color:#fff}#page-games .tile-info p{color:#c6c7da;font-size:10px}#page-games .tile-arrow{background:#b7a0e822;color:#e3d3ff;border:1px solid #b8a0e555}.collection-heading h2{font:800 22px Manrope}.collection-heading .eyebrow{font-size:9px}.next-games{background:linear-gradient(110deg,#514064ed,#244d50ed);border-color:#b7a5cf66}.next-games h2{font-family:Manrope;font-weight:800;color:#f4eaff}.next-games p{color:#ddd9ed}
@media(min-width:760px){body:not([data-section=games]) main{max-width:820px}.page-heading{padding-top:35px}#cashRewardsBody{display:grid;grid-template-columns:1fr 1fr;gap:16px}#cashRewardsBody>.panel{margin:0}#cashRewardsBody>.panel:first-child{grid-column:1/-1}}
@media(max-width:500px){main{padding-left:max(16px,var(--pa-safe-left,0px));padding-right:max(16px,var(--pa-safe-right,0px))}body .app-page .panel,body .app-page .profile-card,body .app-page .ton-card{padding:19px;border-radius:21px}.page-heading{padding:24px 0 18px}.page-heading h1,.cash-wallet-page>.page-heading h1{font-size:35px;letter-spacing:-1.5px}.page-heading p{font-size:12px}.bottom-nav{padding:5px;width:calc(100% - 16px - var(--pa-safe-left,0px) - var(--pa-safe-right,0px));border-radius:20px}.bottom-nav button{font-size:8px;min-height:56px;gap:5px}.bottom-nav button svg{width:20px;height:20px}.route-pass{padding:20px!important}.route-stats{grid-template-columns:1fr 1fr}.route-stats article:last-child{grid-column:1/-1}.route-stats strong{font-size:24px}#usdtBalances{gap:9px}#usdtBalances p{padding:14px!important}#usdtBalances strong{font-size:18px}body .cash-wallet form{padding:15px}.wallet-tabs button{padding:10px 6px!important;font-size:11px!important}.profile-card h2{font-size:20px}#page-games .intro h1{font-size:37px;letter-spacing:-1.8px}#page-games .game-tile .tile-info h2{font-size:13px}#page-games .tile-info p{font-size:9px}#page-rewards .reward-card{padding:24px!important}#levelRewardsDialog{padding:20px!important}.level-reward-row{gap:12px}}
@media(prefers-reduced-motion:no-preference){.app-page:not([hidden]){animation:portal-in .2s ease-out}.bottom-nav button{transition:background .18s,color .18s}body .app-page button:active{transform:translateY(1px)}@keyframes portal-in{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}}

body .cash-wallet #usdtBalances{padding:0;background:transparent}body .cash-wallet #usdtBalances p:first-child strong{font-size:clamp(19px,3vw,28px)}@media(max-width:500px){body .cash-wallet #usdtBalances p:first-child strong{font-size:18px}}

/* Wallet styles load after the portal theme. Override both foreground and
   background so legacy dark controls cannot combine with light-theme ink. */
body .cash-wallet a{color:var(--pa-ink);text-decoration:underline;text-underline-offset:4px}
body .cash-wallet #usdtRefresh,body .cash-wallet #cashRefresh{min-height:44px;background:transparent;border-color:transparent;color:var(--pa-ink)}
body .cash-wallet #usdtPayment>p:first-child,body .cash-wallet #walletAddress,body .cash-wallet #walletError{color:var(--pa-ink)}
body .cash-wallet #usdtPayment .payment-caption,body .cash-wallet #usdtPayment summary,body .cash-wallet .payment-wallet-ref{color:var(--pa-muted)}
body .cash-wallet .payment-feedback{background:var(--pa-soft);color:var(--pa-ink)}
body .cash-wallet .payment-feedback.is-warning{background:var(--pa-tint);border-color:var(--pa-accent);color:var(--pa-accent)}
body .cash-wallet .payment-feedback strong,body .cash-wallet .payment-feedback p{color:inherit}
body .cash-wallet .payment-feedback.is-warning .payment-wallet-ref{color:inherit}
body .route-pass .route-title small{color:#625382}
