.c01-ticket-shelf { margin-top: 18px; }
.c01-ticket-shelf > header h3, .c01-collection h2, .c01-trophy-case h3 { margin: 4px 0 7px; color: #fff; font-family: "Bungee", sans-serif; }
.c01-ticket-shelf > header > p:last-child, .c01-collection header p:last-child { color: #aeb9dc; font-weight: 750; }
.c01-shop-grid, .c01-collection-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.c01-shop-card, .c01-collection-grid > article { display: grid; gap: 10px; min-width: 0; padding: 14px; border: 1px solid rgba(116, 139, 210, .35); border-radius: 18px; color: #fff; background: rgba(7, 9, 38, .78); }
.c01-shop-card.rarity-epic { border-color: rgba(229, 96, 255, .55); }
.c01-shop-card.rarity-legendary { border-color: rgba(255, 207, 86, .68); box-shadow: inset 0 0 24px rgba(255, 190, 55, .08); }
.c01-shop-card > img, .c01-collection-grid article > img { width: 100%; aspect-ratio: 16/9; object-fit: contain; border-radius: 12px; background: rgba(2, 4, 24, .6); }
.c01-shop-card footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.c01-shop-card footer button { padding: 8px 13px; border: 1px solid #69e6ff; border-radius: 999px; color: #fff; background: linear-gradient(135deg, #3b68c9, #b73d98); font-weight: 900; cursor: pointer; }
.c01-shop-card footer button:disabled { color: #9aa7ce; border-color: rgba(144,159,208,.3); background: rgba(34,39,75,.7); cursor: default; }
.c01-frame-preview { position: relative; display: grid; place-items: center; width: min(180px, 70%); aspect-ratio: 1; margin: auto; }
.c01-frame-preview img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.c01-hud-motion-preview { position: relative; display: block; width: 100%; aspect-ratio: 1672 / 941; overflow: hidden; border-radius: 12px; background: #06051f; }
.c01-hud-motion-preview img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.c01-neutral-avatar { width: 58%; aspect-ratio: 1; border-radius: 24%; background: radial-gradient(circle at 50% 35%, #b8c4e6 0 19%, transparent 20%), linear-gradient(to top, #7c8db7 0 43%, transparent 44%), #101635; }
.c01-title-preview { display: grid; place-items: center; min-height: 82px; padding: 20px; color: #fff4ca; background: var(--title-art) center/contain no-repeat; font-family: "Bungee", sans-serif; text-shadow: 0 2px 5px #130427; }
.c01-collection { margin-top: 18px; padding: clamp(20px, 3vw, 30px); }
.c01-collection > header { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.c01-collection > header > span { padding: 8px 12px; border: 1px solid rgba(91,228,255,.42); border-radius: 999px; color: #86eeff; background: rgba(20,90,114,.26); font-size: .7rem; font-weight: 1000; }
.c01-collection-grid > article.is-locked { opacity: .48; filter: saturate(.4); }
.c01-collection-grid > article small { color: #9eabd5; }
.c01-trophy-case { margin-top: 28px; }
.c01-trophy-case > div { display: grid; gap: 10px; margin-top: 12px; }
.c01-trophy { position: relative; display: flex; align-items: center; gap: 13px; padding: 12px; border: 1px solid rgba(255,202,83,.34); border-radius: 16px; background: rgba(13,12,47,.7); }
.c01-trophy > img:first-child { width: 72px; height: 72px; object-fit: contain; }
.c01-trophy span { display: grid; gap: 4px; }
.c01-trophy small { color: #aeb9dc; text-transform: capitalize; }
.c01-trophy .c01-defending { width: 42px; height: 42px; margin-left: auto; object-fit: contain; }
.c01-empty { padding: 18px; border: 1px dashed rgba(120,141,210,.35); border-radius: 14px; color: #aeb9dc; }
.c01-profile-editor { min-width: 0; margin: 4px 0 2px; padding: 14px; border: 1px solid rgba(255,197,79,.3); border-radius: 16px; background: rgba(7,10,38,.58); }
.c01-profile-editor legend { padding: 0 7px; color: #fff; font: 900 .78rem/1 "Bungee", sans-serif; }
.c01-profile-editor > small, .c01-profile-editor section > p { color: #9eabd5; font-size: .68rem; }
.c01-profile-editor section { margin-top: 16px; }
.c01-profile-editor h4 { margin: 0 0 8px; color: #8beeff; }
.c01-editor-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.c01-editor-grid > button { overflow: hidden; min-width: 0; padding: 9px; border: 1px solid rgba(255,255,255,.13); border-radius: 12px; color: #fff; background: rgba(5,7,30,.72); cursor: pointer; }
.c01-editor-grid > button.is-selected { border-color: #ffd263; box-shadow: 0 0 17px rgba(255,200,73,.2); }
.c01-editor-grid .c01-frame-preview { width: 90px; }
.c01-editor-grid > button > img { width: 100%; max-height: 100px; object-fit: contain; }
.c01-editor-grid > button > span:last-child { display: block; margin-top: 5px; font-weight: 900; }
.c01-avatar-host { position: relative !important; isolation: isolate; }
.c01-avatar-host > [data-player-avatar], .c01-avatar-host > [data-public-player-avatar] { position: relative; z-index: 1; }
.c01-equipped-frame { position: absolute !important; inset: -17% !important; z-index: 3 !important; width: 134% !important; height: 134% !important; max-width: none !important; object-fit: contain !important; border: 0 !important; border-radius: 0 !important; pointer-events: none; }
.c01-equipped-title { position: relative; width: fit-content; margin: 0 0 4px; color: #ffd267; font-weight: 1000; }
.c01-equipped-title.has-title-art { min-width: 180px; padding: 9px 24px; text-align: center; background: var(--title-art, url("assets/customization-c01/title-founding-coder.webp")) center/100% 100% no-repeat; }
.c01-title-preview.has-parade-title-art,
.c01-equipped-title.has-title-art.has-parade-title-art { display: grid; place-items: center; box-sizing: border-box; width: 240px; max-width: 100%; min-width: 0; min-height: 0; height: auto; aspect-ratio: 4 / 1; padding: 0; background-size: contain; color: #fff4ca; font-family: "Bungee", sans-serif; font-size: 12px; line-height: 1.15; text-align: center; white-space: nowrap; text-shadow: 0 2px 4px #130427; }
.c01-title-preview.has-parade-title-art { margin-inline: auto; }
.c01-title-preview.has-framed-title-art,
.c01-equipped-title.has-title-art.has-framed-title-art { display: block; box-sizing: border-box; width: 256px; max-width: 100%; min-width: 0; min-height: 0; height: auto; aspect-ratio: 4 / 1; padding: 0; background: none; text-shadow: none; }
.c01-title-preview.has-framed-title-art { margin-inline: auto; }
.c01-title-plate { display: block; width: 100%; height: 100%; aspect-ratio: 4 / 1; }
.c01-title-plate > img { display: block; width: 100%; height: 100%; max-height: none; object-fit: contain; border: 0; border-radius: 0; }
.c01-profile-theme .glass-card, .public-player-card.c01-profile-theme { position: relative; }
.c01-profile-theme .glass-card::after, .public-player-card.c01-profile-theme::after { content: ""; position: absolute; inset: -5px; z-index: 5; width: auto; height: auto; border: 24px solid transparent; border-radius: inherit; background: none; border-image: url("assets/customization-c01/profile-box-nine-slice.png") 48 / 24px / 5px stretch; pointer-events: none; }
.c01-animated-profile-background { position: fixed; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.c01-public-trophies { display: grid !important; grid-template-columns: 1fr !important; gap: 5px !important; margin-top: 14px; padding: 16px; border: 1px solid rgba(255,202,83,.35); border-radius: 16px; background: rgba(10,8,38,.72); }
.c01-public-trophies strong { color: #ffd263; font-size: .72rem; letter-spacing: .08em; }
.c01-public-trophies span { color: #c6cfeb; font-size: .76rem; }
@media (prefers-reduced-motion: reduce) { .c01-animated-profile-background { display: none; } }
@media (max-width: 700px) { .c01-shop-grid, .c01-collection-grid, .c01-editor-grid { grid-template-columns: 1fr; } .c01-collection > header { align-items: flex-start; flex-direction: column; } }