/* Infinite controller / indigo arena identity. All details are code-native. */
:root{--accent:#596be9;--shadow:0 10px 30px #1b2c4c0c;--line:#e2e6f1}
body{isolation:isolate;background:radial-gradient(ellipse at 6% 12%,#cbd7f44d 0,transparent 36rem),radial-gradient(ellipse at 96% 34%,#dcd4ed55 0,transparent 28rem),linear-gradient(135deg,#eef1f8,#f5f3f8 58%,#f6f3ef);background-attachment:fixed}
body:before{z-index:-1;opacity:.35;background-image:linear-gradient(135deg,transparent 0 48%,#6e80b510 49% 50%,transparent 51%),radial-gradient(#6373a21c .7px,transparent 1px);background-size:90px 90px,11px 11px}
body[data-page="my"],body[data-page="goods"]:not([data-detail="true"]){background:radial-gradient(ellipse 420px 220px at 83% 70px,#7f6add45,transparent 90%),radial-gradient(ellipse 360px 200px at 0 160px,#347edc33,transparent 90%),linear-gradient(180deg,#121c32 0,#202c49 190px,#495671 300px,#e9edf6 400px,#f3f4f8 580px);background-repeat:no-repeat;background-attachment:scroll;background-color:#f3f4f8}
.app-shell,.app-shell:has(.profile-header){background:none}
.brand-mark{width:41px;height:41px;object-fit:contain;padding:3px;transform:none;border-radius:13px;background:linear-gradient(145deg,#ffffff15,#ffffff05);border:1px solid #c3cfff30;box-shadow:inset 0 1px #ffffff12,0 5px 14px #00000016}
.brand{letter-spacing:1px}.brand small{font-size:8px;letter-spacing:2.2px}
body[data-page="my"] .topbar,body[data-page="goods"]:not([data-detail="true"]) .topbar{color:#f7f8ff;height:76px}
body[data-page="my"] .brand small,body[data-page="goods"]:not([data-detail="true"]) .brand small{color:#a8b7d7}
body[data-page="my"] .topbar .icon-btn,body[data-page="goods"]:not([data-detail="true"]) .topbar .icon-btn{background:#ffffff0a;border-color:#bac9ea35;color:#e9eeff;box-shadow:inset 0 1px #ffffff0d}
.hero{isolation:isolate;min-height:166px;padding:25px 22px 29px;border-radius:20px;border:1px solid #aebff036;background:radial-gradient(ellipse at 80% 10%,#7a68b545,transparent 62%),linear-gradient(120deg,#1d2b48cc,#3a4566cc);box-shadow:inset 0 1px #ffffff0d,0 16px 30px #07112630}
.hero h1{font-size:26px;line-height:1.5;letter-spacing:.3px}.hero p{font-size:11px;color:#bdcbe4;line-height:1.8;position:relative;z-index:1}.hero .eyebrow{font-size:8px;letter-spacing:2.7px;color:#c4caff;margin-bottom:12px}
.hero:before{opacity:.23;background:repeating-linear-gradient(128deg,transparent 0 24px,#c7d4ff21 25px 26px,transparent 27px 50px);mask-image:linear-gradient(90deg,transparent,#000)}
.hero:after{content:"";width:180px;height:180px;right:-14px;top:10px;background:url('/img/brand-emblem-v3.svg') center/contain no-repeat;opacity:.16;filter:brightness(0) invert(1);transform:rotate(-12deg);z-index:-1}
.hero:has(.eyebrow):not(:has(.hero-detail)){overflow:hidden}
.search{box-shadow:0 10px 24px #0b163a1b;border-color:#ffffffa8;background:#fffffff5;border-radius:14px}.search button{background:linear-gradient(125deg,#e9edfe,#e9e7fb)}
.shortcuts{gap:10px;margin-top:16px}.shortcuts a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:83px;padding:13px 6px;background:linear-gradient(135deg,#fffffffa,#f4f6ffef);border:1px solid #ffffffe8;box-shadow:0 9px 23px #1e2c4610;border-radius:15px}
.shortcuts svg{box-sizing:content-box;width:22px;height:22px;padding:7px;background:linear-gradient(130deg,#e9eefe,#f2ebff);border-radius:10px;stroke:#596bd0;stroke-width:1.7;margin:0 auto 8px}.shortcuts a:nth-child(2) svg{color:#7360bb;background:linear-gradient(130deg,#f1eaff,#f8eeff);stroke:#7863b8}.shortcuts a:nth-child(3) svg{background:linear-gradient(130deg,#e9f0fb,#edf5fa);stroke:#4b799f}
.card,.goods-card,.message-entry{background:linear-gradient(140deg,#fffffffb,#fbfcfff5);border-color:#e3e7f1;box-shadow:0 10px 28px #2536570c}
.goods-card{border-radius:17px}.tabs .active{background:linear-gradient(125deg,#263654,#45597d);box-shadow:0 5px 12px #2739561c}.section-head h2{position:relative;padding-left:11px}.section-head h2:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:linear-gradient(#7a86e9,#94a5d3);border-radius:4px}
.profile-header{isolation:isolate;position:relative;overflow:hidden;margin:3px 0 0;padding:24px 14px 25px;border-radius:18px;border:0;background:none;box-shadow:none;color:white;gap:14px;min-height:120px}
.profile-header:before{content:"";position:absolute;left:80px;right:0;top:12px;bottom:0;z-index:-1;background:repeating-linear-gradient(128deg,transparent 0 29px,#c7d4ff0d 30px 31px,transparent 32px 52px);mask-image:linear-gradient(90deg,transparent,#000)}
.profile-header:after{content:"";position:absolute;right:1px;top:-25px;width:155px;height:155px;background:url('/img/brand-emblem-v3.svg') center/contain no-repeat;filter:brightness(0) invert(1);opacity:.10;transform:rotate(-14deg);z-index:-1}
.profile-header .avatar{width:62px;height:62px;border-radius:20px;background:linear-gradient(145deg,#f3f6ff,#b9c9ed);border:2px solid #ffffff80;color:#3e5080;font-size:25px;box-shadow:0 9px 20px #090f2729,0 0 0 5px #ffffff07}
.profile-header h2{font-size:21px;margin:3px 0 0;letter-spacing:.3px}.profile-header .caption{color:#bdcae2;font-size:10px;margin-top:6px}.profile-kicker{font-size:8px;letter-spacing:2.1px;color:#b4c2e2}
.balance-card{position:relative;isolation:isolate;overflow:hidden;border-radius:19px;padding:23px 22px;margin:5px 0 22px;border:1px solid #c8d5ed75;background:radial-gradient(ellipse at 98% 0%,#ffffff90 0,transparent 60%),linear-gradient(125deg,#e4eafa 0%,#d0daf0 48%,#c9d2ec 100%);box-shadow:inset 0 1px #fff,0 16px 30px #101d3b22;color:#263858}
.balance-card:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(127deg,transparent 0 40px,#7381a408 41px 42px,transparent 43px 85px)}
.balance-card:after{content:"";position:absolute;right:-35px;bottom:-90px;width:220px;height:220px;z-index:-1;border:1px solid #ffffff55;border-radius:50%;box-shadow:0 0 0 20px #ffffff16,0 0 0 45px #ffffff0e}
.balance-card .muted{color:#63738e}.balance-card .big{font-size:39px;font-weight:650;letter-spacing:-1.1px;margin:14px 0 21px}.balance-card .primary{background:linear-gradient(120deg,#293b60,#495b87);color:#f6f8ff;box-shadow:0 6px 15px #24375822;border:1px solid #62729750}.balance-card .secondary{background:#ffffff78;color:#35476b;border:1px solid #ffffffbd}.balance-card a[style]{color:#677795}
.menu-row{padding:15px 0;gap:12px}.menu-row>svg:first-child{box-sizing:content-box;width:19px;height:19px;stroke-width:1.7;padding:8px;border:1px solid #e7eaf5;border-radius:11px;background:linear-gradient(135deg,#f1f4ff,#f7f2fc);color:#687ac0}.menu-row>svg:last-child{width:15px;color:#a6b0c5}
.menu-row:nth-child(3n+2)>svg:first-child{background:linear-gradient(135deg,#f2edff,#faf6ff);color:#8a73b0}.menu-row:nth-child(3n)>svg:first-child{background:linear-gradient(135deg,#edf3fc,#f4f9fc);color:#6b8ca9}
.bottom-nav{background:linear-gradient(180deg,#fffffff5,#f6f8fffa);border-top-color:#dfe5f2;box-shadow:0 -6px 25px #2738580b}.bottom-nav a{gap:4px;font-size:10px}.bottom-nav a svg{box-sizing:content-box;padding:5px 12px;border-radius:11px;transition:background .15s,color .15s}.bottom-nav a.active svg{background:linear-gradient(130deg,#e9edff,#eeebfa);stroke:#5d6cc3;filter:drop-shadow(0 2px 3px #5368e81c)}
.message-entry .symbol{background:linear-gradient(135deg,#edf0ff,#f2eafd);border:1px solid #e6e8f8;box-shadow:inset 0 1px #fff}
.chat-brand{width:37px;height:37px;object-fit:contain}.chat-screen{background:radial-gradient(ellipse at 100% 0,#e2e8fa,transparent 35rem),linear-gradient(150deg,#f0f3fa,#f7f5fa)}.chat-msg .avatar img{width:26px;height:26px;object-fit:contain}.chat-msg .avatar{background:linear-gradient(135deg,#f7f8ff,#e3e8f8);border:1px solid #d9e0f0}.chat-msg.me .bubble{background:linear-gradient(120deg,#546cce,#7566c1);border-color:#6674c7}.chat-info{background:#e9edf9bb;border:1px solid #dbe2f3}
.login-brand{display:flex;align-items:center;gap:13px;margin:0 0 24px;font-size:20px;font-weight:750;letter-spacing:.6px}.login-brand img{width:62px;height:62px;object-fit:contain;background:linear-gradient(135deg,#172542,#35466b);border-radius:18px;padding:4px;box-shadow:0 8px 20px #28395920}.login-brand small{display:block;font-size:8px;letter-spacing:2.4px;color:#8893ac;margin-top:5px}
@media(min-width:700px){.hero{padding:30px 32px;min-height:190px}.hero h1{font-size:32px}.hero:after{width:235px;height:235px;right:35px;top:-5px}.profile-header{padding:29px 22px}.balance-card{padding:27px 28px}.shortcuts{margin-top:19px}.shortcuts a{flex-direction:row;gap:14px;min-height:76px}.shortcuts svg{margin:0}.profile-header:after{right:80px;width:220px;height:220px;top:-57px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.balance-card .withdrawing-note{color:#596c8b;margin-top:13px;font-size:11px}.brand small{line-height:1.7}
