#appBg,#appBg .fade,.card-loading{top:0;right:0;bottom:0;left:0}body{font-family:'BR Omny',sans-serif;background:var(--background-color)}[x-cloak]{display:none!important}.container{max-width:var(--content-width)!important}.bg-content{background:var(--content-color)}.bg-content-light{background:var(--content-light-color)}.bg-secondary{background:var(--secondary-color)}.bg-primary{background:var(--primary-color)}.text-primary{color:var(--primary-color)}.border-content-light{border-color:rgb(255 255 255 / 10%)!important}.btn-shine{position:relative;overflow:hidden}#appBg,#appBg .fade,.card-loading{position:absolute}.btn-shine:hover:before{animation:.5s linear shine;background-color:rgba(255,255,255,10%);content:"";height:300px;left:-100px;position:absolute;top:-100px;transform:rotate(30deg);width:10%}.custom-avatar{overflow:hidden;border-radius:10px}#paynow{max-width:38px;margin:0 auto;padding-top:5px}#paynow path{fill:#ffffff}#appBg{max-height:400px;overflow:hidden;opacity:var(--hero-opacity)}#appBg img{width:100%;height:100%;object-fit:cover;object-position:var(--hero-position)}#appBg .fade{background:linear-gradient(0deg,var(--background-color),transparent)}#storeApp{position:relative;z-index:5}.gift-icon{box-shadow:0 0 20px #29292ed6;cursor:pointer;background:#ffffff29;font-size:14px!important;backdrop-filter:blur(15px);border:1px solid #ffffff36}.modal-nav{padding-right:15px!important;padding-left:5px!important}.modal-nav::-webkit-scrollbar{width:8px!important;border-radius:100px!important;overflow:hidden}.modal-nav::-webkit-scrollbar-track{background:#3f3f46;border-radius:100px!important}.modal-nav::-webkit-scrollbar-thumb{background:#888;border-radius:100px!important}.modal-nav i{color:#fff}.card-loading{background:var(--background-color);z-index:5;opacity:.85}.loader{width:48px;height:48px;border:5px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:1s linear infinite rotation}#notification-alert .font-medium{text-transform:capitalize}.sidebar .top-customer{order:2}.sidebar .recent-payments{order:3}.sidebar .giftcards{order:10}.sidebar .text-block{order:15}@keyframes shine{0%{left:-100px}to{left:calc(100% + 100px)}}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media only screen and (max-width:768px){.sidebar .store-menu-toggle,.view--home #mobile-secondary{display:none!important}}button, .btn {cursor: pointer;}

/* ===== UnstableMC theme ===== */
.um-theme{--um-font-title:'Minecraft Title','Silkscreen',sans-serif;--um-font-pixel:'Minecraft','Pixelify Sans',sans-serif;--um-magenta:#e020f0;--um-radius:14px;font-family:var(--um-font-pixel);background:radial-gradient(1200px 500px at 50% -120px,rgba(224,32,240,.18),transparent 70%),var(--background-color);min-height:100vh}
.um-theme h1,.um-theme h2,.um-theme h3{font-family:var(--um-font-title);letter-spacing:.02em}
.um-theme .text-primary{color:var(--um-magenta)}
.um-theme .bg-primary{background:var(--um-magenta)}

/* Header */
#hero.um-header{transform:none!important;padding-top:70px}
.um-header-bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:112px;padding:16px;background:var(--content-color);border:2px solid rgba(255,255,255,.06);border-radius:var(--um-radius);box-shadow:0 10px 40px rgba(0,0,0,.4)}
.um-account{display:flex;align-items:center;gap:14px;padding:10px 18px 10px 10px;background:var(--content-light-color);border-radius:12px;transition:transform .2s,background .2s;z-index:2}
.um-account:hover{transform:translateY(-2px);background:#352a52}
.um-account-avatar{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#d9d6e4,#9c97ad);color:#fff;font-size:24px;overflow:hidden;box-shadow:inset 0 -4px 0 rgba(0,0,0,.25)}
.um-account-avatar img{width:100%;height:100%;image-rendering:pixelated}
.um-account-text{display:flex;flex-direction:column;line-height:1.1;text-transform:uppercase}
.um-account-text small{font-size:12px;color:var(--text-muted)}
.um-account-text strong{font-family:var(--um-font-title);font-size:22px;color:#fff;font-weight:400}
.um-brand{position:absolute;left:50%;top:0;transform:translate(-50%,-42%);display:flex;flex-direction:column;align-items:center;pointer-events:none}
.um-logo,.um-ip{pointer-events:auto}
.um-logo img{display:block;width:420px;height:128px;object-fit:cover;object-position:center 50%;filter:drop-shadow(0 8px 18px rgba(0,0,0,.55));transition:transform .25s}
.um-logo:hover img{transform:scale(1.04) rotate(-1deg)}
.um-ip{margin-top:4px;display:flex;align-items:center;gap:8px;cursor:pointer;color:#9d93b5;text-transform:uppercase;font-size:15px;letter-spacing:.06em;transition:color .2s}
.um-ip:hover{color:#fff}
.um-ip-players{font-size:11px;color:#4ade80;padding:2px 8px;border-radius:6px;background:rgba(74,222,128,.12)}
.um-cart{position:relative;width:76px;height:76px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;background:linear-gradient(180deg,#e64cf5,#a114c9);box-shadow:inset 0 -5px 0 rgba(0,0,0,.25),0 8px 24px rgba(224,32,240,.35);transition:transform .2s,filter .2s;cursor:pointer;z-index:2}
.um-cart:hover{transform:translateY(-2px);filter:brightness(1.1)}
.um-cart-count{position:absolute;top:-8px;right:-8px;min-width:24px;height:24px;padding:0 6px;border-radius:8px;background:#fff;color:#a114c9;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.um-content{padding:28px 0 80px}

/* Home tiles */
.um-home{display:flex;flex-direction:column;gap:20px}
.um-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(170px,auto);gap:20px}
.um-tile{position:relative;overflow:hidden;display:flex;align-items:center;min-height:170px;padding:28px 32px;border-radius:var(--um-radius);color:#fff;box-shadow:inset 0 -6px 0 rgba(0,0,0,.22),0 12px 30px rgba(0,0,0,.35);transition:transform .25s,filter .25s}
.um-tile:hover{transform:translateY(-4px);filter:brightness(1.08)}
.um-tile--banner{min-height:180px}
.um-tile--tall{grid-row:span 2;align-items:flex-start}
.um-tile-text{position:relative;z-index:2;max-width:62%}
.um-tile-text h2{font-size:clamp(34px,5vw,58px);line-height:.95;text-transform:uppercase;text-shadow:0 4px 0 rgba(0,0,0,.28)}
.um-tile-text p{margin-top:12px;font-size:17px;line-height:1.35;text-transform:uppercase;opacity:.92;text-shadow:0 2px 0 rgba(0,0,0,.25)}
.um-tile-art{position:absolute;right:6%;bottom:50%;transform:translateY(50%) rotate(-12deg);height:72%;max-height:170px;width:auto;image-rendering:pixelated;filter:drop-shadow(0 10px 0 rgba(0,0,0,.25));transition:transform .3s}
.um-tile:hover .um-tile-art{transform:translateY(50%) rotate(-4deg) scale(1.08)}
.um-tile--tall .um-tile-art{bottom:12%;transform:rotate(-12deg);max-height:240px;height:55%}
.um-tile--tall:hover .um-tile-art{transform:rotate(-4deg) scale(1.08)}
.um-tile--magenta{background:linear-gradient(135deg,#f04cf9 0%,#c414dc 55%,#9a0fb8 100%)}
.um-tile--violet{background:linear-gradient(135deg,#9d6bff 0%,#7c3aed 55%,#5b21b6 100%)}
.um-tile--pink{background:linear-gradient(135deg,#ff6cc9 0%,#ff3fb4 55%,#d1168b 100%)}
.um-tile--silver{background:linear-gradient(135deg,#e6e7ee 0%,#b9bccb 55%,#8e92a6 100%)}
.um-tile--silver .um-tile-text{color:#2a1f3d}
.um-tile--silver .um-tile-text h2,.um-tile--silver .um-tile-text p{text-shadow:0 3px 0 rgba(255,255,255,.35)}

/* Category page */
.um-page-title{display:flex;align-items:center;gap:18px;padding:22px 26px;background:var(--content-color);border-radius:var(--um-radius);border:2px solid rgba(255,255,255,.06)}
.um-page-title h1{font-size:clamp(28px,4vw,42px);color:#fff;text-transform:uppercase;line-height:1}
.um-page-title p{margin-top:6px;color:var(--text-muted);text-transform:uppercase;font-size:14px}
.um-back{width:52px;height:52px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--content-light-color);color:#fff;font-size:18px;transition:background .2s,transform .2s}
.um-back:hover{background:var(--um-magenta);transform:translateY(-2px)}
.um-category .category-packages>div{background:var(--content-color);border:2px solid rgba(255,255,255,.06);border-radius:var(--um-radius)}
.um-category .category-packages>div>div:first-child{background:radial-gradient(circle at 50% 60%,rgba(224,32,240,.28),transparent 65%),var(--content-light-color)}
.um-category .category-packages>div:hover>div:first-child{background:radial-gradient(circle at 50% 60%,rgba(255,255,255,.25),transparent 65%),var(--um-magenta)}
.um-item-art{height:96px;width:auto;image-rendering:pixelated;filter:drop-shadow(0 8px 0 rgba(0,0,0,.3));transition:transform .3s}
.um-category .group:hover .um-item-art{transform:rotate(-8deg) scale(1.12)}
.um-category h3{text-transform:uppercase;font-weight:400!important}
.um-category .text-2xl.font-bold.text-primary{color:#4ade80;font-family:var(--um-font-title);font-weight:400}
.um-category button{font-family:var(--um-font-title);text-transform:uppercase;letter-spacing:.04em}
.um-category .category-packages button.bg-content-light{background:linear-gradient(180deg,#e64cf5,#a114c9);box-shadow:inset 0 -4px 0 rgba(0,0,0,.25)}
.um-category .category-packages button.bg-content-light:hover{filter:brightness(1.1)}

/* Footer */
.um-footer{border-top:2px solid rgba(255,255,255,.05);background:rgba(0,0,0,.25);padding:40px 0 28px;font-size:14px;color:var(--text-muted);line-height:1.8}
.um-footer-top{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-bottom:28px;border-bottom:2px solid rgba(255,255,255,.05)}
.um-footer-col p+p{margin-top:10px}
.um-footer-col--right{text-align:right}
.um-footer a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.um-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px}
.um-footer-legal{display:flex;flex-direction:column;gap:2px}
.um-footer-legal strong{color:#fff;font-family:var(--um-font-title);font-weight:400;text-transform:uppercase}
.um-footer-links{display:flex;gap:14px}
.um-footer-social{display:flex;align-items:center;gap:10px}
.um-footer-social a{text-decoration:none;min-width:44px;height:44px;padding:0 12px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--content-light-color);font-size:18px;transition:background .2s}
.um-footer-social a:hover{background:var(--um-magenta)}
.um-footer-social .um-footer-paynow{font-size:12px;text-transform:uppercase}

/* Mobile */
@media (max-width:768px){
  #hero.um-header{padding-top:48px}
  .um-header-bar{min-height:88px;padding:12px}
  .um-account{padding:6px}
  .um-account-text{display:none}
  .um-account-avatar{width:44px;height:44px;font-size:20px}
  .um-brand{transform:translate(-50%,-36%)}
  .um-logo img{width:230px;height:70px}
  .um-ip{margin-top:0;font-size:10px}
  .um-ip-players{display:none}
  .um-cart{width:56px;height:56px;font-size:22px}
  .um-grid{grid-template-columns:1fr}
  .um-tile--tall{grid-row:auto;align-items:center}
  .um-tile--tall .um-tile-art{bottom:50%;transform:translateY(50%) rotate(-12deg);height:72%}
  .um-tile{min-height:140px;padding:22px}
  .um-tile-text p{font-size:13px}
  .um-footer-top{grid-template-columns:1fr}
  .um-footer-col--right{text-align:left}
  .um-footer-bottom{flex-direction:column;align-items:flex-start}
}