:root {
    --site-bg: #101010;
    --site-surface: #171717;
    --site-surface-strong: #1f1f22;
    --site-border: rgba(255, 255, 255, 0.12);
    --site-border-soft: rgba(255, 255, 255, 0.08);
    --site-text: #f5f5f7;
    --site-muted: #9a98ad;
    --site-green: #00df5a;
    --site-violet: #6757f4;
    --site-violet-soft: #9b92ff;
    --site-header-height: 86px;
}

* {
    box-sizing: border-box;
}

html {
    min-width: 320px;
    color-scheme: dark;
    overflow-x: clip;
    overflow-y: auto;
}

body {
    margin: 0;
    min-height: 100vh;
    overflow-x: clip;
    overflow-y: visible;
    background: var(--site-bg);
    color: var(--site-text);
    font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif;
    letter-spacing: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
select {
    font: inherit;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px) 0 0 / 64px 100%,
        linear-gradient(180deg, rgba(28, 29, 31, 0.98), rgba(17, 18, 20, 0.98));
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.36);
    backdrop-filter: blur(16px);
}

.site-header__inner {
    display: flex;
    align-items: center;
    min-height: var(--site-header-height);
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 10px;
}

.site-header__brand {
    display: flex;
    align-items: center;
    gap: 11px;
    align-self: stretch;
    width: 250px;
    padding: 0 28px;
    border-right: 1px solid var(--site-border);
    transition: background 180ms ease, color 180ms ease;
}

.site-header__brand:hover {
    background: rgba(255, 255, 255, 0.03);
}

.site-header__mark {
    position: relative;
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 8px;
    background: linear-gradient(135deg, #222326, #111113);
    box-shadow: inset 0 0 0 1px rgba(103, 87, 244, 0.24), 0 8px 18px rgba(103, 87, 244, 0.15);
}

.site-header__mark::before,
.site-header__mark::after,
.site-header__mark span {
    content: "";
    position: absolute;
    border-radius: 999px;
    background: var(--site-violet-soft);
}

.site-header__mark::before {
    width: 18px;
    height: 5px;
    transform: rotate(35deg) translate(-1px, -5px);
}

.site-header__mark::after {
    width: 19px;
    height: 5px;
    background: var(--site-green);
    transform: rotate(-35deg) translate(0, 5px);
}

.site-header__mark span {
    width: 5px;
    height: 5px;
    background: #ffffff;
}

.site-header__brand-name {
    font-size: 21px;
    font-weight: 700;
    color: #ffffff;
}

.site-header__menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    min-width: 0;
}

.site-header__nav {
    display: flex;
    align-items: center;
    gap: 38px;
    padding-left: 40px;
}

.site-header__nav-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 60px;
    color: #f1f0f5;
    font-size: 17px;
    font-weight: 650;
    line-height: 1;
    transition: color 180ms ease, transform 180ms ease;
}

.site-header__nav-link img {
    width: 18px;
    height: 18px;
    opacity: 0.72;
    transition: opacity 180ms ease, transform 180ms ease;
}

.site-header__nav-link::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 4px;
    left: 0;
    height: 2px;
    border-radius: 0;
    background: var(--site-violet);
    opacity: 0;
    transform: scaleX(0.35);
    transition: opacity 180ms ease, transform 180ms ease;
}

.site-header__nav-link:hover,
.site-header__nav-link.is-active {
    color: #ffffff;
    transform: translateY(-1px);
}

.site-header__nav-link:hover img,
.site-header__nav-link.is-active img {
    opacity: 1;
    transform: translateY(-1px);
}

.site-header__nav-link:hover::after,
.site-header__nav-link.is-active::after {
    opacity: 1;
    transform: scaleX(1);
}

.site-header__actions {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    padding-left: 18px;
}

.site-header__steam {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    overflow: hidden;
    padding: 0 28px 0 22px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 0;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 32%),
        linear-gradient(135deg, #2d275f, #5f52ea);
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
    box-shadow: 0 14px 30px rgba(95, 82, 234, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.16);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background 180ms ease;
}

.site-header__steam::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.16), transparent);
    opacity: 0;
    transform: translateX(-120%);
    transition: opacity 180ms ease, transform 420ms ease;
    pointer-events: none;
}

.site-header__steam:hover {
    border-color: rgba(255, 255, 255, 0.26);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.16), transparent 32%),
        linear-gradient(135deg, #352c78, #6c60ff);
    box-shadow: 0 18px 36px rgba(95, 82, 234, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.22);
    transform: translateY(-1px);
}

.site-header__steam:hover::after {
    opacity: 1;
    transform: translateX(120%);
}

.site-header__steam-icon {
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.18));
}

.site-header__language {
    display: flex;
    align-items: center;
    align-self: stretch;
    min-width: 98px;
    padding: 0 14px;
    border-left: 1px solid var(--site-border);
}

.site-header__language-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.site-header__language select {
    width: 70px;
    min-height: 40px;
    padding: 0 8px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 0;
    outline: 0;
    background: rgba(255, 255, 255, 0.045);
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
    clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);
    transition: border-color 180ms ease, background 180ms ease;
}

.site-header__language select:hover {
    border-color: rgba(255, 255, 255, 0.24);
    background: rgba(255, 255, 255, 0.075);
}

.site-header__language option {
    background: #171717;
    color: #ffffff;
}

.site-header__burger {
    display: none;
    width: 42px;
    height: 42px;
    margin-left: auto;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--site-border);
    border-radius: 0;
    background: rgba(255, 255, 255, 0.03);
    color: #ffffff;
    cursor: pointer;
    clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);
}

.site-header__burger span {
    position: absolute;
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transition: transform 180ms ease, opacity 180ms ease;
}

.site-header__burger span:nth-child(1) {
    transform: translateY(-6px);
}

.site-header__burger span:nth-child(3) {
    transform: translateY(6px);
}

.site-header.is-open .site-header__burger span:nth-child(1) {
    transform: rotate(45deg);
}

.site-header.is-open .site-header__burger span:nth-child(2) {
    opacity: 0;
}

.site-header.is-open .site-header__burger span:nth-child(3) {
    transform: rotate(-45deg);
}

.site-page {
    min-height: calc(100vh - var(--site-header-height));
    padding: 64px clamp(18px, 4vw, 72px);
}

.home-main {
    position: relative;
    min-height: calc(100vh - var(--site-header-height));
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px) 70px 0 / 1px 100% no-repeat,
        radial-gradient(circle at 17% 20%, rgba(0, 223, 90, 0.12), transparent 23%),
        radial-gradient(circle at 74% 14%, rgba(103, 87, 244, 0.18), transparent 26%),
        linear-gradient(135deg, #0c0f10 0%, #151618 44%, #0e1012 100%);
}

.home-main::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    opacity: 0.42;
    pointer-events: none;
    background-image:
        linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(135deg, transparent 0 47%, rgba(0, 223, 90, 0.11) 48% 49%, transparent 50% 100%),
        linear-gradient(45deg, transparent 0 56%, rgba(103, 87, 244, 0.12) 57% 58%, transparent 59% 100%);
    background-size: 88px 88px, 88px 88px, 220px 220px, 260px 260px;
    filter: blur(0.2px);
    mask-image: radial-gradient(circle at 50% 22%, black 0%, transparent 82%);
    animation: homePatternDrift 22s ease-in-out infinite alternate;
}

.home-main::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.36) 100%),
        radial-gradient(circle at 46% 34%, transparent 0%, rgba(0, 0, 0, 0.18) 72%);
}

.reveal-on-scroll {
    opacity: 0;
    transform: translateY(26px);
    transition: opacity 720ms ease var(--reveal-delay, 0ms), transform 720ms ease var(--reveal-delay, 0ms);
}

.reveal-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.home-hero {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(560px, 1fr) minmax(660px, 1.05fr);
    gap: clamp(26px, 3vw, 48px);
    align-items: stretch;
    max-width: 1720px;
    margin: 0 auto;
    padding: clamp(34px, 5vw, 56px) clamp(18px, 4vw, 58px) 34px;
}

.home-hero__media {
    position: relative;
    display: flex;
    min-height: 100%;
    overflow: visible;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    animation: homeHeroIn 700ms ease both;
}

.home-hero__media picture {
    display: flex;
    width: min(118%, 780px);
    height: 100%;
    align-items: center;
    justify-content: center;
}

.home-hero__media img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 34px 46px rgba(0, 0, 0, 0.58));
    animation: heroImageFloat 6.5s ease-in-out infinite;
}

.home-hero__content {
    display: flex;
    min-height: 500px;
    flex-direction: column;
    justify-content: center;
    padding: 10px 0;
    animation: homeContentIn 760ms ease 120ms both;
}

.home-hero__eyebrow {
    margin: 0 0 16px;
    color: #ffb03d;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1;
}

.home-hero h1 {
    max-width: 720px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(40px, 4vw, 68px);
    font-weight: 800;
    line-height: 0.94;
    text-wrap: balance;
    text-shadow: 0 18px 48px rgba(0, 0, 0, 0.42);
}

.home-hero__copy {
    max-width: 560px;
    margin: 18px 0 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.45;
}

.home-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 13px;
}

.home-hero__button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 38px;
    padding: 0 24px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 0;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
    transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease, filter 180ms ease;
}

.home-hero__button::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
    opacity: 0;
    transform: translateX(-120%);
    transition: opacity 180ms ease, transform 460ms ease;
    pointer-events: none;
}

.home-hero__button img {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
}

.home-hero__button:hover {
    transform: translateY(-2px);
    filter: saturate(1.08);
}

.home-hero__button:hover::after {
    opacity: 1;
    transform: translateX(120%);
}

.home-hero__button--steam {
    background: linear-gradient(135deg, #4034a8, #6254f1);
    box-shadow: 0 14px 28px rgba(75, 63, 195, 0.28);
}

.home-hero__button--steam:hover {
    background: #5d50de;
}

.home-hero__button--shop {
    background: linear-gradient(135deg, #16a95a, #22d36e);
    box-shadow: 0 14px 28px rgba(33, 211, 108, 0.22);
}

.home-hero__button--shop:hover {
    background: #31e37b;
}

.home-hero__metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.home-hero__metrics span {
    display: inline-flex;
    gap: 5px;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0;
    background: rgba(255, 255, 255, 0.045);
    color: rgba(255, 255, 255, 0.66);
    font-size: 12px;
    font-weight: 700;
    backdrop-filter: blur(12px);
    clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
}

.home-hero__metrics img {
    width: 16px;
    height: 16px;
    opacity: 0.82;
}

.home-hero__metrics strong {
    color: #ffffff;
}

.best-offers {
    margin-top: 22px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    animation: homeContentIn 760ms ease 240ms both;
}

.best-offers h2 {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: clamp(24px, 2.2vw, 34px);
    line-height: 1;
}

.best-offers__grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(128px, 1fr));
    gap: 12px;
}

.best-offer-card {
    position: relative;
    display: grid;
    min-height: 172px;
    overflow: hidden;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0;
    background:
        radial-gradient(circle at 54% 43%, rgba(49, 227, 123, 0.18), transparent 42%),
        linear-gradient(145deg, rgba(54, 72, 67, 0.84), rgba(31, 37, 36, 0.92));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 18px 34px rgba(0, 0, 0, 0.3);
    transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
    animation: homeCardIn 620ms ease both;
    clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
}

.best-offer-card:nth-child(2) {
    animation-delay: 70ms;
}

.best-offer-card:nth-child(3) {
    animation-delay: 140ms;
}

.best-offer-card:nth-child(4) {
    animation-delay: 210ms;
}

.best-offer-card:nth-child(5) {
    animation-delay: 280ms;
}

.best-offer-card:hover {
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.34);
    transform: translateY(-4px);
}

.best-offer-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 28%, transparent 72%, rgba(255, 255, 255, 0.05));
    opacity: 0.55;
    pointer-events: none;
}

.best-offer-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: radial-gradient(circle at 50% 0%, rgba(0, 223, 90, 0.2), transparent 42%);
    opacity: 0;
    transition: opacity 180ms ease;
    pointer-events: none;
}

.best-offer-card:hover::before {
    opacity: 1;
}

.best-offer-card__timer,
.best-offer-card__badge {
    position: absolute;
    top: 7px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    min-height: 14px;
    border-radius: 0;
    color: #ffffff;
    font-size: 7px;
    font-weight: 800;
}

.best-offer-card__timer {
    left: 8px;
    padding: 0 8px;
    background: rgba(255, 255, 255, 0.22);
}

.best-offer-card__badge {
    right: 8px;
    justify-content: center;
    width: 28px;
    background: #21d36c;
}

.best-offer-card img {
    width: 100%;
    height: 82px;
    margin-top: 16px;
    object-fit: contain;
    filter: drop-shadow(0 14px 12px rgba(0, 0, 0, 0.42));
    transition: transform 180ms ease;
}

.best-offer-card:hover img {
    transform: translateY(-3px) scale(1.04);
}

.best-offer-card__tag {
    margin-top: auto;
    color: #ffb03d;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
}

.best-offer-card strong,
.best-offer-card__name {
    overflow: hidden;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.best-offer-card__name {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    font-weight: 700;
}

.best-offer-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 8px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 900;
}

.best-offer-card__footer span:last-child {
    display: inline-flex;
    min-width: 44px;
    min-height: 16px;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    background: linear-gradient(135deg, #8b4dff, #6724f0);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.home-grid-section {
    position: relative;
    z-index: 1;
    max-width: 1720px;
    margin: 0 auto;
    padding: 8px clamp(18px, 4vw, 58px) 70px;
}

.home-grid-section__header {
    display: grid;
    max-width: 720px;
    gap: 10px;
    margin-bottom: 22px;
}

.home-grid-section__header h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(32px, 3.2vw, 54px);
    line-height: 0.98;
}

.home-system {
    display: grid;
    grid-template-columns: 1.1fr 0.95fr 0.95fr;
    gap: 14px;
}

.home-system__panel {
    position: relative;
    min-height: 210px;
    overflow: hidden;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 28%),
        radial-gradient(circle at 18% 10%, rgba(103, 87, 244, 0.18), transparent 34%),
        rgba(255, 255, 255, 0.045);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 20px 42px rgba(0, 0, 0, 0.28);
    clip-path: polygon(18px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 18px);
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.home-system__panel::before {
    content: "";
    position: absolute;
    right: 18px;
    top: 18px;
    width: 42px;
    height: 2px;
    background: var(--site-green);
    box-shadow: 0 0 18px rgba(0, 223, 90, 0.45);
}

.home-system__panel::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -45%;
    width: 34%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12), transparent);
    opacity: 0;
    transform: skewX(-18deg);
    transition: opacity 180ms ease, left 620ms ease;
    pointer-events: none;
}

.home-system__panel:hover::after {
    left: 112%;
    opacity: 1;
}

.home-system__panel > img {
    position: absolute;
    top: 24px;
    left: 24px;
    width: 28px;
    height: 28px;
    opacity: 0.9;
    filter: drop-shadow(0 0 18px rgba(0, 223, 90, 0.18));
    transition: transform 180ms ease, filter 180ms ease;
}

.home-system__panel:hover > img {
    filter: drop-shadow(0 0 18px rgba(0, 223, 90, 0.44));
    transform: translateY(-3px) scale(1.08);
}

.home-system__panel:hover {
    border-color: rgba(255, 255, 255, 0.22);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.11), transparent 28%),
        radial-gradient(circle at 18% 10%, rgba(0, 223, 90, 0.14), transparent 34%),
        rgba(255, 255, 255, 0.06);
    transform: translateY(-5px);
}

.home-system__panel span {
    display: inline-flex;
    margin-left: 44px;
    color: #ffb03d;
    font-size: 12px;
    font-weight: 900;
}

.home-system__panel h3 {
    max-width: 340px;
    margin: 70px 0 12px;
    color: #ffffff;
    font-size: 28px;
    line-height: 1;
}

.home-system__panel p {
    max-width: 420px;
    margin: 0;
    color: rgba(255, 255, 255, 0.68);
    font-size: 15px;
    line-height: 1.55;
}

.skin-ticker {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px) 0 0 / 72px 100%,
        radial-gradient(circle at 20% 20%, rgba(103, 87, 244, 0.14), transparent 34%),
        radial-gradient(circle at 72% 18%, rgba(0, 223, 90, 0.1), transparent 30%),
        linear-gradient(180deg, #151719 0%, #0e1012 100%);
}

.skin-ticker::before,
.skin-ticker::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 110px;
    pointer-events: none;
}

.skin-ticker::before {
    left: 0;
    background: linear-gradient(90deg, #101214 0%, transparent 100%);
}

.skin-ticker::after {
    right: 0;
    background: linear-gradient(270deg, #101214 0%, transparent 100%);
}

.skin-ticker__viewport {
    overflow: hidden;
    padding: 22px 0;
}

.skin-ticker__track {
    display: flex;
    width: max-content;
    gap: 12px;
    padding-left: 16px;
    animation: skinTickerMove 48s linear infinite;
    will-change: transform;
}

.skin-ticker:hover .skin-ticker__track {
    animation-play-state: paused;
}

.skin-ticker__card {
    position: relative;
    display: grid;
    width: 168px;
    height: 154px;
    flex: 0 0 auto;
    align-content: start;
    overflow: hidden;
    padding: 10px 11px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 0;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 30%),
        radial-gradient(circle at 52% 64%, rgba(0, 223, 90, 0.18), transparent 38%),
        linear-gradient(145deg, rgba(39, 43, 45, 0.94), rgba(19, 22, 24, 0.96));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 14px 28px rgba(0, 0, 0, 0.28);
    clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
    transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.skin-ticker__card--1,
.skin-ticker__card--2 {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 30%),
        radial-gradient(circle at 52% 64%, rgba(103, 87, 244, 0.24), transparent 38%),
        linear-gradient(145deg, rgba(40, 40, 49, 0.94), rgba(18, 19, 24, 0.96));
}

.skin-ticker__card--3 {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 30%),
        radial-gradient(circle at 52% 64%, rgba(255, 176, 61, 0.18), transparent 38%),
        linear-gradient(145deg, rgba(42, 40, 35, 0.94), rgba(20, 19, 17, 0.96));
}

.skin-ticker__card:hover {
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 18px 34px rgba(0, 0, 0, 0.32);
    transform: translateY(-4px);
}

.skin-ticker__meta {
    color: #ffb03d;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.05;
}

.skin-ticker__card strong {
    max-width: 132px;
    margin-top: 2px;
    overflow: hidden;
    color: #ffffff;
    font-size: 11px;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.skin-ticker__name {
    max-width: 132px;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.78);
    font-size: 10px;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.skin-ticker__card img {
    position: absolute;
    right: 50%;
    bottom: 20px;
    width: 116px;
    height: 84px;
    object-fit: contain;
    transform: translateX(50%);
    filter: drop-shadow(0 12px 10px rgba(0, 0, 0, 0.45));
    transition: transform 180ms ease;
}

.skin-ticker__card:hover img {
    transform: translateX(50%) translateY(-3px) scale(1.04);
}

.skin-ticker__dot {
    position: absolute;
    right: 10px;
    top: 9px;
    width: 26px;
    height: 3px;
    border-radius: 0;
    background: var(--site-green);
    box-shadow: 0 0 14px rgba(0, 223, 90, 0.44);
}

.skin-ticker__card--1 .skin-ticker__dot,
.skin-ticker__card--2 .skin-ticker__dot {
    background: #8b7cff;
    box-shadow: 0 0 14px rgba(139, 124, 255, 0.44);
}

@keyframes skinTickerMove {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-50% - 8px));
    }
}

@keyframes homePatternDrift {
    from {
        transform: translate3d(0, 0, 0) scale(1);
    }

    to {
        transform: translate3d(18px, -14px, 0) scale(1.02);
    }
}

@keyframes homeHeroIn {
    from {
        opacity: 0;
        transform: translateY(22px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes heroImageFloat {
    0%,
    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    50% {
        transform: translate3d(0, -8px, 0) scale(1.018);
    }
}

@keyframes homeContentIn {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes homeCardIn {
    from {
        opacity: 0;
        transform: translateY(16px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.site-page__shell {
    max-width: 1180px;
    margin: 0 auto;
}

.site-page__eyebrow {
    margin: 0 0 14px;
    color: var(--site-green);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.site-page h1 {
    max-width: 760px;
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(34px, 5vw, 68px);
    line-height: 0.95;
}

.site-page h2 {
    max-width: 760px;
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(32px, 4vw, 54px);
    line-height: 1;
}

.site-page p {
    max-width: 620px;
    margin: 0;
    color: var(--site-muted);
    font-size: 18px;
    line-height: 1.65;
}

.market-main {
    position: relative;
    overflow-x: clip;
    overflow-y: visible;
    min-height: calc(100vh - var(--site-header-height));
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px) 70px 0 / 1px 100% no-repeat,
        radial-gradient(circle at 9% 14%, rgba(0, 223, 90, 0.11), transparent 28%),
        radial-gradient(circle at 82% 12%, rgba(103, 87, 244, 0.18), transparent 30%),
        linear-gradient(135deg, #0d1011, #151517 48%, #0d0f11);
}

.market-main::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.42;
    pointer-events: none;
    background-image:
        linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(135deg, transparent 0 47%, rgba(0, 223, 90, 0.1) 48% 49%, transparent 50% 100%),
        linear-gradient(45deg, transparent 0 56%, rgba(103, 87, 244, 0.12) 57% 58%, transparent 59% 100%);
    background-size: 86px 86px, 86px 86px, 220px 220px, 260px 260px;
    animation: homePatternDrift 24s ease-in-out infinite alternate;
}

.market-shell {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 292px minmax(0, 1fr);
    gap: 18px;
    max-width: 1780px;
    margin: 0 auto;
    padding: 18px clamp(14px, 2.4vw, 34px) 60px;
}

.market-filter {
    position: relative;
    top: auto;
    align-self: start;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background:
        linear-gradient(135deg, rgba(103, 87, 244, 0.12), transparent 40%),
        rgba(18, 19, 20, 0.88);
    box-shadow: 0 26px 50px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
    clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
}

.market-filter::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px) 0 0 / 52px 100%;
    opacity: 0.42;
    pointer-events: none;
}

.market-filter__header {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 20px 14px;
}

.market-filter__header span {
    color: #ffb03d;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.market-filter__header h1 {
    margin: 4px 0 0;
    font-size: 30px;
    line-height: 1;
}

.market-filter__header button {
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
}

.market-filter__search {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 20px 14px;
    padding: 0 14px;
    min-height: 48px;
    background: #050505;
    border: 1px solid rgba(255, 255, 255, 0.08);
    clip-path: polygon(11px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%, 0 11px);
}

.market-filter__search img {
    width: 18px;
    height: 18px;
    opacity: 0.9;
}

.market-filter__search input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff;
    font: inherit;
}

.market-filter__quick {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 0 20px 16px;
}

.market-filter__quick button,
.market-toolbar__tabs button {
    min-height: 34px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.055);
    color: rgba(255, 255, 255, 0.76);
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
    clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
    transition: border-color 180ms ease, background 180ms ease, color 180ms ease, transform 180ms ease;
}

.market-filter__quick button:hover,
.market-filter__quick button.is-active,
.market-toolbar__tabs button:hover,
.market-toolbar__tabs button.is-active {
    border-color: rgba(0, 223, 90, 0.38);
    background: rgba(0, 223, 90, 0.12);
    color: #fff;
}

.market-filter__list {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 6px;
    padding: 0 14px 18px;
}

.market-filter__field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 48px;
    background: rgba(255, 255, 255, 0.035);
    color: #fff;
    padding: 0 12px;
    text-align: left;
    transition: background 180ms ease, transform 180ms ease;
}

.market-filter__field:hover {
    background: rgba(255, 255, 255, 0.07);
}

.market-filter__field span {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: 12px;
    font-size: 15px;
    font-weight: 800;
}

.market-filter__field img {
    width: 18px;
    height: 18px;
    opacity: 0.9;
}

.market-filter__field select {
    width: 110px;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
}

.market-filter__field option {
    background: #171717;
}

.market-board {
    min-width: 0;
}

.market-board__top {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 14px;
    padding: 10px 0 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.market-board__top h2 {
    max-width: 760px;
    margin: 0;
    color: #fff;
    font-size: clamp(32px, 3.3vw, 58px);
    line-height: 0.98;
}

.market-board__stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.market-board__stats span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 132px;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.66);
    font-size: 13px;
    font-weight: 800;
    clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);
}

.market-board__stats strong {
    color: #fff;
    margin: 0 4px;
}

.market-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

.market-toolbar__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.market-toolbar__tabs button {
    padding: 0 16px;
}

.market-toolbar__sort {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 0 10px 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.05);
    clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);
}

.market-toolbar__sort span {
    color: rgba(255, 255, 255, 0.56);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.market-toolbar__sort select {
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
}

.market-toolbar__sort option {
    background: #171717;
}

.market-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(218px, 1fr));
    gap: 14px;
}

.market-card {
    min-width: 0;
    opacity: 1;
    transform: none;
}

.market-card button {
    position: relative;
    display: grid;
    grid-template-rows: 112px auto auto auto auto;
    width: 100%;
    min-height: 242px;
    overflow: hidden;
    padding: 26px 12px 12px;
    color: inherit;
    cursor: pointer;
    text-align: left;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background:
        radial-gradient(circle at 54% 42%, rgba(0, 223, 90, 0.18), transparent 42%),
        linear-gradient(145deg, rgba(52, 66, 61, 0.88), rgba(23, 26, 26, 0.94));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 18px 36px rgba(0, 0, 0, 0.28);
    clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
}

body.is-detail-open {
    overflow: hidden;
}

.market-card--1 button,
.market-card--2 button {
    background:
        radial-gradient(circle at 54% 42%, rgba(103, 87, 244, 0.24), transparent 42%),
        linear-gradient(145deg, rgba(44, 42, 58, 0.9), rgba(24, 24, 29, 0.94));
}

.market-card--3 button {
    background:
        radial-gradient(circle at 54% 42%, rgba(255, 176, 61, 0.22), transparent 42%),
        linear-gradient(145deg, rgba(62, 52, 38, 0.88), rgba(25, 24, 22, 0.94));
}

.market-card button::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 26%, transparent 74%, rgba(255, 255, 255, 0.05));
    opacity: 0.58;
    pointer-events: none;
}

.market-card button:hover {
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0 24px 44px rgba(0, 0, 0, 0.36), 0 0 30px rgba(103, 87, 244, 0.08);
}

.market-card__status,
.market-card__transfer {
    position: absolute;
    top: 9px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    min-height: 17px;
    color: #fff;
    font-size: 8px;
    font-weight: 900;
}

.market-card__status {
    left: 11px;
    max-width: 96px;
    overflow: hidden;
    padding: 0 8px;
    background: rgba(255, 255, 255, 0.22);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.market-card__transfer {
    right: 11px;
    justify-content: center;
    width: 28px;
    background: #21d36c;
}

.market-card img {
    position: relative;
    z-index: 1;
    grid-row: 1;
    align-self: center;
    justify-self: center;
    width: 100%;
    max-width: 142px;
    height: 104px;
    margin: 0 auto;
    object-fit: contain;
    filter: drop-shadow(0 17px 15px rgba(0, 0, 0, 0.48));
}

.market-card[hidden] {
    display: none;
}

.market-card__tag {
    position: relative;
    z-index: 1;
    margin-top: 4px;
    color: #ffb03d;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    text-transform: lowercase;
}

.market-card strong,
.market-card__name {
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.02;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.market-card__name {
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    font-weight: 750;
}

.market-card__meta {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 6px;
    min-width: 0;
    margin-top: 5px;
}

.market-card__meta span {
    overflow: hidden;
    padding: 4px 7px;
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.56);
    font-size: 10px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.market-card__footer {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
    margin-top: 7px;
    color: #fff;
    font-size: 16px;
    font-weight: 950;
}

.market-card__footer > span:first-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.market-card__footer span:last-child {
    display: inline-flex;
    flex: 0 0 auto;
    min-width: 50px;
    min-height: 20px;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #8b4dff, #6724f0);
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
}

.market-empty {
    margin-top: 18px;
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.045);
    color: rgba(255, 255, 255, 0.72);
    font-weight: 800;
    text-align: center;
    clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
}

.market-detail {
    position: fixed;
    inset: 0;
    z-index: 90;
    display: grid;
    place-items: center;
    padding: 22px;
    background: rgba(3, 4, 5, 0.72);
    backdrop-filter: blur(16px);
}

.market-detail[hidden] {
    display: none;
}

.market-detail__dialog {
    position: relative;
    display: grid;
    grid-template-columns: minmax(280px, 0.85fr) minmax(420px, 1.15fr);
    gap: 22px;
    width: min(1120px, 100%);
    max-height: calc(100vh - 44px);
    overflow: auto;
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background:
        linear-gradient(135deg, rgba(103, 87, 244, 0.16), transparent 42%),
        linear-gradient(145deg, rgba(23, 25, 26, 0.98), rgba(10, 11, 12, 0.98));
    box-shadow: 0 34px 80px rgba(0, 0, 0, 0.56);
    clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);
}

.market-detail__close {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 2;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    font-weight: 900;
    clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
}

.market-detail__media {
    display: grid;
    place-items: center;
    min-height: 420px;
    background:
        radial-gradient(circle at 50% 42%, rgba(0, 223, 90, 0.18), transparent 45%),
        rgba(255, 255, 255, 0.04);
    clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
}

.market-detail__media img {
    width: min(88%, 430px);
    max-height: 360px;
    object-fit: contain;
    filter: drop-shadow(0 28px 24px rgba(0, 0, 0, 0.52));
}

.market-detail__content {
    display: grid;
    align-content: start;
    gap: 16px;
    padding: 18px 46px 0 0;
}

.market-detail__content h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(30px, 3vw, 48px);
    line-height: 0.98;
}

.market-detail__tags,
.market-detail__specs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.market-detail__tags span,
.market-detail__specs span {
    padding: 8px 10px;
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    font-weight: 850;
    clip-path: polygon(7px 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%, 0 7px);
}

.market-detail__description {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 15px;
    line-height: 1.65;
}

.market-detail__buyline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px;
    background: rgba(255, 255, 255, 0.055);
}

.market-detail__buyline strong {
    color: #fff;
    font-size: 28px;
}

.market-detail__buyline button {
    min-height: 42px;
    padding: 0 22px;
    border: 0;
    background: linear-gradient(135deg, #16a95a, #22d36e);
    color: #fff;
    cursor: pointer;
    font-weight: 950;
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
}

.market-detail__similar {
    grid-column: 1 / -1;
    display: grid;
    gap: 12px;
}

.market-detail__similar-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.market-detail__similar-head h3 {
    margin: 0;
    color: #fff;
    font-size: 26px;
}

.market-detail__similar-head span {
    color: rgba(255, 255, 255, 0.54);
    font-size: 13px;
    font-weight: 850;
}

.market-detail__similar-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.market-detail__similar-card {
    display: grid;
    min-height: 164px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background:
        radial-gradient(circle at 50% 38%, rgba(103, 87, 244, 0.22), transparent 44%),
        rgba(255, 255, 255, 0.045);
    color: #fff;
    cursor: pointer;
    text-align: left;
    clip-path: polygon(11px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%, 0 11px);
}

.market-detail__similar-card img {
    width: 100%;
    height: 82px;
    object-fit: contain;
}

.market-detail__similar-card strong,
.market-detail__similar-card em {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.market-detail__similar-card strong {
    font-size: 12px;
}

.market-detail__similar-card em {
    color: #ffb03d;
    font-size: 13px;
    font-style: normal;
    font-weight: 900;
}

.market-cart {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 80;
    display: grid;
    justify-items: end;
    gap: 10px;
}

.market-cart__toggle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 18px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background:
        linear-gradient(135deg, rgba(0, 223, 90, 0.18), rgba(103, 87, 244, 0.18)),
        rgba(18, 19, 20, 0.94);
    color: #fff;
    cursor: pointer;
    font-weight: 950;
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.38);
    clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
}

.market-cart__toggle strong {
    display: inline-grid;
    min-width: 24px;
    height: 24px;
    place-items: center;
    background: #21d36c;
    color: #08110d;
    font-size: 12px;
}

.market-cart__panel {
    width: min(380px, calc(100vw - 28px));
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background:
        linear-gradient(135deg, rgba(103, 87, 244, 0.16), transparent 42%),
        rgba(14, 15, 16, 0.98);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(18px);
    clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
}

.market-cart__head {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
    padding: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.market-cart__head span {
    color: #ffb03d;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
}

.market-cart__head strong {
    display: block;
    margin-top: 4px;
    color: #fff;
    font-size: 20px;
}

.market-cart__head button {
    width: 32px;
    height: 32px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    cursor: pointer;
}

.market-cart__items {
    display: grid;
    gap: 8px;
    max-height: 310px;
    overflow: auto;
    padding: 12px;
}

.market-cart__items p {
    margin: 0;
    padding: 18px 8px;
    color: rgba(255, 255, 255, 0.62);
    text-align: center;
}

.market-cart__item {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-height: 64px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.045);
    color: #fff;
    cursor: pointer;
    text-align: left;
}

.market-cart__item img {
    width: 52px;
    height: 52px;
    object-fit: contain;
}

.market-cart__item span {
    overflow: hidden;
    font-size: 12px;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.market-cart__item strong {
    padding-right: 8px;
    color: #ffb03d;
    font-size: 12px;
}

.market-cart__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.market-cart__bottom span {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 850;
}

.market-cart__bottom strong {
    color: #fff;
    font-size: 22px;
}

.market-cart__checkout {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    margin: 0 12px 12px;
    background: linear-gradient(135deg, #16a95a, #22d36e);
    color: #fff;
    font-weight: 950;
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
}

.inner-main {
    position: relative;
    overflow-x: clip;
    min-height: calc(100vh - var(--site-header-height));
    padding: 34px clamp(16px, 4vw, 64px) 70px;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px) 70px 0 / 1px 100% no-repeat,
        radial-gradient(circle at 16% 12%, rgba(0, 223, 90, 0.12), transparent 28%),
        radial-gradient(circle at 84% 20%, rgba(103, 87, 244, 0.18), transparent 34%),
        linear-gradient(135deg, #0d1011, #151517 48%, #0d0f11);
}

.inner-main::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.42;
    pointer-events: none;
    background-image:
        linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(135deg, transparent 0 47%, rgba(0, 223, 90, 0.1) 48% 49%, transparent 50% 100%),
        linear-gradient(45deg, transparent 0 56%, rgba(103, 87, 244, 0.12) 57% 58%, transparent 59% 100%);
    background-size: 86px 86px, 86px 86px, 220px 220px, 260px 260px;
}

.signal-hero,
.feedback-layout,
.contact-layout {
    position: relative;
    z-index: 1;
    max-width: 1720px;
    margin: 0 auto;
}

.signal-hero {
    display: grid;
    grid-template-columns: minmax(320px, 0.72fr) minmax(360px, 0.58fr);
    gap: 34px;
    align-items: center;
    padding: 10px 0 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.signal-hero h1 {
    max-width: 720px;
    margin: 0;
    color: #fff;
    font-size: clamp(38px, 3.9vw, 64px);
    line-height: 0.98;
}

.signal-hero p {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
}

.feedback-layout,
.contact-layout {
    display: grid;
    grid-template-columns: minmax(360px, 0.85fr) minmax(520px, 1.15fr);
    gap: 18px;
    padding-top: 18px;
}

.feedback-console,
.feedback-board,
.contact-hub,
.support-console {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background:
        linear-gradient(135deg, rgba(103, 87, 244, 0.12), transparent 42%),
        rgba(18, 19, 20, 0.86);
    box-shadow: 0 26px 50px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
}

.feedback-console,
.support-console {
    padding: 20px;
}

.feedback-console__meter {
    padding: 18px;
    background:
        radial-gradient(circle at 70% 12%, rgba(0, 223, 90, 0.16), transparent 36%),
        rgba(255, 255, 255, 0.045);
}

.feedback-console__meter > span,
.support-console__head > span {
    color: #ffb03d;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
}

.support-console__head > span:empty {
    display: none;
}

.feedback-console__meter strong {
    display: block;
    margin-top: 8px;
    color: #fff;
    font-size: 68px;
    line-height: 0.9;
}

.feedback-console__meter p {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, 0.62);
    font-weight: 800;
}

.feedback-form,
.support-form {
    display: grid;
    gap: 12px;
    margin-top: 18px;
}

.feedback-form h2,
.support-console__head h2 {
    margin: 0;
    color: #fff;
    font-size: 28px;
}

.support-console__head {
    display: grid;
    gap: 8px;
}

.form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.form-field {
    display: grid;
    gap: 8px;
}

.form-field span {
    color: rgba(255, 255, 255, 0.62);
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
}

.form-field input,
.form-field textarea,
.form-field select {
    width: 100%;
    min-height: 44px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    outline: 0;
    background: rgba(0, 0, 0, 0.42);
    color: #fff;
    padding: 0 12px;
    clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);
}

.form-field textarea {
    min-height: 118px;
    padding-top: 12px;
    resize: vertical;
}

.form-field input:focus,
.form-field textarea:focus,
.form-field select:focus {
    border-color: rgba(0, 223, 90, 0.46);
}

.primary-action {
    min-height: 46px;
    border: 0;
    background: linear-gradient(135deg, #16a95a, #22d36e);
    color: #fff;
    cursor: pointer;
    font-weight: 950;
    clip-path: polygon(11px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%, 0 11px);
}

.feedback-stars {
    display: flex;
    gap: 5px;
}

.feedback-star {
    display: inline-grid;
    width: 22px;
    height: 22px;
    place-items: center;
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.2);
    padding: 0;
}

.feedback-star svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.feedback-star.is-active {
    color: #ffb03d;
    filter: drop-shadow(0 0 10px rgba(255, 176, 61, 0.32));
}

.feedback-stars--input .feedback-star {
    cursor: pointer;
}

.feedback-board {
    padding: 18px;
}

.feedback-board__toolbar {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-bottom: 16px;
}

.feedback-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 14px;
}

.review-card,
.review-empty {
    min-height: 230px;
    padding: 18px;
    background:
        radial-gradient(circle at 72% 18%, rgba(0, 223, 90, 0.12), transparent 36%),
        rgba(255, 255, 255, 0.045);
    clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
}

.review-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.review-card__head > span {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    background: rgba(103, 87, 244, 0.22);
    color: #fff;
    font-weight: 950;
}

.review-card h3 {
    margin: 18px 0 8px;
    color: #fff;
    font-size: 22px;
    line-height: 1.08;
}

.review-card p,
.review-card small,
.review-empty {
    color: rgba(255, 255, 255, 0.68);
    line-height: 1.55;
}

.review-card p {
    margin: 0;
}

.review-card small {
    display: block;
    margin-top: 14px;
    font-weight: 800;
}

.feedback-status,
.support-status {
    min-height: 20px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 13px;
    font-weight: 800;
}

.feedback-status--success,
.support-status--success {
    color: #21d36c;
}

.feedback-status--error,
.support-status--error {
    color: #ff796d;
}

.contact-hub {
    padding: 18px;
}

.contact-hub__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.contact-method {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 92px;
    padding: 16px;
    background: rgba(255, 255, 255, 0.045);
    clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
}

.contact-method img {
    width: 28px;
    height: 28px;
}

.contact-method span {
    display: grid;
    gap: 4px;
}

.contact-method strong {
    color: #fff;
    font-size: 18px;
}

.contact-method small {
    color: rgba(255, 255, 255, 0.58);
    font-size: 13px;
    font-weight: 800;
}

.contact-protocol {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.contact-protocol article {
    min-height: 152px;
    padding: 18px;
    background:
        linear-gradient(135deg, rgba(103, 87, 244, 0.14), transparent 48%),
        rgba(255, 255, 255, 0.04);
}

.contact-protocol span {
    color: #ffb03d;
    font-weight: 950;
}

.contact-protocol h2 {
    margin: 24px 0 8px;
    color: #fff;
    font-size: 24px;
}

.contact-protocol p,
.support-console__head p {
    margin: 0;
    color: rgba(255, 255, 255, 0.66);
    line-height: 1.55;
}

.support-console {
    display: grid;
    align-content: start;
    gap: 16px;
}

.support-thread {
    display: grid;
    gap: 10px;
    max-height: 330px;
    overflow: auto;
    padding: 12px;
    background: rgba(0, 0, 0, 0.2);
}

.support-message {
    padding: 14px;
    background: rgba(255, 255, 255, 0.055);
}

.support-message--staff {
    background: rgba(0, 223, 90, 0.1);
}

.support-message strong,
.support-message span {
    display: block;
}

.support-message strong {
    color: #fff;
}

.support-message span {
    margin-top: 3px;
    color: rgba(255, 255, 255, 0.42);
    font-size: 11px;
    font-weight: 850;
}

.support-message p {
    margin: 10px 0 0;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.5;
}

.site-footer {
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px) 0 0 / 72px 72px,
        linear-gradient(0deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px) 0 0 / 72px 72px,
        radial-gradient(circle at 18% 30%, rgba(0, 223, 90, 0.1), transparent 28%),
        radial-gradient(circle at 74% 8%, rgba(103, 87, 244, 0.16), transparent 34%),
        #101111;
    isolation: isolate;
}

.site-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        repeating-linear-gradient(135deg, transparent 0 18px, rgba(255, 255, 255, 0.03) 19px, transparent 20px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 38%);
    opacity: 0.62;
    mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}

.site-footer::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--site-green), var(--site-violet), transparent);
    opacity: 0.85;
}

.site-footer__inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(260px, 0.85fr) minmax(620px, 1.35fr);
    gap: clamp(34px, 5vw, 92px);
    max-width: 1720px;
    margin: 0 auto;
    padding: 44px clamp(24px, 5vw, 70px) 26px;
}

.site-footer__brand {
    display: grid;
    align-content: start;
    gap: 18px;
}

.site-footer__logo {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    width: fit-content;
    color: #fff;
}

.site-footer__logo strong {
    font-size: 24px;
    font-weight: 900;
    letter-spacing: 0.02em;
}

.site-footer__brand p {
    max-width: 380px;
    margin: 0;
    color: rgba(245, 245, 247, 0.68);
    font-size: 15px;
    line-height: 1.7;
}

.site-footer__payments {
    display: grid;
    gap: 10px;
    margin-top: 2px;
}

.site-footer__brand .site-footer__payments-label {
    color: rgba(245, 245, 247, 0.58);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.site-footer__payments ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-footer__payments li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 86px;
    min-height: 42px;
    padding: 7px 10px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 8px;
    background: #fff;
}

.site-footer__payments img {
    display: block;
    max-width: 100%;
    max-height: 28px;
    object-fit: contain;
}

.site-footer__nav {
    display: grid;
    grid-template-columns: repeat(3, minmax(130px, 1fr));
    gap: clamp(18px, 3vw, 42px);
}

.site-footer__column {
    min-width: 0;
}

.site-footer__column h2 {
    margin: 0 0 12px;
    color: #fff;
    font-size: clamp(22px, 2vw, 30px);
    line-height: 1;
}

.site-footer__column a {
    display: block;
    width: fit-content;
    margin-top: 8px;
    color: rgba(245, 245, 247, 0.66);
    font-size: 14px;
    line-height: 1.25;
    transition: color 180ms ease, transform 180ms ease;
}

.site-footer__column a:hover {
    color: #fff;
    transform: translateX(4px);
}

.site-footer__social {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.site-footer__social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background:
        linear-gradient(135deg, rgba(103, 87, 244, 0.18), rgba(0, 223, 90, 0.1)),
        rgba(255, 255, 255, 0.06);
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
}

.site-footer__social a:hover {
    border-color: rgba(0, 223, 90, 0.54);
    box-shadow: 0 0 24px rgba(0, 223, 90, 0.16);
    transform: translateY(-3px);
}

.site-footer__social img {
    width: 18px;
    height: 18px;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.18));
}

.site-footer__bottom {
    grid-column: 1 / -1;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin-top: 8px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(245, 245, 247, 0.58);
    font-size: 13px;
    line-height: 1.45;
}

.site-footer__bottom p {
    max-width: 560px;
    margin: 0;
}

.site-footer__disclosures {
    display: grid;
    gap: 7px;
}

.site-footer__bottom > p:last-child {
    text-align: right;
}

@media (max-width: 1120px) {
    .site-header__brand {
        width: 220px;
        padding: 0 22px;
    }

    .site-header__nav {
        gap: 26px;
        padding-left: 26px;
    }

    .site-header__actions {
        gap: 14px;
    }

    .home-hero {
        grid-template-columns: minmax(380px, 0.9fr) minmax(520px, 1.1fr);
        gap: 28px;
        padding-right: 30px;
        padding-left: 30px;
    }

    .home-hero__content {
        min-height: 470px;
    }

    .home-hero__media picture {
        width: min(120%, 660px);
    }

    .best-offers__grid {
        grid-template-columns: repeat(3, minmax(150px, 1fr));
    }

    .home-system {
        grid-template-columns: 1fr;
    }

    .home-system__panel {
        min-height: 170px;
    }

    .home-system__panel h3 {
        margin-top: 46px;
    }

    .site-footer__inner {
        grid-template-columns: 1fr;
    }

    .site-footer__nav {
        grid-template-columns: repeat(3, minmax(120px, 1fr));
    }

    .market-shell {
        grid-template-columns: 250px minmax(0, 1fr);
    }

    .market-grid {
        grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    }
}

@media (max-width: 900px) {
    :root {
        --site-header-height: 66px;
    }

    .site-header {
        overflow: visible;
    }

    .site-header__inner {
        position: relative;
        min-height: 62px;
        padding: 0 14px;
    }

    .site-header__brand {
        width: auto;
        min-width: 0;
        padding: 0;
        border-right: 0;
    }

    .site-header__burger {
        position: relative;
        display: inline-flex;
    }

    .site-header__menu {
        position: absolute;
        top: calc(100% + 8px);
        right: 14px;
        left: 14px;
        display: grid;
        gap: 18px;
        padding: 18px 14px 20px;
        max-height: calc(100vh - 86px);
        overflow-y: auto;
        border: 1px solid var(--site-border);
        background:
            linear-gradient(135deg, rgba(103, 87, 244, 0.12), transparent 42%),
            rgba(17, 18, 20, 0.98);
        box-shadow: 0 20px 44px rgba(0, 0, 0, 0.44);
        clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
        opacity: 0;
        pointer-events: none;
        transform: translateY(-10px);
        transition: opacity 180ms ease, transform 180ms ease;
    }

    .site-header.is-open .site-header__menu {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }

    .site-header__nav {
        display: grid;
        gap: 4px;
        padding: 0;
    }

    .site-header__nav-link {
        min-height: 46px;
        padding: 0 8px;
        border-radius: 8px;
        font-size: 16px;
    }

    .site-header__nav-link::after {
        right: auto;
        bottom: 10px;
        left: 8px;
        width: 28px;
    }

    .site-header__actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        padding: 14px 0 0;
        border-top: 1px solid var(--site-border-soft);
    }

    .site-header__steam {
        width: 100%;
        min-width: 0;
        padding-right: 18px;
        padding-left: 18px;
        white-space: nowrap;
    }

    .site-header__language {
        min-width: 0;
        justify-content: flex-end;
        padding: 0;
        border-left: 0;
    }

    .skin-ticker__viewport {
        padding: 14px 0;
    }

    .skin-ticker__track {
        gap: 12px;
        animation-duration: 38s;
    }

    .skin-ticker__card {
        width: 124px;
        height: 130px;
    }

    .skin-ticker__card img {
        right: 12px;
        width: 86px;
        height: 66px;
    }

    .home-main {
        background:
            linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px) 0 0 / 58px 58px,
            linear-gradient(0deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px) 0 0 / 58px 58px,
            radial-gradient(circle at 30% 12%, rgba(103, 87, 244, 0.14), transparent 34%),
            #121313;
    }

    .home-hero {
        width: 100%;
        max-width: 100%;
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 28px 18px 22px;
    }

    .home-hero__media {
        order: 2;
        width: 100%;
        min-height: 300px;
        overflow: hidden;
    }

    .home-hero__content {
        order: 1;
        width: 100%;
        max-width: 100%;
        min-height: auto;
        padding-top: 0;
    }

    .home-hero__media picture {
        width: 100%;
        max-width: 620px;
        height: auto;
    }

    .home-hero__media img {
        width: 100%;
        height: auto;
        max-height: 440px;
        object-fit: contain;
    }

    .home-hero h1 {
        font-size: clamp(38px, 10vw, 64px);
        overflow-wrap: anywhere;
    }

    .best-offers {
        margin-top: 22px;
    }

    .best-offers__grid {
        display: flex;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 8px;
        scroll-snap-type: x mandatory;
        scrollbar-width: thin;
    }

    .best-offer-card {
        width: 156px;
        flex: 0 0 156px;
        scroll-snap-align: start;
    }

    .home-grid-section {
        padding: 10px 18px 46px;
    }

    .home-system {
        gap: 12px;
    }

    .site-footer__inner {
        padding: 36px 18px 24px;
        text-align: center;
    }

    .site-footer__brand {
        justify-items: center;
    }

    .site-footer__logo,
    .site-footer__column a {
        margin-right: auto;
        margin-left: auto;
    }

    .site-footer__brand p {
        max-width: 360px;
    }

    .site-footer__payments ul,
    .site-footer__social {
        justify-content: center;
    }

    .site-footer__payments {
        justify-items: center;
    }

    .site-footer__nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-items: center;
    }

    .site-footer__bottom {
        display: grid;
    }

    .site-footer__bottom > p:last-child {
        text-align: center;
    }

    .market-main {
        overflow-x: clip;
        overflow-y: visible;
    }

    .market-shell {
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 16px 14px 44px;
    }

    .market-filter {
        position: relative;
        top: auto;
    }

    .market-filter__quick {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .market-filter__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .market-board__top {
        display: grid;
        align-items: start;
    }

    .market-board__top h2 {
        font-size: clamp(34px, 9vw, 48px);
    }

    .market-board__stats {
        justify-content: flex-start;
    }

    .market-toolbar {
        display: grid;
    }

    .market-toolbar__sort {
        width: fit-content;
    }

    .market-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .market-card button {
        min-height: 226px;
    }

    .market-card img {
        height: 94px;
    }

    .market-card__footer {
        font-size: 15px;
    }

    .market-detail {
        padding: 12px;
    }

    .market-detail__dialog {
        grid-template-columns: 1fr;
        max-height: calc(100vh - 24px);
        padding: 16px;
    }

    .market-detail__media {
        min-height: 260px;
    }

    .market-detail__media img {
        max-height: 230px;
    }

    .market-detail__content {
        padding-right: 0;
    }

    .market-detail__similar-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .market-cart {
        right: 12px;
        bottom: 12px;
        left: 12px;
    }

    .market-cart__panel,
    .market-cart__toggle {
        width: 100%;
    }

    .market-cart__toggle {
        justify-content: space-between;
    }

    .signal-hero,
    .feedback-layout,
    .contact-layout {
        grid-template-columns: 1fr;
    }

    .signal-hero h1 {
        font-size: clamp(38px, 10vw, 58px);
    }

    .feedback-board__toolbar {
        justify-content: stretch;
    }

    .contact-protocol {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 460px) {
    .site-header__brand-name {
        display: inline;
        font-size: 17px;
    }

    .site-header__steam,
    .site-header__language select {
        font-size: 15px;
    }

    .site-header__language {
        justify-self: stretch;
    }

    .site-header__actions {
        grid-template-columns: 1fr;
    }

    .site-header__steam,
    .site-header__language select {
        width: 100%;
    }

    .site-header__language select {
        min-height: 42px;
    }

    .skin-ticker::before,
    .skin-ticker::after {
        width: 42px;
    }

    .home-hero {
        padding-right: 14px;
        padding-left: 14px;
    }

    .home-hero__media {
        min-height: 220px;
    }

    .home-hero__media img {
        max-height: 340px;
    }

    .home-hero__actions {
        display: grid;
    }

    .home-hero__button {
        width: 100%;
    }

    .best-offer-card {
        width: 148px;
        flex-basis: 148px;
    }

    .home-system__panel {
        min-height: 160px;
        padding: 20px;
        clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
    }

    .home-system__panel h3 {
        font-size: 24px;
    }

    .site-footer__nav {
        grid-template-columns: 1fr;
    }

    .site-footer__column h2 {
        font-size: 24px;
    }

    .market-shell {
        padding-right: 8px;
        padding-left: 8px;
    }

    .market-filter__quick,
    .market-filter__list,
    .market-grid {
        grid-template-columns: 1fr;
    }

    .market-toolbar__tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .market-toolbar__sort {
        width: 100%;
        justify-content: space-between;
    }

    .market-card button {
        min-height: 224px;
    }

    .market-card img {
        height: 96px;
    }

    .market-detail__buyline {
        display: grid;
    }

    .market-detail__similar-grid {
        grid-template-columns: 1fr;
    }

    .inner-main {
        padding-right: 8px;
        padding-left: 8px;
    }

    .form-grid,
    .feedback-board__toolbar,
    .contact-hub__grid {
        grid-template-columns: 1fr;
        display: grid;
    }

    .feedback-grid {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

@media (max-width: 900px) {
    body,
    .site-header,
    .skin-ticker,
    .home-main,
    .home-hero,
    .home-hero__content,
    .home-hero__media,
    .home-grid-section,
    .site-footer {
        width: 100%;
        max-width: 100vw;
    }

    .site-header__inner,
    .skin-ticker__viewport,
    .home-hero,
    .home-grid-section,
    .site-footer__inner {
        min-width: 0;
    }

    .home-main {
        overflow-x: clip;
    }

    .home-main::before,
    .home-main::after {
        max-width: 100vw;
    }

    .home-hero {
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        gap: 24px;
        overflow: hidden;
    }

    .home-hero__content,
    .best-offers,
    .home-hero__actions,
    .home-hero__metrics {
        min-width: 0;
        max-width: 100%;
    }

    .home-hero h1 {
        max-width: 100%;
        font-size: clamp(34px, 10.5vw, 46px);
        line-height: 1.02;
        text-wrap: initial;
        overflow-wrap: break-word;
    }

    .home-hero__copy {
        max-width: 100%;
        font-size: 15px;
    }

    .home-hero__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .home-hero__button {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        padding-right: 16px;
        padding-left: 16px;
        white-space: nowrap;
    }

    .home-hero__metrics {
        display: grid;
        grid-template-columns: 1fr;
    }

    .home-hero__media {
        display: block;
        overflow: hidden;
        min-height: 0;
    }

    .home-hero__media picture {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    .home-hero__media img {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none;
        object-fit: contain;
    }

    .best-offers__grid {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overscroll-behavior-x: contain;
    }

    .site-footer__inner {
        justify-items: center;
        text-align: center;
    }

    .site-footer__brand,
    .site-footer__nav,
    .site-footer__column,
    .site-footer__bottom {
        width: 100%;
        justify-items: center;
        text-align: center;
    }

    .site-footer__bottom p {
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 430px) {
    .home-hero {
        padding-right: 8px;
        padding-left: 8px;
    }

    .home-hero__button {
        font-size: 12px;
    }

    .home-hero__button img {
        width: 16px;
        height: 16px;
    }

    .best-offer-card {
        width: 146px;
        flex-basis: 146px;
    }
}

/* Catalog-led home composition */
.home-kicker {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: #ffb03d;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.09em;
    line-height: 1;
    text-transform: uppercase;
}

.home-kicker > span {
    display: inline-flex;
    min-width: 30px;
    min-height: 20px;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    background: rgba(255, 176, 61, 0.14);
    color: #ffc875;
    clip-path: polygon(5px 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 5px);
}

.home-command {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(310px, 0.78fr) minmax(500px, 1.35fr) minmax(300px, 0.82fr);
    gap: 0;
    max-width: 1720px;
    min-height: 690px;
    margin: 0 auto;
    padding: clamp(32px, 4.5vw, 66px) clamp(18px, 4vw, 58px) 42px;
}

.home-command__intro {
    position: relative;
    z-index: 2;
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 42px clamp(26px, 2.8vw, 48px) 42px 0;
    animation: homeContentIn 720ms ease both;
}

.home-command__intro::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.2) 18%, rgba(255, 255, 255, 0.2) 82%, transparent);
}

.home-command h1 {
    max-width: 600px;
    margin: 22px 0 0;
    color: #ffffff;
    font-size: clamp(42px, 4.1vw, 72px);
    font-weight: 850;
    letter-spacing: -0.045em;
    line-height: 0.93;
    text-wrap: balance;
    text-shadow: 0 18px 48px rgba(0, 0, 0, 0.42);
}

.home-command__copy {
    max-width: 520px;
    margin: 24px 0 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.58;
}

.home-command__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-top: 26px;
}

.home-action {
    position: relative;
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    overflow: hidden;
    padding: 0 18px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
    transition: transform 180ms ease, filter 180ms ease, box-shadow 180ms ease;
}

.home-action::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
    opacity: 0;
    transform: translateX(-120%);
    transition: opacity 180ms ease, transform 460ms ease;
    pointer-events: none;
}

.home-action:hover {
    filter: saturate(1.08);
    transform: translateY(-2px);
}

.home-action:hover::after {
    opacity: 1;
    transform: translateX(120%);
}

.home-action img {
    width: 18px;
    height: 18px;
}

.home-action--market {
    background: linear-gradient(135deg, #16a95a, #22d36e);
    box-shadow: 0 14px 28px rgba(33, 211, 108, 0.2);
}

.home-action--steam {
    background: linear-gradient(135deg, #4034a8, #6254f1);
    box-shadow: 0 14px 28px rgba(75, 63, 195, 0.24);
}

.home-command__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 34px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.home-command__facts div {
    min-width: 0;
    padding: 14px 12px 14px 0;
}

.home-command__facts div + div {
    padding-left: 12px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.home-command__facts dt {
    overflow: hidden;
    color: #ffffff;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.1;
    text-overflow: ellipsis;
}

.home-command__facts dd {
    margin: 5px 0 0;
    color: rgba(255, 255, 255, 0.48);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.05em;
    line-height: 1.25;
    text-transform: uppercase;
}

.home-command__stage {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    background: #111416;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 28px 54px rgba(0, 0, 0, 0.32);
    animation: homeHeroIn 760ms ease 80ms both;
}

.home-command__stage::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(180deg, rgba(8, 10, 11, 0.12), rgba(8, 10, 11, 0.08) 46%, rgba(8, 10, 11, 0.82)),
        linear-gradient(90deg, rgba(0, 223, 90, 0.08), transparent 36%, rgba(103, 87, 244, 0.09));
    pointer-events: none;
}

.home-command__stage::after {
    content: "";
    position: absolute;
    inset: 16px;
    z-index: 2;
    border: 1px solid rgba(255, 255, 255, 0.12);
    pointer-events: none;
}

.home-command__picture,
.home-command__picture img {
    display: block;
    width: 100%;
    height: 100%;
}

.home-command__picture img {
    object-fit: cover;
    object-position: 48% center;
    filter: saturate(0.9) contrast(1.04);
    transition: transform 700ms ease, filter 240ms ease;
}

.home-command__stage:hover .home-command__picture img {
    filter: saturate(1) contrast(1.04);
    transform: scale(1.018);
}

.home-command__caption {
    position: absolute;
    top: 32px;
    right: 32px;
    left: 32px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.home-command__caption span {
    color: #ffb03d;
}

.home-spotlight {
    position: absolute;
    right: 28px;
    bottom: 28px;
    z-index: 3;
    display: grid;
    width: min(330px, calc(100% - 56px));
    min-height: 166px;
    grid-template-columns: 118px minmax(0, 1fr);
    grid-template-rows: auto 1fr auto;
    gap: 8px 14px;
    overflow: hidden;
    padding: 17px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background:
        radial-gradient(circle at 24% 55%, rgba(0, 223, 90, 0.18), transparent 34%),
        rgba(20, 23, 25, 0.92);
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(14px);
    clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
    transition: border-color 180ms ease, transform 180ms ease;
}

.home-spotlight:hover {
    border-color: rgba(0, 223, 90, 0.5);
    transform: translateY(-3px);
}

.home-spotlight__index {
    grid-column: 1 / -1;
    color: rgba(255, 255, 255, 0.55);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-spotlight > img {
    width: 118px;
    height: 82px;
    grid-row: 2 / 4;
    object-fit: contain;
    filter: drop-shadow(0 12px 12px rgba(0, 0, 0, 0.48));
}

.home-spotlight__name {
    display: grid;
    min-width: 0;
    align-content: center;
}

.home-spotlight__name small {
    color: #ffb03d;
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
}

.home-spotlight__name strong,
.home-spotlight__name span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-spotlight__name strong {
    margin-top: 3px;
    color: #ffffff;
    font-size: 15px;
}

.home-spotlight__name span {
    color: rgba(255, 255, 255, 0.67);
    font-size: 12px;
    font-weight: 700;
}

.home-spotlight__price {
    align-self: end;
    color: #ffffff;
    font-size: 17px;
    font-weight: 900;
}

.home-pulse {
    position: relative;
    z-index: 2;
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 34px 0 26px clamp(24px, 2.4vw, 38px);
    animation: homeContentIn 720ms ease 160ms both;
}

.home-pulse__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.home-pulse__status {
    position: relative;
    padding-left: 14px;
    color: rgba(255, 255, 255, 0.52);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.home-pulse__status::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--site-green);
    box-shadow: 0 0 14px rgba(0, 223, 90, 0.72);
    transform: translateY(-50%);
}

.home-pulse__list {
    display: grid;
    flex: 1;
    align-content: center;
}

.home-pulse__item {
    display: grid;
    min-width: 0;
    min-height: 105px;
    grid-template-columns: 28px 74px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    transition: padding 180ms ease, background 180ms ease;
}

.home-pulse__item:hover {
    padding-right: 8px;
    padding-left: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.home-pulse__number {
    color: rgba(255, 255, 255, 0.32);
    font-size: 9px;
    font-weight: 900;
}

.home-pulse__item > img {
    width: 74px;
    height: 64px;
    object-fit: contain;
    filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.42));
}

.home-pulse__name {
    display: grid;
    min-width: 0;
}

.home-pulse__name small {
    color: #ffb03d;
    font-size: 8px;
    font-weight: 900;
    text-transform: uppercase;
}

.home-pulse__name strong,
.home-pulse__name span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-pulse__name strong {
    margin-top: 3px;
    color: #ffffff;
    font-size: 12px;
}

.home-pulse__name span {
    color: rgba(255, 255, 255, 0.52);
    font-size: 10px;
    font-weight: 700;
}

.home-pulse__price {
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
}

.home-pulse__empty {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    line-height: 1.6;
}

.home-pulse__all {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 18px;
    padding: 0 16px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    background: rgba(255, 255, 255, 0.035);
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
    transition: border-color 180ms ease, background 180ms ease;
}

.home-pulse__all:hover {
    border-color: rgba(103, 87, 244, 0.56);
    background: rgba(103, 87, 244, 0.12);
}

.home-pulse__all span {
    color: var(--site-green);
    font-size: 18px;
}

.home-route,
.home-collection,
.home-ledger {
    position: relative;
    z-index: 1;
    max-width: 1604px;
    margin-right: auto;
    margin-left: auto;
}

.home-route {
    display: grid;
    grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.6fr);
    gap: clamp(36px, 6vw, 96px);
    padding: 48px 0 74px;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.home-route__intro h2,
.home-collection__header h2,
.home-ledger h2 {
    margin: 16px 0 0;
    color: #ffffff;
    font-size: clamp(34px, 3.4vw, 56px);
    letter-spacing: -0.035em;
    line-height: 0.98;
    text-wrap: balance;
}

.home-route__intro > p:last-child {
    max-width: 420px;
    margin: 18px 0 0;
    color: rgba(255, 255, 255, 0.58);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.55;
}

.home-route__steps {
    position: relative;
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
}

.home-route__steps::before {
    content: "";
    position: absolute;
    top: 46px;
    bottom: 46px;
    left: 27px;
    width: 1px;
    background: linear-gradient(180deg, var(--site-violet), var(--site-green));
    box-shadow: 0 0 18px rgba(103, 87, 244, 0.32);
}

.home-route__steps li {
    position: relative;
    z-index: 1;
    display: grid;
    min-height: 94px;
    grid-template-columns: 54px 44px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.home-route__steps li:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.home-route__steps li > span {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: #17191b;
    color: rgba(255, 255, 255, 0.56);
    font-size: 10px;
    font-weight: 900;
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
}

.home-route__steps li > img {
    width: 24px;
    height: 24px;
    opacity: 0.78;
}

.home-route__steps li > div {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(100px, 0.36fr) minmax(0, 1fr);
    gap: 20px;
    align-items: center;
}

.home-route__steps strong {
    color: #ffffff;
    font-size: 20px;
}

.home-route__steps p {
    margin: 0;
    color: rgba(255, 255, 255, 0.55);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
}

.home-collection {
    padding: 68px 0 78px;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.home-collection__header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 28px;
}

.home-collection__header > div {
    max-width: 760px;
}

.home-collection__header > a {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.28);
    color: rgba(255, 255, 255, 0.76);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.home-collection__header > a span {
    color: var(--site-green);
    font-size: 18px;
}

.home-collection__grid {
    display: grid;
    min-height: 560px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(260px, 1fr));
    gap: 12px;
}

.home-market-card {
    position: relative;
    display: grid;
    min-width: 0;
    overflow: hidden;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.11);
    background:
        radial-gradient(circle at 50% 48%, rgba(0, 223, 90, 0.16), transparent 36%),
        linear-gradient(145deg, rgba(46, 57, 54, 0.86), rgba(24, 28, 27, 0.96));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 18px 34px rgba(0, 0, 0, 0.24);
    clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
    transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.home-market-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), transparent 27%, transparent 74%, rgba(255, 255, 255, 0.04));
    pointer-events: none;
}

.home-market-card--1,
.home-market-card--2 {
    background:
        radial-gradient(circle at 50% 48%, rgba(103, 87, 244, 0.2), transparent 36%),
        linear-gradient(145deg, rgba(44, 43, 57, 0.88), rgba(23, 23, 30, 0.96));
}

.home-market-card--3 {
    background:
        radial-gradient(circle at 50% 48%, rgba(255, 176, 61, 0.15), transparent 36%),
        linear-gradient(145deg, rgba(53, 48, 38, 0.88), rgba(26, 24, 20, 0.96));
}

.home-market-card--lead {
    grid-column: span 2;
    grid-row: span 2;
    padding: 28px;
}

.home-market-card:hover {
    z-index: 2;
    border-color: rgba(255, 255, 255, 0.23);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.34);
    transform: translateY(-4px);
}

.home-market-card__top,
.home-market-card__title,
.home-market-card__bottom,
.home-market-card > img {
    position: relative;
    z-index: 1;
}

.home-market-card__top,
.home-market-card__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.home-market-card__top small {
    color: rgba(255, 255, 255, 0.38);
    font-size: 9px;
    font-weight: 900;
}

.home-market-card__top > span {
    color: #ffb03d;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.home-market-card > img {
    width: 100%;
    height: 112px;
    align-self: center;
    object-fit: contain;
    filter: drop-shadow(0 18px 16px rgba(0, 0, 0, 0.46));
    transition: transform 180ms ease;
}

.home-market-card--lead > img {
    height: 310px;
}

.home-market-card:hover > img {
    transform: translateY(-4px) scale(1.025);
}

.home-market-card__title {
    display: grid;
    min-width: 0;
    align-self: end;
}

.home-market-card__title strong,
.home-market-card__title span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-market-card__title strong {
    color: #ffffff;
    font-size: 17px;
    line-height: 1.05;
}

.home-market-card--lead .home-market-card__title strong {
    font-size: clamp(28px, 2.6vw, 42px);
}

.home-market-card__title span {
    margin-top: 3px;
    color: rgba(255, 255, 255, 0.65);
    font-size: 12px;
    font-weight: 700;
}

.home-market-card__bottom {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.home-market-card__bottom > strong {
    color: #ffffff;
    font-size: 16px;
    font-weight: 900;
}

.home-market-card__bottom > span {
    display: inline-flex;
    min-height: 22px;
    align-items: center;
    padding: 0 9px;
    background: linear-gradient(135deg, #8b4dff, #6724f0);
    color: #ffffff;
    font-size: 8px;
    font-weight: 900;
    text-transform: uppercase;
}

.home-collection__empty {
    padding: 36px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.62);
}

.home-ledger {
    display: grid;
    grid-template-columns: minmax(280px, 0.82fr) minmax(420px, 1.45fr) auto;
    gap: clamp(32px, 5vw, 80px);
    align-items: center;
    padding: 54px 0 74px;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.home-ledger h2 {
    font-size: clamp(30px, 2.7vw, 44px);
}

.home-ledger__rows {
    display: grid;
    margin: 0;
}

.home-ledger__rows div {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    min-height: 54px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}

.home-ledger__rows div:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.11);
}

.home-ledger__rows dt {
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.home-ledger__rows dd {
    margin: 0;
    color: rgba(255, 255, 255, 0.58);
    font-size: 12px;
    font-weight: 650;
}

.home-ledger__rows span {
    color: var(--site-green);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.home-ledger__link {
    display: inline-flex;
    min-width: 190px;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 0 18px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.04);
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
}

.home-ledger__link:hover {
    border-color: rgba(0, 223, 90, 0.46);
    background: rgba(0, 223, 90, 0.08);
}

.home-ledger__link span {
    color: var(--site-green);
    font-size: 18px;
}

@media (max-width: 1320px) {
    .home-command {
        grid-template-columns: minmax(310px, 0.8fr) minmax(500px, 1.2fr);
    }

    .home-pulse {
        grid-column: 1 / -1;
        padding: 30px 0 0;
    }

    .home-pulse__list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
        padding-top: 14px;
    }

    .home-pulse__item {
        grid-template-columns: 24px 66px minmax(0, 1fr);
        padding: 0 10px;
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .home-pulse__price {
        grid-column: 3;
        align-self: start;
        margin-top: -25px;
        text-align: right;
    }

    .home-pulse__all {
        width: fit-content;
        min-width: 300px;
        margin-left: auto;
    }

    .home-route,
    .home-collection,
    .home-ledger {
        margin-right: clamp(18px, 4vw, 58px);
        margin-left: clamp(18px, 4vw, 58px);
    }

    .home-ledger {
        grid-template-columns: minmax(260px, 0.8fr) minmax(420px, 1.4fr);
    }

    .home-ledger__link {
        grid-column: 2;
        width: fit-content;
    }
}

@media (max-width: 900px) {
    .home-command {
        width: 100%;
        grid-template-columns: 1fr;
        padding: 28px 18px 42px;
    }

    .home-command__intro {
        padding: 26px 0 36px;
    }

    .home-command__intro::after {
        top: auto;
        right: 0;
        left: 0;
        width: auto;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2) 18%, rgba(255, 255, 255, 0.2) 82%, transparent);
    }

    .home-command h1 {
        max-width: 720px;
        font-size: clamp(42px, 10vw, 68px);
    }

    .home-command__stage {
        min-height: 620px;
    }

    .home-pulse {
        grid-column: auto;
    }

    .home-pulse__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-route {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .home-route__intro {
        max-width: 680px;
    }

    .home-collection__header {
        align-items: start;
        flex-direction: column;
    }

    .home-collection__grid {
        min-height: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: auto;
    }

    .home-market-card {
        min-height: 270px;
    }

    .home-market-card--lead {
        min-height: 520px;
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .home-ledger {
        grid-template-columns: 1fr;
    }

    .home-ledger__link {
        grid-column: auto;
    }
}

@media (max-width: 600px) {
    .home-command {
        padding-right: 12px;
        padding-left: 12px;
    }

    .home-command h1 {
        width: 100%;
        max-width: 340px;
        font-size: clamp(36px, 10.5vw, 44px);
        line-height: 0.98;
        text-wrap: initial;
        overflow-wrap: anywhere;
    }

    .home-command__copy {
        font-size: 14px;
    }

    .home-command__actions {
        grid-template-columns: 1fr;
    }

    .home-command__facts dd {
        font-size: 8px;
    }

    .home-command__stage {
        display: flex;
        min-height: 0;
        flex-direction: column;
    }

    .home-command__picture {
        height: 420px;
    }

    .home-command__caption {
        top: 28px;
        right: 24px;
        left: 24px;
    }

    .home-spotlight {
        position: relative;
        right: auto;
        bottom: auto;
        width: calc(100% - 24px);
        margin: -62px 12px 12px;
    }

    .home-pulse__list {
        grid-template-columns: 1fr;
    }

    .home-pulse__item {
        min-height: 92px;
        grid-template-columns: 26px 72px minmax(0, 1fr) auto;
        padding: 0;
        border-width: 0 0 1px;
    }

    .home-pulse__price {
        grid-column: auto;
        align-self: center;
        margin: 0;
    }

    .home-pulse__all {
        width: 100%;
        min-width: 0;
    }

    .home-route,
    .home-collection,
    .home-ledger {
        margin-right: 12px;
        margin-left: 12px;
    }

    .home-route__steps li {
        min-height: 112px;
        grid-template-columns: 46px 34px minmax(0, 1fr);
        gap: 12px;
    }

    .home-route__steps::before {
        left: 23px;
    }

    .home-route__steps li > span {
        width: 46px;
        height: 46px;
    }

    .home-route__steps li > div {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .home-route__steps strong {
        font-size: 18px;
    }

    .home-collection__grid {
        grid-template-columns: 1fr;
    }

    .home-market-card,
    .home-market-card--lead {
        min-height: 320px;
        grid-column: auto;
    }

    .home-market-card--lead > img,
    .home-market-card > img {
        height: 170px;
    }

    .home-market-card--lead .home-market-card__title strong {
        font-size: 26px;
    }

    .home-ledger__rows div {
        grid-template-columns: 72px minmax(0, 1fr);
        padding: 10px 0;
    }

    .home-ledger__rows span {
        grid-column: 2;
    }
}

/* Skinova storefront refinement */
:root {
    --site-bg: #0b0d0f;
    --site-surface: #121519;
    --site-surface-strong: #181c21;
    --site-border: rgba(255, 255, 255, 0.11);
    --site-border-soft: rgba(255, 255, 255, 0.07);
    --site-text: #f4f5f7;
    --site-muted: #969da8;
    --site-green: #26db70;
    --site-violet: #705cff;
    --site-violet-soft: #a69cff;
    --site-header-height: 72px;
}

body {
    background: var(--site-bg);
    color: var(--site-text);
}

.site-header {
    background: rgba(12, 14, 16, 0.96);
    border-bottom: 1px solid var(--site-border-soft);
    box-shadow: none;
}

.site-header__inner {
    min-height: var(--site-header-height);
    max-width: 1580px;
    padding: 0 24px;
}

.site-header__brand {
    width: auto;
    padding: 0 26px 0 0;
    border-right: 0;
}

.site-header__brand:hover {
    background: transparent;
}

.site-header__mark {
    width: 40px;
    height: 40px;
    border-color: rgba(112, 92, 255, 0.42);
    border-radius: 7px;
    background: #15181d;
    box-shadow: inset 0 0 0 1px rgba(112, 92, 255, 0.12);
}

.site-header__brand-name {
    font-size: 19px;
    letter-spacing: -0.02em;
}

.site-header__nav {
    gap: 4px;
    padding-left: 0;
}

.site-header__nav-link {
    min-height: 40px;
    gap: 8px;
    padding: 0 13px;
    border-radius: 5px;
    color: rgba(244, 245, 247, 0.68);
    font-size: 14px;
    font-weight: 700;
}

.site-header__nav-link img {
    width: 16px;
    height: 16px;
    opacity: 0.62;
}

.site-header__nav-link::after {
    display: none;
}

.site-header__nav-link:hover,
.site-header__nav-link.is-active {
    background: rgba(112, 92, 255, 0.12);
    color: #ffffff;
    transform: none;
}

.site-header__nav-link.is-active img {
    opacity: 1;
}

.site-header__actions {
    gap: 10px;
    padding-left: 20px;
}

.site-header__steam {
    min-height: 42px;
    padding: 0 18px;
    border-color: rgba(112, 92, 255, 0.48);
    border-radius: 5px;
    background: #6552ea;
    font-size: 14px;
    clip-path: none;
    box-shadow: none;
}

.site-header__steam:hover {
    background: #745fff;
    box-shadow: 0 8px 24px rgba(112, 92, 255, 0.22);
}

.site-header__steam-icon {
    width: 19px;
    height: 19px;
}

.site-header__language {
    min-width: 76px;
    padding: 0 0 0 10px;
    border-left: 0;
}

.site-header__language select {
    width: 66px;
    min-height: 38px;
    border-radius: 5px;
    background: #15181c;
    font-size: 13px;
    clip-path: none;
}

.site-header__burger {
    border-radius: 5px;
    clip-path: none;
}

.activity-strip {
    position: relative;
    z-index: 8;
    display: flex;
    height: 58px;
    overflow: hidden;
    border-bottom: 1px solid var(--site-border-soft);
    background: #101317;
}

.activity-strip__label {
    position: relative;
    z-index: 2;
    display: flex;
    width: 154px;
    flex: 0 0 154px;
    align-items: center;
    gap: 9px;
    padding-left: 24px;
    border-right: 1px solid var(--site-border-soft);
    background: #101317;
    color: rgba(255, 255, 255, 0.72);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.activity-strip__label > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--site-green);
    box-shadow: 0 0 10px rgba(38, 219, 112, 0.65);
}

.activity-strip__viewport {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    mask-image: linear-gradient(90deg, transparent, black 24px, black calc(100% - 24px), transparent);
}

.activity-strip__track {
    display: flex;
    width: max-content;
    height: 100%;
    animation: activityStripMove 54s linear infinite;
    will-change: transform;
}

.activity-strip:hover .activity-strip__track {
    animation-play-state: paused;
}

.activity-strip__item {
    display: grid;
    width: 310px;
    height: 58px;
    flex: 0 0 310px;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    grid-template-rows: 1fr 1fr;
    column-gap: 10px;
    align-items: center;
    padding: 6px 14px;
    border-right: 1px solid var(--site-border-soft);
    transition: background 160ms ease;
}

.activity-strip__item:hover {
    background: rgba(255, 255, 255, 0.035);
}

.activity-strip__item img {
    width: 46px;
    height: 42px;
    grid-row: 1 / 3;
    object-fit: contain;
    filter: drop-shadow(0 7px 7px rgba(0, 0, 0, 0.45));
}

.activity-strip__event {
    align-self: end;
    overflow: hidden;
    color: var(--site-violet-soft);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.activity-strip__event.is-purchase {
    color: var(--site-green);
}

.activity-strip__item > strong {
    align-self: start;
    overflow: hidden;
    color: #f4f5f7;
    font-size: 11px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.activity-strip__price {
    grid-column: 3;
    grid-row: 1;
    align-self: end;
    color: #ffffff;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 10px;
    font-weight: 800;
}

.activity-strip__time {
    grid-column: 3;
    grid-row: 2;
    align-self: start;
    color: rgba(255, 255, 255, 0.38);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 8px;
}

@keyframes activityStripMove {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

.home-main,
.market-main,
.inner-main,
.site-page {
    background:
        radial-gradient(circle at 50% -10%, rgba(112, 92, 255, 0.11), transparent 34%),
        #0b0d0f;
}

.home-main::before,
.home-main::after,
.market-main::before,
.inner-main::before {
    display: none;
}

.home-kicker,
.page-label,
.market-board__heading > p {
    display: block;
    margin: 0;
    color: var(--site-green);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.home-kicker > span {
    display: none;
}

.home-command {
    grid-template-columns: minmax(300px, 0.84fr) minmax(500px, 1.45fr) minmax(300px, 0.86fr);
    gap: 22px;
    max-width: 1580px;
    min-height: 650px;
    padding: 48px 24px 58px;
}

.home-command__intro {
    padding: 34px 20px 34px 0;
}

.home-command__intro::after {
    display: none;
}

.home-command h1 {
    max-width: 510px;
    margin-top: 18px;
    font-size: clamp(44px, 4vw, 66px);
    font-weight: 820;
    letter-spacing: -0.042em;
    line-height: 0.98;
}

.home-command__copy {
    max-width: 480px;
    margin-top: 20px;
    color: rgba(244, 245, 247, 0.66);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
}

.home-command__actions {
    gap: 10px;
    margin-top: 26px;
}

.home-action {
    min-height: 46px;
    border-radius: 5px;
    font-size: 13px;
    clip-path: none;
    box-shadow: none;
}

.home-action--market {
    background: #6552ea;
}

.home-action--market:hover {
    background: #745fff;
    box-shadow: 0 8px 24px rgba(112, 92, 255, 0.22);
}

.home-action--steam {
    border-color: rgba(255, 255, 255, 0.14);
    background: #171b20;
}

.home-action--steam:hover {
    background: #1d2228;
}

.home-command__facts {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin: 28px 0 0;
    padding: 17px 0 0;
    border: 0;
    border-top: 1px solid var(--site-border-soft);
    list-style: none;
}

.home-command__facts li {
    position: relative;
    padding-left: 14px;
    color: rgba(244, 245, 247, 0.54);
    font-size: 11px;
    font-weight: 600;
}

.home-command__facts li::before {
    content: "";
    position: absolute;
    top: 0.48em;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--site-green);
}

.home-command__stage {
    min-height: 560px;
    border: 1px solid var(--site-border);
    border-radius: 8px;
    background: #121519;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
}

.home-command__stage::before {
    background: linear-gradient(180deg, rgba(7, 9, 10, 0.05), rgba(7, 9, 10, 0.08) 52%, rgba(7, 9, 10, 0.78));
}

.home-command__stage::after {
    inset: 14px;
    border-color: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}

.home-command__picture img {
    filter: saturate(0.92) contrast(1.04);
}

.home-command__caption {
    top: 30px;
    right: 30px;
    left: 30px;
    justify-content: flex-start;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.home-command__caption span {
    color: rgba(255, 255, 255, 0.72);
}

.home-spotlight {
    right: 24px;
    bottom: 24px;
    width: min(330px, calc(100% - 48px));
    border-color: rgba(255, 255, 255, 0.13);
    border-radius: 7px;
    background: rgba(15, 18, 21, 0.94);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.46);
    clip-path: none;
}

.home-spotlight:hover {
    border-color: rgba(112, 92, 255, 0.62);
}

.home-spotlight__index,
.home-spotlight__name small {
    color: var(--site-violet-soft);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.home-pulse {
    align-self: stretch;
    padding: 24px;
    border: 1px solid var(--site-border);
    border-radius: 8px;
    background: #111418;
}

.home-pulse__header {
    padding-bottom: 17px;
}

.home-pulse__header h2 {
    margin: 0;
    color: #ffffff;
    font-size: 19px;
    letter-spacing: -0.02em;
}

.home-pulse__toggle {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    border: 1px solid var(--site-border-soft);
    border-radius: 4px;
    background: #171b20;
    color: rgba(255, 255, 255, 0.72);
    cursor: pointer;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.home-pulse__toggle:hover,
.home-pulse__toggle:focus-visible {
    border-color: rgba(103, 87, 244, 0.68);
    background: rgba(103, 87, 244, 0.12);
    color: #ffffff;
    outline: none;
}

.home-pulse__status,
.home-pulse__number {
    display: none;
}

.home-pulse__item {
    min-height: 100px;
    grid-template-columns: 68px minmax(0, 1fr) auto;
    gap: 11px;
}

.home-pulse__item:hover {
    padding-right: 6px;
    padding-left: 6px;
    background: rgba(255, 255, 255, 0.025);
}

.home-pulse__item > img {
    width: 68px;
    height: 58px;
}

.home-pulse__name small {
    color: var(--site-violet-soft);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.home-pulse__price {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.home-pulse__all {
    min-height: 44px;
    border-radius: 5px;
    background: #171b20;
    clip-path: none;
}

.home-pulse__all:hover {
    background: #1b2026;
}

.home-route,
.home-collection,
.home-help {
    max-width: 1532px;
    margin-right: auto;
    margin-left: auto;
}

.home-route {
    grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.45fr);
    gap: clamp(40px, 7vw, 110px);
    padding: 64px 0 76px;
}

.home-route__intro h2,
.home-collection__header h2,
.home-help h2 {
    margin-top: 14px;
    font-size: clamp(34px, 3vw, 50px);
    font-weight: 800;
    letter-spacing: -0.035em;
    line-height: 1.02;
}

.home-route__intro > p:last-child {
    font-weight: 500;
}

.home-route__steps::before {
    display: none;
}

.home-route__steps li,
.home-route__steps li:first-child {
    min-height: 108px;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 20px;
    border-top: 0;
    border-bottom: 1px solid var(--site-border-soft);
}

.home-route__steps li:first-child {
    border-top: 1px solid var(--site-border-soft);
}

.home-route__steps li > span {
    display: none;
}

.home-route__steps li > img {
    width: 22px;
    height: 22px;
    justify-self: center;
    opacity: 0.84;
}

.home-route__steps li > div {
    grid-template-columns: minmax(150px, 0.42fr) minmax(0, 1fr);
}

.home-route__steps strong {
    font-size: 18px;
}

.home-route__steps p {
    font-weight: 500;
}

.home-collection {
    padding: 72px 0 82px;
}

.home-collection__header > a {
    border-bottom-color: rgba(112, 92, 255, 0.48);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 10px;
}

.home-collection__grid {
    gap: 12px;
}

.home-market-card {
    border-color: var(--site-border);
    border-radius: 7px;
    background:
        radial-gradient(circle at 50% 42%, rgba(38, 219, 112, 0.12), transparent 34%),
        #15191d;
    box-shadow: none;
    clip-path: none;
}

.home-market-card::after {
    top: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 3px;
    background: var(--site-green);
    opacity: 0.75;
}

.home-market-card--1,
.home-market-card--2 {
    background:
        radial-gradient(circle at 50% 42%, rgba(112, 92, 255, 0.15), transparent 34%),
        #161820;
}

.home-market-card--1::after,
.home-market-card--2::after {
    background: var(--site-violet);
}

.home-market-card--3 {
    background:
        radial-gradient(circle at 50% 42%, rgba(88, 151, 255, 0.13), transparent 34%),
        #15191e;
}

.home-market-card--3::after {
    background: #5d9cff;
}

.home-market-card:hover {
    border-color: rgba(112, 92, 255, 0.62);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.3);
    transform: translateY(-3px);
}

.home-market-card__top {
    justify-content: flex-end;
}

.home-market-card__top small {
    display: none;
}

.home-market-card__top > span {
    color: var(--site-violet-soft);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.home-market-card__bottom > span {
    min-height: 24px;
    border-radius: 4px;
    background: #6552ea;
}

.home-help {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 36px;
    margin-bottom: 78px;
    padding: 34px 38px;
    border: 1px solid rgba(112, 92, 255, 0.28);
    border-radius: 8px;
    background: linear-gradient(100deg, rgba(112, 92, 255, 0.14), rgba(18, 21, 25, 0.82) 52%);
}

.home-help h2 {
    margin: 0;
    font-size: clamp(28px, 2.5vw, 40px);
}

.home-help p {
    margin: 8px 0 0;
    color: rgba(244, 245, 247, 0.62);
    font-size: 14px;
}

.home-help > a {
    display: inline-flex;
    min-height: 44px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border-radius: 5px;
    background: #6552ea;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
}

.home-help > a:hover {
    background: #745fff;
}

.market-shell {
    max-width: 1580px;
    grid-template-columns: 242px minmax(0, 1fr);
    gap: 24px;
    padding: 36px 24px 76px;
}

.market-filter {
    top: 92px;
    padding: 20px;
    border: 1px solid var(--site-border);
    border-radius: 8px;
    background: #111418;
    box-shadow: none;
    clip-path: none;
}

.market-filter::after {
    display: none;
}

.market-filter__header {
    min-height: auto;
    padding: 0 0 16px;
}

.market-filter__header h1,
.market-filter__header h2 {
    margin: 0;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: -0.02em;
}

.market-filter__header button {
    display: none;
}

.market-filter__search {
    min-height: 44px;
    border-radius: 5px;
    background: #0b0d0f;
    clip-path: none;
}

.market-filter__quick {
    gap: 7px;
}

.market-filter__quick button,
.market-toolbar__tabs button {
    min-height: 36px;
    border-radius: 4px;
    background: #181c21;
    font-size: 11px;
    clip-path: none;
}

.market-filter__quick button:hover,
.market-filter__quick button.is-active,
.market-toolbar__tabs button:hover,
.market-toolbar__tabs button.is-active {
    border-color: rgba(112, 92, 255, 0.66);
    background: rgba(112, 92, 255, 0.16);
    color: #ffffff;
}

.market-filter__list {
    gap: 0;
    margin-top: 12px;
    border-top: 1px solid var(--site-border-soft);
}

.market-filter__field {
    min-height: 52px;
    padding: 0;
    border: 0;
    border-bottom: 1px solid var(--site-border-soft);
    background: transparent;
    clip-path: none;
}

.market-filter__field:hover {
    background: transparent;
}

.market-filter__field span {
    gap: 8px;
    font-size: 12px;
}

.market-filter__field select {
    max-width: 108px;
    font-size: 11px;
}

.market-board__top {
    align-items: end;
    margin: 0 0 24px;
    padding: 0 0 22px;
}

.market-board__heading h1 {
    margin: 8px 0 0;
    color: #ffffff;
    font-size: clamp(34px, 3vw, 48px);
    letter-spacing: -0.035em;
    line-height: 1;
}

.market-board__stats {
    gap: 18px;
}

.market-board__stats span {
    min-height: auto;
    padding: 0;
    border: 0;
    background: transparent;
    color: rgba(244, 245, 247, 0.52);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 10px;
    clip-path: none;
}

.market-board__stats strong {
    color: #ffffff;
}

.market-toolbar {
    gap: 16px;
    margin-bottom: 18px;
    padding: 0;
    border: 0;
    background: transparent;
}

.market-toolbar__sort {
    min-height: 38px;
    border-radius: 4px;
    background: #15191e;
    clip-path: none;
}

.market-card button {
    min-height: 255px;
    border-color: var(--site-border);
    border-radius: 7px;
    background:
        radial-gradient(circle at 50% 35%, rgba(112, 92, 255, 0.13), transparent 31%),
        #15181d;
    box-shadow: none;
    clip-path: none;
}

.market-card--1 button,
.market-card--2 button,
.market-card--3 button {
    background:
        radial-gradient(circle at 50% 35%, rgba(38, 219, 112, 0.1), transparent 31%),
        #15191d;
}

.market-card button::before {
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    height: 3px;
    background: var(--site-violet);
    opacity: 0.72;
}

.market-card button:hover {
    border-color: rgba(112, 92, 255, 0.58);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.28);
    transform: translateY(-2px);
}

.market-card__status {
    padding: 3px 7px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.09);
    color: rgba(255, 255, 255, 0.65);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.market-card__transfer {
    display: none;
}

.market-card img {
    height: 110px;
}

.market-card__tag {
    color: var(--site-violet-soft);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 9px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.market-card__meta span {
    border-radius: 3px;
    background: #20242a;
}

.market-card__footer > span:first-child {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.market-card__footer span:last-child {
    min-height: 25px;
    padding: 0 10px;
    border-radius: 4px;
    background: #6552ea;
}

.market-cart__toggle,
.market-cart__checkout {
    border-radius: 5px;
    clip-path: none;
}

.inner-main {
    max-width: none;
    min-height: calc(100vh - var(--site-header-height));
    padding: 56px 24px 84px;
}

.signal-hero,
.feedback-layout,
.contact-layout {
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto;
}

.signal-hero {
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
    gap: 48px;
    align-items: end;
    padding: 0 0 32px;
}

.signal-hero h1 {
    margin: 9px 0 0;
    font-size: clamp(42px, 4vw, 60px);
    font-weight: 820;
    letter-spacing: -0.04em;
    line-height: 1;
}

.signal-hero p {
    color: rgba(244, 245, 247, 0.62);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
}

.feedback-layout,
.contact-layout {
    grid-template-columns: minmax(330px, 0.78fr) minmax(0, 1.22fr);
    gap: 24px;
    margin-top: 24px;
}

.feedback-console,
.feedback-board,
.contact-hub,
.support-console {
    border: 1px solid var(--site-border);
    border-radius: 8px;
    background: #111418;
    box-shadow: none;
    clip-path: none;
}

.feedback-console,
.support-console,
.contact-hub {
    padding: 24px;
}

.feedback-console__meter {
    padding: 0 0 22px;
    border-bottom: 1px solid var(--site-border-soft);
    background: transparent;
    clip-path: none;
}

.feedback-console__meter > span {
    color: var(--site-green);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.feedback-console__meter strong {
    font-size: 54px;
}

.feedback-form,
.support-form {
    gap: 15px;
}

.feedback-form h2,
.support-console__head h2,
.contact-hub__intro h2,
.contact-checklist h2 {
    margin: 0;
    color: #ffffff;
    font-size: 22px;
    letter-spacing: -0.02em;
}

.support-console__head p,
.contact-hub__intro p {
    color: rgba(244, 245, 247, 0.58);
    font-weight: 500;
    line-height: 1.55;
}

.form-field > span {
    color: rgba(244, 245, 247, 0.54);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 9px;
}

.form-field input,
.form-field textarea,
.form-field select {
    border-radius: 5px;
    background: #0b0d0f;
    clip-path: none;
}

.form-field input:focus,
.form-field textarea:focus,
.form-field select:focus {
    border-color: rgba(112, 92, 255, 0.72);
    box-shadow: 0 0 0 3px rgba(112, 92, 255, 0.1);
}

.primary-action {
    min-height: 44px;
    border-radius: 5px;
    background: #6552ea;
    clip-path: none;
}

.primary-action:hover {
    background: #745fff;
}

.feedback-board {
    min-height: 540px;
    padding: 20px;
}

.feedback-board__toolbar {
    padding-bottom: 18px;
    border-bottom: 1px solid var(--site-border-soft);
}

.review-empty {
    min-height: 0;
    padding: 24px 0;
    border: 0;
    background: transparent;
    color: rgba(244, 245, 247, 0.52);
    clip-path: none;
}

.feedback-status--error,
.support-status--error {
    color: #ff8686;
}

.contact-hub__intro {
    padding-bottom: 22px;
    border-bottom: 1px solid var(--site-border-soft);
}

.contact-hub__grid--single {
    grid-template-columns: 1fr;
    margin-top: 18px;
}

.contact-method {
    min-height: 76px;
    border: 1px solid var(--site-border-soft);
    border-radius: 6px;
    background: #171b20;
    clip-path: none;
}

.contact-method:hover {
    border-color: rgba(112, 92, 255, 0.54);
    background: #1a1f25;
}

.contact-checklist {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid var(--site-border-soft);
}

.contact-checklist ul {
    display: grid;
    gap: 12px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
}

.contact-checklist li {
    position: relative;
    padding-left: 20px;
    color: rgba(244, 245, 247, 0.62);
    font-size: 13px;
    line-height: 1.5;
}

.contact-checklist li::before {
    content: "";
    position: absolute;
    top: 0.55em;
    left: 0;
    width: 7px;
    height: 7px;
    border: 1px solid var(--site-green);
    transform: rotate(45deg);
}

.support-thread {
    border-radius: 6px;
    background: #0d1013;
    clip-path: none;
}

.site-page {
    min-height: calc(100vh - var(--site-header-height));
}

.site-page__shell {
    max-width: 760px;
    padding: 42px;
    border: 1px solid var(--site-border);
    border-radius: 8px;
    background: #111418;
    clip-path: none;
}

.site-page__eyebrow {
    color: var(--site-green);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.site-footer {
    border-top: 1px solid var(--site-border-soft);
    background: #090b0d;
}

.site-footer::before,
.site-footer::after {
    display: none;
}

.site-footer__inner {
    max-width: 1532px;
    grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr);
    gap: 48px 80px;
    padding: 48px 0 28px;
}

.site-footer__nav {
    grid-template-columns: repeat(3, minmax(120px, 1fr));
    gap: 30px;
}

.site-footer__column h2 {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.site-footer__column a {
    color: rgba(244, 245, 247, 0.58);
    font-size: 13px;
}

.site-footer__column a:hover {
    color: #ffffff;
}

.site-footer__payments span {
    border-radius: 4px;
    clip-path: none;
}

@media (max-width: 1320px) {
    .home-command {
        grid-template-columns: minmax(300px, 0.8fr) minmax(480px, 1.2fr);
    }

    .home-pulse {
        grid-column: 1 / -1;
    }

    .home-pulse__list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
        padding-top: 14px;
    }

    .home-pulse__item {
        grid-template-columns: 58px minmax(0, 1fr);
        padding: 0 10px;
        border: 1px solid var(--site-border-soft);
        border-radius: 5px;
    }

    .home-pulse__price {
        grid-column: 2;
        align-self: start;
        margin-top: -24px;
        text-align: right;
    }

    .home-route,
    .home-collection,
    .home-help,
    .site-footer__inner {
        margin-right: 24px;
        margin-left: 24px;
    }
}

@media (max-width: 900px) {
    :root {
        --site-header-height: 64px;
    }

    .site-header__inner {
        min-height: var(--site-header-height);
        padding: 0 16px;
    }

    .site-header__mark {
        width: 38px;
        height: 38px;
    }

    .site-header__menu {
        border-radius: 7px;
        clip-path: none;
    }

    .site-header__nav-link {
        padding: 0 10px;
    }

    .activity-strip__label {
        width: 54px;
        flex-basis: 54px;
        padding-left: 23px;
        font-size: 0;
    }

    .activity-strip__item {
        width: 282px;
        flex-basis: 282px;
    }

    .home-command {
        grid-template-columns: 1fr;
        padding: 36px 18px 54px;
    }

    .home-command__intro {
        padding: 20px 0 30px;
    }

    .home-command h1 {
        max-width: 680px;
    }

    .home-command__stage {
        min-height: 590px;
    }

    .home-pulse {
        grid-column: auto;
    }

    .home-pulse__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-route {
        grid-template-columns: 1fr;
    }

    .home-collection__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-help {
        align-items: flex-start;
        flex-direction: column;
    }

    .market-shell {
        grid-template-columns: 1fr;
        padding: 28px 16px 60px;
    }

    .market-filter {
        position: relative;
        top: auto;
    }

    .market-board__top {
        display: flex;
        align-items: end;
    }

    .feedback-layout,
    .contact-layout,
    .signal-hero {
        grid-template-columns: 1fr;
    }

    .site-footer__inner {
        grid-template-columns: 1fr;
        margin-right: 18px;
        margin-left: 18px;
    }
}

@media (max-width: 600px) {
    .activity-strip {
        height: 54px;
    }

    .activity-strip__item {
        width: 256px;
        height: 54px;
        flex-basis: 256px;
        grid-template-columns: 40px minmax(0, 1fr) auto;
        padding: 5px 10px;
    }

    .activity-strip__item img {
        width: 40px;
        height: 38px;
    }

    .activity-strip__time {
        display: none;
    }

    .home-command {
        padding-right: 12px;
        padding-left: 12px;
    }

    .home-command h1 {
        max-width: 380px;
        font-size: clamp(38px, 11vw, 48px);
    }

    .home-command__actions {
        grid-template-columns: 1fr;
    }

    .home-command__stage {
        min-height: 0;
    }

    .home-command__picture {
        height: 410px;
    }

    .home-spotlight {
        position: relative;
        right: auto;
        bottom: auto;
        width: calc(100% - 24px);
        margin: -58px 12px 12px;
    }

    .home-pulse {
        padding: 20px;
    }

    .home-pulse__list {
        grid-template-columns: 1fr;
    }

    .home-pulse__item {
        grid-template-columns: 64px minmax(0, 1fr) auto;
        padding: 0;
        border-width: 0 0 1px;
        border-radius: 0;
    }

    .home-pulse__price {
        grid-column: auto;
        align-self: center;
        margin: 0;
    }

    .home-route,
    .home-collection,
    .home-help {
        margin-right: 12px;
        margin-left: 12px;
    }

    .home-route__steps li,
    .home-route__steps li:first-child {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .home-route__steps li > div {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .home-collection__grid {
        grid-template-columns: 1fr;
    }

    .home-market-card,
    .home-market-card--lead {
        min-height: 320px;
        grid-column: auto;
    }

    .home-help {
        margin-bottom: 54px;
        padding: 26px 22px;
    }

    .inner-main {
        padding: 38px 12px 64px;
    }

    .signal-hero h1 {
        font-size: clamp(38px, 11vw, 48px);
    }

    .feedback-console,
    .feedback-board,
    .contact-hub,
    .support-console {
        padding: 20px;
    }

    .market-board__top {
        display: grid;
        align-items: start;
    }

    .market-board__stats {
        justify-content: flex-start;
    }

    .site-footer__nav {
        grid-template-columns: 1fr;
    }
}

/* Nova Vault */
.nova-vault-page {
    background: #0b0d0f;
}

.nova-vault {
    position: relative;
    min-height: calc(100vh - var(--site-header-height));
    overflow: hidden;
    padding: 0 24px 96px;
    background:
        radial-gradient(circle at 78% 7%, rgba(103, 87, 244, 0.17), transparent 26%),
        radial-gradient(circle at 8% 32%, rgba(0, 223, 90, 0.08), transparent 24%),
        linear-gradient(180deg, #0b0d0f 0%, #0d1013 42%, #090b0d 100%);
    color: var(--site-text);
    isolation: isolate;
}

.nova-vault::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: 0.24;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
    background-size: 72px 72px;
    -webkit-mask-image: linear-gradient(180deg, #000, transparent 78%);
    mask-image: linear-gradient(180deg, #000, transparent 78%);
    pointer-events: none;
}

.nova-vault [hidden] {
    display: none !important;
}

.nova-vault__hero,
.nova-vault__loading,
.nova-vault__error,
.nova-vault__guest,
.nova-vault__dashboard,
.nova-vault__orders,
.nova-vault__inventory {
    width: 100%;
    max-width: 1532px;
    margin-right: auto;
    margin-left: auto;
}

.nova-vault__hero {
    position: relative;
    display: grid;
    min-height: 410px;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
    align-items: center;
    gap: 72px;
    padding: 66px 0 54px;
    border-bottom: 1px solid var(--site-border);
}

.nova-vault__hero::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    width: min(34vw, 440px);
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--site-violet), var(--site-green));
    box-shadow: 0 0 18px rgba(103, 87, 244, 0.7);
}

.nova-vault__eyebrow,
.nova-vault__module-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    color: var(--site-green);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.09em;
    line-height: 1.3;
    text-transform: uppercase;
}

.nova-vault__eyebrow > span {
    width: 18px;
    height: 1px;
    background: currentColor;
    box-shadow: 0 0 8px currentColor;
}

.nova-vault__hero h1 {
    max-width: 880px;
    margin: 18px 0 0;
    color: #ffffff;
    font-size: clamp(52px, 6vw, 92px);
    font-weight: 840;
    letter-spacing: -0.06em;
    line-height: 0.92;
}

.nova-vault__hero h1 span {
    color: rgba(245, 245, 247, 0.52);
}

.nova-vault__lead {
    max-width: 650px;
    margin: 26px 0 0;
    color: rgba(245, 245, 247, 0.62);
    font-size: 17px;
    line-height: 1.65;
}

.nova-vault__signal {
    position: relative;
    display: grid;
    width: min(100%, 360px);
    aspect-ratio: 1;
    place-items: center;
    justify-self: end;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(103, 87, 244, 0.14), transparent 34%),
        repeating-radial-gradient(circle, transparent 0 42px, rgba(255, 255, 255, 0.06) 43px 44px);
}

.nova-vault__signal::before,
.nova-vault__signal::after {
    content: "";
    position: absolute;
    background: rgba(255, 255, 255, 0.08);
}

.nova-vault__signal::before {
    width: 1px;
    height: 116%;
}

.nova-vault__signal::after {
    width: 116%;
    height: 1px;
}

.nova-vault__signal-orbit {
    position: absolute;
    width: 74%;
    height: 74%;
    border: 1px solid rgba(155, 146, 255, 0.34);
    border-right-color: var(--site-green);
    border-radius: 50%;
    animation: novaVaultOrbit 14s linear infinite;
}

.nova-vault__signal-core {
    position: relative;
    z-index: 1;
    display: grid;
    width: 86px;
    height: 86px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(103, 87, 244, 0.92), rgba(33, 27, 77, 0.96));
    color: #ffffff;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 24px;
    font-weight: 900;
    box-shadow: 0 0 50px rgba(103, 87, 244, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.nova-vault__signal-point {
    position: absolute;
    z-index: 2;
    width: 9px;
    height: 9px;
    border: 2px solid #0b0d0f;
    border-radius: 50%;
    background: var(--site-green);
    box-shadow: 0 0 16px var(--site-green);
}

.nova-vault__signal-point--one {
    top: 20%;
    left: 29%;
}

.nova-vault__signal-point--two {
    right: 17%;
    bottom: 31%;
    background: var(--site-violet-soft);
    box-shadow: 0 0 16px var(--site-violet-soft);
}

.nova-vault__signal small {
    position: absolute;
    right: 8%;
    bottom: 4%;
    color: rgba(255, 255, 255, 0.4);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 9px;
    letter-spacing: 0.09em;
}

.nova-vault__loading {
    display: flex;
    min-height: 220px;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 48px 24px;
}

.nova-vault__loading div {
    display: grid;
    gap: 5px;
}

.nova-vault__loading strong {
    color: #ffffff;
    font-size: 17px;
}

.nova-vault__loading div > span {
    color: var(--site-muted);
    font-size: 13px;
}

.nova-vault__loader {
    width: 42px;
    height: 42px;
    border: 2px solid rgba(255, 255, 255, 0.08);
    border-top-color: var(--site-violet-soft);
    border-right-color: var(--site-green);
    border-radius: 50%;
    animation: novaVaultOrbit 900ms linear infinite;
}

.nova-vault__error,
.nova-vault__guest {
    position: relative;
    margin-top: 34px;
    overflow: hidden;
    border: 1px solid var(--site-border);
    border-radius: 10px;
    background:
        linear-gradient(110deg, rgba(103, 87, 244, 0.1), transparent 46%),
        #111418;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

.nova-vault__error::before,
.nova-vault__guest::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--site-violet), var(--site-green));
}

.nova-vault__error {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding: 38px 42px;
}

.nova-vault__error h2,
.nova-vault__guest h2 {
    margin: 10px 0 0;
    color: #ffffff;
    font-size: clamp(28px, 3vw, 42px);
    letter-spacing: -0.035em;
    line-height: 1.03;
}

.nova-vault__error p,
.nova-vault__guest p {
    margin: 12px 0 0;
    color: rgba(245, 245, 247, 0.61);
    line-height: 1.6;
}

.nova-vault__guest {
    display: grid;
    min-height: 300px;
    grid-template-columns: 190px minmax(0, 1fr) auto;
    align-items: center;
    gap: 46px;
    padding: 44px 52px;
}

.nova-vault__guest-lock {
    position: relative;
    display: grid;
    width: 150px;
    height: 150px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(103, 87, 244, 0.22), transparent 66%);
}

.nova-vault__guest-lock::before {
    content: "";
    width: 42px;
    height: 36px;
    margin-top: 22px;
    border: 2px solid var(--site-violet-soft);
    border-radius: 7px;
    box-shadow: 0 0 24px rgba(103, 87, 244, 0.3);
}

.nova-vault__guest-lock::after {
    content: "";
    position: absolute;
    top: 41px;
    width: 28px;
    height: 33px;
    border: 2px solid var(--site-green);
    border-bottom: 0;
    border-radius: 18px 18px 0 0;
}

.nova-vault__guest-lock span {
    position: absolute;
    width: 5px;
    height: 14px;
    margin-top: 22px;
    border-radius: 3px;
    background: #ffffff;
}

.nova-vault__guest-copy {
    max-width: 680px;
}

.nova-vault__guest-copy ul {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 18px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.nova-vault__guest-copy li {
    position: relative;
    padding-left: 14px;
    color: rgba(245, 245, 247, 0.52);
    font-size: 12px;
    font-weight: 700;
}

.nova-vault__guest-copy li::before {
    content: "";
    position: absolute;
    top: 0.45em;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--site-green);
}

.nova-vault__steam-login {
    display: inline-flex;
    min-width: 248px;
    min-height: 64px;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 0 22px;
    border: 1px solid rgba(155, 146, 255, 0.42);
    border-radius: 7px;
    background: linear-gradient(135deg, #2e275f, #6557ed);
    color: #ffffff;
    font-size: 14px;
    font-weight: 850;
    box-shadow: 0 16px 34px rgba(103, 87, 244, 0.2);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.nova-vault__steam-login:hover {
    border-color: rgba(255, 255, 255, 0.36);
    box-shadow: 0 20px 42px rgba(103, 87, 244, 0.32);
    transform: translateY(-2px);
}

.nova-vault__steam-login img {
    width: 25px;
    height: 25px;
}

.nova-vault__steam-login span {
    display: grid;
    gap: 2px;
}

.nova-vault__steam-login small {
    color: rgba(255, 255, 255, 0.55);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 8px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.nova-vault__dashboard {
    display: grid;
    grid-template-columns: minmax(240px, 0.76fr) minmax(480px, 1.55fr) minmax(260px, 0.82fr);
    gap: 16px;
    margin-top: 34px;
}

.nova-module {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--site-border);
    border-radius: 9px;
    background:
        linear-gradient(140deg, rgba(255, 255, 255, 0.025), transparent 38%),
        rgba(17, 20, 24, 0.96);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.23), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.nova-module__rail {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--site-violet), rgba(103, 87, 244, 0.08) 58%, transparent);
}

.nova-module__rail span {
    position: absolute;
    top: 11px;
    right: 12px;
    color: rgba(255, 255, 255, 0.22);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 9px;
}

.nova-module__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.nova-module__header h2 {
    margin: 9px 0 0;
    color: #ffffff;
    font-size: clamp(24px, 2vw, 32px);
    letter-spacing: -0.035em;
    line-height: 1.05;
}

.nova-identity {
    display: flex;
    min-height: 510px;
    flex-direction: column;
    align-items: flex-start;
    padding: 34px 28px 26px;
}

.nova-identity__avatar {
    display: grid;
    width: 112px;
    height: 112px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(155, 146, 255, 0.42);
    border-radius: 15px 15px 34px 15px;
    background:
        linear-gradient(145deg, rgba(103, 87, 244, 0.9), rgba(20, 24, 29, 0.98));
    color: #ffffff;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 29px;
    font-weight: 900;
    box-shadow: 0 18px 40px rgba(103, 87, 244, 0.2);
}

.nova-identity__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nova-identity__state {
    display: inline-flex;
    min-height: 26px;
    align-items: center;
    gap: 7px;
    margin-top: 22px;
    padding: 0 9px;
    border: 1px solid rgba(0, 223, 90, 0.22);
    border-radius: 4px;
    background: rgba(0, 223, 90, 0.07);
    color: #b6ffd1;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.nova-identity__state > span:first-child {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--site-green);
    box-shadow: 0 0 10px var(--site-green);
}

.nova-identity h2 {
    max-width: 100%;
    margin: 16px 0 0;
    overflow-wrap: anywhere;
    color: #ffffff;
    font-size: 26px;
    letter-spacing: -0.035em;
    line-height: 1.05;
}

.nova-identity__steam-id {
    margin: 7px 0 0;
    color: rgba(245, 245, 247, 0.42);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 10px;
    overflow-wrap: anywhere;
}

.nova-identity__facts {
    display: grid;
    width: 100%;
    gap: 0;
    margin: 26px 0 0;
}

.nova-identity__facts div {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 12px;
    padding: 12px 0;
    border-top: 1px solid var(--site-border-soft);
}

.nova-identity__facts dt,
.nova-identity__facts dd {
    margin: 0;
    font-size: 11px;
}

.nova-identity__facts dt {
    color: rgba(245, 245, 247, 0.4);
}

.nova-identity__facts dd {
    overflow-wrap: anywhere;
    color: rgba(245, 245, 247, 0.76);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    text-align: right;
}

.nova-identity__links {
    display: grid;
    width: 100%;
    gap: 8px;
    margin-top: auto;
    padding-top: 22px;
}

.nova-vault__button {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border: 1px solid rgba(155, 146, 255, 0.46);
    border-radius: 5px;
    background: #6557ed;
    color: #ffffff;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.2;
    text-align: center;
    transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.nova-vault__button:hover:not(:disabled) {
    border-color: rgba(255, 255, 255, 0.34);
    background: #7466ff;
    box-shadow: 0 12px 28px rgba(103, 87, 244, 0.24);
    transform: translateY(-1px);
}

.nova-vault__button:disabled {
    cursor: not-allowed;
    opacity: 0.42;
}

.nova-vault__button--ghost {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.035);
    box-shadow: none;
}

.nova-vault__button--ghost:hover:not(:disabled) {
    background: rgba(255, 255, 255, 0.075);
    box-shadow: none;
}

.nova-vault__button--admin {
    border-color: rgba(0, 223, 90, 0.28);
    background: rgba(0, 223, 90, 0.1);
    color: #caffdc;
}

.nova-vault__button--admin:hover {
    border-color: rgba(0, 223, 90, 0.52);
    background: rgba(0, 223, 90, 0.16);
    box-shadow: 0 12px 28px rgba(0, 223, 90, 0.1);
}

.nova-vault__text-button {
    min-height: 34px;
    border: 0;
    background: transparent;
    color: rgba(245, 245, 247, 0.47);
    cursor: pointer;
    font: inherit;
    font-size: 11px;
    font-weight: 750;
    transition: color 180ms ease;
}

.nova-vault__text-button:hover:not(:disabled) {
    color: #ffffff;
}

.nova-readiness {
    min-height: 510px;
    padding: 34px 34px 28px;
}

.nova-readiness__intro {
    max-width: 640px;
    margin: 18px 0 0;
    color: rgba(245, 245, 247, 0.5);
    font-size: 13px;
    line-height: 1.6;
}

.nova-readiness__meter {
    display: grid;
    min-width: 150px;
    gap: 8px;
    justify-items: end;
}

.nova-readiness__meter > span {
    display: block;
    width: 150px;
    height: 4px;
    overflow: hidden;
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.08);
}

.nova-readiness__meter i {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--site-violet), var(--site-green));
    box-shadow: 0 0 12px rgba(0, 223, 90, 0.45);
    transition: width 280ms ease;
}

.nova-readiness__meter strong {
    color: rgba(245, 245, 247, 0.58);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 9px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.nova-readiness__meter.is-complete strong {
    color: #b6ffd1;
}

.nova-readiness__form {
    display: grid;
    gap: 22px;
    margin-top: 30px;
}

.nova-field {
    display: grid;
    gap: 9px;
}

.nova-field__label {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 18px;
}

.nova-field__label strong {
    color: rgba(245, 245, 247, 0.9);
    font-size: 12px;
}

.nova-field__label small,
.nova-field__hint {
    color: rgba(245, 245, 247, 0.36);
    font-size: 10px;
}

.nova-field__control {
    position: relative;
    display: grid;
    min-height: 50px;
    grid-template-columns: 20px minmax(0, 1fr) 22px;
    align-items: center;
    gap: 10px;
    padding: 0 13px;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 5px;
    background: #090b0d;
    transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.nova-field__control:focus-within {
    border-color: rgba(155, 146, 255, 0.68);
    background: #0b0e11;
    box-shadow: 0 0 0 3px rgba(103, 87, 244, 0.1);
}

.nova-field__control img {
    width: 18px;
    height: 18px;
    opacity: 0.52;
}

.nova-field__control input {
    width: 100%;
    min-width: 0;
    height: 48px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #ffffff;
    font: inherit;
    font-size: 12px;
}

.nova-field__control input::placeholder {
    color: rgba(245, 245, 247, 0.25);
}

.nova-field__check {
    display: grid;
    width: 20px;
    height: 20px;
    place-items: center;
    border-radius: 50%;
    background: rgba(0, 223, 90, 0.13);
    color: var(--site-green);
    font-size: 11px;
    font-weight: 900;
    opacity: 0;
    transform: scale(0.7);
    transition: opacity 180ms ease, transform 180ms ease;
}

.nova-field.is-valid .nova-field__control {
    border-color: rgba(0, 223, 90, 0.24);
}

.nova-field.is-valid .nova-field__check {
    opacity: 1;
    transform: scale(1);
}

.nova-field.is-invalid .nova-field__control {
    border-color: rgba(255, 123, 147, 0.62);
    box-shadow: 0 0 0 3px rgba(255, 123, 147, 0.08);
}

.nova-field__error {
    min-height: 13px;
    color: #ff9aac;
    font-size: 10px;
    line-height: 1.3;
}

.nova-readiness__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 2px;
    padding-top: 20px;
    border-top: 1px solid var(--site-border-soft);
}

.nova-readiness__status {
    margin: 0;
    color: rgba(245, 245, 247, 0.43);
    font-size: 10px;
    line-height: 1.45;
}

.nova-readiness__status.is-success {
    color: #9fffc2;
}

.nova-readiness__status.is-error {
    color: #ff9aac;
}

.nova-readiness__actions .nova-vault__button {
    min-width: 178px;
    flex: 0 0 auto;
}

.nova-pulse {
    min-height: 510px;
    padding: 34px 26px 26px;
}

.nova-pulse__stats {
    display: grid;
    gap: 0;
    margin: 28px 0 0;
}

.nova-pulse__stats div {
    position: relative;
    display: grid;
    min-height: 111px;
    align-content: center;
    padding: 18px 0;
    border-top: 1px solid var(--site-border-soft);
}

.nova-pulse__stats div::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 34px;
    height: 1px;
    background: var(--site-violet);
}

.nova-pulse__stats dt,
.nova-pulse__stats dd {
    margin: 0;
}

.nova-pulse__stats dt {
    color: rgba(245, 245, 247, 0.4);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 9px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.nova-pulse__stats dd {
    margin-top: 7px;
    overflow-wrap: anywhere;
    color: #ffffff;
    font-size: clamp(21px, 2vw, 30px);
    font-weight: 820;
    letter-spacing: -0.035em;
    line-height: 1;
}

.nova-pulse__stats span {
    margin-top: 7px;
    overflow-wrap: anywhere;
    color: rgba(245, 245, 247, 0.34);
    font-size: 9px;
    line-height: 1.4;
}

.nova-vault__orders,
.nova-vault__inventory {
    margin-top: 74px;
}

.nova-vault__section-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 22px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--site-border);
}

.nova-vault__section-header h2 {
    margin: 10px 0 0;
    color: #ffffff;
    font-size: clamp(30px, 3.2vw, 48px);
    letter-spacing: -0.045em;
    line-height: 1;
}

.nova-vault__section-count {
    flex: 0 0 auto;
    color: rgba(245, 245, 247, 0.43);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 10px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.nova-transit {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.nova-transit__route {
    position: relative;
    min-width: 0;
    overflow: hidden;
    padding: 20px;
    border: 1px solid var(--site-border);
    border-radius: 8px;
    background:
        radial-gradient(circle at 10% 0%, rgba(103, 87, 244, 0.1), transparent 31%),
        #111418;
}

.nova-transit__route::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--site-violet), transparent 62%);
}

.nova-transit__route.has-alert::before {
    background: linear-gradient(90deg, #ff7b93, transparent 62%);
}

.nova-transit__head {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
}

.nova-transit__visual {
    display: grid;
    width: 74px;
    height: 64px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    background: radial-gradient(circle, rgba(103, 87, 244, 0.18), #0b0e11 74%);
    color: rgba(255, 255, 255, 0.35);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 11px;
    font-weight: 900;
}

.nova-transit__visual img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.nova-transit__identity {
    min-width: 0;
}

.nova-transit__identity > span {
    display: block;
    overflow: hidden;
    color: #bbb5ff;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 10px;
    letter-spacing: 0.05em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.nova-transit__identity h3 {
    margin: 7px 0 0;
    overflow: hidden;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nova-transit__identity p {
    margin: 6px 0 0;
    color: rgba(245, 245, 247, 0.66);
    font-size: 11px;
}

.nova-transit__summary {
    display: grid;
    gap: 9px;
    justify-items: end;
    text-align: right;
}

.nova-transit__status {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    padding: 0 8px;
    border: 1px solid rgba(0, 223, 90, 0.2);
    border-radius: 3px;
    background: rgba(0, 223, 90, 0.07);
    color: #b6ffd1;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.nova-transit__status.is-alert {
    border-color: rgba(255, 123, 147, 0.25);
    background: rgba(255, 123, 147, 0.09);
    color: #ffc1cc;
}

.nova-transit__summary strong {
    color: #ffffff;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 12px;
}

.nova-transit__track {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    margin: 24px 0 0;
    padding: 18px 0 0;
    border-top: 1px solid var(--site-border-soft);
    list-style: none;
}

.nova-transit__track::before {
    content: "";
    position: absolute;
    top: 27px;
    right: 9%;
    left: 9%;
    height: 1px;
    background: rgba(255, 255, 255, 0.09);
}

.nova-transit__track li {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 8px;
    justify-items: center;
    min-width: 0;
    text-align: center;
}

.nova-transit__track li > span {
    width: 19px;
    height: 19px;
    border: 5px solid #111418;
    border-radius: 50%;
    background: #363b42;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
}

.nova-transit__track li.is-complete > span,
.nova-transit__track li.is-current > span {
    background: var(--site-green);
    box-shadow: 0 0 0 1px rgba(0, 223, 90, 0.4), 0 0 12px rgba(0, 223, 90, 0.42);
}

.nova-transit__track li.is-current > span {
    background: var(--site-violet-soft);
    box-shadow: 0 0 0 1px rgba(155, 146, 255, 0.5), 0 0 14px rgba(103, 87, 244, 0.62);
}

.nova-transit__track li.is-alert > span {
    background: #ff7b93;
    box-shadow: 0 0 0 1px rgba(255, 123, 147, 0.5), 0 0 14px rgba(255, 123, 147, 0.46);
}

.nova-transit__track strong {
    max-width: 100%;
    overflow: hidden;
    color: rgba(245, 245, 247, 0.6);
    font-size: 10px;
    font-weight: 750;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nova-transit__track li.is-complete strong,
.nova-transit__track li.is-current strong {
    color: rgba(245, 245, 247, 0.9);
}

.nova-transit__track li.is-alert strong {
    color: #ffc1cc;
}

.nova-inventory {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.nova-inventory__item {
    position: relative;
    min-width: 0;
    min-height: 300px;
    overflow: hidden;
    padding: 16px;
    border: 1px solid var(--site-border);
    border-radius: 8px;
    background:
        radial-gradient(circle at 50% 36%, rgba(103, 87, 244, 0.17), transparent 36%),
        #13171b;
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.nova-inventory__item::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: var(--site-violet);
}

.nova-inventory__item--1 {
    background:
        radial-gradient(circle at 50% 36%, rgba(0, 223, 90, 0.12), transparent 36%),
        #13181a;
}

.nova-inventory__item--1::before {
    background: var(--site-green);
}

.nova-inventory__item--2 {
    background:
        radial-gradient(circle at 50% 36%, rgba(74, 144, 255, 0.15), transparent 36%),
        #13171c;
}

.nova-inventory__item--2::before {
    background: #5d9cff;
}

.nova-inventory__item:hover {
    border-color: rgba(155, 146, 255, 0.48);
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.28);
    transform: translateY(-3px);
}

.nova-inventory__top,
.nova-inventory__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.nova-inventory__top span {
    color: #b6ffd1;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.nova-inventory__top small {
    color: rgba(245, 245, 247, 0.3);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 8px;
}

.nova-inventory__visual {
    display: grid;
    height: 150px;
    place-items: center;
    margin-top: 12px;
    color: rgba(255, 255, 255, 0.25);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 18px;
    font-weight: 900;
}

.nova-inventory__visual img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 100%;
    max-height: 150px;
    object-fit: contain;
    filter: drop-shadow(0 18px 24px rgba(0, 0, 0, 0.28));
    transition: transform 220ms ease;
}

.nova-inventory__item:hover .nova-inventory__visual img {
    transform: scale(1.04) rotate(-1deg);
}

.nova-inventory__item h3 {
    min-height: 34px;
    margin: 8px 0 0;
    overflow: hidden;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.25;
}

.nova-inventory__bottom {
    margin-top: 13px;
    padding-top: 13px;
    border-top: 1px solid var(--site-border-soft);
}

.nova-inventory__bottom strong {
    color: #ffffff;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 11px;
}

.nova-inventory__bottom span {
    color: rgba(245, 245, 247, 0.34);
    font-size: 9px;
}

.nova-vault__empty {
    display: grid;
    min-height: 210px;
    grid-column: 1 / -1;
    place-items: center;
    align-content: center;
    padding: 34px;
    border: 1px dashed rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.018);
    text-align: center;
}

.nova-vault__load-more {
    display: block;
    min-width: 210px;
    margin: 24px auto 0;
    padding: 12px 20px;
    border: 1px solid rgba(155, 146, 255, 0.4);
    border-radius: 7px;
    background: rgba(103, 87, 244, 0.12);
    color: #ffffff;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.nova-vault__load-more:hover:not(:disabled) {
    border-color: rgba(155, 146, 255, 0.8);
    background: rgba(103, 87, 244, 0.24);
    transform: translateY(-1px);
}

.nova-vault__load-more:focus-visible {
    outline: 2px solid var(--site-green);
    outline-offset: 3px;
}

.nova-vault__load-more:disabled {
    cursor: wait;
    opacity: 0.64;
}

.nova-vault__load-more[hidden] {
    display: none;
}

.nova-vault__empty-mark {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 1px solid rgba(155, 146, 255, 0.26);
    border-radius: 50%;
    color: var(--site-violet-soft);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 11px;
    font-weight: 900;
}

.nova-vault__empty strong {
    margin-top: 15px;
    color: rgba(245, 245, 247, 0.82);
    font-size: 15px;
}

.nova-vault__empty p {
    max-width: 470px;
    margin: 8px 0 0;
    color: rgba(245, 245, 247, 0.4);
    font-size: 11px;
    line-height: 1.55;
}

.nova-vault a:focus-visible,
.nova-vault button:focus-visible,
.nova-vault input:focus-visible {
    outline: 2px solid var(--site-green);
    outline-offset: 3px;
}

@keyframes novaVaultOrbit {
    to { transform: rotate(360deg); }
}

@media (max-width: 1280px) {
    .nova-vault__dashboard {
        grid-template-columns: minmax(240px, 0.72fr) minmax(480px, 1.28fr);
    }

    .nova-pulse {
        min-height: 0;
        grid-column: 1 / -1;
    }

    .nova-pulse__stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .nova-pulse__stats div {
        min-height: 120px;
        padding: 20px;
        border-top: 1px solid var(--site-border-soft);
        border-left: 1px solid var(--site-border-soft);
    }

    .nova-pulse__stats div:first-child {
        border-left: 0;
    }

    .nova-pulse__stats div::after {
        left: 20px;
    }

    .nova-transit {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .nova-vault {
        padding-right: 16px;
        padding-left: 16px;
    }

    .nova-vault__hero {
        min-height: 360px;
        grid-template-columns: minmax(0, 1fr) 220px;
        gap: 24px;
        padding: 48px 0 42px;
    }

    .nova-vault__signal {
        width: 210px;
    }

    .nova-vault__signal-core {
        width: 62px;
        height: 62px;
        border-radius: 13px;
        font-size: 18px;
    }

    .nova-vault__guest {
        grid-template-columns: 126px minmax(0, 1fr);
        gap: 28px;
        padding: 38px;
    }

    .nova-vault__guest-lock {
        width: 118px;
        height: 118px;
    }

    .nova-vault__guest-lock::after {
        top: 26px;
    }

    .nova-vault__steam-login {
        grid-column: 2;
        justify-self: start;
    }

    .nova-vault__dashboard {
        grid-template-columns: 1fr;
    }

    .nova-identity,
    .nova-readiness,
    .nova-pulse {
        min-height: 0;
        grid-column: auto;
    }

    .nova-identity {
        display: grid;
        grid-template-columns: 112px minmax(0, 1fr);
        column-gap: 24px;
    }

    .nova-identity__avatar {
        grid-row: 1 / span 4;
    }

    .nova-identity__state,
    .nova-identity h2,
    .nova-identity__steam-id {
        grid-column: 2;
        align-self: start;
    }

    .nova-identity__state {
        justify-self: start;
        margin-top: 0;
    }

    .nova-identity h2 {
        margin-top: 10px;
    }

    .nova-identity__facts,
    .nova-identity__links {
        grid-column: 1 / -1;
    }

    .nova-identity__links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nova-vault__text-button {
        grid-column: 1 / -1;
    }

    .nova-inventory {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .nova-vault {
        padding-right: 12px;
        padding-bottom: 68px;
        padding-left: 12px;
    }

    .nova-vault__hero {
        min-height: 0;
        grid-template-columns: 1fr;
        padding: 42px 0 38px;
    }

    .nova-vault__hero h1 {
        font-size: clamp(44px, 14vw, 64px);
    }

    .nova-vault__lead {
        margin-top: 20px;
        font-size: 14px;
    }

    .nova-vault__signal {
        display: none;
    }

    .nova-vault__error {
        align-items: flex-start;
        flex-direction: column;
        padding: 30px 24px;
    }

    .nova-vault__guest {
        grid-template-columns: 1fr;
        justify-items: start;
        gap: 26px;
        padding: 30px 24px;
    }

    .nova-vault__guest-lock {
        width: 92px;
        height: 92px;
    }

    .nova-vault__guest-lock::before {
        width: 36px;
        height: 31px;
    }

    .nova-vault__guest-lock::after {
        top: 17px;
        width: 24px;
        height: 28px;
    }

    .nova-vault__steam-login {
        width: 100%;
        min-width: 0;
        grid-column: auto;
    }

    .nova-identity,
    .nova-readiness,
    .nova-pulse {
        padding: 28px 20px 22px;
    }

    .nova-identity {
        display: flex;
    }

    .nova-identity__avatar {
        width: 96px;
        height: 96px;
    }

    .nova-identity__state {
        margin-top: 18px;
    }

    .nova-identity__links {
        grid-template-columns: 1fr;
    }

    .nova-vault__text-button {
        grid-column: auto;
    }

    .nova-module__header {
        display: grid;
    }

    .nova-readiness__meter {
        width: 100%;
        justify-items: start;
    }

    .nova-readiness__meter > span {
        width: 100%;
    }

    .nova-field__label {
        display: grid;
        gap: 4px;
    }

    .nova-field__control input {
        font-size: 11px;
    }

    .nova-readiness__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .nova-readiness__actions .nova-vault__button {
        width: 100%;
    }

    .nova-pulse__stats {
        grid-template-columns: 1fr;
    }

    .nova-pulse__stats div,
    .nova-pulse__stats div:first-child {
        min-height: 100px;
        padding: 18px 0;
        border-left: 0;
    }

    .nova-pulse__stats div::after {
        left: 0;
    }

    .nova-vault__orders,
    .nova-vault__inventory {
        margin-top: 54px;
    }

    .nova-vault__section-header {
        display: grid;
        align-items: start;
        gap: 14px;
    }

    .nova-vault__section-header h2 {
        font-size: clamp(30px, 10vw, 40px);
    }

    .nova-transit__route {
        padding: 16px;
    }

    .nova-transit__head {
        grid-template-columns: 62px minmax(0, 1fr);
        gap: 12px;
    }

    .nova-transit__visual {
        width: 62px;
        height: 58px;
    }

    .nova-transit__summary {
        display: flex;
        grid-column: 1 / -1;
        align-items: center;
        justify-content: space-between;
        margin-top: 4px;
    }

    .nova-transit__track {
        margin-top: 17px;
    }

    .nova-transit__track strong {
        font-size: 7px;
    }

    .nova-inventory {
        grid-template-columns: 1fr;
    }

    .nova-inventory__item {
        min-height: 280px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nova-vault__signal-orbit,
    .nova-vault__loader {
        animation: none;
    }

    .nova-vault *,
    .nova-vault *::before,
    .nova-vault *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}
.content-shell {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    padding: 54px 0 88px;
}

.content-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
    gap: 42px;
    align-items: end;
    padding: 44px 0 36px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.content-hero h1 {
    max-width: 780px;
    margin: 8px 0 0;
    color: #fff;
    font-size: clamp(42px, 7vw, 86px);
    letter-spacing: -0.065em;
    line-height: 0.94;
}

.content-hero > p {
    margin: 0;
    color: rgba(255, 255, 255, 0.65);
    font-size: 16px;
    line-height: 1.7;
}

.content-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    padding-top: 28px;
}

.content-card {
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.025);
}

.content-card h2,
.content-card h3 {
    margin: 0 0 12px;
    color: #fff;
    letter-spacing: -0.025em;
}

.content-card p,
.content-card li {
    color: rgba(255, 255, 255, 0.68);
    line-height: 1.7;
}

.content-card p:last-child,
.content-card ul:last-child {
    margin-bottom: 0;
}

.content-card a,
.legal-jump a {
    color: #c7bfff;
}

.faq-list {
    display: grid;
    gap: 12px;
    padding-top: 28px;
}

.faq-list details {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.025);
}

.faq-list summary {
    padding: 22px 56px 22px 24px;
    color: #fff;
    font-size: 17px;
    font-weight: 760;
    cursor: pointer;
}

.faq-list details p {
    max-width: 900px;
    margin: 0;
    padding: 0 24px 24px;
    color: rgba(255, 255, 255, 0.68);
    line-height: 1.7;
}

.legal-jump {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 24px 0 4px;
}

.legal-jump a {
    padding: 10px 14px;
    border: 1px solid rgba(140, 120, 255, 0.35);
    text-decoration: none;
}

.legal-stack {
    display: grid;
    gap: 16px;
    padding-top: 24px;
}

.legal-stack .content-card {
    scroll-margin-top: 100px;
}

@media (max-width: 760px) {
    .content-shell {
        width: min(100% - 28px, 1180px);
        padding-top: 28px;
    }

    .content-hero,
    .content-grid {
        grid-template-columns: 1fr;
    }

    .content-card {
        padding: 22px;
    }
}