.rpg-page{padding-top:54px}.rpg-hero{padding-top:12px;padding-bottom:32px}.rpg-note{max-width:760px}.profile-builder{display:grid;grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr);gap:25px;align-items:start}.profile-editor,.profile-showcase{border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#171c15,#10140f);padding:24px}.editor-heading{padding-bottom:17px;border-bottom:1px solid var(--line);margin-bottom:18px}.editor-heading h2{font:600 31px/1.05 'Cormorant Garamond',serif;margin:5px 0}.editor-heading p,.showcase-caption{font-size:11px;color:var(--muted);margin:0}.profile-field{padding:13px 0;border-bottom:1px solid #ffffff10}.profile-field>label,.field-label{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;font-weight:700;margin-bottom:8px}.profile-field>label span,.field-label span{color:#918d7e;font-size:9px;font-weight:400}.profile-field textarea{display:block;width:100%;background:#11150f;border:1px solid #3c4438;border-radius:7px;padding:11px;color:var(--text);font:400 12px/1.6 'DM Sans',sans-serif;resize:vertical}.profile-field textarea:focus,.social-field input:focus{outline:2px solid var(--accent);outline-offset:1px}.character-count{text-align:right;font-size:9px;color:#938e80;margin-top:4px}.social-field{display:grid;grid-template-columns:24px 90px 1fr;gap:9px;align-items:center;margin:7px 0;padding:7px 9px;border:1px solid #ffffff0c;border-radius:7px;background:#11150f;color:#d7d1c1;font-size:10px}.social-glyph{height:22px;width:22px;display:grid;place-items:center;border-radius:6px;background:#d7b96f15;color:var(--gold);font-size:14px}.social-field input{width:100%;min-width:0;border:0;background:transparent;color:var(--text);font-size:10px;padding:5px}.social-field input::placeholder{color:#716f64}.badge-picker{display:grid;gap:7px}.badge-picker label{display:grid;grid-template-columns:18px 32px 1fr;gap:9px;align-items:center;padding:9px;border:1px solid #ffffff0c;border-radius:8px;background:#11150f;cursor:pointer;transition:border-color .2s,background .2s}.badge-picker label:has(input:checked){border-color:#9f8450;background:#c5a15b0d}.badge-picker input{accent-color:#c4a06a}.badge-picker strong,.badge-picker small{display:block}.badge-picker strong{font-size:10px}.badge-picker small{font-size:9px;color:#918b7b;margin-top:2px}.badge-token{height:30px;width:30px;border-radius:9px;display:grid;place-items:center;background:#d7b96f1a;color:#edd38e;font-size:16px}.badge-token--bronze{color:#d1a26a!important;background:#9f6d4a21!important}.badge-token--sage{color:#a9b99d!important;background:#a9b99d1a!important}.profile-hint{display:block;color:#888374;font-size:9px;line-height:1.5;margin-top:8px}.profile-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:17px}.profile-actions>span{font-size:9px;color:#8a8678}.showcase-topline{display:flex;justify-content:space-between;color:#aaa18c;font-size:8px;letter-spacing:.15em;margin:2px 1px 13px}.live-label{color:#a9b99d}.live-label i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a9b99d;box-shadow:0 0 8px #a9b99d;margin-right:5px;animation:pulse 2s infinite}.character-card{--card-gold:#d7b96f;position:relative;isolation:isolate;overflow:hidden;max-width:470px;min-height:620px;margin:0 auto;padding:22px 24px 15px;border:1px solid #796641;border-radius:14px;background:linear-gradient(155deg,#20281d 0%,#171c15 48%,#121610 100%);box-shadow:0 25px 70px #0008,inset 0 0 0 4px #e1c27b08}.character-card:before{content:'';position:absolute;inset:8px;border:1px solid #d7b96f29;border-radius:9px;pointer-events:none;z-index:-1}.card-backdrop{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.backdrop-sigil{position:absolute;right:-42px;top:85px;font:300 260px/.8 'Cormorant Garamond',serif;color:#d7b96f08;transform:rotate(-9deg)}.backdrop-star{position:absolute;top:80px;right:55px;color:#e2ca8d88;font-size:19px;animation:quiet-star 5s infinite}.backdrop-star--two{top:195px;right:22px;font-size:12px;animation-delay:1.3s}.character-card-top{display:flex;justify-content:space-between;color:#b9ad8e;font-size:8px;letter-spacing:.17em}.character-id{color:#a89a7b}.character-portrait{position:relative;width:148px;height:148px;margin:28px auto 17px;border:1px solid #c19a5b99;border-radius:44% 44% 42% 42%;background:radial-gradient(ellipse at 50% 32%,#4a4d36,#252c20 65%,#171c15);box-shadow:0 0 0 6px #c19a5b0b,0 0 55px #c19a5b17}.portrait-halo{position:absolute;width:116px;height:116px;left:15px;top:10px;border:1px solid #e1c47d66;border-radius:50%;box-shadow:0 0 20px #d7b96f19}.portrait-silhouette{position:absolute;inset:10px;overflow:hidden;border-radius:43% 43% 40% 40%}.portrait-face{position:absolute;z-index:2;left:40px;top:33px;width:57px;height:75px;border-radius:47% 48% 46% 44%;background:linear-gradient(110deg,#e5d8b9,#b9a987);box-shadow:inset -7px -2px #796f5b33}.portrait-hair{position:absolute;z-index:3;left:31px;top:17px;width:79px;height:53px;border-radius:60% 58% 42% 38%;background:#171b15;transform:rotate(-4deg);box-shadow:-9px 11px 0 -2px #171b15,12px 8px 0 -3px #171b15}.portrait-hair:after{content:'';position:absolute;right:4px;top:30px;width:14px;height:38px;background:#171b15;clip-path:polygon(0 0,100% 0,75% 100%,38% 72%)}.portrait-cloak{position:absolute;z-index:1;left:21px;bottom:-25px;width:105px;height:79px;background:linear-gradient(110deg,#75453b,#3e3426 60%,#765b34);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}.portrait-cloak:after{content:'';position:absolute;inset:4px 36px 0;background:#c19a5b66;clip-path:polygon(45% 0,55% 0,100% 100%,0 100%)}.portrait-gem{position:absolute;z-index:4;left:65px;top:91px;color:#ecd38d;text-shadow:0 0 10px #d7b96f88;font-size:14px}.portrait-level{position:absolute;z-index:5;bottom:-8px;left:50%;transform:translateX(-50%);padding:3px 10px;border:1px solid #987b4c;border-radius:20px;background:#171c15;color:#eddaa6;font:700 9px Manrope;letter-spacing:.08em}.character-identity{text-align:center}.character-identity h2{font:600 36px/.95 'Cormorant Garamond',serif;margin:0 0 7px;color:#f0e7d3}.character-class{display:flex;justify-content:center;align-items:center;gap:7px;color:#dcc486;font-size:10px}.class-mark{display:grid;place-items:center;width:19px;height:19px;border:1px solid #c19a5b66;border-radius:6px;background:#c19a5b12;font-size:12px}.class-role{font-size:7px;letter-spacing:.12em;color:#9e947b;margin-left:3px}.character-xp{margin:21px 0 18px;padding:12px 0;border-top:1px solid #d7b96f26;border-bottom:1px solid #d7b96f26}.xp-label{display:flex;justify-content:space-between;color:#bdb297;font-size:8px;letter-spacing:.08em}.xp-track{height:5px;border-radius:9px;background:#ffffff12;margin-top:8px;overflow:hidden}.xp-track i{display:block;width:68%;height:100%;border-radius:9px;background:linear-gradient(90deg,#9f7944,#eed68e);box-shadow:0 0 12px #d7b96f66;animation:xp-shine 4s ease-in-out infinite}.character-about{min-height:69px}.card-section-label{color:#9c927a;font-size:8px;letter-spacing:.16em}.character-about p{font:500 17px/1.25 'Cormorant Garamond',serif;color:#ded5bf;margin:7px 0 10px;max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}.character-socials{min-height:27px;display:flex;align-items:center;gap:13px;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10;padding:6px 0;color:#d7b96f;font-size:10px}.character-socials span{white-space:nowrap}.character-socials b{font:500 9px 'DM Sans',sans-serif;color:#c7bdab}.character-socials small{font-size:7px;letter-spacing:.12em;color:#777666}.character-badges{padding:13px 0 10px}.character-badges .card-section-label{display:flex;justify-content:space-between}.character-badges .card-section-label span{color:#c5ab70}.character-badge-list{display:flex;gap:7px;margin-top:8px}.character-badge-list>span{height:31px;width:31px;border:1px solid #d7b96f44;border-radius:9px;background:#d7b96f13;color:#edd38e;display:grid;place-items:center;font-size:15px}.character-badge-list>.badge-locked{color:#747466;border-color:#ffffff13;background:#ffffff06;font-size:10px}.character-card-footer{position:relative;bottom:auto;left:auto;right:auto;margin-top:12px;padding-top:9px;border-top:1px solid #d7b96f22;display:flex;align-items:center;gap:7px;color:#807965;font-size:7px;letter-spacing:.16em}.character-card-footer img{width:20px;height:20px}.footer-star{margin-left:auto;color:#d7b96f}.showcase-caption{max-width:450px;margin:13px auto 0;font-size:9px;line-height:1.5}.rpg-page [data-reveal]{transition-delay:.07s}@keyframes xp-shine{0%,100%{filter:brightness(.88)}50%{filter:brightness(1.25)}}
@media(max-width:900px){.profile-builder{grid-template-columns:1fr}.profile-showcase{max-width:560px;width:100%;margin:auto}.profile-editor{max-width:700px;width:100%;margin:auto}}
@media(max-width:520px){.profile-editor,.profile-showcase{padding:17px}.character-card{min-height:595px;padding-left:20px;padding-right:20px}.profile-actions{align-items:flex-start;flex-direction:column}.social-field{grid-template-columns:24px 74px 1fr}}
.character-badge-list>span[hidden]{display:none}
.card-color-picker{display:flex;align-items:center;justify-content:space-between;gap:12px}.color-input-wrap{display:flex;align-items:center;gap:8px!important;margin:0!important;padding:6px 9px;border:1px solid #ffffff16;border-radius:7px;background:#11150f;font-size:9px!important;color:#d3cebd;cursor:pointer}.color-input-wrap input{width:25px;height:25px;padding:0;border:0;background:transparent;cursor:pointer}.color-input-wrap input::-webkit-color-swatch-wrapper{padding:0}.color-input-wrap input::-webkit-color-swatch{border:1px solid #ffffff30;border-radius:5px}.color-presets{display:flex;gap:7px}.color-presets button{width:23px;height:23px;border:2px solid #f1ecdf2c;border-radius:50%;background:var(--swatch);cursor:pointer;transition:transform .2s,border-color .2s}.color-presets button:hover,.color-presets button:focus-visible{transform:scale(1.15);border-color:#f1ecdf}.social-field{grid-template-columns:22px 68px minmax(0,1fr);margin:7px 0 3px}.social-field .platform-mark{width:17px;height:17px}.social-avatar-field{display:flex;align-items:center;gap:9px;margin:0 0 8px 98px;color:#8c887a;font-size:8px}.social-avatar-field span{color:#737164}.social-avatar-field input{flex:1;min-width:0;border:1px solid #ffffff10;border-radius:5px;background:#11150f;color:var(--text);padding:6px 7px;font:400 9px 'DM Sans',sans-serif}.social-avatar-field input:focus{outline:1px solid var(--accent)}
.equipment-label{display:flex;justify-content:space-between;margin:4px 0 9px;color:#b8ad92;font-size:8px;letter-spacing:.13em}.equipment-label span{color:#8d805d}.equipment-stage{display:grid;grid-template-columns:66px minmax(0,1fr) 66px;gap:8px;align-items:stretch}.equipment-stage .character-card{width:100%;min-width:0;padding-left:15px;padding-right:15px}.equipment-rail{display:flex;flex-direction:column;justify-content:space-between;gap:7px;padding:9px 0}.equipment-slot{height:61px;min-height:55px;border:1px solid #79664166;border-radius:8px;background:linear-gradient(145deg,#1c2119,#11150f);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:inset 0 0 0 2px #0003;transition:border-color .2s,transform .2s,background .2s;cursor:help}.equipment-slot:hover{transform:translateY(-2px);border-color:var(--accent);background:#c4a06a14}.equipment-slot>span{height:25px;display:grid;place-items:center;color:#8c8979;font-size:19px}.equipment-slot small{color:#898471;font-size:6px;letter-spacing:.09em;white-space:nowrap}.equipment-slot--rare{border-color:#a58c5d99}.equipment-slot--rare>span{color:#d1b878}.equipment-slot--epic{border-color:#a9754e99;background:linear-gradient(145deg,#302119,#151811)}.equipment-slot--epic>span{color:#d39469}.equipment-slot--weapon{border-color:#c4935199;background:linear-gradient(145deg,#342916,#171a12)}.equipment-slot--weapon>span{color:#f0d99a;font-size:22px}.character-card{--profile-accent:#c4a06a;--card-gold:var(--profile-accent);border-color:color-mix(in srgb,var(--profile-accent) 65%,#171c15);background:linear-gradient(155deg,color-mix(in srgb,var(--profile-accent) 16%,#20281d) 0%,color-mix(in srgb,var(--profile-accent) 7%,#171c15) 48%,#121610 100%)}.character-card:before{border-color:color-mix(in srgb,var(--profile-accent) 27%,transparent)}.character-card .character-id,.character-card .character-class,.character-card .class-mark,.character-card .character-badges .card-section-label span,.character-card .character-socials,.character-card .character-badge-list>span:not(.badge-token--bronze):not(.badge-token--sage),.character-card .footer-star{color:var(--profile-accent)}.character-card .portrait-halo{border-color:color-mix(in srgb,var(--profile-accent) 55%,transparent)}.character-card .character-portrait{border-color:color-mix(in srgb,var(--profile-accent) 65%,#171c15);box-shadow:0 0 0 6px color-mix(in srgb,var(--profile-accent) 5%,transparent),0 0 55px color-mix(in srgb,var(--profile-accent) 12%,transparent)}.character-card .portrait-level{border-color:color-mix(in srgb,var(--profile-accent) 65%,#171c15);color:var(--profile-accent)}.character-card .xp-track i{background:linear-gradient(90deg,color-mix(in srgb,var(--profile-accent) 70%,#725330),color-mix(in srgb,var(--profile-accent) 58%,#f1ecdf));box-shadow:0 0 12px color-mix(in srgb,var(--profile-accent) 48%,transparent)}.character-card .character-xp{border-color:color-mix(in srgb,var(--profile-accent) 22%,transparent)}.character-card .character-badge-list>span:not(.badge-token--bronze):not(.badge-token--sage){border-color:color-mix(in srgb,var(--profile-accent) 38%,transparent);background:color-mix(in srgb,var(--profile-accent) 12%,transparent)}.character-card .character-card-footer{border-color:color-mix(in srgb,var(--profile-accent) 22%,transparent)}
.character-socials>[data-social]{display:flex;align-items:center;gap:5px}.character-socials .social-platform-mark{width:13px;height:13px;object-fit:contain}.account-avatar{width:19px;height:19px;border:1px solid color-mix(in srgb,var(--profile-accent) 62%,transparent);border-radius:50%;overflow:hidden;background:#303326;display:grid;place-items:center;color:#eee0bc;font:700 8px 'DM Sans',sans-serif}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-avatar i{font-style:normal}.account-avatar [hidden]{display:none!important}.character-socials [hidden]{display:none!important}
@media(max-width:900px){.equipment-stage{grid-template-columns:70px minmax(0,1fr) 70px}.equipment-stage .character-card{padding-left:19px;padding-right:19px}}
@media(max-width:520px){.equipment-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}.equipment-stage .character-card{grid-column:1/-1;grid-row:1;padding-left:20px;padding-right:20px}.equipment-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0}.equipment-rail--left{grid-column:1;grid-row:2}.equipment-rail--right{grid-column:2;grid-row:2}.equipment-slot{height:58px}.social-avatar-field{margin-left:0}.social-field{grid-template-columns:22px 62px minmax(0,1fr)}}