.inventory-page {background:#000;background-image:radial-gradient(ellipse at 60% 180px,#b8e9770b,transparent 650px);--line:#262629;}
.inventory-page>.top-rail {display:none;}
.inventory-page>.site-header {position:sticky;top:0;z-index:30;min-height:72px;width:100%;padding:12px max(28px,calc((100% - 1200px)/2));background:#0c0c0de6;border-color:#ffffff16;backdrop-filter:blur(22px);}
.inventory-page .brand {font-size:25px;}
.inventory-page .brand-mark {width:25px;}
.inventory-page .account-back-link {border:1px solid #ffffff18;border-radius:28px;padding:12px 18px;background:#ffffff06;font-size:12px;}
.inventory-page .profile-heading {padding:68px 0 44px;align-items:center;animation:inventory-enter .6s ease backwards;}
.inventory-page .profile-heading .eyebrow {font-size:11px;color:#929298;letter-spacing:2px;}
.inventory-page .profile-heading h1 {font-size:clamp(38px,5.5vw,68px);font-weight:750;line-height:1.1;letter-spacing:-2.5px;margin:16px 0 0;text-transform:none;}
.inventory-page .profile-heading .button {font-size:12px;padding:14px 22px;}
.inventory-page .profile-layout {grid-template-columns:230px minmax(0,1fr);gap:32px;align-items:start;}
.inventory-page .profile-account {display:block;padding:26px;border:1px solid #ffffff12;border-radius:24px;background:#111113;position:sticky;top:100px;}
.inventory-page .profile-avatar {width:56px;height:56px;border-radius:50%;background:#c9ff680c;border-color:#c9ff6822;margin-bottom:18px;}
.inventory-page .profile-account h2 {font-size:23px;font-weight:650;letter-spacing:-.6px;overflow-wrap:anywhere;}
.inventory-page .profile-account>p {font-size:11px;color:#929298;}
.inventory-page .profile-account .wallet-status {background:none;border:0;border-radius:0;padding:0;margin:14px 0;font-size:14px;color:#c2c2c7;}
.inventory-page .profile-account-actions {display:grid;gap:8px;border-color:#ffffff12;margin-top:22px;padding-top:16px;}
.inventory-page .profile-account-actions a,.inventory-page .profile-account-actions button {min-height:44px;font-size:11px;color:#b5b5bd;}
.inventory-page .profile-stats {border:1px solid #ffffff12;border-radius:22px;background:#111113;overflow:hidden;margin-bottom:34px;}
.inventory-page .profile-stats>div {padding:23px 18px;border-color:#ffffff10;background:none;}
.inventory-page .profile-stats strong {font-size:32px;font-weight:650;letter-spacing:-1px;}
.inventory-page .profile-stats span {font-size:11px;color:#a1a1a8;}
.inventory-page .inventory-heading {margin-bottom:18px;}
.inventory-page .inventory-heading h2 {font-size:22px;font-weight:650;letter-spacing:-.6px;}
.inventory-page .profile-play-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.inventory-page .profile-play {display:flex;flex-direction:column;gap:0;padding:0;min-width:0;border:1px solid #ffffff12;border-radius:22px;background:#111113;overflow:hidden;animation:inventory-enter .6s cubic-bezier(.2,.7,.2,1) backwards;transition:transform .3s,border-color .3s;}
.inventory-page .profile-play:hover {transform:translateY(-5px);border-color:#c9ff683d;}
.inventory-page .profile-play-visual {width:100%;height:auto;aspect-ratio:16/10;flex-shrink:0;border:0;border-radius:0;background:radial-gradient(ellipse at center,#c9ff6812,#171b16);}
.inventory-page .profile-play-visual img {width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .5s ease;}
.inventory-page .profile-play:hover img {transform:scale(1.04);}
.inventory-page .profile-play-visual>.icon {width:42px;height:42px;color:#c9ff6877;}
.inventory-page .profile-play-content {width:100%;padding:20px;}
.inventory-page .profile-play-labels {margin-bottom:12px;}
.inventory-page .profile-play-state {border:1px solid #c9ff6822;border-radius:20px;background:#c9ff680b;color:#d1e5b3;padding:5px 9px;font-size:10px;}
.inventory-page .profile-play-content h3 {font-size:21px;line-height:1.25;letter-spacing:-.6px;font-weight:650;overflow-wrap:anywhere;}
.inventory-page .profile-play-content time {display:block;font-size:11px;color:#929298;margin-top:12px;}
.inventory-page .profile-footnote {font-size:11px;color:#929298;margin-top:24px;}
.inventory-page .profile-empty {grid-column:1/-1;padding:60px 25px;border:1px solid #ffffff12;border-radius:24px;background:#111113;}
.inventory-page .account-footer {border-color:#262629;color:#86868b;}
.inventory-page .account-footer>span {display:none;}
.history-dialog {width:min(94vw,680px);padding:30px;border:1px solid #ffffff20;border-radius:28px;background:#111113;box-shadow:0 35px 100px #000b;}
.history-dialog[open] {animation:inventory-enter .35s cubic-bezier(.2,.7,.2,1);}
.history-dialog::backdrop {background:#000b;backdrop-filter:blur(12px);}
.history-dialog .modal-heading .eyebrow {font-size:10px;letter-spacing:1.5px;color:#929298;}
.history-dialog h2 {font-size:36px;font-weight:700;letter-spacing:-1.5px;text-transform:none;margin-bottom:24px;}
.history-dialog .modal-close {border-radius:50%;background:#ffffff08;border-color:#ffffff18;}
.history-list {gap:12px;}
.history-item,.history-item.has-history-image {grid-template-columns:84px minmax(0,1fr);gap:18px;padding:16px;border:1px solid #ffffff12;border-radius:18px;background:#19191c;animation:inventory-enter .4s ease backwards;}
.history-item-icon,.history-item.has-history-image .history-item-icon {width:84px;height:84px;border:0;border-radius:12px;background:#c9ff6808;overflow:hidden;}
.history-item .history-prize-image {width:100%;height:100%;object-fit:contain;padding:5px;}
.history-item h3 {display:none;}
.history-item .history-prize {font-size:18px;font-weight:650;color:#f5f5f7;letter-spacing:-.4px;margin-top:0;line-height:1.3;}
.history-item p {font-size:11px;color:#929298;}
.history-item .text-button {min-height:44px;font-size:12px;color:var(--lime);}
.inventory-profile-link {display:flex;justify-content:center;align-items:center;gap:10px;min-height:44px;margin-top:20px;color:var(--lime);font-size:12px;}
.inventory-profile-link .icon {width:16px;height:16px;}
.profile-play:nth-child(2),.history-item:nth-child(2){animation-delay:50ms;}.profile-play:nth-child(3),.history-item:nth-child(3){animation-delay:100ms;}.profile-play:nth-child(4),.history-item:nth-child(4){animation-delay:150ms;}
@keyframes inventory-enter {from{opacity:0;transform:translateY(18px) scale(.98);}to{opacity:1;transform:none;}}
@media(max-width:850px){.inventory-page .profile-layout{grid-template-columns:1fr;}.inventory-page .profile-account{position:static;display:grid;grid-template-columns:56px 1fr;gap:0 18px;}.inventory-page .profile-avatar{grid-row:1/4;margin:0;}.inventory-page .profile-account h2{margin:0;}.inventory-page .profile-account .wallet-status{margin:6px 0;}.inventory-page .profile-account-actions{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:12px;margin:16px 0 0;}.inventory-page .profile-heading{gap:24px;}}
@media(max-width:600px){.inventory-page>.site-header{padding:14px 18px;gap:12px;}.inventory-page .brand{font-size:22px;}.inventory-page .account-back-link{font-size:10px;padding:10px 12px;}.inventory-page .profile-heading{padding:40px 0 28px;align-items:flex-start;}.inventory-page .profile-heading h1{font-size:40px;letter-spacing:-1.8px;}.inventory-page .profile-heading .button{align-self:flex-start;}.inventory-page .profile-play-list{grid-template-columns:1fr;gap:18px;}.inventory-page .profile-stats>div{padding:18px 12px;}.inventory-page .profile-stats strong{font-size:27px;}.inventory-page .profile-stats span{font-size:10px;}.inventory-page .profile-play-content{padding:20px;}.history-dialog{padding:22px 18px;border-radius:22px;}.history-dialog h2{font-size:30px;}.history-item,.history-item.has-history-image{grid-template-columns:62px minmax(0,1fr);gap:12px;padding:12px;}.history-item-icon,.history-item.has-history-image .history-item-icon{width:62px;height:62px;}.history-item .history-prize{font-size:16px;}}
@media(prefers-reduced-motion:reduce){.inventory-page .profile-heading,.inventory-page .profile-play,.history-dialog[open],.history-item{animation:none;}.inventory-page .profile-play,.inventory-page .profile-play img{transition:none;}.inventory-page .profile-play:hover,.inventory-page .profile-play:hover img{transform:none;}}
