.my-race-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.my-race-heading h1{margin:8px 0;font-size:2.2rem}.my-race-heading p{color:var(--surface-muted,#c4cae3);line-height:1.8}.my-race-wallet{--surface-text:#fff;--surface-muted:#c7d3e7;--surface-accent:#b9e4ff;--brand-dark-display:block;--brand-light-display:none;color:var(--surface-text);background:#302342;border:1px solid #8d62a7;border-radius:20px;grid-template-columns:auto auto;align-items:center;gap:6px 14px;padding:18px 26px;display:grid}.my-race-wallet svg{color:#ffbd5a}.my-race-wallet strong{font-size:2rem}.my-race-wallet span{color:var(--surface-text,#d9cceb);grid-column:1/-1}.my-race-nav{flex-wrap:wrap;gap:12px;margin:22px 0;display:flex}.my-race-nav button{--surface-text:#fff;--surface-muted:#c7d3e7;--surface-accent:#b9e4ff;--brand-dark-display:block;--brand-light-display:none;color:var(--surface-text);background:#211d34;border:1px solid #514567;border-radius:12px;align-items:center;gap:9px;padding:13px 20px;font-size:1rem;display:flex}.my-race-nav button.active{--surface-text:#fff;--surface-muted:#c7d3e7;--surface-accent:#b9e4ff;--brand-dark-display:block;--brand-light-display:none;color:var(--surface-text);background:#693cab;border-color:#a47bdf}.my-race-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;display:grid}.my-race-cards article{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.my-race-cards h2{font-size:1.2rem;line-height:1.6}.my-race-cards .outline-btn{font-size:.875rem}.race-avatar{isolation:isolate;flex-shrink:0;width:220px;height:236px;display:inline-block;position:relative}.race-avatar-art{background-image:url(/images/race-wardrobe.webp);background-repeat:no-repeat;border-radius:22px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #303951}.race-avatar-pin{width:46px;height:46px;color:var(--surface-text,#30204a);--surface-text:#000;--surface-muted:#000;--surface-accent:#573191;--brand-dark-display:none;--brand-light-display:block;background:#ffbc5c;border:3px solid #684e2e;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:12px;right:8px;box-shadow:0 3px 15px #070a1b80}.race-avatar.small{width:46px;height:52px}.race-avatar.small .race-avatar-art{border-radius:10px}.race-avatar.small .race-avatar-pin{border-width:1px;width:21px;height:21px;bottom:-2px;right:-4px}.race-wardrobe{grid-template-columns:280px 1fr;gap:32px;display:grid}.race-character-preview{text-align:center;--surface-text:#fff;--surface-muted:#c7d3e7;--surface-accent:#b9e4ff;--brand-dark-display:block;--brand-light-display:none;color:var(--surface-text);background:linear-gradient(#20223d,#181d30);border:1px solid #565077;border-radius:24px;align-self:start;padding:24px;position:sticky;top:20px}.race-character-preview>.race-avatar{width:100%;max-width:220px}.race-character-preview h2{margin-top:18px;font-size:1.2rem}.race-character-preview p{color:var(--surface-muted,#c7cce4);margin:18px 0;font-size:.875rem;line-height:1.9}.race-character-pick{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.race-character-pick button{border:1px solid #52536b;border-radius:10px;padding:9px;font-size:.875rem}.race-character-pick button.active{--surface-text:#fff;--surface-muted:#fff;--surface-accent:#fff;--brand-dark-display:block;--brand-light-display:none;color:var(--surface-text);background:#7950b6;border-color:#bb92ee}.race-shop-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:16px;margin-top:22px;display:grid}.race-shop-grid article{--surface-text:#fff;--surface-muted:#c7d3e7;--surface-accent:#b9e4ff;--brand-dark-display:block;--brand-light-display:none;color:var(--surface-text);background:#1a2035;border:1px solid #404960;border-radius:20px;flex-direction:column;align-items:center;gap:14px;padding:16px;display:flex}.race-shop-grid .race-avatar{width:150px;height:165px}.race-shop-grid h3{text-align:center;min-height:48px;margin:0;font-size:.95rem;line-height:1.7}.race-shop-grid article>span:not(.race-avatar){color:var(--surface-text,#ffbc5c);align-items:center;gap:7px;display:flex}.race-shop-grid button{justify-content:center;width:100%;font-size:.875rem}.race-wardrobe>section>p{color:var(--surface-muted,#c7cce4);line-height:1.9}.race-list-filters{flex-wrap:wrap;gap:12px;margin:18px 0;display:flex}.race-list-filters input,.race-list-filters select{min-width:160px;color:var(--surface-text,#f1eaff);--surface-text:#fff;--surface-muted:#c7d3e7;--surface-accent:#b9e4ff;--brand-dark-display:block;--brand-light-display:none;background:#12182b;border:1px solid #4b4565;border-radius:10px;flex:1;padding:12px;font-size:1rem}.race-invitations p{color:var(--surface-muted,#c5cbe5);line-height:1.8}.race-reuse p{line-height:1.9}.race-room-list{max-height:65vh;overflow:auto}.race-room-list strong{font-size:1rem}.race-room-list small{font-size:.875rem}.my-races .race-link-form{align-items:center;gap:12px;margin-bottom:22px;display:flex}.my-races .race-link-form input{flex:1;min-width:0}.race-board li:has(.race-avatar){gap:10px}@media (max-width:780px){.race-wardrobe{grid-template-columns:1fr}.race-character-preview{position:static}.my-race-heading{align-items:flex-start}.my-race-wallet{padding:12px}.my-race-wallet strong{font-size:1.6rem}.my-race-nav button{flex:1;justify-content:center;padding:12px;font-size:.875rem}.race-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.race-shop-grid .race-avatar{width:125px;height:145px}.race-shop-grid article{padding:12px}.race-board .race-avatar.small{width:34px;height:40px}.my-races .race-link-form{flex-wrap:wrap}.my-races .race-link-form>svg{display:none}}@media (max-width:400px){.my-race-heading{flex-direction:column}.race-shop-grid{grid-template-columns:1fr}}.wardrobe-preview-notice{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.wardrobe-preview-notice p{flex:1;min-width:min(100%,230px);line-height:1.8}.wardrobe-preview-notice button{flex-shrink:0}.race-character-pick button,.race-shop-grid button{min-height:44px}