*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}button{font:inherit}body{display:flex;justify-content:center}.app{width:min(100vw,460px);min-height:100svh;background:#020712;position:relative;overflow-x:hidden}.screen{display:none;min-height:100svh}.screen.active{display:block}.screen-home{position:relative;background:#000;height:100svh;overflow:hidden}.home-ref{display:block;width:100%;height:100svh;object-fit:cover;object-position:top center;user-select:none;-webkit-user-drag:none}.tap-zone{position:absolute;border:0;background:rgba(0,0,0,0);padding:0;margin:0;cursor:pointer}.tap-zone:active{background:rgba(255,255,255,.08)}.tap-duel{left:10%;top:45.4%;width:80%;height:5.8%;border-radius:18px}.tap-leaders-card{left:3.4%;top:71.3%;width:93%;height:18.8%;border-radius:18px}.tap-season{left:3.4%;top:56%;width:46%;height:13.4%;border-radius:15px}.tap-queue{left:51.2%;top:56%;width:45%;height:13.4%;border-radius:15px}.nav-home{left:3.5%;top:92.2%;width:19%;height:6.2%;border-radius:24px}.nav-duels{left:23%;top:92.2%;width:18%;height:6.2%}.nav-leaders{left:41.5%;top:92.2%;width:18%;height:6.2%}.nav-diamonds{left:60%;top:92.2%;width:18%;height:6.2%}.nav-profile{left:78%;top:92.2%;width:18.5%;height:6.2%}

.coded-screen{padding:18px 16px 96px;background:radial-gradient(circle at 50% 0%,rgba(36,102,255,.18),transparent 34%),radial-gradient(circle at 100% 18%,rgba(129,52,255,.14),transparent 28%),linear-gradient(180deg,#050b18,#020610 68%,#000);position:relative}.coded-screen:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(120deg,rgba(49,114,255,.10) 1px,transparent 1px),linear-gradient(60deg,rgba(153,67,255,.08) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 54%)}.coded-screen>*{position:relative}.app-head{display:grid;grid-template-columns:82px 1fr 48px;align-items:center;margin-bottom:28px}.app-head h1{margin:0;text-align:center;font-size:18px;letter-spacing:1.2px}.app-head p{margin:3px 0 0;text-align:center;color:#8e98ad;font-size:13px}.link-btn,.dots{border:0;background:transparent;color:#328bff}.link-btn{text-align:left;font-size:18px}.dots{width:34px;height:34px;border:1px solid rgba(50,139,255,.65);border-radius:50%;font-size:14px}.brand-mini{display:flex;align-items:center;gap:16px;margin:0 2px 22px}.brand-mini h2{margin:0;font-size:31px;letter-spacing:.5px}.brand-mini p{margin:6px 0 0;color:#94a0b7}.mark{width:58px;height:58px;background:linear-gradient(135deg,#7f42ff,#24b6ff);clip-path:polygon(50% 0,62% 33%,100% 20%,72% 50%,100% 80%,62% 67%,50% 100%,38% 67%,0 80%,28% 50%,0 20%,38% 33%);filter:drop-shadow(0 0 16px rgba(54,135,255,.7))}.duel-hero,.list-card,.info-card,.podium-card,.stats-card,.wallet-card,.profile-big,.menu-list,.season-big{background:linear-gradient(145deg,rgba(12,26,52,.92),rgba(4,10,22,.95));border:1px solid rgba(82,129,219,.25);border-radius:22px;box-shadow:0 16px 45px rgba(0,0,0,.42)}.duel-hero{padding:30px 22px;margin-bottom:18px;text-align:center;border-color:rgba(91,75,230,.55);background:radial-gradient(circle at 20% 20%,rgba(0,89,255,.26),transparent 38%),radial-gradient(circle at 80% 30%,rgba(175,38,255,.25),transparent 38%),linear-gradient(145deg,rgba(9,22,50,.96),rgba(5,8,20,.96))}.duel-title{font-size:30px;font-weight:900}.duel-sub{color:#aeb8cf;margin:6px 0 22px;font-size:17px}.gold-main{width:100%;border:0;border-radius:16px;padding:17px;color:#0c0b08;font-weight:950;font-size:22px;letter-spacing:.8px;background:linear-gradient(180deg,#ffe7a0,#d99a30);box-shadow:0 0 24px rgba(238,182,65,.45),inset 0 1px 0 rgba(255,255,255,.75)}.mode-row,.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}.mode,.tabs button{border:1px solid rgba(104,130,174,.25);background:rgba(255,255,255,.04);color:#aeb8cf;border-radius:15px;padding:11px 6px}.mode.active,.tabs button.active{color:#3a92ff;border-color:#1783ff;box-shadow:inset 0 0 22px rgba(54,108,255,.18)}.info-card{padding:18px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.info-card b{font-size:18px}.info-card span{display:block;color:#91a0ba;margin-top:6px}.info-card strong{font-size:32px;color:#2f86ff}.list-card{padding:16px;margin-bottom:18px}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-title b{font-size:18px;text-transform:uppercase}.card-title span{color:#aeb8cf}.challenge{display:grid;grid-template-columns:48px 1fr 92px;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08)}.challenge:last-child{border-bottom:0}.avatar{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff,transparent 16%),linear-gradient(135deg,#133b76,#070d1e);border:2px solid rgba(76,137,255,.8);box-shadow:0 0 17px rgba(55,116,255,.4)}.avatar.a2{background:linear-gradient(135deg,#d5d7e5,#34384d)}.avatar.a3{background:linear-gradient(135deg,#442865,#10091d);border-color:rgba(196,91,255,.75)}.avatar.main{width:124px;height:124px;margin:0 auto 14px;background:linear-gradient(135deg,#dce4ff,#222844 45%,#080c17);border-color:#864dff}.challenge span,.rank-row em,.rank-row span{color:#9da8bf}.challenge button{border:1px solid #e1aa3a;background:rgba(0,0,0,.18);color:#ffd36d;border-radius:12px;padding:10px;font-weight:800}.challenge button.blue{border-color:#2288ff;color:#2e90ff}.bottom{position:fixed;z-index:3;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100vw - 22px),432px);height:72px;border:1px solid rgba(79,119,188,.28);border-radius:26px;background:rgba(7,17,33,.88);backdrop-filter:blur(18px);display:grid;grid-template-columns:repeat(5,1fr);padding:8px;box-shadow:0 10px 35px rgba(0,0,0,.45)}.bottom button{border:0;background:transparent;color:#8c97ae;border-radius:20px;display:grid;place-items:center;font-size:22px}.bottom span{font-size:12px}.bottom .active{color:#238aff;background:rgba(35,112,255,.13);box-shadow:inset 0 0 0 1px rgba(35,112,255,.55)}.podium-card{display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:10px;align-items:end;padding:24px 12px;margin-bottom:18px}.podium{text-align:center}.podium .avatar{margin:0 auto 10px;width:70px;height:70px}.podium.first .avatar{width:92px;height:92px;border-color:#f2c95a}.podium b{display:block}.podium span{color:#f3c04e}.list-card .rank-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}.stats-card{display:grid;grid-template-columns:repeat(3,1fr);padding:18px;text-align:center}.stats-card span{color:#9da8bf;display:block}.stats-card b{font-size:25px}.wallet-card{padding:18px;display:grid;grid-template-columns:54px 1fr 42px;align-items:center;margin-bottom:14px}.wallet-card div{font-size:38px;grid-row:1/3}.wallet-card span{color:#9da8bf}.wallet-card b{font-size:32px}.wallet-card button{grid-column:3;grid-row:1/3;border:1px solid rgba(104,130,174,.25);background:rgba(255,255,255,.05);color:white;border-radius:14px;font-size:25px}.tabs{grid-template-columns:1fr 1fr 1fr}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.product{min-height:156px;border:1px solid rgba(82,129,219,.25);border-radius:18px;background:linear-gradient(145deg,rgba(15,31,65,.92),rgba(5,10,21,.96));color:white;position:relative;overflow:hidden}.product i{position:absolute;left:10px;top:10px;font-style:normal;background:#5e2db2;padding:5px 8px;border-radius:8px;font-size:12px}.product strong{font-size:38px;display:block;margin-top:38px}.product b{display:block;font-size:19px;margin:6px}.product span{display:block;margin:10px;font-weight:900;font-size:20px}.product.hot i{background:#b56f28}.profile-big{padding:24px;text-align:center;margin-bottom:16px}.profile-big h2{font-size:30px;margin:6px 0}.profile-big p{color:#9da8bf}.profile-big b{color:#67a7ff}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px}.profile-stats strong{font-size:24px;display:block}.profile-stats span{color:#9da8bf}.menu-list{padding:8px}.menu-list button{width:100%;display:grid;grid-template-columns:54px 1fr auto;align-items:center;text-align:left;border:0;background:transparent;color:white;padding:17px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.menu-list button:last-child{border-bottom:0}.menu-list span{width:38px;height:38px;border-radius:12px;background:rgba(80,73,255,.18);display:grid;place-items:center;color:#6c7bff}.menu-list b{font-size:18px}.menu-list em{font-style:normal;color:#9da8bf}.season-big{text-align:center;padding:28px;margin-bottom:18px}.rank-icon{font-size:70px;color:#2e90ff;text-shadow:0 0 22px #2e90ff}.season-big h2{font-size:34px;margin:8px}.season-big p,.season-big em{color:#9da8bf;font-style:normal}.season-big b{display:block;font-size:24px;margin:16px}.progress{height:10px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden}.progress span{display:block;height:100%;width:56%;background:#2c8bff}.reward-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.reward-row span{color:#9da8bf}@media (max-width:390px){.coded-screen{padding-left:12px;padding-right:12px}.brand-mini h2{font-size:26px}.bottom{height:68px}.shop-grid{gap:9px}.product{min-height:145px}.duel-title{font-size:26px}.gold-main{font-size:20px}}

/* Telegram already shows the real Mini App header, so we hide the duplicated internal one. */
.app-head{display:none!important}
.coded-screen .brand-mini:first-of-type{margin-top:4px}