/* Items store finish (2026-11-09): hub game picker, game logos, "New" badge, few-card fill panel, trade block. Own file: items.css is at its 30,000 byte cap. Logical properties only (RTL mirrors by itself). */
.its{--its-line:var(--nx-line,rgba(208,255,226,.075));--its-surface:var(--nx-s1,#0b120e);--its-surface-2:var(--nx-s2,#101713);--its-muted:var(--nx-text-2,#a7b7ad)}
.its-logo{flex:none;aspect-ratio:1;border-radius:14px;object-fit:cover;background:var(--nx-s2,#101713)}
.its-gi.its-logo{display:grid;place-items:center;inline-size:var(--px,48px);block-size:var(--px,48px);font-weight:800;font-size:calc(var(--px,48px)*.34);border:1px solid var(--nx-line-strong,rgba(208,255,226,.13));background:linear-gradient(160deg,hsl(var(--h,140) 55% 20%),#04130a);color:#dffbe8}
.its-hero__logo{inline-size:56px;block-size:56px;border-radius:14px}
.its-card{position:relative}
.its-new{position:absolute;inset-block-start:10px;inset-inline-start:10px;z-index:2;padding:3px 9px;border-radius:6px;background:var(--nx-signal,#45f882);color:var(--nx-on-signal,#03130a);font-size:12px;font-weight:700;line-height:1.3}
.its-tf--a small{margin-inline-start:4px;opacity:.7;font-size:.78em}
/* hub: one card per game */
.ith-grid{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:1fr}
.ith-grid>li{min-inline-size:0}
@media (min-width:768px){.ith-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ith-grid[data-n="1"]{grid-template-columns:1fr}}
@media (min-width:1100px){.ith-grid[data-n="4"]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ith-grid[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ith-card{display:flex;flex-direction:column;block-size:100%;overflow:hidden;border:1px solid var(--its-line);border-radius:var(--nx-r-card,14px);background:rgba(9,16,12,.92);color:var(--nx-text,#eef5f0);text-decoration:none;transition:border-color .15s,transform .15s}
.ith-card:hover{border-color:var(--nx-panel-line,rgba(69,248,130,.32));transform:translateY(-2px)}
.ith-card:focus-visible{outline:2px solid var(--nx-ring,#45f882);outline-offset:2px}
.ith-card__banner{position:relative;display:block;aspect-ratio:16/7;overflow:hidden;background:linear-gradient(135deg,hsl(var(--h,140) 55% 16%),#04130a)}
.ith-card__banner::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,16,12,.92),transparent 55%)}
.ith-card__pic,.ith-card__pic img{display:block;inline-size:100%;block-size:100%}
.ith-card__pic img{object-fit:cover;object-position:right center}
.its[dir=rtl] .ith-card__pic img{transform:scaleX(-1);object-position:left center}
.ith-badge{position:absolute;z-index:1;inset-block-start:10px;inset-inline-end:10px;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:700;line-height:1.3;background:var(--nx-signal-tint,rgba(69,248,130,.16));color:var(--nx-signal,#45f882);border:1px solid var(--nx-panel-line,rgba(69,248,130,.32))}
.ith-badge--game{background:var(--nx-signal,#45f882);color:var(--nx-on-signal,#03130a);border-color:transparent}
.ith-card__body{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:center;padding:0 16px 16px;margin-block-start:-28px;position:relative;z-index:1}
.ith-card__logo{inline-size:64px;block-size:64px;border:1px solid var(--nx-panel-line,rgba(69,248,130,.32));box-shadow:0 6px 18px rgba(0,0,0,.5)}
.ith-card__copy{display:grid;gap:2px;min-inline-size:0;padding-block-start:30px}
.ith-card__copy b{font-size:1.1rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ith-card__copy small{color:var(--its-muted);font-size:.8rem}
.ith-card__from{grid-column:1/-1;display:flex;align-items:baseline;gap:8px;padding-block-start:6px;border-block-start:1px solid var(--its-line);font-size:.82rem;color:var(--its-muted)}
.ith-card__from .nxc-price{color:var(--nx-price,#7dffae);font-size:1.15rem;font-weight:800;font-variant-numeric:tabular-nums}
@media (min-width:768px){.ith-card__banner{aspect-ratio:16/8}.ith-card__logo{inline-size:72px;block-size:72px}.ith-card__body{margin-block-start:-34px}.ith-card__copy{padding-block-start:36px}}
@media (min-width:1100px){.ith-card__banner{aspect-ratio:16/9}.ith-grid[data-n="1"] .ith-card__banner,.ith-grid[data-n="2"] .ith-card__banner{aspect-ratio:21/9}}
.ith-new{margin-block-start:32px}
.ith-new h2{margin:0 0 12px;font-size:1.15rem}
.ith-new__list{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.ith-new__list a{display:grid;gap:2px;padding:12px 14px;border:1px solid var(--its-line);border-radius:var(--nx-r-control,10px);background:var(--its-surface);color:var(--nx-text,#eef5f0);text-decoration:none}
.ith-new__list a:hover{border-color:var(--nx-panel-line,rgba(69,248,130,.32))}
.ith-new__name{font-weight:700}.ith-new__list small{color:var(--its-muted)}.ith-new__list .nxc-price{color:var(--nx-price,#7dffae);font-weight:800}
/* game page with one to three cards: the free columns hold the "More Roblox games" panel, never a blank area */
@media (min-width:900px){
  .its-grid--few{grid-template-columns:repeat(var(--n,1),minmax(240px,300px)) minmax(260px,1fr)}
  .its-grid--n1{--n:1}.its-grid--n2{--n:2}.its-grid--n3{--n:3}
}
.ith-fill{grid-column:1/-1;padding:16px;border:1px solid var(--its-line);border-radius:var(--nx-r-card,14px);background:var(--its-surface)}
@media (min-width:900px){.ith-fill{grid-column:auto}}
.ith-fill h2{margin:0 0 14px;font-size:1.15rem}
/* trade block: steps next to the terms; one column on phones */
.ith-trade.ith-trade{display:grid;gap:24px;margin-block-start:28px;padding:20px!important;border:1px solid var(--its-line);border-radius:var(--nx-r-card,14px);background:var(--its-surface)}
@media (min-width:900px){.ith-trade.ith-trade{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding:24px!important}}
.ith-trade h2{margin:0 0 14px;font-size:1.15rem}.ith-trade h3{margin:18px 0 8px;font-size:.95rem;color:var(--its-muted)}
.ith-steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:12px}
.ith-steps li{counter-increment:s;display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;line-height:1.55}
.ith-steps li::before{content:counter(s);display:grid;place-items:center;inline-size:28px;block-size:28px;border-radius:50%;background:var(--nx-signal-tint,rgba(69,248,130,.16));color:var(--nx-signal,#45f882);font-weight:700;font-size:.85rem}
.ith-terms{margin:0;display:grid;gap:0;border:1px solid var(--its-line);border-radius:var(--nx-r-control,10px);overflow:hidden;background:var(--its-surface-2)}
.ith-term{display:grid;gap:2px;padding:10px 14px;border-block-end:1px solid var(--its-line)}
.ith-term:last-child{border-block-end:0}
.ith-term dt{font-size:.8rem;color:var(--its-muted)}.ith-term dd{margin:0;line-height:1.5}
.ith-term--offline{border-inline-start:3px solid var(--nx-warn,#f5c451)}
.ith-before{margin:0;padding-inline-start:20px;display:grid;gap:6px;line-height:1.5}
.ith-trade__foot{margin:14px 0 0;font-size:.9rem}
@media (max-width:380px){.ith-card__body{padding-inline:12px}}
.its-ph{outline:0}
.ith-trade--one{grid-template-columns:1fr!important}
.itp-trade .ith-trade{margin-block-start:16px}