#titles-shop{margin-bottom:32px}.title-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}.title-card{display:flex;flex-direction:column;align-items:flex-start;padding:30px;border:1px solid #505840;border-radius:8px;background:radial-gradient(ellipse at top right,#b48b3520,transparent 65%),#111910;min-width:0}.title-card:last-child{grid-column:1/-1;border-color:#a27b3e;background:radial-gradient(ellipse at bottom,#9e481426,transparent 70%),#191910}.title-card>small{color:#b7b99f}.title-card p{margin:12px 0}.title-card button{margin-top:auto;width:100%}.title-card .title-cost{font-size:22px;color:#e7ca88}.title-owned{border-color:#b6a265}.cosmetic-title{display:inline-flex;align-items:center;gap:12px;position:relative;font:600 19px/1.5 Georgia,serif;color:#ebd296;padding:12px 0;max-width:100%}.title-card .cosmetic-title{font-size:clamp(20px,2vw,26px);margin:12px 0}.title-text{position:relative}.title-sigil{display:inline-block;position:relative;flex:none;width:24px;height:24px;color:#d7b46d}.title-one-more-run .title-sigil{border:2px solid currentColor;border-radius:50%;border-right-color:transparent}.title-one-more-run .title-text{animation:title-shimmer 6s ease-in-out infinite}.title-inventory-full .title-sigil{width:7px;height:7px;background:currentColor;box-shadow:10px 0,0 10px,10px 10px; margin-right:10px;animation:title-glimmer 3s ease-in-out infinite}.title-still-no-ber .title-sigil{border:2px solid currentColor;border-radius:3px;transform:rotate(12deg);animation:title-rune 5s ease-in-out infinite}.title-still-no-ber .title-sigil:after{content:'';position:absolute;inset:4px 7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:skewY(-25deg)}.title-another-failed-gamble .title-sigil{border:3px double currentColor;border-radius:50%;background:#73562840;animation:title-coin 5s ease-in-out infinite}.title-charsis-favorite{color:#ffd39c}.title-charsis-favorite .title-text{animation:title-forge 4s ease-in-out infinite}.title-charsis-favorite .title-sigil{border-bottom:7px solid currentColor;border-top:5px solid currentColor;border-radius:3px}.title-charsis-favorite .title-sigil:before,.title-charsis-favorite .title-sigil:after{content:'';position:absolute;width:3px;height:3px;background:#ffce78;left:5px;top:0;animation:title-spark 3s ease-out infinite}.title-charsis-favorite .title-sigil:after{left:18px;animation-delay:1.5s}.title-confirmation{border:1px solid #c9a45d;border-radius:8px;padding:24px;background:#24281b;margin-top:24px;scroll-margin:24px}#titles-message{color:#e3ca91}#title-history{overflow-wrap:anywhere}#merchant-title:empty{display:none}
@keyframes title-shimmer{0%,70%,100%{text-shadow:0 0 0 transparent}85%{color:#fff0c6;text-shadow:0 0 14px #e2ba58aa}}@keyframes title-glimmer{0%,100%{opacity:.5}50%{opacity:1}}@keyframes title-rune{0%,100%{opacity:.25}50%{opacity:1}}@keyframes title-coin{0%,70%,100%{transform:rotateY(0)}85%{transform:rotateY(180deg)}}@keyframes title-forge{0%,100%{text-shadow:0 0 4px #ce671a44}50%{text-shadow:0 0 15px #f6953788}}@keyframes title-spark{0%{transform:translateY(0);opacity:0}20%{opacity:1}100%{transform:translateY(-20px);opacity:0}}
@media(max-width:700px){.title-cards{grid-template-columns:1fr}.title-card{padding:24px}.title-card:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.cosmetic-title,.cosmetic-title *,.cosmetic-title *:before,.cosmetic-title *:after{animation:none!important}}