/* UX V11 compact premium light Mini App */
:root{--page:#f7f8ff;--ink:#1b1530;--ink2:#2e2550;--muted:#746b90;--soft:#5b5177;--line:rgba(89,80,130,.13);--blue:#34bdf6;--blue2:#4c8dff;--purple:#8f62ff;--pink:#d86dff;--mint:#22d89a;--gold:#ffbe3d;--red:#ff4f8d;--navh:78px;--safe:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--page);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{height:100dvh;letter-spacing:-.012em}.app-bg{position:fixed;inset:0;z-index:-5;overflow:hidden;background:radial-gradient(circle at 18% -8%,rgba(52,189,246,.34),transparent 31%),radial-gradient(circle at 96% 0%,rgba(143,98,255,.30),transparent 34%),radial-gradient(circle at 18% 82%,rgba(76,141,255,.18),transparent 34%),radial-gradient(circle at 82% 92%,rgba(216,109,255,.16),transparent 38%),linear-gradient(145deg,#fff 0%,#f1f6ff 36%,#f2efff 74%,#fff9ff 100%)}.app-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(46,37,80,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(46,37,80,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at 50% 38%,#000 0%,transparent 82%)}.mesh{position:absolute;border-radius:999px;filter:blur(66px);opacity:.54;animation:orbFloat 9s ease-in-out infinite alternate}.mesh-a{width:300px;height:300px;left:-130px;top:34px;background:linear-gradient(135deg,#47d8ff,#6ca7ff)}.mesh-b{width:330px;height:330px;right:-150px;top:210px;background:linear-gradient(135deg,#a179ff,#e681ff);animation-delay:1s}.mesh-c{width:280px;height:280px;left:36%;bottom:-110px;background:linear-gradient(135deg,#66a6ff,#b98aff);animation-delay:1.8s}@keyframes orbFloat{to{transform:translate3d(26px,-30px,0) scale(1.07)}}.loader{position:fixed;inset:0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(circle at 50% 35%,rgba(52,189,246,.28),transparent 31%),linear-gradient(145deg,#fff,#eef5ff 58%,#f5f0ff);transition:.45s ease}.loader.hide{opacity:0;pointer-events:none}.loader img{width:108px;height:108px;object-fit:contain;border-radius:34px;background:rgba(255,255,255,.72);box-shadow:0 0 0 1px rgba(255,255,255,.78),0 26px 90px rgba(76,141,255,.18),0 18px 60px rgba(143,98,255,.14);animation:floatArt 1.55s ease-in-out infinite alternate}.loader b{font-size:24px;letter-spacing:.20em;background:linear-gradient(90deg,var(--blue2),var(--purple),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.loader span{color:var(--muted);font-size:12px}.mobile-shell{height:100dvh;max-width:740px;margin:0 auto;padding:12px 14px calc(var(--navh) + 16px + var(--safe));display:flex;flex-direction:column;gap:10px;overflow:hidden}.center-shell{display:grid;place-items:center}.topbar{height:52px;min-height:52px;display:flex;align-items:center;gap:11px;padding:0 2px}.top-logo{width:46px;height:46px;object-fit:cover;border-radius:18px;background:rgba(255,255,255,.86);box-shadow:0 0 0 1px rgba(255,255,255,.9),0 14px 42px rgba(76,141,255,.16)}.top-copy{min-width:0}.small-muted{font-size:11px;color:var(--muted);font-weight:900}.top-name{font-size:16.8px;font-weight:1000;line-height:1.08;color:var(--ink)}.icon-btn{margin-left:auto;width:46px;height:46px;border-radius:19px;display:grid;place-items:center;text-decoration:none;color:var(--ink);border:1px solid rgba(255,255,255,.82);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.62));box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 16px 50px rgba(38,36,74,.10)}.icon-btn img{width:23px;height:23px}.pro-card{position:relative;overflow:hidden;margin:0;padding:14px;border-radius:32px;border:1px solid rgba(255,255,255,.72);background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.58)),radial-gradient(circle at 10% 0%,rgba(52,189,246,.14),transparent 38%),radial-gradient(circle at 96% 8%,rgba(143,98,255,.13),transparent 42%);box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 22px 70px rgba(38,36,74,.12);backdrop-filter:blur(28px)}.pro-card>*{position:relative}.eyebrow{display:inline-flex;width:max-content;align-items:center;gap:7px;padding:6px 13px;border-radius:999px;background:linear-gradient(135deg,#54dcff,#6e92ff 52%,#a36dff);color:#07112d;font-size:10.5px;font-weight:1000;letter-spacing:.15em}h1{font-size:25.5px;line-height:1.03;margin:8px 0 5px;letter-spacing:-.047em;color:var(--ink)}h2{font-size:18.5px;margin:0;letter-spacing:-.033em;color:var(--ink)}h3{font-size:14px;margin:0;letter-spacing:-.02em;color:var(--ink)}p{margin:4px 0;line-height:1.38}.muted{color:var(--soft)}.splash{text-align:center;display:grid;place-items:center;gap:8px;width:min(90vw,390px)}.splash-art,.hero-art,.mini-art{object-fit:contain;filter:drop-shadow(0 20px 42px rgba(76,141,255,.16)) drop-shadow(0 12px 34px rgba(143,98,255,.12));animation:floatArt 2.35s ease-in-out infinite alternate}@keyframes floatArt{to{transform:translateY(-7px) scale(1.026)}}.splash-art{width:114px;height:114px;border-radius:30px}.hero-card{min-height:160px;display:grid;grid-template-columns:1.08fr .92fr;gap:12px;background:radial-gradient(circle at 78% 20%,rgba(52,189,246,.23),transparent 32%),radial-gradient(circle at 26% 100%,rgba(143,98,255,.16),transparent 40%),linear-gradient(135deg,rgba(255,255,255,.88),rgba(235,244,255,.76) 52%,rgba(246,238,255,.82))}.hero-text{display:flex;flex-direction:column;justify-content:center}.hero-text p{font-size:12.7px;color:var(--soft);max-width:278px}.hero-art-wrap{display:grid;place-items:center;position:relative}.hero-art-wrap:before{content:"";position:absolute;width:146px;height:146px;border-radius:44px;background:linear-gradient(145deg,rgba(52,189,246,.25),rgba(143,98,255,.18));filter:blur(1.5px)}.hero-art{width:132px;height:132px;border-radius:34px}.quick-actions{display:flex;gap:8px;margin-top:10px}.chip-action{text-decoration:none;color:#06142d;background:linear-gradient(135deg,#35e6b1,#53d8ff);border-radius:999px;padding:9px 14px;font-size:12.5px;font-weight:1000}.chip-action.alt{color:var(--ink);border:1px solid rgba(112,100,160,.13);background:rgba(255,255,255,.65)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mini-stat{border-radius:24px;padding:12px 11px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.56)),radial-gradient(circle at 20% 0%,rgba(52,189,246,.11),transparent 55%)}.mini-stat span{display:block;color:var(--muted);font-size:10px;font-weight:900}.mini-stat b{display:block;font-size:19px;margin-top:4px;white-space:nowrap;letter-spacing:-.04em;color:var(--ink)}.mini-stat small{font-size:10px;color:var(--soft)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:10px}.section-head span,.tiny-link{font-size:10px;color:var(--soft);border:1px solid rgba(112,100,160,.15);padding:5px 10px;border-radius:999px;white-space:nowrap;background:rgba(255,255,255,.54);text-decoration:none}.mode-card{border:1px solid rgba(52,189,246,.24);border-radius:21px;padding:11px;background:linear-gradient(135deg,rgba(52,189,246,.10),rgba(143,98,255,.10),rgba(255,255,255,.32))}.mode-card b{font-size:13.6px;color:var(--ink)}.mode-card p{font-size:11.4px;color:var(--soft)}.invite-meter{margin-top:9px}.meter-head{display:flex;align-items:end;justify-content:space-between}.meter-head span{font-size:12px;color:var(--soft);font-weight:950}.meter-head b{font-size:22px;line-height:1;color:var(--ink)}.meter-line{height:8px;border-radius:999px;overflow:hidden;margin:9px 0;background:rgba(78,72,118,.12)}.meter-line em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--mint),var(--blue),var(--purple),var(--pink))}.meter-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.meter-steps i{height:32px;border-radius:15px;display:grid;place-items:center;color:#695f84;font-style:normal;font-weight:1000;border:1px solid rgba(112,100,160,.14);background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.40))}.meter-steps i.done{color:#05142d;background:linear-gradient(135deg,var(--mint),var(--blue));border:0}.bottom-nav{position:fixed;left:50%;bottom:calc(10px + var(--safe));transform:translateX(-50%);width:min(93vw,560px);height:var(--navh);z-index:30;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:7px;border-radius:34px;border:1px solid rgba(255,255,255,.78);background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.52));backdrop-filter:blur(32px);box-shadow:0 22px 72px rgba(38,36,74,.16)}.bottom-nav a{position:relative;text-decoration:none;color:#7b7195;display:grid;grid-template-rows:29px 1fr;place-items:center;border-radius:25px;font-size:10px;font-weight:1000;transition:.24s ease;overflow:hidden}.nav-svg{width:25px;height:25px;object-fit:contain;opacity:.82;transition:.24s}.bottom-nav a b{font-size:10.5px;line-height:1}.bottom-nav a.active{color:var(--ink);transform:translateY(-4px);background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(226,237,255,.76),rgba(242,229,255,.80));box-shadow:0 16px 42px rgba(76,141,255,.17);border:1px solid rgba(255,255,255,.82)}.bottom-nav a.active .nav-svg{opacity:1;transform:translateY(-1px) scale(1.10)}.bottom-nav a.active:after{content:"";position:absolute;bottom:6px;width:26px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--purple),var(--pink))}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.count-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.count-grid div{background:rgba(255,255,255,.52);border:1px solid rgba(112,100,160,.12);border-radius:17px;padding:8px;text-align:center}.count-grid b{display:block;color:var(--ink);font-size:18px}.count-grid span{font-size:10px;color:var(--muted)}.tier-bar{height:9px;border-radius:99px;background:rgba(78,72,118,.12);overflow:hidden;margin:8px 0}.tier-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--purple));border-radius:99px}.onboard-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.step{border-radius:18px;background:rgba(255,255,255,.55);border:1px solid rgba(112,100,160,.12);padding:8px;display:grid;place-items:center;gap:3px;color:var(--muted);font-size:10px;font-weight:1000}.step .nav-svg{width:22px;height:22px}.step.active,.step.done{color:var(--ink);background:linear-gradient(135deg,rgba(52,189,246,.18),rgba(143,98,255,.14)),rgba(255,255,255,.72)}.onboard-shell{justify-content:center}.onboard-card{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:12px}.join-panel{display:flex;flex-direction:column;gap:8px}.join-stack{display:grid;gap:8px}.join-3d{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);border:1px solid rgba(112,100,160,.13);background:rgba(255,255,255,.55);border-radius:18px;padding:10px}.join-3d .nav-svg{width:38px;height:38px}.join-3d div{flex:1}.join-3d small{display:block;color:var(--muted);font-size:10px}.join-3d em{font-style:normal;font-weight:1000;color:var(--blue2);font-size:12px}.tabs{display:flex;gap:7px;overflow:hidden}.tabs a{text-decoration:none;color:var(--soft);background:rgba(255,255,255,.55);border:1px solid rgba(112,100,160,.12);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:1000;white-space:nowrap}.tabs a.active{color:#06142d;background:linear-gradient(135deg,var(--mint),var(--blue))}.page-hero{display:flex;justify-content:space-between;align-items:center;min-height:88px}.mission-grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:9px}.mission-card{min-height:102px;padding:11px;display:grid;grid-template-columns:43px 1fr;grid-template-rows:1fr auto;gap:8px}.mission-ico{width:43px;height:43px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.65);box-shadow:0 10px 28px rgba(38,36,74,.10)}.mission-ico img{width:26px;height:26px}.mission-card h3{font-size:13.5px}.mission-card p{font-size:10.8px;color:var(--soft);max-height:31px;overflow:hidden}.mission-card b{font-size:11.5px;color:#18b983}.status-pill{display:inline-block;margin-left:5px;font-size:9px;color:var(--muted)}.mission-card form{grid-column:1/3}.mission-card button{margin:0;padding:8px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--purple),#6f47ff)}.mission-card.done{opacity:.62}.ref-card,.wallet-head{display:grid;grid-template-columns:88px 1fr;gap:13px;align-items:center}.mini-art{width:78px;height:78px;border-radius:24px}.wallet-head{min-height:106px}.wallet-head h1{font-size:25px}.wallet-main{flex:1;min-height:0}.history-card{min-height:0;overflow:hidden}.history-item{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(78,72,118,.10);padding:7px 0;font-size:12px;color:var(--ink)}.leaderboard{min-height:0;overflow:hidden}.leader-row{display:grid;grid-template-columns:38px 1fr 38px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(78,72,118,.10);font-size:12px;color:var(--ink)}.leader-row span{font-weight:1000;color:var(--blue2)}.leader-row em{font-style:normal;text-align:right;color:#18b983}.friend-mini{display:flex;align-items:center;gap:8px;padding:6px 0}.friend-mini .nav-svg{width:24px;height:24px}.copy-row{display:grid;grid-template-columns:1fr 76px;gap:7px;align-items:center}.notif-mini,.ticket-mini{border:1px solid rgba(112,100,160,.13);border-radius:17px;padding:9px;margin-top:7px;background:rgba(255,255,255,.48);font-size:12px;color:var(--ink)}.notif-mini span,.ticket-mini span{display:block;color:var(--soft);margin-top:3px}.notif-list{display:grid;gap:9px;min-height:0;overflow:hidden}.notif-card{display:grid;grid-template-columns:42px 1fr;gap:10px}.notif-card .nav-svg{width:38px;height:38px}.notif-card small{color:var(--muted)}.form-stack label{display:block;margin:8px 0 5px;color:var(--ink2);font-size:12px;font-weight:950}input,textarea,select{width:100%;border:1px solid rgba(112,100,160,.16);outline:0;color:var(--ink);background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.58));border-radius:19px;padding:11px 13px;font-size:14px}textarea{min-height:56px;resize:none}select option{background:#fff;color:var(--ink)}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}button,.primary-btn{width:100%;border:0;text-decoration:none;color:#06142d;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:9px;padding:12px 14px;border-radius:21px;font-size:14px;font-weight:1000;background:linear-gradient(135deg,var(--mint),var(--blue));box-shadow:0 16px 40px rgba(52,189,246,.15)}button:disabled,input:disabled,textarea:disabled{opacity:.45;cursor:not-allowed}.daily-btn{width:auto;margin:0;padding:10px 14px;background:linear-gradient(135deg,var(--gold),#ff9f1a)}.notice{border:1px solid rgba(112,100,160,.13);border-radius:17px;padding:9px 11px;font-size:12px;background:rgba(255,255,255,.58);color:var(--ink)}.notice.success{border-color:rgba(65,242,178,.30);background:rgba(65,242,178,.12)}.notice.danger{border-color:rgba(255,79,145,.30);background:rgba(255,79,145,.11)}code{display:block;border:1px solid rgba(112,100,160,.13);border-radius:18px;background:rgba(255,255,255,.52);padding:10px;color:#14264c;font-size:11px;word-break:break-all}.fee-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:9px 0}.fee-line{border:1px solid rgba(112,100,160,.13);border-radius:17px;padding:8px;background:rgba(255,255,255,.52);font-size:11px;color:var(--ink)}.fee-line span{font-weight:1000}.fee-line small{display:block;color:var(--muted);word-break:break-all;max-height:30px;overflow:hidden}.payment-shell{justify-content:center}.payment-card,.receipt-card{text-align:center}.receipt-icon .nav-svg{width:72px;height:72px}.receipt-lines{display:grid;gap:7px;margin:10px 0}.receipt-lines div{display:flex;justify-content:space-between;background:rgba(255,255,255,.48);border-radius:14px;padding:8px}.toast{position:fixed;top:12px;left:50%;transform:translateX(-50%) translateY(-120px);z-index:100;background:rgba(255,255,255,.86);border:1px solid rgba(112,100,160,.13);border-radius:18px;padding:10px 14px;transition:.28s;box-shadow:0 20px 60px rgba(38,36,74,.12);color:var(--ink)}.toast.show{transform:translateX(-50%) translateY(0)}@media(max-height:720px){:root{--navh:62px}.mobile-shell{gap:7px;padding-top:7px}.topbar{height:43px;min-height:43px}.top-logo{width:37px;height:37px}.hero-card{min-height:132px}.hero-art{width:106px;height:106px}h1{font-size:21.5px}.pro-card{border-radius:24px;padding:11px}.mission-card{min-height:86px}.mission-card p{display:none}.bottom-nav a b{display:none}.bottom-nav a{grid-template-rows:1fr}.nav-svg{width:27px;height:27px}.mini-art{width:63px;height:63px}.wallet-head{min-height:89px}.notification-preview{display:none}}@media(max-width:380px){.stats-grid{grid-template-columns:repeat(2,1fr)}.hero-card{grid-template-columns:1fr}.hero-art-wrap{display:none}.mission-grid{grid-template-columns:1fr}.fee-grid{grid-template-columns:1fr}.input-row{grid-template-columns:1fr}.split-grid{grid-template-columns:1fr}.notification-preview{display:none}}

/* V12 fixes: 3s loading + readable multilingual UI + no clipped text */
html,body{overflow:hidden!important;}
.mobile-shell{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:calc(var(--navh) + 34px + var(--safe))!important;}
.mobile-shell::-webkit-scrollbar{display:none;}
.pro-card{overflow:visible!important;}
.hero-card,.main-mode,.wallet-main,.support-form,.ticket-card,.history-card{height:auto!important;min-height:auto!important;}
.hero-text p,.mode-card p,.mission-card p,.notif-mini span,.ticket-mini span,p,h1,h2,h3,b,span,small,label{overflow-wrap:anywhere;word-break:normal;}
.mode-card p{display:block!important;max-height:none!important;overflow:visible!important;}
.hero-text p{display:block!important;max-height:none!important;overflow:visible!important;}
.notification-preview{min-height:auto!important;}
[dir="rtl"] body,[dir="rtl"] .mobile-shell{direction:rtl;text-align:right;}
[dir="rtl"] .topbar{direction:ltr;text-align:left;}
[dir="rtl"] .top-copy{direction:rtl;text-align:right;}
[dir="rtl"] .bottom-nav,[dir="rtl"] .stats-grid,[dir="rtl"] .count-grid,[dir="rtl"] .meter-steps,[dir="rtl"] .mission-grid{direction:ltr;}
[dir="rtl"] .bottom-nav a,[dir="rtl"] .mini-stat,[dir="rtl"] .count-grid div,[dir="rtl"] .meter-steps i{direction:rtl;}
.language-panel{display:block;}
.language-save{display:block;margin:0;}
.language-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px;}
.lang-chip{position:relative;display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:18px;border:1px solid rgba(112,100,160,.16);background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.58));font-weight:1000;color:var(--soft);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);}
.lang-chip input{display:none;}
.lang-chip.active{color:#06142d;background:linear-gradient(135deg,var(--mint),var(--blue));box-shadow:0 14px 34px rgba(52,189,246,.14),inset 0 1px 0 rgba(255,255,255,.55);border-color:transparent;}
.onboard-shell{justify-content:flex-start!important;padding-top:14px!important;}
.join-panel{max-height:none!important;}
.join-3d{min-height:54px;}
.section-head h2{line-height:1.15;}
.bottom-nav a b{white-space:normal;text-align:center;line-height:1.08;font-size:10px;max-width:68px;}
@media(max-height:760px){.hero-art{width:112px!important;height:112px!important}.hero-card{grid-template-columns:1fr 116px!important}.hero-text p{font-size:11.5px!important}.stats-grid{gap:6px}.mini-stat{padding:10px 9px!important}.split-grid{grid-template-columns:1fr 1fr!important}.notification-preview{display:none!important}}
@media(max-width:390px){.language-grid{grid-template-columns:1fr 1fr}.bottom-nav a b{font-size:9.5px}.hero-card{grid-template-columns:1fr!important}.hero-art-wrap{display:none!important}.split-grid{grid-template-columns:1fr!important}}