/* Shared actions and local vector icons. Payment and identity retain distinct roles. */
:root{--action-radius:12px;--action-focus:#9ceacb;--action-edge:#c6ad7c;--action-primary:#f3f1e9;--action-primary-ink:#171b20}
:root[data-theme=light]{--action-focus:#147555;--action-edge:#81632e;--action-primary:#222831;--action-primary-ink:#fff}
[hidden]{display:none!important}
.brand,.lit-brand{display:inline-flex;align-items:center;gap:10px}
.brand .brand-gem,.lit-brand .brand-gem{width:38px;height:38px;flex:0 0 38px;object-fit:contain;filter:drop-shadow(0 2px 8px #51dcc329)}
.brand .brand-word{color:inherit;letter-spacing:4px;line-height:1}
.brand .brand-word>span{color:var(--muted,#aaa);letter-spacing:0}
.lit-brand .brand-word{color:inherit;font:inherit;letter-spacing:4px}
.lit-brand .brand-word>small{display:block;color:#b7a88d;font:10px ArchiveSans,sans-serif;letter-spacing:2px;margin-top:7px}
.button,.lit-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:48px;padding:13px 21px;border:1px solid transparent;border-radius:var(--action-radius);font-family:Arial,sans-serif;font-size:13px;font-weight:700;line-height:1.35;letter-spacing:.1px;white-space:normal;text-align:center;text-decoration:none;vertical-align:middle;box-shadow:0 1px 0 #ffffff16 inset,0 2px 4px #00000012;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.button{background:var(--action-primary);color:var(--action-primary-ink);border-color:var(--action-primary)}
.button:hover,.lit-button:hover{opacity:1;transform:translateY(-1px);text-decoration:none;box-shadow:0 0 0 1px var(--action-edge),0 7px 18px #0002}
.button:active,.lit-button:active{transform:translateY(1px);box-shadow:none}
.button-secondary,.button.outline{background:var(--panel,#191919);color:var(--ink,#f5f5f3);border-color:var(--line,#444);box-shadow:0 1px 0 #ffffff08 inset}
.button-secondary:hover,.button.outline:hover{background:var(--panel2,#252525);border-color:var(--action-edge);color:var(--ink,#f5f5f3)}
.text-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border-radius:var(--action-radius);line-height:1.4;transition:background .18s,border-color .18s}
.icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;border-radius:13px;border:1px solid var(--line);background:var(--panel);color:var(--ink);transition:background .18s,border-color .18s,transform .18s}
.icon-button:hover{border-color:var(--action-edge);background:var(--panel2);transform:translateY(-1px)}
.button:focus-visible,.lit-button:focus-visible,.text-link:focus-visible,.icon-button:focus-visible,.filter:focus-visible{outline:3px solid var(--action-focus);outline-offset:4px}
.button:disabled,.lit-button:disabled,.button[aria-disabled=true]{opacity:.52;cursor:not-allowed;transform:none;box-shadow:none}
.button[aria-busy=true]{cursor:wait;opacity:.8}
.button .button-label{min-width:0;overflow-wrap:anywhere}
.button--payment{min-height:58px;padding:10px 18px;background:#0878a5;color:#fff;border-color:#178ebc;box-shadow:0 1px 0 #ffffff26 inset,0 5px 18px #009ee31a}
.button--payment:hover{background:#066b95;color:#fff;border-color:#64d5fb;box-shadow:0 0 0 1px #64d5fb,0 8px 22px #008bc829}
.payment-logo{display:inline-grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:9px;background:#fff}
.payment-logo img{display:block;width:29px;height:29px}
.button--account{min-height:54px}
.button--discord{background:#5865f2;color:#fff;border-color:#6e79ff}
.button--discord:hover{background:#4752c4;color:#fff;border-color:#b4baff}
.button--discord .fa{font-size:23px}
.button .fa,.lit-button .fa{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:19px;line-height:1;margin:0}
.icon-button .fa{font-size:21px;width:21px;line-height:1}
.fa.ui-vector::before{font-family:inherit}
.payment-methods{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:17px 0 7px;color:var(--muted,#aaa);font-size:12px}
.payment-methods .fa{font-size:17px;color:var(--ink,#e9e5db)}
.shop-login-copy .button--discord{margin:14px 0}
.shop-login-panel{border-radius:16px;background:linear-gradient(145deg,var(--panel),var(--bg));border-color:var(--line)}
.shop-login-panel .shop-form-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px}
.shop-login-panel .shop-form-row .search{height:52px;min-height:52px;border-radius:10px;border-color:var(--line);font-size:16px;padding:13px 15px}
.shop-login-panel .shop-form-row .button{min-height:52px;width:100%}
.shop-login-panel input:focus-visible{outline:3px solid var(--action-focus);outline-offset:3px}
.shop-profile-actions .text-link{gap:9px}
.catalog-content .premium-bottom{align-items:center;gap:14px}
.catalog-content .premium-bottom .button{min-width:0;max-width:100%;flex:1 1 175px;padding:12px 14px;font-size:12px;gap:9px}
.catalog-content .premium-bottom .product-price{flex:0 0 auto}
.purchase-layout #purchase-pay{gap:12px;max-width:100%;font-size:14px}
.header .nav{gap:24px}.header .nav-links{gap:21px}.header .nav-actions{gap:9px;flex-shrink:0}
.header-account{color:var(--ink)}
.header-account[aria-current=page]{border-color:var(--action-edge);box-shadow:0 0 0 1px var(--action-edge) inset}
.header .nav-actions .button{gap:9px}
.header .menu-toggle{display:none}
.header .menu-toggle[aria-expanded=true] .fa::before{-webkit-mask:url('/assets/ui/v1/close.svg') center/contain no-repeat;mask:url('/assets/ui/v1/close.svg') center/contain no-repeat}
.filter .fa{font-size:18px;flex-shrink:0}
.shop-community-links .text-link .fa{font-size:18px}
.shop-premiere .shop-bundle-link{justify-content:center;gap:12px}
.shop-premiere .shop-bundle-link span{color:inherit;font-size:inherit}
#renown-connect,#renown-kick{gap:10px}
.footer-links .fa-kick{font-size:15px;margin-right:8px}
@media(min-width:801px) and (max-width:1100px){.header .nav-links{gap:12px}.header .nav{gap:16px}.header .brand{font-size:27px;letter-spacing:3px}.header .brand .brand-word{letter-spacing:3px}.header .brand .brand-gem{width:32px;height:32px;flex-basis:32px}}
@media(max-width:800px){.header .nav{gap:14px}.header .menu-toggle{display:inline-flex}.header .brand{font-size:27px}.header .brand .brand-word{letter-spacing:3px}.header .brand .brand-gem{width:32px;height:32px;flex-basis:32px}.header .nav-actions{margin-left:auto;gap:8px}.header .nav-actions .icon-button{width:44px;height:44px;min-height:44px;flex-basis:44px}.header .nav-links a{display:flex;align-items:center;gap:10px}}
@media(max-width:700px){.catalog-content .premium-bottom{flex-wrap:wrap;gap:14px}.catalog-content .premium-bottom .button{flex:1 1 170px}.purchase-layout #purchase-pay{width:100%}.lit-nav .lit-brand .brand-gem{width:32px;height:32px;flex-basis:32px}}
@media(max-width:380px){.header .nav{gap:10px}.header .brand{gap:6px;font-size:23px}.header .brand .brand-word{letter-spacing:2px}.header .brand .brand-gem{width:28px;height:28px;flex-basis:28px}.header .nav-actions{gap:6px}.header .nav-actions .icon-button{width:44px;height:44px;flex-basis:44px}.button{padding-inline:16px}.purchase-layout #purchase-pay{font-size:13px;padding-inline:12px}.payment-logo{width:32px;height:32px;flex-basis:32px}.payment-logo img{width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){.button,.lit-button,.icon-button,.text-link{transition:none}.button:hover,.button:active,.lit-button:hover,.lit-button:active,.icon-button:hover{transform:none}.fa-spin{animation:none!important}}

/* SVG masks preserve existing dynamic FA class updates and accessible labels. */
.fa.fa-user::before,.fa.fa-user-o::before,.fa.fa-user-circle::before,.fa.fa-user-circle-o::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/user.svg') center/contain no-repeat;mask:url('/assets/ui/v1/user.svg') center/contain no-repeat}
.fa.fa-sign-in::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/login.svg') center/contain no-repeat;mask:url('/assets/ui/v1/login.svg') center/contain no-repeat}
.fa.fa-sign-out::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/logout.svg') center/contain no-repeat;mask:url('/assets/ui/v1/logout.svg') center/contain no-repeat}
.fa.fa-user-plus::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/user-check.svg') center/contain no-repeat;mask:url('/assets/ui/v1/user-check.svg') center/contain no-repeat}
.fa.fa-key::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/key.svg') center/contain no-repeat;mask:url('/assets/ui/v1/key.svg') center/contain no-repeat}
.fa.fa-shopping-bag::before,.fa.fa-shopping-cart::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/bag.svg') center/contain no-repeat;mask:url('/assets/ui/v1/bag.svg') center/contain no-repeat}
.fa.fa-credit-card::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/card.svg') center/contain no-repeat;mask:url('/assets/ui/v1/card.svg') center/contain no-repeat}
.fa.fa-shield::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/shield.svg') center/contain no-repeat;mask:url('/assets/ui/v1/shield.svg') center/contain no-repeat}
.fa.fa-book::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/book.svg') center/contain no-repeat;mask:url('/assets/ui/v1/book.svg') center/contain no-repeat}
.fa.fa-music::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/music.svg') center/contain no-repeat;mask:url('/assets/ui/v1/music.svg') center/contain no-repeat}
.fa.fa-play::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/play.svg') center/contain no-repeat;mask:url('/assets/ui/v1/play.svg') center/contain no-repeat}
.fa.fa-play-circle-o::before,.fa.fa-play-circle::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/play-circle.svg') center/contain no-repeat;mask:url('/assets/ui/v1/play-circle.svg') center/contain no-repeat}
.fa.fa-pause::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/pause.svg') center/contain no-repeat;mask:url('/assets/ui/v1/pause.svg') center/contain no-repeat}
.fa.fa-refresh::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/refresh.svg') center/contain no-repeat;mask:url('/assets/ui/v1/refresh.svg') center/contain no-repeat}
.fa.fa-arrow-right::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/arrow-right.svg') center/contain no-repeat;mask:url('/assets/ui/v1/arrow-right.svg') center/contain no-repeat}
.fa.fa-arrow-left::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/arrow-left.svg') center/contain no-repeat;mask:url('/assets/ui/v1/arrow-left.svg') center/contain no-repeat}
.fa.fa-angle-right::before,.fa.fa-chevron-right::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/chevron-right.svg') center/contain no-repeat;mask:url('/assets/ui/v1/chevron-right.svg') center/contain no-repeat}
.fa.fa-angle-left::before,.fa.fa-chevron-left::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/chevron-left.svg') center/contain no-repeat;mask:url('/assets/ui/v1/chevron-left.svg') center/contain no-repeat}
.fa.fa-bars::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/menu.svg') center/contain no-repeat;mask:url('/assets/ui/v1/menu.svg') center/contain no-repeat}
.fa.fa-times::before,.fa.fa-close::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/close.svg') center/contain no-repeat;mask:url('/assets/ui/v1/close.svg') center/contain no-repeat}
.fa.fa-sun-o::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/sun.svg') center/contain no-repeat;mask:url('/assets/ui/v1/sun.svg') center/contain no-repeat}
.fa.fa-moon-o::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/moon.svg') center/contain no-repeat;mask:url('/assets/ui/v1/moon.svg') center/contain no-repeat}
.fa.fa-clone::before,.fa.fa-copy::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/copy.svg') center/contain no-repeat;mask:url('/assets/ui/v1/copy.svg') center/contain no-repeat}
.fa.fa-comments::before,.fa.fa-comment::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/chat.svg') center/contain no-repeat;mask:url('/assets/ui/v1/chat.svg') center/contain no-repeat}
.fa.fa-check-circle::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/check-circle.svg') center/contain no-repeat;mask:url('/assets/ui/v1/check-circle.svg') center/contain no-repeat}
.fa.fa-file-text-o::before,.fa.fa-file-pdf-o::before,.fa.fa-file-o::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/file.svg') center/contain no-repeat;mask:url('/assets/ui/v1/file.svg') center/contain no-repeat}
.fa.fa-download::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/download.svg') center/contain no-repeat;mask:url('/assets/ui/v1/download.svg') center/contain no-repeat}
.fa.fa-upload::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/upload.svg') center/contain no-repeat;mask:url('/assets/ui/v1/upload.svg') center/contain no-repeat}
.fa.fa-flag::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/flag.svg') center/contain no-repeat;mask:url('/assets/ui/v1/flag.svg') center/contain no-repeat}
.fa.fa-bolt::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/bolt.svg') center/contain no-repeat;mask:url('/assets/ui/v1/bolt.svg') center/contain no-repeat}
.fa.fa-magic::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/wand.svg') center/contain no-repeat;mask:url('/assets/ui/v1/wand.svg') center/contain no-repeat}
.fa.fa-th-large::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/grid.svg') center/contain no-repeat;mask:url('/assets/ui/v1/grid.svg') center/contain no-repeat}
.fa.fa-archive::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/box.svg') center/contain no-repeat;mask:url('/assets/ui/v1/box.svg') center/contain no-repeat}
.fa.fa-heart-o::before,.fa.fa-heart::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/heart.svg') center/contain no-repeat;mask:url('/assets/ui/v1/heart.svg') center/contain no-repeat}
.fa.fa-info-circle::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/info.svg') center/contain no-repeat;mask:url('/assets/ui/v1/info.svg') center/contain no-repeat}
.fa.fa-headphones::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/headphones.svg') center/contain no-repeat;mask:url('/assets/ui/v1/headphones.svg') center/contain no-repeat}
.fa.fa-video-camera::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/video.svg') center/contain no-repeat;mask:url('/assets/ui/v1/video.svg') center/contain no-repeat}
.fa.fa-gamepad::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/gamepad.svg') center/contain no-repeat;mask:url('/assets/ui/v1/gamepad.svg') center/contain no-repeat}
.fa.fa-lock::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/lock.svg') center/contain no-repeat;mask:url('/assets/ui/v1/lock.svg') center/contain no-repeat}
.fa.fa-spinner::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/spinner.svg') center/contain no-repeat;mask:url('/assets/ui/v1/spinner.svg') center/contain no-repeat}
.fa.fa-handshake-o::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/handshake.svg') center/contain no-repeat;mask:url('/assets/ui/v1/handshake.svg') center/contain no-repeat}
.fa.fa-trophy::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/trophy.svg') center/contain no-repeat;mask:url('/assets/ui/v1/trophy.svg') center/contain no-repeat}
.fa.fa-external-link::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/external.svg') center/contain no-repeat;mask:url('/assets/ui/v1/external.svg') center/contain no-repeat}
.fa.fa-link::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/link.svg') center/contain no-repeat;mask:url('/assets/ui/v1/link.svg') center/contain no-repeat}
.fa.fa-gift::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/gift.svg') center/contain no-repeat;mask:url('/assets/ui/v1/gift.svg') center/contain no-repeat}
.fa.fa-discord::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/discord.svg') center/contain no-repeat;mask:url('/assets/ui/v1/discord.svg') center/contain no-repeat}
.fa.fa-kick::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:middle;background:currentColor;-webkit-mask:url('/assets/ui/v1/kick.svg') center/contain no-repeat;mask:url('/assets/ui/v1/kick.svg') center/contain no-repeat}