:root{--bg:#15151d;--top:#25252f;--panel:#1d1d27;--panel2:#20202b;--line:#2c2c38;--text:#f2f2f5;--muted:#8e8e9d;--blue:#0e6ca8;--blue2:#0b527f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.top{height:185px;background:#25252f;display:flex;align-items:center;justify-content:space-between;padding:0 max(7vw,30px);border-bottom:1px solid #292933}.logo{font-size:36px;font-weight:800;letter-spacing:-2px}.logo span{color:#fff}.logo b{margin-left:7px;color:transparent;-webkit-text-stroke:1.5px #aaa;font-weight:800}.discord{display:flex;align-items:center;gap:12px;margin-right:14vw}.discord-icon{width:40px;height:40px;border-radius:10px;background:#153b56;display:grid;place-items:center;color:#4ca9df}.discord strong,.discord small{display:block}.discord strong{font-size:15px}.discord small{font-size:10px;color:#777786;margin-top:3px;text-transform:uppercase}header{height:58px;margin:-1px auto 18px;max-width:1180px;background:#1c1c26;display:flex;align-items:center;border-radius:5px;padding:0 18px;box-shadow:0 6px 25px #0002}nav{height:100%;display:flex;align-items:center;gap:6px}nav a{height:100%;display:flex;align-items:center;padding:0 24px;font-size:13px;font-weight:700;color:#d3d3da;border-bottom:3px solid transparent}nav a:hover,nav a.active{background:#202936;color:#3c9dd3;border-bottom-color:#1681bd}.chev{margin-left:10px;color:#777}.status{margin-left:auto;padding:0 20px;border-left:1px solid #282833}.status small,.status strong{display:block}.status small{font-size:8px;color:#777786}.status strong{font-size:12px;margin-top:2px}.cart{width:40px;height:36px;border-radius:7px;background:#123d58;display:grid;place-items:center;color:#48aee8}.titlebar{max-width:1180px;margin:0 auto 18px;background:#1c1c26;border-radius:5px;padding:26px;text-align:center}.titlebar h1{font-size:19px;margin:0;letter-spacing:.04em}.layout{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px}.content{background:#1a1a23;border-radius:5px;padding:20px}.section-title{padding:2px 4px 18px}.section-title span{font-size:9px;color:#368fc1;font-weight:800}.section-title h2{font-size:17px;margin:6px 0 0}.empty{min-height:370px;border:1px solid var(--line);background:#1e1e28;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.empty-logo{width:58px;height:58px;border-radius:12px;background:#163b54;color:#46a8df;display:grid;place-items:center;font-size:24px;font-weight:800}.empty h3{font-size:20px;margin:18px 0 8px}.empty p{max-width:520px;color:var(--muted);font-size:13px;line-height:1.7}.purchase{margin-top:15px;background:#0d5d8c;color:#8bd4fb;padding:12px 30px;border-radius:7px;font-size:13px;font-weight:800}.purchase:hover{background:#1176ad;color:white}aside{display:flex;flex-direction:column;gap:18px}.sidecard{background:#1d1d27;border-radius:5px;padding:20px}.sidecard h3{font-size:14px;margin:0 0 17px}.sidecard p{color:var(--muted);font-size:12px;line-height:1.6}.sidecard>a{display:block;margin-top:16px;padding:10px;background:#123d58;border-radius:6px;color:#58b6e9;text-align:center;font-size:11px;font-weight:700}.row{border-top:1px solid var(--line);padding:13px 0;display:flex;justify-content:space-between;font-size:11px;color:#9999a6}.row b{color:#fff}.row .soon{color:#52b5ea}.placeholder{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;gap:12px}.placeholder span{width:42px;height:42px;background:#252532;border-radius:5px;display:grid;place-items:center;color:#777}.placeholder p{margin:0;font-size:11px}footer{max-width:1180px;margin:30px auto;padding:20px 0 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#6f6f7e;font-size:10px}@media(max-width:800px){.top{height:130px;padding:0 20px}.logo{font-size:27px}.discord{margin:0}.discord small{display:none}header{margin:0 12px 14px;padding:0 8px}nav a{padding:0 13px}.status{display:none}.titlebar{margin:0 12px 14px}.layout{display:block;margin:0 12px}.content{padding:14px}aside{margin-top:14px}.empty{min-height:320px;padding:25px 16px}footer{margin:25px 12px}.discord strong{font-size:12px}}
.cart{cursor:pointer;position:relative}.cart-count{position:absolute;right:-6px;top:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#1681bd;color:white;font-size:10px;display:grid;place-items:center}.cart-backdrop{position:fixed;inset:0;background:#0009;opacity:0;visibility:hidden;transition:.25s;z-index:98}.cart-backdrop.open{opacity:1;visibility:visible}.cart-drawer{position:fixed;top:0;right:0;width:min(660px,94vw);height:100dvh;background:#12121c;border-left:1px solid #26303f;z-index:99;transform:translateX(105%);transition:.28s ease;display:flex;flex-direction:column;box-shadow:-20px 0 60px #0008}.cart-drawer.open{transform:none}.cart-head{height:126px;padding:32px 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292936}.cart-head h2{font-size:22px;margin:0}.cart-head>div{display:flex;align-items:center;gap:14px}.cart-clear,.cart-close{border:1px solid #63222c;background:transparent;color:#c65b67;border-radius:7px;padding:11px 15px;font:inherit;cursor:pointer}.cart-close{border:0;color:#777787;font-size:38px;padding:0 6px}.cart-items{padding:30px;overflow:auto;flex:1}.cart-empty{height:100%;min-height:320px;display:grid;place-items:start center;padding-top:80px;color:#5f5f6e;font-style:italic;font-size:18px}.cart-line{display:grid;grid-template-columns:88px 1fr 38px;gap:16px;align-items:center;border:1px solid #292936;border-radius:7px;padding:18px;margin-bottom:14px;background:#151521}.cart-thumb{height:70px;border-radius:6px;background:#0d0d16;display:grid;place-items:center;font-size:28px}.cart-info strong,.cart-info span,.cart-info small{display:block}.cart-info strong{font-size:14px;margin-bottom:8px}.cart-info span{color:#2d8ed0;font-size:19px}.cart-info small{color:#777787;margin-top:7px}.remove-item{border:0;background:transparent;color:#72c8ef;font-size:20px;cursor:pointer}.cart-checkout{padding:28px 40px 30px;border-top:1px solid #292936;background:#101019}.cart-checkout.hidden{display:none}.discord-login-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid #173650;background:#101b2b;border-radius:7px;margin-bottom:18px;font-size:12px}.discord-login-box button{border:0;border-radius:6px;background:#5865f2;color:#fff;font-weight:800;padding:10px 13px}.promo{display:grid;grid-template-columns:1fr 160px;gap:14px}.promo input,.promo button{height:58px;border-radius:7px;border:1px solid #343445;background:#0e0e17;color:#777;padding:0 18px;font:inherit}.promo button{color:#3b91cc;font-weight:800}.cart-total{display:flex;justify-content:space-between;align-items:center;padding:25px 0}.cart-total strong{font-size:20px}.cart-total b{font-size:30px;color:#258cd5}.checkout-btn{width:100%;height:70px;border:0;border-radius:7px;background:#0872ce;color:white;font-size:15px;font-weight:800;letter-spacing:.12em;cursor:pointer}.checkout-note{display:block;color:#686879;text-align:center;line-height:1.5;margin-top:12px}.cart-open{overflow:hidden}@media(max-width:600px){.cart-head{height:100px;padding:22px 18px}.cart-head h2{font-size:19px}.cart-clear{padding:9px}.cart-items{padding:20px 14px}.cart-line{grid-template-columns:64px 1fr 30px;padding:14px;gap:11px}.cart-thumb{height:58px}.cart-checkout{padding:20px 16px}.discord-login-box{align-items:flex-start;flex-direction:column}.promo{grid-template-columns:1fr 110px}.promo input,.promo button{height:52px;padding:0 12px}.checkout-btn{height:62px}}

/* OBLI SHOP - Discord login final mobile fix */
.discord-login-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#5865f2;
  color:#fff!important;
  padding:9px 13px;
  border-radius:6px;
  font-size:11px;
  font-weight:800;
}
.discord-login-mobile{display:none}
@media(max-width:800px){
  .discord-auth-status{display:none!important}
  .discord-login-mobile{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    margin-left:auto;
    margin-right:8px;
    padding:10px 12px;
    border-radius:7px;
    background:#5865f2;
    color:#fff!important;
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
  }
  body{padding-bottom:0!important}
}