:root{
    --navy:#07162f;
    --navy-2:#0d2447;
    --navy-3:#17375f;
    --cyan:#38dffc;
    --green:#9df43e;
    --green-dark:#55bb22;
    --yellow:#ffc940;
    --text:#f5f8ff;
    --muted:#9eb0ca;
    --card:#102a50;
    --line:rgba(161,203,255,.16);
    --danger:#ff707a;
}
*{box-sizing:border-box}
html{background:#030b18}
body{
    margin:0;
    color:var(--text);
    background:
        radial-gradient(circle at 20% 0,#0e3461 0,transparent 38rem),
        #030b18;
    font:15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
button,input,select{font:inherit}
button{color:inherit}
.app-shell{
    position:relative;
    width:min(100%,540px);
    min-height:100vh;
    margin:0 auto;
    padding-bottom:102px;
    overflow:hidden;
    background:linear-gradient(180deg,#07162f 0,#091b38 56%,#07162f 100%);
    box-shadow:0 0 80px #000a;
}
.hero{
    position:relative;
    min-height:248px;
    padding:calc(18px + env(safe-area-inset-top)) 20px 20px;
    overflow:hidden;
    border-bottom:1px solid var(--line);
    background:
        linear-gradient(145deg,rgba(39,223,255,.12),transparent 45%),
        linear-gradient(180deg,#0b2447,#081a35);
}
.hero:after{
    content:"";
    position:absolute;left:0;right:0;bottom:-50px;height:100px;
    background:radial-gradient(ellipse at center,rgba(57,223,252,.18),transparent 68%);
}
.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.35}
.orb-one{width:180px;height:180px;right:-80px;top:-50px;background:#38dffc}
.orb-two{width:110px;height:110px;left:-70px;bottom:-45px;background:#9df43e}
.topline,.profile,.hero-stats{position:relative;z-index:2}
.topline{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px}
.brand-bolt{
    display:grid;place-items:center;width:42px;height:42px;border-radius:14px;
    color:#0b213d;background:linear-gradient(145deg,#b7ff59,#6ed923);
    box-shadow:0 8px 22px rgba(125,235,48,.28);font-size:21px
}
.brand strong{display:block;font-size:14px;letter-spacing:.7px}
.brand small{display:block;margin-top:1px;color:#6edbef;font-size:8px;letter-spacing:1.7px}
.admin-link{
    display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);
    border-radius:14px;color:#b9c8dc;text-decoration:none;background:#ffffff09;font-size:19px
}
.profile{display:flex;align-items:center;gap:12px;margin-top:28px}
.avatar-wrap{
    position:relative;display:grid;place-items:center;flex:0 0 58px;height:58px;
    overflow:visible;border:2px solid var(--cyan);border-radius:19px;
    background:linear-gradient(145deg,#2b5180,#142d52);font-weight:900
}
.avatar-wrap img{width:100%;height:100%;object-fit:cover;border-radius:17px}
.avatar-wrap i{
    position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;border:3px solid #0b2141;
    border-radius:50%;background:#49e26d
}
.profile-copy{min-width:0;display:flex;flex:1;flex-direction:column}
.profile-copy .eyebrow{color:#77dff2;font-size:9px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
.profile-copy strong{overflow:hidden;font-size:20px;text-overflow:ellipsis;white-space:nowrap}
.profile-copy>span:last-child{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.verify-pill{
    padding:7px 9px;border:1px solid rgba(255,201,64,.35);border-radius:999px;
    color:var(--yellow);background:rgba(255,201,64,.1);font-size:9px;font-weight:900;letter-spacing:.8px
}
.verify-pill.verified{color:#b8ff70;border-color:#81e73f66;background:#83df3215}
.hero-stats{
    display:grid;grid-template-columns:1.45fr 1fr .7fr;gap:1px;margin-top:24px;
    overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--line)
}
.hero-stats>div{min-width:0;padding:13px;background:#0b2142}
.hero-stats span{display:block;color:#8095b4;font-size:9px;font-weight:800;text-transform:uppercase}
.hero-stats strong{display:block;overflow:hidden;margin-top:3px;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.connection-banner{
    display:flex;align-items:center;gap:9px;max-height:48px;margin:14px 18px 0;padding:10px 13px;
    overflow:hidden;border:1px solid #2a507b;border-radius:13px;background:#0c2649;color:#a9bbd3;font-size:12px;
    opacity:1;transform:translateY(0);transition:opacity .24s ease,transform .24s ease,max-height .28s ease,margin .28s ease,padding .28s ease,border-width .28s ease
}
.connection-banner[hidden]{display:none}
.connection-banner span{color:var(--yellow)}
.connection-banner p{margin:0}
.connection-banner.ready{border-color:#5acb6b44;background:#103427;color:#b8e8c0}
.connection-banner.ready span{color:#4ae06b}
.connection-banner.error{border-color:#ff707a55;background:#3a202c;color:#ffb5bb}
.connection-banner.is-hidden{max-height:0;margin-top:0;padding-top:0;padding-bottom:0;border-width:0;opacity:0;transform:translateY(-6px)}
.page{display:none;padding:21px 18px 10px}
.page.active{display:block;animation:pageIn .26s ease both}
@keyframes pageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.section-kicker{color:#56dff8;font-size:10px;font-weight:900;letter-spacing:1.4px}
.level-row{display:flex;align-items:center;justify-content:space-between}
.level-row h1,.page-heading h2{margin:3px 0 0;font-size:26px;line-height:1.16}
.weather-chip{padding:9px 12px;border:1px solid var(--line);border-radius:13px;color:#cfdaeb;background:#0c2647}
.island-card{
    position:relative;height:345px;margin-top:16px;overflow:hidden;border:1px solid #2b4b73;
    border-radius:30px;background:
        radial-gradient(circle at 50% 38%,#2d79a5 0,#16486f 32%,#0a2243 70%);
    box-shadow:inset 0 1px rgba(255,255,255,.09),0 18px 40px #02081266
}
.island-card:before{
    content:"";position:absolute;inset:0;opacity:.28;
    background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
    background-size:32px 32px;transform:perspective(300px) rotateX(64deg) scale(1.7);transform-origin:bottom
}
.sky-glow{position:absolute;left:50%;top:42%;width:260px;height:260px;transform:translate(-50%,-50%);border-radius:50%;background:#57e3ff25;filter:blur(16px)}
.cloud{position:absolute;width:86px;height:20px;border-radius:50%;background:#d9f6ff24;filter:blur(1px)}
.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}
.cloud:before{width:36px;height:36px;left:15px;top:-17px}.cloud:after{width:47px;height:47px;right:8px;top:-24px}
.cloud-one{left:-15px;top:78px}.cloud-two{right:-32px;top:128px;transform:scale(.8)}
.live-chip{
    position:absolute;z-index:3;left:50%;top:16px;transform:translateX(-50%);
    padding:7px 11px;border:1px solid #8cf2584d;border-radius:999px;color:#c9ff99;
    background:#0b2e2ccc;font-size:8px;font-weight:900;letter-spacing:1px;white-space:nowrap
}
.live-chip i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#7cf24b;box-shadow:0 0 10px #8aff5a}
.island-image{
    position:absolute;z-index:2;left:50%;top:51%;width:94%;height:auto;
    transform:translate(-50%,-50%);filter:drop-shadow(0 26px 20px #0008)
}
.float-stat{
    position:absolute;z-index:4;bottom:19px;padding:9px 11px;border:1px solid #ffffff20;
    border-radius:13px;background:#07182ddb;backdrop-filter:blur(7px)
}
.float-stat.left{left:15px}.float-stat.right{right:15px;text-align:right}
.float-stat span{display:block;color:#8fa8c5;font-size:8px;text-transform:uppercase}.float-stat strong{font-size:12px}
.progress-card{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:17px;background:#0d2749}
.progress-copy{display:flex;justify-content:space-between;color:#99abc3;font-size:11px}.progress-copy b{color:#dbe6f5}
.progress-track{height:7px;margin-top:10px;overflow:hidden;border-radius:99px;background:#06142b}
.progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2dd8f7,#a0f541);box-shadow:0 0 12px #48e5d4}
.action-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:11px;margin-top:14px}
.action-grid button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:74px;border:0;border-radius:18px;cursor:pointer;box-shadow:0 8px 0 #346f20}
.primary-action{color:#102b08;background:linear-gradient(145deg,#b3ff57,#7cdd31)}
.secondary-action{color:#172a3b;background:linear-gradient(145deg,#63e7ff,#2cc5e7);box-shadow:0 8px 0 #147d9a!important}
.action-icon{font-size:23px}.action-grid strong,.action-grid small{display:block}.action-grid strong{font-size:14px}.action-grid small{margin-top:2px;font-size:9px;opacity:.72}
button:disabled{cursor:not-allowed;filter:grayscale(.6);opacity:.6}
.mini-cards{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:19px}
.mini-cards button{position:relative;padding:15px;border:1px solid var(--line);border-radius:17px;text-align:left;background:#0c2547;cursor:pointer}
.mini-cards span{float:left;margin-right:10px;font-size:24px}.mini-cards strong,.mini-cards small{display:block}.mini-cards strong{font-size:13px}.mini-cards small{color:#8599b6;font-size:9px}
.page-heading{margin-bottom:18px}.page-heading p{margin:7px 0 0;color:var(--muted);font-size:12px}
.task-list{display:grid;gap:12px}
.task-card{padding:15px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,#102b51,#0b203e)}
.task-head{display:flex;gap:12px}.task-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:14px;background:#193a64;font-size:21px}
.task-copy{min-width:0;flex:1}.task-copy strong{display:block}.task-copy p{margin:3px 0;color:var(--muted);font-size:11px}
.task-reward{color:var(--green);font-size:10px;font-weight:900}
.task-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:12px}
.task-progress .track{height:7px;overflow:hidden;border-radius:99px;background:#06142a}.task-progress .track i{display:block;height:100%;background:linear-gradient(90deg,#35d9f7,#9af144)}
.task-progress span{color:#9eb1ca;font-size:10px}
.task-card button{width:100%;margin-top:12px;padding:10px;border:0;border-radius:12px;color:#122500;background:var(--green);font-weight:900;cursor:pointer}
.task-card button.claimed{color:#8fa2bc;background:#172d4a}
.invite-hero{padding:26px 20px;border:1px solid #315477;border-radius:25px;text-align:center;background:radial-gradient(circle at 50% 0,#1b5d74,#0d284b 68%)}
.invite-art{font-size:58px;filter:drop-shadow(0 10px 16px #0005)}.invite-hero>span{display:block;margin-top:10px;color:#9fb1c9;font-size:11px}.invite-hero strong{display:block;font-size:29px}.invite-hero p{margin:5px 0 0;color:#8fecff;font-size:10px}
.invite-link-box,.milestones,.history-card{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:19px;background:#0d2748}
.invite-link-box label{display:block;margin-bottom:8px;color:#91a5c0;font-size:10px;font-weight:800;text-transform:uppercase}
.invite-link-box>div{display:flex}.invite-link-box input{min-width:0;flex:1;padding:11px;border:1px solid #2b4b71;border-radius:11px 0 0 11px;color:#dfe9f8;background:#071831}.invite-link-box>div button{border:0;border-radius:0 11px 11px 0;color:#142c07;background:var(--green);font-size:10px;font-weight:900}
.share-button{width:100%;margin-top:10px;padding:13px;border:1px solid #4ae5ff55;border-radius:12px;color:#bff6ff;background:#123b5d;font-size:11px;font-weight:900}
.milestones h3,.history-card h3{margin:0 0 12px;font-size:14px}.milestone{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:11px}.milestone i{color:#7edff2;font-style:normal}.milestone strong{color:var(--green)}
.podium{display:flex;align-items:flex-end;justify-content:center;gap:9px;min-height:176px;padding:16px 4px 0}
.podium-person{width:31%;text-align:center}.podium-person.rank-1{order:2}.podium-person.rank-2{order:1}.podium-person.rank-3{order:3}.podium-avatar{display:grid;place-items:center;width:50px;height:50px;margin:auto;border:2px solid #63ddff;border-radius:17px;background:#193d66;font-weight:900}.podium-person.rank-1 .podium-avatar{width:64px;height:64px;border-color:#ffd85a;font-size:18px}.podium-person strong,.podium-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-person strong{margin-top:7px;font-size:11px}.podium-person small{color:#89a0bd;font-size:9px}.podium-step{margin-top:9px;padding:10px 4px;border-radius:12px 12px 0 0;background:#173759;color:#63ddff;font-weight:900}.podium-person.rank-1 .podium-step{padding-top:18px;color:#ffdc67;background:#604e22}
.leaderboard{overflow:hidden;margin-top:14px;border:1px solid var(--line);border-radius:19px;background:#0b2241}.leader-row{display:grid;grid-template-columns:30px 38px 1fr auto;align-items:center;gap:9px;padding:12px;border-bottom:1px solid var(--line)}.leader-row:last-child{border:0}.leader-row.me{background:#174359}.leader-avatar{display:grid;place-items:center;height:38px;border-radius:12px;background:#1a3a62;font-size:10px;font-weight:900}.leader-copy{min-width:0}.leader-copy strong,.leader-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-copy strong{font-size:12px}.leader-copy small{color:#8298b5;font-size:9px}.leader-energy{text-align:right}.leader-energy strong,.leader-energy small{display:block}.leader-energy strong{color:#9ff44d;font-size:11px}.leader-energy small{color:#7890ae;font-size:8px}
.wallet-card{position:relative;overflow:hidden;padding:25px;border:1px solid #61e2fd4f;border-radius:25px;background:linear-gradient(145deg,#174e6c,#0e2a50 60%);box-shadow:0 18px 40px #0004}.wallet-card:after{content:"⚡";position:absolute;right:-5px;top:-28px;color:#ffffff0b;font-size:150px;transform:rotate(15deg)}.wallet-card>span,.wallet-card>strong,.wallet-card>small{position:relative;z-index:1;display:block}.wallet-card>span{color:#a6bad0;font-size:11px}.wallet-card>strong{margin-top:4px;font-size:34px}.wallet-card>small{color:#6ee9ff}.wallet-card button{position:relative;z-index:1;width:100%;margin-top:20px;padding:14px;border:0;border-radius:14px;color:#153104;background:linear-gradient(145deg,#b3ff58,#7cdd31);font-weight:950;box-shadow:0 7px 0 #397d20}
.security-summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:14px;padding:15px;border:1px solid var(--line);border-radius:18px;background:#0c2547}.shield{font-size:26px}.security-summary strong{font-size:12px}.security-summary p{margin:3px 0 0;color:#8fa4bf;font-size:9px}.security-summary button{border:1px solid #35567a;border-radius:10px;color:#83e8fa;background:#102f54;font-size:10px}
.history-empty{padding:25px;text-align:center;color:#8094b0}.history-row{display:grid;grid-template-columns:1fr auto;gap:6px;padding:12px 0;border-top:1px solid var(--line)}.history-row strong,.history-row span{display:block}.history-row small{color:#8095b1}.history-row>div:last-child{text-align:right}.status{font-size:9px;font-weight:900;text-transform:uppercase}.status.pending,.status.review{color:#ffd45b}.status.approved,.status.paid{color:#8ef052}.status.rejected{color:#ff7d85}
.bottom-nav{
    position:fixed;z-index:30;left:50%;bottom:0;width:min(100%,540px);height:84px;
    transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,1fr);
    padding:8px 8px calc(8px + env(safe-area-inset-bottom));
    border-top:1px solid #29496f;background:#07172df2;backdrop-filter:blur(18px)
}
.bottom-nav button{border:0;border-radius:15px;color:#748ba9;background:transparent;cursor:pointer}.bottom-nav span,.bottom-nav b{display:block}.bottom-nav span{font-size:21px;filter:grayscale(1)}.bottom-nav b{margin-top:2px;font-size:8px;text-transform:uppercase}.bottom-nav button.active{color:#b6ff5e;background:#18344f}.bottom-nav button.active span{filter:none}
.modal{position:fixed;z-index:100;inset:0;display:none;align-items:flex-end;justify-content:center}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:#020713d9;backdrop-filter:blur(5px)}.modal-sheet{position:relative;z-index:1;width:min(100%,540px);max-height:92vh;overflow:auto;padding:25px 20px calc(22px + env(safe-area-inset-bottom));border:1px solid #315174;border-radius:28px 28px 0 0;background:#0b2141;box-shadow:0 -22px 60px #0008;animation:sheetIn .25s ease both}@keyframes sheetIn{from{transform:translateY(30px);opacity:0}}.modal-close{position:absolute;right:17px;top:15px;width:36px;height:36px;border:1px solid var(--line);border-radius:12px;background:#102d51;font-size:22px}.modal-icon{font-size:42px}.modal-sheet h2{margin:7px 0}.modal-sheet>p,.modal-sheet li{color:#9db0c8;font-size:12px}.modal-sheet ul{padding-left:20px}.privacy-note{padding:12px;border:1px solid #4ddff13b;border-radius:13px;color:#aeeaf4;background:#103552;font-size:10px}.accept-button,.ghost-button{width:100%;padding:14px;border:0;border-radius:13px;font-weight:950}.accept-button{margin-top:16px;color:#153004;background:var(--green)}.ghost-button{margin-top:8px;color:#91a7c2;background:#132c4c}.modal-sheet form label{display:block;margin-top:13px;color:#a7b8ce;font-size:11px;font-weight:800}.modal-sheet input,.modal-sheet select{width:100%;margin-top:6px;padding:13px;border:1px solid #35577e;border-radius:12px;color:#fff;background:#071832;outline:none}.modal-sheet input:focus,.modal-sheet select:focus{border-color:#4eddf6}.conversion-preview{display:flex;justify-content:space-between;margin-top:14px;padding:13px;border-radius:12px;color:#a8bad0;background:#071831}.conversion-preview strong{color:#9df342}
.toast{position:fixed;z-index:200;left:50%;bottom:100px;max-width:calc(100% - 36px);transform:translate(-50%,18px);padding:11px 15px;border:1px solid #4adff45e;border-radius:13px;color:#eefdff;background:#102f4eef;box-shadow:0 10px 30px #0008;opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}.toast.error{border-color:#ff717b66;background:#48232e}
@media (min-width:541px){.app-shell{margin:22px auto;border:1px solid #1b395e;border-radius:32px;min-height:calc(100vh - 44px)}.bottom-nav{bottom:22px;border:1px solid #29496f;border-radius:0 0 32px 32px}}
@media (max-width:380px){.hero{padding-left:15px;padding-right:15px}.page{padding-left:14px;padding-right:14px}.action-grid{grid-template-columns:1fr}.island-card{height:310px}.wallet-card>strong{font-size:29px}}

/* v2.5.1: premium Telegram gate with discreet connection state */
body.telegram-gate-open{overflow:hidden}
.telegram-gate{
    position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;display:grid;place-items:center;
    overflow:hidden;padding:max(22px,env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom));
    background:#040d1d
}
.telegram-gate[hidden]{display:none}
.gate-backdrop{position:absolute;z-index:-2;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 22%,#123d6a 0,#071a35 40%,#030a17 78%)}
.gate-backdrop:before{content:"";position:absolute;inset:-25%;background:conic-gradient(from 200deg at 50% 50%,transparent 0 27%,rgba(52,219,247,.11) 34%,transparent 43% 67%,rgba(157,244,62,.07) 75%,transparent 84%);animation:gateSweep 18s linear infinite}
.gate-backdrop:after{content:"";position:absolute;inset:0;opacity:.24;background-image:radial-gradient(circle,rgba(205,239,255,.55) 0 1px,transparent 1.4px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 84%)}
.gate-grid{position:absolute;left:50%;bottom:-28%;width:125%;height:58%;transform:translateX(-50%) perspective(540px) rotateX(64deg);transform-origin:center top;opacity:.17;background-image:linear-gradient(rgba(80,214,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(80,214,255,.5) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.gate-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.42;animation:gateFloat 8s ease-in-out infinite}
.gate-orb-one{width:280px;height:280px;left:-110px;top:8%;background:radial-gradient(circle,#16c8ef88,transparent 68%)}
.gate-orb-two{width:340px;height:340px;right:-155px;bottom:-65px;background:radial-gradient(circle,#8bed3d4d,transparent 70%);animation-delay:-3s}
.gate-orb-three{width:190px;height:190px;right:10%;top:-90px;background:radial-gradient(circle,#5b7dff52,transparent 70%);animation-delay:-6s}
.gate-shell{width:min(100%,470px);animation:gateEnter .5s cubic-bezier(.2,.8,.2,1) both}
.gate-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;color:#eaf7ff}
.gate-brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(162,242,255,.28);border-radius:12px;color:#10230a;background:linear-gradient(145deg,#b4ff5b,#69db29);box-shadow:0 10px 28px rgba(109,222,48,.2)}
.gate-brand strong,.gate-brand small{display:block}.gate-brand strong{font-size:13px;letter-spacing:.35px}.gate-brand small{margin-top:1px;color:#65dff4;font-size:7px;font-weight:900;letter-spacing:1.7px}
.telegram-gate-card{position:relative;padding:24px 24px 21px;overflow:hidden;border:1px solid rgba(133,214,255,.26);border-radius:30px;background:linear-gradient(160deg,rgba(17,48,84,.88),rgba(7,21,44,.94));box-shadow:0 30px 90px #000b,inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(22px);text-align:center}
.telegram-gate-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 24% 74%,rgba(57,221,249,.05))}
.gate-secure-pill{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(117,240,163,.24);border-radius:999px;color:#aaf7c3;background:rgba(27,108,67,.2);font-size:8px;font-weight:950;letter-spacing:1px}
.gate-secure-pill i,.gate-status i{width:7px;height:7px;border-radius:50%;background:#64ed8f;box-shadow:0 0 14px rgba(100,237,143,.8);animation:gatePulse 1.8s ease-in-out infinite}
.telegram-gate-icon{position:relative;display:grid;place-items:center;width:104px;height:104px;margin:22px auto 16px}
.gate-ring{position:absolute;inset:0;border:1px solid rgba(83,224,249,.22);border-radius:50%;animation:gateRing 3.2s ease-out infinite}
.gate-ring-two{inset:13px;animation-delay:-1.6s}
.gate-icon-core{position:relative;z-index:2;display:grid;place-items:center;width:72px;height:72px;border:1px solid rgba(255,255,255,.28);border-radius:24px;background:linear-gradient(145deg,#56e5ff,#20aee8);box-shadow:0 18px 42px rgba(25,186,236,.36),inset 0 1px rgba(255,255,255,.7);transform:rotate(-4deg)}
.gate-icon-core svg{width:42px;height:42px;fill:#fff;filter:drop-shadow(0 3px 5px rgba(0,61,110,.26));transform:rotate(4deg)}
.gate-kicker{position:relative;z-index:1;display:block;color:var(--green);font-size:9px;font-weight:950;letter-spacing:1.8px}
.telegram-gate-card h1{position:relative;z-index:1;margin:7px 0 9px;font-size:31px;line-height:1.12;letter-spacing:-.7px}
.gate-description{position:relative;z-index:1;max-width:355px;margin:0 auto;color:#9fb3cd;font-size:13px;line-height:1.6}
.gate-primary{position:relative;z-index:1;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;width:100%;margin-top:22px;padding:11px 14px 11px 11px;border:0;border-radius:17px;color:#09213a;background:linear-gradient(135deg,#65e7ff 0,#5ce5cf 42%,#9af443 100%);box-shadow:0 12px 34px rgba(71,217,196,.26),0 5px 0 rgba(43,124,86,.58);cursor:pointer;text-align:left;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.gate-primary:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 16px 38px rgba(71,217,196,.32),0 6px 0 rgba(43,124,86,.58)}
.gate-primary:active{transform:translateY(4px);box-shadow:0 7px 18px rgba(71,217,196,.22),0 1px 0 rgba(43,124,86,.58)}
.gate-primary:disabled{cursor:wait;filter:saturate(.55);opacity:.78}
.gate-primary-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.55);box-shadow:inset 0 1px rgba(255,255,255,.7)}
.gate-primary-icon svg{width:25px;height:25px;fill:#087eb7}.gate-primary-copy strong,.gate-primary-copy small{display:block}.gate-primary-copy strong{font-size:12px;letter-spacing:.45px}.gate-primary-copy small{margin-top:2px;color:#17435a;font-size:9px;font-weight:750}.gate-primary-arrow{font-size:23px;font-weight:800;transition:transform .18s ease}.gate-primary:hover .gate-primary-arrow{transform:translateX(3px)}
.gate-primary.loading .gate-primary-icon svg{animation:gateButtonSpin .8s linear infinite}.gate-primary.loading .gate-primary-arrow{opacity:.45}
.gate-status{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:31px;margin-top:13px;color:#83a0bf;font-size:10px}.gate-status.error{color:#ff9ba5}.gate-status.error i{background:#ff707a;box-shadow:0 0 14px rgba(255,112,122,.75)}
.gate-trust-list{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:3px;padding-top:15px;border-top:1px solid rgba(156,210,255,.12)}
.gate-trust-list>div{min-width:0;padding:10px 7px;border:1px solid rgba(145,201,255,.1);border-radius:13px;background:rgba(5,20,42,.45)}
.gate-trust-list>div>span{display:grid;place-items:center;width:20px;height:20px;margin:0 auto 6px;border-radius:7px;color:#aefe7a;background:rgba(94,195,55,.17);font-size:10px;font-weight:950}.gate-trust-list p{margin:0}.gate-trust-list strong,.gate-trust-list small{display:block}.gate-trust-list strong{font-size:9px}.gate-trust-list small{margin-top:2px;color:#7088a6;font-size:7px;line-height:1.35}
.gate-privacy{display:flex;align-items:flex-start;justify-content:center;gap:7px;max-width:390px;margin:13px auto 0;color:#66809f;text-align:center;font-size:9px;line-height:1.5}.gate-privacy span{color:#76e7f6}
@keyframes gateEnter{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
@keyframes gateFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-16px,0)}}
@keyframes gateSweep{to{transform:rotate(360deg)}}
@keyframes gateRing{0%{opacity:.7;transform:scale(.72)}75%,100%{opacity:0;transform:scale(1.18)}}
@keyframes gatePulse{50%{opacity:.45;transform:scale(.75)}}
@keyframes gateButtonSpin{to{transform:rotate(360deg)}}
@media(max-width:440px){.telegram-gate{padding-left:13px;padding-right:13px}.gate-brand{margin-bottom:11px}.telegram-gate-card{padding:20px 16px 17px;border-radius:25px}.telegram-gate-icon{width:88px;height:88px;margin:17px auto 13px}.gate-icon-core{width:64px;height:64px;border-radius:21px}.gate-icon-core svg{width:37px;height:37px}.telegram-gate-card h1{font-size:27px}.gate-description{font-size:12px}.gate-trust-list{gap:5px}.gate-trust-list>div{padding:9px 4px}.gate-trust-list small{font-size:6.8px}}
@media(max-width:350px){.gate-trust-list{grid-template-columns:1fr}.gate-trust-list>div{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:8px;text-align:left}.gate-trust-list>div>span{margin:0}.gate-primary-copy small{display:none}}
@media(prefers-reduced-motion:reduce){.gate-backdrop:before,.gate-orb,.gate-ring,.gate-secure-pill i,.gate-status i,.gate-primary.loading .gate-primary-icon svg{animation:none}.gate-shell{animation:none}}
.diagnostic-card{margin-top:14px;padding:16px;border:1px solid rgba(56,223,252,.22);border-radius:20px;background:linear-gradient(145deg,rgba(16,49,83,.95),rgba(10,31,60,.96))}
.diagnostic-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.diagnostic-heading h3{margin:3px 0 0;font-size:17px}.diagnostic-heading button{padding:8px 10px;border:1px solid rgba(56,223,252,.34);border-radius:10px;color:#9ceeff;background:#12375c;font-size:10px;font-weight:900}
.diagnostic-status{display:flex;align-items:center;gap:7px;margin-top:13px;padding:9px 11px;border-radius:12px;background:#0a2341}.diagnostic-status i{width:8px;height:8px;border-radius:50%;background:#5bea78;box-shadow:0 0 12px #5bea78}.diagnostic-status i.offline{background:var(--danger);box-shadow:0 0 12px var(--danger)}.diagnostic-status strong{font-size:11px}.diagnostic-status span{margin-left:auto;color:#7891af;font-size:9px}
.diagnostic-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.diagnostic-grid>div{min-width:0;padding:11px;border:1px solid rgba(160,205,255,.1);border-radius:13px;background:#081d39}.diagnostic-grid span,.diagnostic-grid strong,.diagnostic-grid small{display:block}.diagnostic-grid span{color:#7891af;font-size:8px;text-transform:uppercase;letter-spacing:.6px}.diagnostic-grid strong{overflow:hidden;margin-top:4px;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.diagnostic-grid small{overflow:hidden;margin-top:2px;color:#8fc7dc;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.diagnostic-note{margin:10px 2px 0;color:#7690ad;font-size:10px}
@media(max-width:380px){.diagnostic-grid{grid-template-columns:1fr}.diagnostic-heading{align-items:flex-start}.diagnostic-heading button{white-space:nowrap}}

/* v2.1: Telegram member verification and public referral status */
.verify-pill.review{color:#ffd66d;border-color:#ffd66d66;background:#ffd66d14}
.verify-pill.invalid{color:#ff929a;border-color:#ff747d66;background:#ff747d14}
.friend-check-panel{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:19px;background:#0d2748}
.friend-check-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.friend-check-head>div>span{color:#61e8ff;font-size:8px;font-weight:950;letter-spacing:1px}
.friend-check-head h3{margin:3px 0 0;font-size:15px}
.friend-check-head>small{max-width:210px;color:#8198b5;text-align:right;font-size:9px}
.friend-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}
.friend-stat{padding:11px;border:1px solid #28496f;border-radius:13px;background:#091d38}
.friend-stat span,.friend-stat strong{display:block}.friend-stat span{font-size:8px;text-transform:uppercase}.friend-stat strong{margin-top:2px;font-size:21px}
.friend-stat.valid span,.friend-stat.valid strong{color:#aaf56d}.friend-stat.pending span,.friend-stat.pending strong{color:#ffd66d}.friend-stat.invalid span,.friend-stat.invalid strong{color:#ff929a}
.friend-list{margin-top:12px;overflow:hidden;border:1px solid #234364;border-radius:15px;background:#081d38}
.friend-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border-top:1px solid #203d62}.friend-row:first-child{border-top:0}
.friend-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#dff8ff;background:#173d65;font-size:11px;font-weight:950}
.friend-copy{min-width:0}.friend-copy strong,.friend-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-copy strong{font-size:12px}.friend-copy small{color:#8199b6;font-size:9px}.friend-copy p{margin:4px 0 0;color:#9eb2ca;font-size:9px;line-height:1.35}
.friend-status{padding:6px 8px;border-radius:99px;font-size:8px;font-weight:950;text-transform:uppercase;white-space:nowrap}.friend-status.valid{color:#baff87;background:#1b472b}.friend-status.pending{color:#ffdc79;background:#493c1d}.friend-status.invalid{color:#ffa1a7;background:#4c242d}
.friend-empty{padding:22px 14px;color:#7f96b2;text-align:center;font-size:10px}
@media(max-width:420px){.friend-check-head{display:block}.friend-check-head>small{display:block;max-width:none;margin-top:5px;text-align:left}.friend-summary{gap:6px}.friend-stat{padding:9px}.friend-stat strong{font-size:18px}.friend-row{grid-template-columns:36px minmax(0,1fr)}.friend-avatar{width:36px;height:36px}.friend-status{grid-column:2;justify-self:start}.friend-copy p{white-space:normal}}


/* v2.5.2 mini app profile sync + advanced 3D island */
.admin-link{border:1px solid rgba(173,230,255,.18);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.04));box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.16);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.admin-link:hover,.admin-link:focus-visible{transform:translateY(-1px);border-color:rgba(111,229,255,.42);box-shadow:inset 0 1px rgba(255,255,255,.12),0 12px 26px rgba(8,125,178,.18)}
.hero{padding-bottom:22px}
.profile-copy strong{font-size:18px}
.island-card{height:388px;isolation:isolate;background:radial-gradient(circle at 50% 18%,rgba(75,223,255,.24),transparent 28%),radial-gradient(circle at 50% 38%,#2d79a5 0,#16486f 32%,#0a2243 70%);box-shadow:inset 0 1px rgba(255,255,255,.09),0 22px 46px #02081266,0 0 0 1px rgba(84,171,240,.06)}
.island-depth,.island-halo,.island-platform-shadow,.scene-badge,.scene-tier-note,.energy-orbit,.level-preview-card{position:absolute;z-index:2}
.island-depth{left:50%;bottom:28px;width:78%;height:34px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.48),transparent 70%);filter:blur(6px)}
.island-halo{left:50%;top:46%;width:290px;height:290px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(85,228,255,.28),transparent 62%);filter:blur(18px)}
.cloud-three{left:38%;top:102px;transform:scale(.65)}
.scene-badge{left:16px;top:18px;max-width:calc(100% - 150px);padding:8px 12px;border:1px solid rgba(125,228,255,.26);border-radius:999px;background:rgba(7,31,62,.78);backdrop-filter:blur(10px);color:#d4f7ff;font-size:9px;font-weight:900;letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.scene-tier-note{left:16px;right:16px;top:52px;color:#a9bfd8;font-size:10px;line-height:1.42}
.energy-orbit{left:50%;top:52%;border:1px solid rgba(115,227,255,.22);border-radius:50%;transform:translate(-50%,-50%) rotateX(70deg);transform-style:preserve-3d;animation:orbitPulse 7.6s linear infinite}
.orbit-a{width:68%;height:26%}
.orbit-b{width:84%;height:34%;opacity:.6;animation-direction:reverse;animation-duration:9.5s}
.island-platform-shadow{left:50%;bottom:34px;width:70%;height:70px;transform:translateX(-50%);background:radial-gradient(circle at 50% 35%,rgba(33,177,255,.2),transparent 68%)}
.island-image{transition:transform .45s ease,filter .45s ease;filter:drop-shadow(0 26px 20px #0008) drop-shadow(0 0 24px rgba(77,216,255,.18))}
.float-stat{z-index:4;background:linear-gradient(160deg,rgba(6,24,45,.82),rgba(8,28,56,.94));box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 20px rgba(2,8,18,.26)}
.level-preview-card{left:50%;bottom:18px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;min-width:196px;max-width:68%;padding:10px 13px;border:1px solid rgba(157,214,255,.16);border-radius:16px;background:linear-gradient(180deg,rgba(8,30,56,.92),rgba(7,22,43,.84));box-shadow:inset 0 1px rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.2);text-align:center}
.level-preview-card span{color:#80dff4;font-size:8px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase}
.level-preview-card strong{font-size:12px}
.level-preview-card small{color:#8fa8c5;font-size:9px;line-height:1.35}
.tier-seed .island-halo{background:radial-gradient(circle,rgba(85,228,255,.22),transparent 62%)}
.tier-bronze .island-card,.tier-bronze{--tier-glow:rgba(255,178,81,.28)}
.island-card.tier-bronze{background:radial-gradient(circle at 50% 18%,rgba(255,181,74,.22),transparent 28%),radial-gradient(circle at 50% 38%,#6a5a7f 0,#24446f 34%,#0a2243 72%)}
.island-card.tier-silver{background:radial-gradient(circle at 50% 18%,rgba(201,236,255,.26),transparent 28%),radial-gradient(circle at 50% 38%,#4c7aa0 0,#1f4c72 34%,#0a2243 72%)}
.island-card.tier-gold{background:radial-gradient(circle at 50% 18%,rgba(255,218,94,.28),transparent 28%),radial-gradient(circle at 50% 38%,#7e6f45 0,#20486c 34%,#0a2243 72%)}
.island-card.tier-diamond{background:radial-gradient(circle at 50% 18%,rgba(127,255,245,.28),transparent 28%),radial-gradient(circle at 50% 38%,#3f7e8a 0,#1c446d 34%,#0a2243 72%)}
.island-card.tier-legend{background:radial-gradient(circle at 50% 18%,rgba(178,123,255,.30),transparent 28%),radial-gradient(circle at 50% 38%,#503d79 0,#20416b 34%,#0a2243 72%)}
.island-card.tier-gold .live-chip,.island-card.tier-diamond .live-chip,.island-card.tier-legend .live-chip{background:rgba(11,46,44,.92)}
.island-card.tier-gold .scene-badge{border-color:rgba(255,212,86,.34);color:#ffe9a5}
.island-card.tier-diamond .scene-badge{border-color:rgba(140,255,245,.34);color:#d9fffc}
.island-card.tier-legend .scene-badge{border-color:rgba(198,146,255,.34);color:#f1deff}
.settings-sheet h2{margin-top:6px}
.settings-profile-card{display:flex;align-items:center;gap:14px;margin-top:16px;padding:14px;border:1px solid rgba(161,203,255,.16);border-radius:18px;background:linear-gradient(160deg,rgba(12,37,71,.95),rgba(10,27,54,.92))}
.settings-avatar-wrap{display:grid;place-items:center;flex:0 0 58px;height:58px;border:2px solid var(--cyan);border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#2b5180,#142d52);font-weight:900}
.settings-avatar-wrap img{width:100%;height:100%;object-fit:cover}.settings-profile-copy{min-width:0}.settings-profile-copy strong,.settings-profile-copy small,.settings-profile-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-profile-copy small{margin-top:2px;color:#84dff2}.settings-profile-copy span{margin-top:6px;color:#9bb1cb;font-size:11px}
.settings-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.settings-list>div{padding:12px;border:1px solid rgba(161,203,255,.12);border-radius:14px;background:#0b2241}.settings-list span,.settings-list strong{display:block}.settings-list span{color:#7e96b2;font-size:9px;text-transform:uppercase;letter-spacing:.9px}.settings-list strong{margin-top:4px;font-size:12px}
.settings-actions{display:grid;gap:10px;margin-top:14px}
@keyframes orbitPulse{from{transform:translate(-50%,-50%) rotateX(70deg) rotateZ(0deg)}to{transform:translate(-50%,-50%) rotateX(70deg) rotateZ(360deg)}}
@media (max-width:380px){.island-card{height:396px}.scene-badge{max-width:calc(100% - 32px);padding:7px 10px;font-size:8px}.scene-tier-note{font-size:9px}.level-preview-card{max-width:78%;bottom:16px}.settings-list{grid-template-columns:1fr}}

/* v2.7.0 visual refresh */
.hero .brand small,
.hero .admin-link,
.profile .verify-pill {
    display: none !important;
}
.hero {
    padding-bottom: 22px;
}
.profile-copy strong {
    font-size: 2rem;
    letter-spacing: -0.03em;
}
.profile-copy #profileHandle {
    color: rgba(220, 236, 255, 0.78);
}
.connection-banner {
    border-radius: 18px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}
.team-mode-card,
.invite-ranking-card {
    background: linear-gradient(180deg, rgba(15,39,83,0.96), rgba(7,25,58,0.94));
    border: 1px solid rgba(105, 202, 255, 0.22);
    border-radius: 24px;
    padding: 18px;
    margin-top: 18px;
    box-shadow: 0 16px 36px rgba(0, 9, 24, 0.28);
}
.team-mode-card {
    display: flex;
    gap: 18px;
    align-items: center;
    justify-content: space-between;
}
.team-mode-copy h3 {
    margin: 6px 0 8px;
    font-size: 1.24rem;
}
.team-mode-copy p {
    margin: 0;
    color: rgba(224, 237, 255, 0.72);
    line-height: 1.55;
}
.team-mode-button {
    min-width: 176px;
    border: 0;
    border-radius: 18px;
    padding: 14px 18px;
    background: linear-gradient(135deg, #63ddf5, #9af12f);
    color: #042243;
    font-weight: 800;
    box-shadow: 0 12px 24px rgba(105, 255, 176, 0.18);
}
.invite-ranking-list {
    display: grid;
    gap: 12px;
    margin-top: 14px;
}
.invite-rank-row {
    display: grid;
    grid-template-columns: 42px 42px 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 12px 14px;
    border-radius: 18px;
    background: rgba(8, 24, 56, 0.72);
    border: 1px solid rgba(102, 168, 255, 0.14);
}
.invite-rank-row.me {
    border-color: rgba(131, 243, 112, 0.42);
    box-shadow: inset 0 0 0 1px rgba(131,243,112,0.18);
}
.island-card {
    overflow: hidden;
    will-change: transform;
}
.island-card::before,
.island-card::after {
    content: "";
    position: absolute;
    inset: auto;
    pointer-events: none;
}
.island-card::before {
    top: -18%;
    right: -12%;
    width: 180px;
    height: 180px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(120, 216, 255, 0.28), rgba(120, 216, 255, 0));
    filter: blur(2px);
    animation: scenePulse 6s ease-in-out infinite;
}
.island-card::after {
    left: -10%;
    bottom: -16%;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(153, 255, 98, 0.18), rgba(153, 255, 98, 0));
    animation: scenePulse 7.6s ease-in-out infinite reverse;
}
.island-card.scene-dawn {
    background: linear-gradient(180deg, rgba(9, 38, 88, 0.96), rgba(3, 20, 61, 0.98));
}
.island-card.scene-day {
    background: linear-gradient(180deg, rgba(10, 52, 110, 0.96), rgba(4, 28, 71, 0.98));
}
.island-card.scene-aurora {
    background: linear-gradient(180deg, rgba(13, 54, 108, 0.96), rgba(8, 22, 72, 0.98));
}
.island-card.scene-sunset {
    background: linear-gradient(180deg, rgba(42, 39, 104, 0.96), rgba(9, 21, 72, 0.98));
}
.island-card.scene-night {
    background: linear-gradient(180deg, rgba(13, 31, 81, 0.96), rgba(5, 17, 57, 0.99));
}
.island-card.scene-cosmic {
    background: radial-gradient(circle at 20% 20%, rgba(120, 216, 255, 0.12), transparent 30%), linear-gradient(180deg, rgba(18, 23, 79, 0.96), rgba(3, 12, 45, 0.99));
}
.island-card.scene-sunset .live-chip,
.island-card.scene-night .live-chip,
.island-card.scene-cosmic .live-chip {
    box-shadow: 0 0 0 1px rgba(156, 255, 98, 0.24), 0 12px 24px rgba(23, 255, 77, 0.14);
}
.scene-badge,
.level-preview-card,
.float-stat {
    backdrop-filter: blur(10px);
}
@keyframes scenePulse {
    0%, 100% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.72; }
    50% { transform: translate3d(0, -8px, 0) scale(1.04); opacity: 1; }
}
@media (max-width: 640px) {
    .team-mode-card {
        flex-direction: column;
        align-items: stretch;
    }
    .team-mode-button {
        width: 100%;
    }
    .invite-rank-row {
        grid-template-columns: 34px 38px 1fr;
    }
    .invite-rank-row .leader-energy {
        grid-column: 2 / -1;
        margin-left: 50px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .island-card::before,
    .island-card::after {
        animation: none;
    }
}


/* v2.7.3 advanced operating scene + offline mining */
.island-card{transform:translateZ(0);contain:layout paint;perspective:900px}
.island-image{transform:translate(-50%,-50%) scale(var(--level-depth,1));will-change:transform;transition:transform .42s ease,filter .42s ease}
.reactor-glow{position:absolute;z-index:3;left:50%;top:46%;width:94px;height:94px;transform:translate(-50%,-50%);pointer-events:none}
.reactor-glow i,.reactor-glow b,.reactor-glow span{position:absolute;inset:0;border-radius:50%}
.reactor-glow i{background:radial-gradient(circle,rgba(255,245,126,.86) 0,rgba(255,190,46,.34) 34%,transparent 70%);filter:blur(5px);animation:reactorPulse 2.2s ease-in-out infinite}
.reactor-glow b{inset:16px;border:1px solid rgba(255,239,123,.72);box-shadow:0 0 18px rgba(255,210,58,.65);animation:reactorSpin 4.8s linear infinite}
.reactor-glow span{inset:30px;background:radial-gradient(circle,#fffbd5,#ffd84d 38%,rgba(255,186,38,.1) 72%);box-shadow:0 0 24px rgba(255,221,73,.85)}
.energy-stream{position:absolute;z-index:3;left:50%;top:50%;width:220px;height:70px;border-radius:50%;border:1px solid hsla(var(--level-hue,190),90%,70%,.26);transform:translate(-50%,-50%) rotateX(68deg);pointer-events:none}
.stream-one{animation:streamSpin 8s linear infinite}.stream-two{width:280px;height:96px;opacity:.58;animation:streamSpin 11s linear infinite reverse}
.energy-particle-layer{position:absolute;z-index:7;left:50%;top:49%;width:0;height:0;pointer-events:none}
.energy-particle-layer i{position:absolute;width:7px;height:7px;border-radius:50%;background:#dfff8b;box-shadow:0 0 14px #8eff5c,0 0 24px #39dff5;animation:energyParticle 900ms cubic-bezier(.2,.8,.2,1) var(--delay,0ms) forwards}
.island-card.energy-burst .reactor-glow{animation:reactorKick .7s ease}
.island-card.level-scene-0 .cloud-one{animation:cloudDriftA 12s ease-in-out infinite}
.island-card.level-scene-1 .cloud-two{animation:cloudDriftB 14s ease-in-out infinite}
.island-card.level-scene-2:before{opacity:.48}
.island-card.level-scene-3 .energy-orbit{filter:hue-rotate(55deg)}
.island-card.level-scene-4 .island-halo{filter:hue-rotate(115deg) blur(16px)}
.island-card.level-scene-5 .sky-glow{filter:hue-rotate(190deg) blur(18px)}
.offline-action{grid-column:1/-1;color:#eaf8ff;background:linear-gradient(135deg,#1c3f72,#23528b);box-shadow:0 8px 0 #102b52!important;border:1px solid rgba(119,210,255,.22)!important}
.offline-action:not(:disabled){background:linear-gradient(135deg,#3159a4,#3c83bd);box-shadow:0 8px 0 #183f73!important}
@keyframes reactorPulse{0%,100%{transform:scale(.94);opacity:.72}50%{transform:scale(1.08);opacity:1}}
@keyframes reactorSpin{to{transform:rotate(360deg)}}
@keyframes streamSpin{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(360deg)}}
@keyframes energyParticle{0%{opacity:0;transform:translate(0,0) scale(.5)}18%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(1.35)}}
@keyframes reactorKick{50%{transform:scale(1.18)}}
@keyframes cloudDriftA{0%,100%{transform:translateX(0)}50%{transform:translateX(24px)}}
@keyframes cloudDriftB{0%,100%{transform:translateX(0) scale(.8)}50%{transform:translateX(-22px) scale(.8)}}
@media(prefers-reduced-motion:reduce){.reactor-glow i,.reactor-glow b,.energy-stream,.cloud-one,.cloud-two{animation:none!important}.energy-particle-layer{display:none}}


/* v2.7.4 team channel mission */
.team-task-card{display:grid;grid-template-columns:54px 1fr;gap:14px;margin:0 0 14px;padding:16px;border:1px solid rgba(79,215,255,.24);border-radius:22px;background:linear-gradient(145deg,#102e56,#0a203f);box-shadow:0 16px 32px rgba(0,7,20,.22)}
.team-task-card[hidden]{display:none}.team-task-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,#245c87,#15365f);font-size:25px;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.team-task-main{min-width:0}.team-task-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.team-task-head h3{margin:3px 0 0;font-size:17px}.team-task-main>p{margin:8px 0;color:#9eb1ca;font-size:11px;line-height:1.5}.team-task-status{padding:6px 8px;border:1px solid rgba(255,204,76,.3);border-radius:999px;color:#ffd45a;background:rgba(255,190,46,.08);font-size:8px;font-weight:950;white-space:nowrap}.team-task-status.claimed{border-color:rgba(119,242,119,.35);color:#a8ff8b;background:rgba(71,196,73,.12)}
.team-task-reward{display:inline-flex;padding:7px 9px;border-radius:10px;color:#b6ff7c;background:rgba(99,203,64,.11);font-size:10px;font-weight:900}.team-task-actions{display:grid;grid-template-columns:1fr 1.18fr;gap:9px;margin-top:12px}.team-task-actions button{min-height:42px;border-radius:13px;font-size:10px;font-weight:950;cursor:pointer}.team-join-button{border:1px solid rgba(68,218,255,.3);color:#b9f6ff;background:#123b5d}.team-check-button{border:0;color:#122800;background:linear-gradient(145deg,#b2ff54,#7cde31);box-shadow:0 5px 0 #3b7b22}.team-task-note{display:block;margin-top:10px;color:#7188a6;font-size:9px;line-height:1.45}
@media(max-width:390px){.team-task-card{grid-template-columns:44px 1fr;padding:14px}.team-task-icon{width:44px;height:44px;border-radius:14px;font-size:21px}.team-task-head{display:block}.team-task-status{display:inline-flex;margin-top:7px}.team-task-actions{grid-template-columns:1fr}}

/* v2.7.5 backend recovery */
.connection-banner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
}
.connection-banner p {
    min-width: 0;
}
.connection-banner #retryBackendButton {
    border: 1px solid rgba(122, 224, 255, .38);
    border-radius: 10px;
    padding: 7px 10px;
    color: #d9f8ff;
    background: rgba(20, 85, 123, .38);
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
    cursor: pointer;
}
.connection-banner.error #retryBackendButton {
    border-color: rgba(255, 146, 154, .44);
    color: #ffe6e8;
    background: rgba(125, 35, 48, .4);
}
.connection-banner #retryBackendButton[hidden] {
    display: none;
}
@media (max-width: 390px) {
    .connection-banner {
        grid-template-columns: auto minmax(0, 1fr);
    }
    .connection-banner #retryBackendButton {
        grid-column: 2;
        justify-self: start;
        margin-top: 6px;
    }
}


/* v2.7.6 advanced Telegram recovery */
.auth-recovery-sheet{border-color:rgba(255,119,132,.28);background:linear-gradient(160deg,#142745,#0a1932)}
.auth-recovery-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 12px;border:1px solid rgba(92,225,255,.32);border-radius:21px;color:#071d34;background:linear-gradient(145deg,#65e8ff,#9df43e);box-shadow:0 18px 38px rgba(47,196,224,.2);font-size:28px;font-weight:900}
.auth-recovery-sheet h2,.auth-recovery-sheet>p{text-align:center}.auth-recovery-sheet>p{color:#aabbd1;line-height:1.55}
.auth-recovery-code{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:12px;border:1px solid rgba(255,125,135,.2);border-radius:14px;background:rgba(63,26,40,.5)}
.auth-recovery-code span{color:#c8aeb9;font-size:10px;text-transform:uppercase;letter-spacing:.8px}.auth-recovery-code strong{color:#ffacb4;font-size:11px;text-align:right;overflow-wrap:anywhere}
.auth-recovery-details{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0 14px}.auth-recovery-details>div{padding:11px;border:1px solid rgba(159,205,255,.12);border-radius:13px;background:#0a213f}.auth-recovery-details span,.auth-recovery-details strong{display:block}.auth-recovery-details span{color:#7891af;font-size:8px;text-transform:uppercase;letter-spacing:.7px}.auth-recovery-details strong{margin-top:4px;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.auth-recovery-details .auth-recovery-wide{grid-column:1/-1}
body.auth-blocked .action-grid button,body.auth-blocked .bottom-nav button,body.auth-blocked .mini-cards button{pointer-events:none;filter:saturate(.55);opacity:.62}
body.auth-blocked .modal#authRecoveryModal{z-index:130}
@media(max-width:380px){.auth-recovery-details{grid-template-columns:1fr}}


/* v2.7.7 verified startup loader */
body.boot-loading{overflow:hidden;background:#031027}
.boot-loader{position:fixed;z-index:500;inset:0;display:grid;place-items:center;min-height:100dvh;overflow:hidden;color:#fff;background:#05142b;opacity:1;transition:opacity .34s ease,visibility .34s ease}
.boot-loader[hidden]{display:none}.boot-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.boot-loader-scene{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#173a61 0%,#122d52 35%,#071b36 100%)}
.boot-island-image{position:absolute;left:50%;top:40%;width:min(118vw,660px);transform:translate(-50%,-50%) scale(1.16);opacity:.34;filter:saturate(.76) brightness(.62) blur(.3px);animation:bootIslandFloat 8s ease-in-out infinite}
.boot-scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,10,27,.18),rgba(2,9,24,.66) 52%,#041126 100%),radial-gradient(circle at 50% 38%,transparent 0 18%,rgba(2,8,22,.4) 62%)}
.boot-sky-glow{position:absolute;left:50%;top:12%;width:76vw;height:36vw;max-width:600px;max-height:280px;transform:translateX(-50%);border-radius:50%;background:rgba(92,220,255,.2);filter:blur(54px);animation:bootGlow 5.5s ease-in-out infinite}
.boot-star{position:absolute;width:5px;height:5px;border-radius:50%;background:#9dff44;box-shadow:0 0 18px #6eff5c}.boot-star-one{left:12%;top:24%;animation:bootStar 3.4s ease-in-out infinite}.boot-star-two{right:16%;top:34%;animation:bootStar 4.1s ease-in-out infinite .7s}.boot-star-three{left:22%;bottom:25%;animation:bootStar 3.8s ease-in-out infinite 1.2s}
.boot-loader-shell{position:relative;z-index:2;width:min(100%,520px);padding:calc(24px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom))}
.boot-loader-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px;text-align:left}.boot-loader-brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#0c2b14;background:linear-gradient(145deg,#c3ff65,#66df34);box-shadow:0 12px 30px rgba(112,240,61,.25);font-size:22px}.boot-loader-brand strong,.boot-loader-brand small{display:block}.boot-loader-brand strong{font-size:13px;letter-spacing:.8px}.boot-loader-brand small{margin-top:2px;color:#7fe9ff;font-size:7px;letter-spacing:1.6px}
.boot-loader-card{padding:26px 22px 22px;border:1px solid rgba(108,225,255,.26);border-radius:28px;background:linear-gradient(160deg,rgba(7,28,59,.94),rgba(5,20,45,.97));box-shadow:inset 0 1px rgba(255,255,255,.07),0 28px 72px rgba(0,0,0,.38);backdrop-filter:blur(16px);text-align:center}
.boot-loader-icon{position:relative;display:grid;place-items:center;width:72px;height:72px;margin:0 auto 15px}.boot-loader-icon i{position:absolute;inset:0;border:2px solid rgba(107,234,255,.25);border-top-color:#66e9ff;border-radius:50%;animation:bootSpin 1.7s linear infinite}.boot-loader-icon:after{content:"";position:absolute;inset:10px;border:1px solid rgba(165,255,82,.2);border-bottom-color:#a0ff4f;border-radius:50%;animation:bootSpin 2.4s linear infinite reverse}.boot-loader-icon b{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#10280a;background:linear-gradient(145deg,#b8ff57,#6fe233);box-shadow:0 0 28px rgba(131,242,66,.32);font-size:20px}
.boot-loader-kicker{color:#58e8ff;font-size:9px;font-weight:950;letter-spacing:1.6px}.boot-loader-card h1{margin:7px 0 5px;font-size:24px;letter-spacing:-.02em}.boot-loader-card>p{margin:0 auto;max-width:340px;color:#9fb3cc;font-size:12px;line-height:1.55}
.boot-loader-progress{position:relative;height:13px;margin-top:22px;overflow:hidden;border:1px solid rgba(140,204,255,.16);border-radius:999px;background:#020914;box-shadow:inset 0 2px 7px rgba(0,0,0,.7)}.boot-loader-progress i{position:relative;z-index:2;display:block;width:4%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#13d6ff 0%,#8cff38 56%,#eaff8b 100%);box-shadow:0 0 16px rgba(92,255,80,.55);transition:width .08s linear}.boot-loader-progress i:after{content:"";position:absolute;inset:1px 0 auto;height:3px;border-radius:99px;background:rgba(255,255,255,.58)}.boot-loader-progress>span{position:absolute;inset:-2px;width:48px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);animation:bootScan 1.2s linear infinite}
.boot-loader-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;color:#97abc4;font-size:10px}.boot-loader-meta strong{color:#9dff4f;font-size:12px}
.boot-loader-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.boot-loader-steps i{height:4px;border-radius:99px;background:rgba(120,160,202,.2);transition:background .2s ease,box-shadow .2s ease}.boot-loader-steps i.active{background:linear-gradient(90deg,#4bdcff,#9dff43);box-shadow:0 0 12px rgba(92,236,255,.24)}
.boot-loader-tip{display:block;margin-top:15px;color:#7f94af;font-size:9px;line-height:1.5}
.boot-loader.is-error .boot-loader-icon i{border-top-color:#ff7480}.boot-loader.is-error .boot-loader-icon b{color:#fff;background:linear-gradient(145deg,#e75464,#8f2b43);box-shadow:0 0 28px rgba(255,86,104,.28)}.boot-loader.is-error .boot-loader-meta strong{color:#ff9aa3}.boot-loader.is-error .boot-loader-progress i{background:linear-gradient(90deg,#ff6473,#ff9c75);box-shadow:0 0 16px rgba(255,80,96,.35)}.boot-loader.is-complete .boot-loader-icon i{border-color:#98ff58}.boot-loader.is-complete .boot-loader-icon b{animation:bootComplete .45s ease both}
@keyframes bootSpin{to{transform:rotate(360deg)}}@keyframes bootScan{from{transform:translateX(-60px)}to{transform:translateX(430px)}}@keyframes bootIslandFloat{0%,100%{transform:translate(-50%,-50%) scale(1.16)}50%{transform:translate(-50%,-52%) scale(1.18)}}@keyframes bootGlow{0%,100%{opacity:.65;transform:translateX(-50%) scale(.95)}50%{opacity:1;transform:translateX(-50%) scale(1.06)}}@keyframes bootStar{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.35)}}@keyframes bootComplete{50%{transform:scale(1.15)}100%{transform:scale(1)}}
@media(max-width:390px){.boot-loader-shell{padding-left:14px;padding-right:14px}.boot-loader-card{padding:22px 16px 18px;border-radius:24px}.boot-loader-card h1{font-size:21px}.boot-loader-actions{grid-template-columns:1fr}.boot-island-image{width:142vw}}
@media(prefers-reduced-motion:reduce){.boot-loader-icon i,.boot-loader-icon:after,.boot-loader-progress>span,.boot-island-image,.boot-sky-glow,.boot-star{animation:none!important}.boot-loader-progress i{transition:none}}

/* v2.7.9 automatic startup recovery */
.boot-loader.is-retrying .boot-loader-icon i{border-top-color:#69e6ff;animation-duration:1.15s}
.boot-loader.is-retrying .boot-loader-icon b{background:linear-gradient(145deg,#70e9ff,#93ff46);box-shadow:0 0 30px rgba(84,231,255,.28)}
.boot-loader.is-retrying .boot-loader-progress i{background:linear-gradient(90deg,#1fd8ff,#8dff43);animation:autoReconnectPulse 1.2s ease-in-out infinite}
.boot-loader.is-retrying .boot-loader-meta strong{color:#86f7ff}
@keyframes autoReconnectPulse{0%,100%{filter:brightness(.85);opacity:.78}50%{filter:brightness(1.25);opacity:1}}

/* v2.9.0 server-side auto mining */
.auto-mining-card{position:relative;margin-top:16px;padding:17px;border:1px solid rgba(91,213,255,.26);border-radius:22px;background:radial-gradient(circle at 90% 0,rgba(79,224,255,.14),transparent 34%),linear-gradient(155deg,rgba(12,42,82,.97),rgba(7,25,53,.97));box-shadow:inset 0 1px rgba(255,255,255,.07),0 16px 36px rgba(0,8,25,.28);overflow:hidden}
.auto-mining-card:before{content:"";position:absolute;right:-34px;top:-42px;width:118px;height:118px;border-radius:50%;background:radial-gradient(circle,rgba(151,255,62,.18),transparent 68%);pointer-events:none}
.auto-mining-head{position:relative;display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;z-index:1}
.auto-mining-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:linear-gradient(145deg,#56dff3,#9bf432);color:#062443;font-size:21px;font-weight:900;box-shadow:0 10px 24px rgba(93,235,176,.18)}
.auto-mining-head h3{margin:4px 0 0;font-size:16px}.auto-mining-status{padding:7px 9px;border:1px solid rgba(255,213,96,.28);border-radius:999px;background:rgba(87,59,4,.28);color:#ffd76c;font-size:8px;font-weight:900;letter-spacing:.8px;white-space:nowrap}.auto-mining-status.active{border-color:rgba(117,255,86,.28);background:rgba(20,92,44,.28);color:#8fff68}.auto-mining-status.expired{border-color:rgba(255,101,120,.32);background:rgba(112,28,45,.28);color:#ff9aaa}.auto-mining-card>p{position:relative;margin:12px 0;color:#9cb2cc;font-size:11px;line-height:1.5;z-index:1}.auto-mining-stats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;z-index:1}.auto-mining-stats>div{padding:10px;border:1px solid rgba(131,187,255,.13);border-radius:14px;background:rgba(5,24,51,.62)}.auto-mining-stats span,.auto-mining-stats strong{display:block}.auto-mining-stats span{color:#7891af;font-size:8px;text-transform:uppercase;letter-spacing:.7px}.auto-mining-stats strong{margin-top:4px;font-size:11px}.auto-mining-progress{position:relative;height:7px;margin-top:12px;border-radius:999px;background:#04152c;overflow:hidden;z-index:1}.auto-mining-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#43d9ef,#9bf532);box-shadow:0 0 14px rgba(112,245,128,.35);transition:width .45s ease}.rewarded-ad-button{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:12px;padding:13px;border:0;border-radius:15px;background:linear-gradient(135deg,#9cf532,#52dff4);color:#052342;font-weight:950;box-shadow:0 12px 24px rgba(91,230,173,.18);z-index:1}.rewarded-ad-button:disabled{filter:grayscale(.35);opacity:.65}.auto-mining-note{position:relative;display:block;margin-top:10px;color:#7891af;font-size:9px;line-height:1.45;text-align:center;z-index:1}
@media(max-width:380px){.auto-mining-head{grid-template-columns:42px 1fr}.auto-mining-status{grid-column:2;justify-self:start}.auto-mining-stats{grid-template-columns:1fr}.auto-mining-stats>div{display:flex;align-items:center;justify-content:space-between}.auto-mining-stats strong{margin:0}}