main{
  max-width:1167px;
  width:calc(100% - 80px);
  margin:0 auto;
  padding:28px 0 46px;
}
body[data-page="market"] main,
body[data-page="storage"] main{
  max-width:1167px;
  width:calc(100% - 80px);
  margin:0 auto;
}
.page-head{
  display:grid;
  grid-template-columns:1fr auto;
  gap:14px;
  align-items:end;
  margin:4px 0 16px;
}
.page-kicker{
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--blue);
  font-weight:900;
  margin:0 0 7px;
}
.page-head h1{
  margin:0;
  font-size:34px;
  line-height:1;
  letter-spacing:-.055em;
}
.page-head p{
  margin:8px 0 0;
  color:var(--muted);
}
.result-line{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:13px;
  margin-bottom:10px;
}
.result-line span:last-child{
  text-align:right;
  min-width:0;
}
.item-grid{
  display:grid;
  gap:9px;
}
.market-grid,
#marketGrid.item-grid{
  grid-template-columns:repeat(auto-fill,159px);
  justify-content:start;
  align-items:start;
}
body[data-page="storage"] .page-head,
body[data-page="storage"] .storage-tools,
body[data-page="storage"] .result-line,
body[data-page="storage"] #storageGrid{
  max-width:1167px;
  width:100%;
}
body[data-page="storage"] #storageGrid{
  grid-template-columns:repeat(auto-fill,159px);
  justify-content:start;
}
.empty{
  padding:30px;
  text-align:center;
  color:var(--muted);
  border:1px dashed var(--line);
  border-radius:14px;
  background:var(--panel);
}
@media(max-width:1240px){
  main,
  body[data-page="market"] main,
  body[data-page="storage"] main{
    width:calc(100% - 32px);
  }
  body[data-page="storage"] .page-head,
  body[data-page="storage"] .storage-tools,
  body[data-page="storage"] .result-line,
  body[data-page="storage"] #storageGrid{
    max-width:100%;
  }
  body[data-page="storage"] #storageGrid{
    justify-content:center;
  }
}
@media(max-width:760px){
  main,
  body[data-page="market"] main,
  body[data-page="storage"] main{
    width:calc(100% - 24px);
    padding-top:18px;
  }
  .market-grid,
  #marketGrid.item-grid,
  .storage-grid{
    grid-template-columns:repeat(auto-fill,159px);
    justify-content:center;
  }
}
@media(max-width:700px){
  body[data-page="storage"] main{
    width:100%;
    padding:12px 8px 18px;
    max-width:100%;
    overflow-x:hidden;
  }
}

.home-view{display:grid;gap:12px}.home-head{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:stretch}.home-hero{padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}.page-kicker{font-size:11px;letter-spacing:.02em;text-transform:none;color:var(--muted);font-weight:600;margin:0 0 10px}.home-hero .home-intro{margin:0;max-width:640px;color:var(--muted);font-size:14px;line-height:1.5;font-weight:500}.home-balance{display:grid;justify-content:end;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}.home-balance span{color:var(--muted);font-size:14px;line-height:1.5;font-weight:500}.home-balance-rows{display:grid;grid-template-columns:max-content max-content;column-gap:18px;row-gap:7px;justify-content:end}.home-balance-row{display:contents}.home-balance-row b{font-size:14px;font-weight:500;text-align:right}.home-balance-total b{font-size:14px;font-weight:500}.home-balance-actions{display:flex;justify-content:center;gap:12px;width:100%;margin-top:10px}.home-guide button,.home-feed header button{min-height:34px;padding:7px 10px;font-size:14px;font-weight:500}.home-link{min-height:0;padding:0;border:0;background:transparent;color:var(--blue);font-size:14px;font-weight:500}.home-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(560px,calc(50% - 6px));gap:12px;align-items:start;margin-top:28px}.home-guide,.home-feed{padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}.home-guide h2,.home-feed h2{margin:0;font-size:16px;letter-spacing:-.02em;font-weight:700}.home-guide-list{display:grid;gap:10px;margin-top:10px}.home-guide-list div{padding:0;border:0;border-radius:0;background:transparent}.home-guide-list b{display:block;font-size:14px;line-height:1.5;font-weight:500}.home-guide-list p{margin:5px 0 10px;color:var(--muted);line-height:1.5;font-size:14px;font-weight:500}.home-feed header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}.home-feed-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-feed-grid>div+div{border-left:1px solid var(--line);padding-left:12px}.home-feed h3,.home-feed-title{margin:0 0 8px;padding:0;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:700;text-align:left}.home-feed-title{display:block;min-height:0;line-height:1.2;font-family:inherit;appearance:none;cursor:pointer}.home-feed-title:hover{color:var(--text)}.home-list{display:grid;gap:6px}.home-list .home-thing-row:last-child{border-bottom:0}.home-thing-row{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:9px;align-items:center;padding:6px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;text-align:left;min-height:52px}.home-thing-row span:not(.home-mini-art):not(.home-mini-shell):not(.home-mini-rarity){min-width:0}.home-thing-row b,.home-thing-row em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-thing-row b{font-size:14px;font-weight:500}.home-thing-row em{display:none}.home-thing-row strong{font-size:14px;font-weight:500}.home-mini-shell{width:40px;height:46px;border-radius:9px;display:grid;grid-template-rows:40px 6px;justify-items:center;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,var(--item-bg-top),var(--item-bg-bottom))}.home-mini-art{display:grid;place-items:center;width:40px;height:40px;min-width:0;min-height:0;overflow:hidden}.home-mini-rarity{display:block;width:100%;background:var(--rarity)}.home-mini-shell img{box-sizing:border-box!important;display:block!important;width:auto!important;height:auto!important;max-width:38px!important;max-height:38px!important;object-fit:contain!important;object-position:center center!important;padding:0!important;margin:0!important}.home-mini-art b{color:var(--muted);font-size:16px}
@media(max-width:980px){.home-head,.home-body{grid-template-columns:1fr}}
@media(max-width:800px){.home-balance{display:none}.home-feed-grid{grid-template-columns:1fr 1fr}.home-thing-row{grid-template-columns:38px minmax(0,1fr) auto;gap:8px}.home-thing-row b{font-size:11px;line-height:1.2}.home-thing-row strong{grid-column:3;justify-self:end}}
@media(max-width:700px){.home-hero{padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}.home-balance{display:none}.home-hero h1{font-size:21px}.home-balance-grid{grid-template-columns:1fr}.home-balance h2{font-size:22px}.home-thing-row{grid-template-columns:38px minmax(0,1fr) auto;gap:8px}.home-mini-shell{width:38px;height:44px;grid-template-rows:38px 6px}.home-mini-art{width:38px;height:38px}.home-mini-shell img{max-width:36px!important;max-height:36px!important}.home-thing-row b{font-size:11px;line-height:1.2}.home-thing-row strong{font-size:14px;grid-column:3;justify-self:end}}
html body .home-head{grid-template-columns:1fr!important}
html body .home-balance{display:none!important}

body[data-page="home"] .home-feed-grid{display:block}
body[data-page="home"] .home-feed-stack{display:grid;gap:18px}
body[data-page="home"] .home-activity-block{display:grid;gap:8px}
body[data-page="home"] .home-feed h3,body[data-page="home"] .home-feed-title{margin:0;color:var(--muted);font-size:12px;font-weight:700;line-height:1.2}
body[data-page="home"] .home-activity-grid{display:grid;grid-template-columns:repeat(auto-fill,104px);gap:8px;align-items:start}
body[data-page="home"] .home-activity-card{position:relative!important;width:104px!important;min-width:104px!important;max-width:104px!important;height:116px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--m1-market-card-bg,#30333d)!important;color:inherit!important;text-decoration:none!important;text-align:left!important}
body[data-page="home"] .home-activity-card .item-art{position:relative!important;flex:0 0 96px!important;height:96px!important;min-height:96px!important;overflow:hidden!important;background:transparent!important;box-shadow:none!important}
body[data-page="home"] .home-activity-card .item-art.real img{box-sizing:border-box!important;width:100%!important;height:78px!important;object-fit:contain!important;padding:8px 10px 1px!important}
body[data-page="home"] .home-activity-card .market-price-row{position:absolute!important;left:5px!important;right:5px!important;bottom:3px!important;z-index:4!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:5px!important}
body[data-page="home"] .home-activity-card .item-qty,body[data-page="home"] .home-activity-card .sale-price{position:static!important;inset:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;white-space:nowrap!important}
body[data-page="home"] .home-activity-card .item-qty{color:#9da7b8!important;font-size:9px!important;font-weight:700!important;line-height:10px!important;text-shadow:none!important}
body[data-page="home"] .home-activity-card .sale-price{color:var(--text)!important;font-size:12px!important;font-weight:600!important;line-height:12px!important}
body[data-page="home"] .home-activity-card .sale-price--empty{color:#9da7b8!important;font-size:9px!important;font-weight:700!important}
body[data-page="home"] .home-activity-card .namebar{position:relative!important;z-index:5!important;height:20px!important;min-height:20px!important;padding:2px 6px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:var(--rarity)!important;color:#fff!important;font-size:10px!important;font-weight:600!important;line-height:1!important;text-align:center!important;white-space:nowrap!important;text-overflow:ellipsis!important}
html[data-theme="light"] body[data-page="home"] .home-activity-card{background:#f3f6fb!important;box-shadow:0 1px 2px rgba(20,35,55,.08)!important}
html[data-theme="light"] body[data-page="home"] .home-activity-card .item-art{background:linear-gradient(180deg,#fff,#eef3f9)!important}
@media(max-width:980px){body[data-page="home"] .home-activity-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}body[data-page="home"] .home-activity-card{width:100%!important;min-width:0!important;max-width:none!important}}
@media(max-width:560px){body[data-page="home"] .home-feed header{align-items:center}body[data-page="home"] .home-activity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}body[data-page="home"] .home-activity-grid .home-activity-card:nth-child(n+7){display:none!important}body[data-page="home"] .home-activity-card{height:110px!important;border-radius:7px!important}body[data-page="home"] .home-activity-card .item-art{flex-basis:91px!important;height:91px!important;min-height:91px!important}body[data-page="home"] .home-activity-card .item-art.real img{height:73px!important;padding:8px 8px 1px!important}body[data-page="home"] .home-activity-card .namebar{height:19px!important;min-height:19px!important;font-size:9px!important;padding:2px 4px!important}body[data-page="home"] .home-activity-card .sale-price{font-size:11px!important;line-height:11px!important}body[data-page="home"] .home-activity-card .item-qty{font-size:8px!important}}

/* activity hard lock */

.home-activity-grid{display:grid!important;grid-template-columns:repeat(3,104px)!important;gap:8px!important;align-items:start!important;justify-content:end!important}
.home-activity-grid .home-activity-card:nth-child(n+7){display:none!important}
.home-activity-card{box-sizing:border-box!important;position:relative!important;width:104px!important;min-width:104px!important;max-width:104px!important;height:116px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--m1-market-card-bg,#30333d)!important;color:inherit!important;text-decoration:none!important;text-align:left!important;line-height:1!important}
.home-activity-card .item-art{box-sizing:border-box!important;position:relative!important;display:block!important;flex:0 0 96px!important;width:100%!important;height:96px!important;min-height:96px!important;max-height:96px!important;overflow:hidden!important;background:transparent!important;box-shadow:none!important}
.home-activity-card .item-art.real img,.home-activity-card img{box-sizing:border-box!important;display:block!important;position:static!important;width:100%!important;height:78px!important;max-width:100%!important;max-height:78px!important;object-fit:contain!important;object-position:center center!important;padding:8px 10px 1px!important;margin:0!important;transform:none!important}
.home-activity-card .market-price-row{position:absolute!important;left:5px!important;right:5px!important;bottom:3px!important;z-index:4!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:5px!important;height:auto!important}
.home-activity-card .item-qty,.home-activity-card .sale-price{position:static!important;inset:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;white-space:nowrap!important;text-decoration:none!important}
.home-activity-card .item-qty{color:#9da7b8!important;font-size:9px!important;font-weight:700!important;line-height:10px!important;text-shadow:none!important}
.home-activity-card .sale-price{color:var(--text)!important;font-size:12px!important;font-weight:600!important;line-height:12px!important}
.home-activity-card .namebar{box-sizing:border-box!important;position:relative!important;z-index:5!important;display:flex!important;flex:0 0 20px!important;width:100%!important;height:20px!important;min-height:20px!important;max-height:20px!important;padding:2px 6px!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:var(--rarity)!important;color:#fff!important;font-size:10px!important;font-weight:600!important;line-height:1!important;text-align:center!important;white-space:nowrap!important;text-overflow:ellipsis!important;text-decoration:none!important}
html[data-theme="light"] .home-activity-card{background:#f3f6fb!important;box-shadow:0 1px 2px rgba(20,35,55,.08)!important}
html[data-theme="light"] .home-activity-card .item-art{background:linear-gradient(180deg,#fff,#eef3f9)!important}
@media(max-width:560px){.home-activity-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.home-activity-grid .home-activity-card:nth-child(n+7){display:none!important}.home-activity-card{width:100%!important;min-width:0!important;max-width:none!important;height:110px!important}.home-activity-card .item-art{flex-basis:91px!important;height:91px!important;min-height:91px!important;max-height:91px!important}.home-activity-card .item-art.real img,.home-activity-card img{height:73px!important;max-height:73px!important;padding:8px 8px 1px!important}.home-activity-card .namebar{flex-basis:19px!important;height:19px!important;min-height:19px!important;max-height:19px!important;font-size:9px!important;padding:2px 4px!important}.home-activity-card .sale-price{font-size:11px!important;line-height:11px!important}.home-activity-card .item-qty{font-size:8px!important}}

/* activity block right no title */

.home-feed{justify-self:end!important;width:328px!important;max-width:100%!important}
.home-feed header{justify-content:flex-end!important;margin-bottom:8px!important}
.home-feed header h2{display:none!important}
.home-feed-stack,.home-activity-block{width:328px!important;max-width:100%!important}
.home-activity-grid{justify-content:start!important}
@media(max-width:560px){.home-feed,.home-feed-stack,.home-activity-block{width:100%!important}.home-feed header{justify-content:flex-end!important}}

/* home price right after qty removal */
@media(max-width:350px){
  body[data-page="market"] main{
    width:100%!important;
    margin:0!important;
    padding:18px 0 46px!important;
  }
  body[data-page="market"] .market-grid,
  body[data-page="market"] #marketGrid.item-grid{
    gap:6px!important;
  }
}
@media(max-width:339px){
  body{
    min-width:340px!important;
    overflow-x:auto!important;
  }
}
body[data-page="home"] .home-activity-card .market-price-row{justify-content:flex-end!important}