*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI","Noto Sans Bengali","Hind Siliguri",sans-serif;color:#f5f3ee;background:#0b0a10;min-height:100vh;background-image:radial-gradient(circle at 50% 15%,rgba(123,80,180,.28),transparent 32%),radial-gradient(circle at 50% 70%,rgba(20,90,130,.18),transparent 35%)}button,input,select{font:inherit}.app-shell{width:min(760px,100%);margin:auto;padding:14px 14px 50px}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.brand{display:flex;align-items:center;gap:9px}.brand-mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e6d9b4,#66506f);box-shadow:0 0 24px #7955a044;font-size:22px}.brand b{display:block;font-size:19px}.brand small{display:block;font-size:9px;opacity:.65;letter-spacing:1.3px}.profile-btn,.tabs button{border:1px solid #ffffff22;background:#d8d5cfdd;color:#17151a;font-weight:800;border-radius:13px;padding:11px 14px;box-shadow:inset 0 1px #fff8;cursor:pointer}.balance-card{padding:12px;text-align:center;margin-bottom:10px}.balance-card span{display:block;font-size:13px;opacity:.8}.balance-card strong{display:block;font-size:26px;margin-top:2px}.glass{background:linear-gradient(145deg,rgba(239,237,230,.92),rgba(113,105,100,.46));border:1px solid #fff5;border-radius:22px;box-shadow:0 10px 35px #0008,inset 0 1px #fff8;color:#18161a}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:18px}.tabs button{font-size:12px;padding:10px 4px}.income-row{display:flex;justify-content:space-between;border-bottom:4px solid #aaa5a133;padding:0 7px 7px;margin-bottom:15px;font-size:14px}.hero-grid{display:grid;grid-template-columns:205px 1fr;gap:12px}.mage-card{padding:10px;text-align:center;min-height:350px}.mage-art{height:230px;display:grid;place-items:center;font-size:125px;background:radial-gradient(circle,#77b7d944,transparent 65%);border-radius:18px}.level{font-size:22px;font-weight:900;background:#dedbd3dd;border-radius:9px;margin:-5px 30px 5px}.pending{font-weight:900;font-size:17px;margin:10px}.collect{width:100%;border:0;border-radius:18px;padding:12px;background:#d9d6d0;color:#19171a;font-weight:900;cursor:pointer}.slots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-content:start}.slot{aspect-ratio:1;border-radius:13px;background:linear-gradient(145deg,#efede8dd,#aaa59f99);border:1px solid #fff7;display:grid;place-items:center;box-shadow:inset 0 1px #fff9,0 6px 15px #0005;font-weight:900}.slot .icon{font-size:27px}.section-head{display:flex;justify-content:space-between;margin:20px 2px 9px;font-weight:800}.package-grid,.upgrade-grid,.items-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.package,.upgrade,.item{padding:12px;border-radius:18px;background:linear-gradient(145deg,#e9e6dfdd,#aaa49c88);color:#1a181b;border:1px solid #fff6;text-align:center;box-shadow:inset 0 1px #fff8,0 8px 22px #0006}.package .book{font-size:45px}.package b,.upgrade b{display:block;margin:6px}.package button,.upgrade button{width:100%;border:0;border-radius:12px;padding:9px;font-weight:900;cursor:pointer}.item{min-height:135px}.item .icon{font-size:52px}.history{margin-top:20px;padding:12px}.tx{display:flex;justify-content:space-between;padding:10px 2px;border-bottom:1px solid #2222;color:#252229}.tx small{opacity:.65}.modal{display:none;position:fixed;inset:0;background:#000b;z-index:20;align-items:flex-end;justify-content:center;padding:12px}.modal.open{display:flex}.modal-box{width:min(520px,100%);padding:20px;position:relative;max-height:85vh;overflow:auto}.modal-box input,.modal-box select{width:100%;margin:7px 0;padding:12px;border:1px solid #0002;border-radius:12px;background:#fff;color:#111}.x{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:28px;cursor:pointer}.primary{width:100%;border:0;padding:12px;border-radius:12px;background:#17151a;color:#fff;font-weight:800;cursor:pointer}.muted{font-size:12px;opacity:.65}.level-row{display:flex;justify-content:space-between;padding:12px 4px;border-bottom:1px solid #0002}.partner{padding:12px;border-radius:14px;background:#ffffff55;margin:8px 0}.partner a{display:inline-block;margin-top:7px;color:#19151e;font-weight:800}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#16141b;color:#fff;padding:10px 16px;border-radius:999px;display:none;z-index:99}@media(max-width:540px){.hero-grid{grid-template-columns:1fr}.mage-card{min-height:0}.mage-art{height:210px}.slots{grid-template-columns:repeat(5,1fr)}.package-grid,.upgrade-grid,.items-grid{grid-template-columns:repeat(2,1fr)}.tabs button{font-size:11px}.app-shell{padding-left:9px;padding-right:9px}}