/* Extension of the established RIFT palette and typography. */
.header{gap:38px}.header nav{gap:28px}.header nav>a{font-size:13px}.profile-link{margin-left:auto;display:flex;align-items:center;gap:10px;white-space:nowrap}.profile-link strong{display:block;font-size:12px;max-width:120px;overflow:hidden;text-overflow:ellipsis}.profile-link small{display:block;color:var(--muted);font-size:11px}.avatar{display:grid;place-items:center;width:88px;height:88px;border-radius:16px;background:#51355f;color:#ffcb93;font:600 44px Oswald}.avatar.small{width:38px;height:38px;border-radius:10px;font-size:21px}
.live-feed{height:112px}.live-feed .showcase-label{position:relative;width:122px;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:3px 6px;color:var(--text);font-size:13px}.live-dot{width:6px;height:6px;background:#9be0c0;border-radius:50%;align-self:center}.showcase-label small{width:100%;font-size:11px;text-align:center;color:var(--muted)}#feed-pause{background:transparent;color:var(--lavender);font-size:11px;padding:4px 10px;min-height:28px;border-radius:4px;margin-top:3px}#feed-pause:hover{background:#30263f}.live-feed .showcase-item{min-width:236px;grid-template-columns:88px 1fr;padding:10px 14px;gap:8px}.live-feed .showcase-item img{height:75px;width:95px}.live-feed .showcase-item strong{font-size:11px;max-width:130px;margin:3px 0}.live-feed .showcase-item small{display:block;font-size:11px;color:var(--muted);max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-empty{display:flex;align-items:center;padding:0 30px;font-size:12px;color:var(--muted)}
.text-link{display:inline-flex;gap:8px;align-items:center;color:var(--lavender);font-size:13px}.text-link svg{transform:rotate(180deg)}.text-link:hover{color:#fff}.home-custom{margin-bottom:42px}.home-custom .section-head{margin-top:0}.section-head>div>p{margin-top:8px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:14px 0 32px}.page-heading h1{font:600 44px/1.15 Oswald}.page-heading p{color:var(--muted);max-width:70ch;margin-top:12px}.custom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.custom-card{background:#1d192d}.custom-art{height:210px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,color-mix(in srgb,var(--tone) 24%,#1d192d),#1d192d 75%)}.custom-disc{position:absolute;width:170px;height:170px;left:calc(50% - 85px);top:20px;border:1px solid color-mix(in srgb,var(--tone) 40%,transparent);border-radius:50%;box-shadow:0 20px 25px #09061044}.custom-disc:after{content:'';position:absolute;inset:13px;border:1px solid color-mix(in srgb,var(--tone) 20%,transparent);border-radius:50%}.custom-art img{position:absolute;width:85%;height:170px;left:8%;top:20px;filter:drop-shadow(0 20px 18px #07051099);transition:transform .3s}.custom-art .art-back{transform:rotate(16deg) translate(17px,-4px);opacity:.58}.custom-art .art-front{transform:rotate(-16deg) translate(-8px,10px)}.custom-card:hover .art-front{transform:rotate(-20deg) translate(-8px,2px)}.art-signature{position:absolute;left:18px;bottom:10px;color:color-mix(in srgb,var(--tone) 60%,white);font-size:11px;font-weight:600;letter-spacing:.08em}.custom-card-copy{padding:12px 22px 22px}.custom-card-copy>span{font-size:11px;color:var(--muted)}.custom-card h3{font:600 26px Oswald;margin-top:5px;letter-spacing:.01em}.custom-card-copy p{font-size:12px;color:var(--muted);margin-top:9px;min-height:3.1em}.custom-card-copy>strong{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:12px;color:#f9c88d}.custom-card-copy>strong svg{transform:rotate(180deg);width:16px}.reveal-stage>.custom-art{width:420px;height:280px;background:none}.reveal-stage .custom-art img{height:230px;top:10px}.reveal-stage .custom-disc{width:230px;height:230px;left:calc(50% - 115px)}.reveal-stage .art-signature{left:50%;transform:translateX(-50%);bottom:15px;white-space:nowrap}.personal-cases>.section-head>span{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.builder-invite{padding:30px;background:#211c33;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:25px}.builder-invite h3{font-size:19px}.builder-invite p{color:var(--muted);margin-top:7px;font-size:13px}
.builder-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:30px;align-items:start}.builder-summary{background:#211b32;padding:24px;border-radius:14px;position:sticky;top:20px}.builder-summary h2{font:500 26px Oswald;margin-bottom:20px}.field{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:500}.field input{width:100%;min-height:46px;border:1px solid #584965;background:#171322;border-radius:8px;color:var(--text);padding:10px 12px}.field input::placeholder{color:var(--muted)}.builder-feature{text-align:center;padding:15px 0}.builder-feature img{width:100%;height:150px}.builder-feature strong{display:block;font-size:12px}.builder-thumbs{display:flex;align-items:center;gap:3px}.builder-thumbs img{width:35px;height:40px}.builder-thumbs span{font-size:11px;color:var(--muted)}.builder-placeholder{height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--muted)}.builder-placeholder svg{width:56px;height:56px;stroke:var(--lavender)}.builder-placeholder p{font-size:12px}.selection-summary{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:15px;font-size:12px}.text-button{background:none;padding:8px;color:var(--lavender);font-size:12px}.form-hint{color:var(--muted);font-size:12px;line-height:1.7;margin:16px 0}.builder-summary>.button{width:100%}.form-status{font-size:13px;color:#eac3fd;margin-top:14px;min-height:20px}.builder-catalog>.search{margin-bottom:18px}.select-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pick-card{min-width:0;position:relative;background:#211c31;border-radius:10px;border:1px solid transparent;padding:12px;text-align:left;transition:background .15s}.pick-card:hover{background:#312740}.pick-card.picked{border-color:var(--accent);background:#382b37}.pick-card img{width:100%;height:92px}.pick-card>span:not(.pick-check){display:block;color:var(--muted);font-size:11px;margin-top:3px}.pick-card>strong{font-size:11px;display:block;font-weight:500;margin-top:4px}.pick-check{position:absolute;right:8px;top:8px;width:20px;height:20px;border:1px solid #5e4e6f;border-radius:5px;display:grid;place-items:center}.pick-check svg{display:none;width:14px;height:14px}.picked .pick-check{border-color:var(--accent);background:var(--accent);color:#211525}.picked .pick-check svg{display:block}.inline-empty{grid-column:1/-1;padding:30px 20px;color:var(--muted);font-size:13px;min-height:120px;background:#1d192d;border-radius:12px}.inline-empty .button{margin-top:15px}button:disabled{cursor:not-allowed}
.profile-banner{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:36px;background:linear-gradient(110deg,#382647,#211b31 85%);border-radius:16px}.profile-identity{display:flex;gap:24px;align-items:center;min-width:0}.profile-identity>div:last-child{min-width:0}.profile-identity h1{font:600 38px Oswald;overflow-wrap:anywhere}.profile-identity p{font-size:13px;color:#d8c9e5;margin-top:4px}.profile-identity>div>span{font-size:11px;color:var(--muted);display:block;margin-top:8px}.profile-stats{display:flex;padding:25px 0;gap:0}.profile-stats>div{display:flex;align-items:baseline;gap:10px;padding:0 30px;border-right:1px solid var(--line)}.profile-stats>div:first-child{padding-left:0}.profile-stats>div:last-child{border:0}.profile-stats strong{font:500 29px Oswald;font-variant-numeric:tabular-nums}.profile-stats span{font-size:12px;color:var(--muted)}.profile-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:26px}.profile-tabs a{padding:16px 0;font-size:13px;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.profile-tabs .selected{border-color:var(--accent);color:var(--text)}.inventory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.inventory-toolbar p{font-size:12px;color:var(--muted)}.history-heading,.history-row{display:grid;grid-template-columns:1.6fr 1fr 130px;gap:20px;align-items:center}.history-heading{font-size:11px;color:var(--muted);padding:0 18px 12px}.history-row{padding:12px 18px;border-top:1px solid var(--line);font-size:12px}.history-row>div{display:flex;align-items:center;gap:14px}.history-row img{width:72px;height:60px}.history-row small{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.history-row strong{font-weight:500}.history-row>span,.history-row time{color:var(--muted);font-size:11px}.history-row time{font-variant-numeric:tabular-nums}.settings-layout{display:grid;grid-template-columns:minmax(0,430px) minmax(0,440px);gap:70px;padding:10px 0}.settings-layout h2{font:500 26px Oswald;margin-bottom:22px}.settings-layout aside{padding-top:10px}.settings-layout aside h3{font-size:16px}.settings-layout aside p{color:var(--muted);font-size:13px;line-height:1.8;margin:14px 0}.settings-layout form>.button{margin-top:6px}
.mode-tag{color:var(--lavender);background:#30213e;font-size:12px;padding:9px 13px;border-radius:7px;white-space:nowrap}.upgrade-arena{min-height:330px;display:grid;grid-template-columns:1fr 240px 1fr;gap:24px;padding:28px;background:radial-gradient(ellipse at 50% 90%,#432f4f 0,transparent 65%),#1b172a;border-radius:16px}.upgrade-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;text-align:center}.slot-caption{font-size:12px;color:var(--muted)}.upgrade-slot>img{height:175px;width:100%;max-width:340px;filter:drop-shadow(0 18px 18px #08041077)}.upgrade-slot>strong{font-size:15px;font-weight:550;margin-top:10px}.upgrade-slot>small{font-size:11px;color:var(--muted);margin-top:6px}.slot-placeholder{height:175px;display:grid;place-items:center}.slot-placeholder svg{width:62px;height:62px;color:#8d7ca4}.upgrade-control{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.upgrade-dial{position:relative;width:180px;height:180px;display:grid;place-items:center}.upgrade-dial>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-width:3}.dial-base{stroke:#59415e}.dial-progress{stroke:#ffb46b;stroke-dasharray:80 12 80 12 80 12 80 12 80 12 80 12;stroke-linecap:round;transform-origin:center}.upgrade-dial>div{text-align:center}.upgrade-dial strong{font:600 42px Oswald;display:block}.upgrade-dial span{display:block;font-size:11px;color:var(--muted);margin-top:8px}.upgrade-dial>div>svg{width:50px;height:50px;color:#9be0c0}.upgrade-control .button{width:100%;font-size:12px}.upgrade-note{margin:20px auto 4px;max-width:85ch}.upgrade-lists{display:grid;grid-template-columns:1fr 1fr;gap:30px}.upgrade-lists .section-head{margin-top:28px;gap:10px}.upgrade-lists .section-head h2{font-size:25px}.upgrade-lists .section-head>span{font-size:11px;color:var(--muted)}.upgrade-lists .select-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:550px;overflow-y:auto;padding:5px;scrollbar-gutter:stable}.upgrade-lists .search{margin:0 5px 12px}.upgrade-lists .pick-card{min-height:152px}.upgrade-complete>strong{color:#b5e8ce}.running{filter:drop-shadow(0 8px 15px #d69a5122)}
@media(max-width:1100px){.header{gap:24px}.header nav{gap:20px}.header nav>a{font-size:12px}.profile-link>span:last-child{display:none}.custom-grid{gap:14px}.custom-card-copy{padding:12px 18px 20px}.custom-card h3{font-size:24px}.custom-card-copy p{min-height:4.6em}.builder-layout{grid-template-columns:280px minmax(0,1fr);gap:20px}.select-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-stats>div{padding:0 20px}.upgrade-arena{grid-template-columns:1fr 190px 1fr;gap:10px;padding:25px 15px}.upgrade-dial{width:160px;height:160px}.upgrade-slot>strong{font-size:13px}.upgrade-lists .select-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.header{height:auto;min-height:112px;flex-wrap:wrap;padding:15px 20px 0;gap:12px}.header nav{order:3;width:100%;height:46px;overflow:auto;white-space:nowrap;gap:24px}.profile-link{margin-left:auto}.profile-link>span:last-child{display:block}.page-heading{align-items:start;flex-direction:column;gap:18px}.page-heading h1{font-size:36px}.page-heading p{font-size:13px}.custom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-layout{grid-template-columns:1fr}.builder-summary{position:static}.builder-feature img{height:130px}.builder-placeholder{height:140px}.builder-thumbs img{width:48px}.profile-banner{padding:24px;align-items:start;flex-wrap:wrap}.profile-identity{gap:15px}.profile-identity h1{font-size:31px}.avatar{width:64px;height:64px;flex-shrink:0;font-size:34px}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px 0;padding:22px 0}.profile-stats>div{padding:0 15px!important;border:0;gap:8px}.profile-tabs{gap:24px;overflow:auto}.settings-layout{grid-template-columns:1fr;gap:25px}.history-heading{display:none}.history-row{grid-template-columns:1fr auto;gap:6px 10px;padding:12px 0}.history-row>span{grid-column:1;grid-row:2;padding-left:86px}.history-row time{grid-column:2;grid-row:1/3;text-align:right;max-width:75px}.upgrade-arena{grid-template-columns:1fr 1fr;padding:20px 12px;gap:20px 10px}.upgrade-control{grid-column:1/-1;grid-row:2;flex-direction:row;gap:25px}.upgrade-dial{width:110px;height:110px;flex-shrink:0}.upgrade-dial strong{font-size:30px}.upgrade-dial span{font-size:11px;max-width:75px;margin:4px auto 0}.upgrade-control .button{max-width:210px}.upgrade-slot>img,.slot-placeholder{height:125px}.upgrade-slot>strong{font-size:12px}.upgrade-slot>.slot-caption{font-size:11px}.upgrade-slot>small{font-size:11px}.upgrade-lists{gap:24px;grid-template-columns:1fr}.upgrade-lists .select-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:400px}}
@media(max-width:480px){.header{padding-left:15px;padding-right:15px}.header nav{gap:22px}.profile-link strong{max-width:115px}.live-feed{height:104px}.live-feed .showcase-label{width:100px}.live-feed .showcase-item{min-width:210px;grid-template-columns:72px 1fr;padding:8px}.live-feed .showcase-item img{width:76px;height:66px}.feed-empty{padding:12px 18px;font-size:11px}.home-custom .section-head{align-items:center;gap:10px}.home-custom .section-head h2{font-size:25px}.home-custom .text-link{font-size:11px;white-space:nowrap}.home-custom .section-head p{display:none}.custom-art{height:154px}.custom-art img{height:130px;top:8px;width:95%;left:2%}.custom-disc{width:124px;height:124px;left:calc(50% - 62px);top:12px}.art-signature{font-size:11px;left:12px;bottom:6px;letter-spacing:0}.custom-card-copy{padding:8px 12px 15px}.custom-card h3{font-size:22px}.custom-card-copy>span{font-size:11px}.custom-card-copy p{font-size:11px;min-height:6.2em;line-height:1.55}.custom-card-copy>strong{font-size:11px;margin-top:14px}.custom-grid{gap:10px}.builder-invite{padding:22px;align-items:start;flex-direction:column}.builder-invite h3{font-size:17px}.builder-invite p{font-size:12px}.builder-summary{padding:20px}.select-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pick-card img{height:95px}.profile-identity h1{font-size:30px}.profile-identity p{font-size:11px}.profile-stats strong{font-size:26px}.profile-stats span{font-size:11px}.profile-tabs{gap:20px}.profile-tabs a{font-size:12px}.inventory-toolbar{align-items:start;flex-direction:column}.history-row>div{gap:8px}.history-row img{width:60px}.history-row>span{padding-left:68px}.history-row strong{font-size:11px}.upgrade-lists .select-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upgrade-arena{gap:15px 8px}.upgrade-slot>img,.slot-placeholder{height:105px}.upgrade-slot>strong{font-size:11px}.upgrade-control{gap:18px}.upgrade-control .button{font-size:11px;padding:12px 10px}.reveal-stage>.custom-art{width:100%;max-width:330px;height:260px}.reveal-stage .custom-art img{height:210px;top:18px}.result-panel{flex-wrap:wrap}.result-panel .button{font-size:12px;padding:12px 15px}}
.custom-card{display:flex;flex-direction:column}.custom-card-copy{display:flex;flex:1;flex-direction:column}.custom-card-copy>span{margin-top:7px}.custom-card-copy>strong{margin-top:auto;padding-top:20px}.custom-card h3{margin-top:0}
@media(prefers-reduced-motion:reduce){.custom-art img,.pick-card{transition:none}.running{filter:none}}