.evolution-progress{padding:18px 20px;background:linear-gradient(110deg,#2e42402c,#110d08e8);border:1px solid #b17b3666;margin:18px 0 23px}.evolution-progress .row img{height:82px;width:75px;object-fit:contain;object-position:center top;filter:drop-shadow(0 0 12px #b2701c22)}.evolution-progress h3{font-size:25px;margin-top:7px}.evolution-progress .eyebrow{font-size:9px}.evolution-progress p{font:11px/1.6 'DM Sans',sans-serif;color:#bea781;margin:11px 0 0}.evolution-crown{font-size:35px;color:#e7b35f}.evolution-gallery{margin:28px 0;padding:24px 20px;border:1px solid #ad7637;background:linear-gradient(140deg,#17201a99,#0c0805ed)}.evolution-gallery h2{font-size:30px;margin-top:7px}.evolution-gallery>p{font:12px/1.6 'DM Sans',sans-serif;color:#bda886}.evolution-gallery-mark{font-size:34px;color:#d9a14e}.evolution-phases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.evolution-phase{position:relative;min-width:0;overflow:hidden;border:1px solid #a87535;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--phase-color) 22%,transparent),#0c0805 75%);padding:13px 7px;color:#e6cba2;text-align:center}.evolution-phase.current{border-color:#f0bd72;box-shadow:0 0 12px #e7a33e22,inset 0 0 0 2px #c8923a22}.phase-number{font:9px 'DM Sans',sans-serif;letter-spacing:2px;color:var(--phase-color)}.evolution-phase img{display:block;height:185px;object-fit:contain;width:100%;margin:9px auto;filter:drop-shadow(0 3px 6px #000)}.phase-title{display:block;font:17px/1.25 Georgia;min-height:43px}.phase-status{display:block;color:var(--phase-color);font:9px/1.4 'DM Sans',sans-serif;margin-top:9px}.evolution-preview{text-align:center}.evolution-preview>img{display:block;width:100%;height:390px;object-fit:contain;background:radial-gradient(color-mix(in srgb,var(--phase-color) 12%,transparent),transparent 70%);margin:13px 0}.evolution-preview h2{color:var(--phase-color);font-size:30px}.evolution-preview p{font:14px/1.7 'DM Sans',sans-serif;color:#d0bda0}.phase-preview-status{display:block;border:1px solid #b57b36;padding:12px;color:#eac58b;font:12px/1.6 'DM Sans',sans-serif}.evolution-preview .evolution-preview-note{font-size:11px;color:#ad9877}dialog:has(.evolution-preview){width:min(94vw,510px);max-width:510px;max-height:92dvh;overflow:auto}
.holo-inventory{--phase-color:#e1ac5c;background:linear-gradient(145deg,color-mix(in srgb,var(--phase-color) 9%,#120d08e8),#0b0705e8)}.equipment-stage{background-image:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--phase-color) 10%,transparent),transparent 68%),linear-gradient(#090706c9,#090706f2),url('assets/obsidian.svg')}.character-rank{color:var(--phase-color)}.character-rank span{color:#d6c3a3}.item-preview{box-shadow:0 0 20px color-mix(in srgb,var(--rarity) 7%,transparent)}.bag-item{background:radial-gradient(at bottom,color-mix(in srgb,var(--rarity) 13%,transparent),#0c0805 82%)}
.challenge-illustration.medal{width:150px;height:150px;mix-blend-mode:screen;margin:0 auto 13px;filter:drop-shadow(0 0 12px #d58b1d20)}.challenge{background:radial-gradient(ellipse at 50% 18%,color-mix(in srgb,var(--challenge-color,#e7ac58) 13%,transparent),#0b0806dc 65%);text-align:center}.challenge .symbol{display:none}.challenge>p{min-height:70px}.campaign-banner{position:relative;overflow:hidden;background-image:linear-gradient(90deg,#130d08eb,#180d0688),url('assets/castillo-sombrio.png')}.campaign-banner:after{content:'';position:absolute;right:20px;top:20px;width:110px;height:110px;background:url('assets/equipo-atlas.png') 100% 0/300% 300%;mix-blend-mode:screen;opacity:.85;pointer-events:none}.campaign-banner h2,.campaign-banner>p{position:relative;z-index:1;max-width:78%}
.hall-banner{display:flex;align-items:center;gap:20px;padding:24px 25px;border:1px solid #b27d39;margin:20px 0 25px;background:radial-gradient(ellipse at right,#653d8a30,transparent 60%),linear-gradient(110deg,#120e0bdc,#0d0b12eb)}.hall-banner h2{font-size:31px;color:#e9c99a;margin:9px 0}.hall-banner p{font:12px/1.7 'DM Sans',sans-serif;color:#bea888}.hall-crystal{width:120px;height:140px;flex-shrink:0}.achievement-gallery .achievement{color:#ecd0a4;background:radial-gradient(ellipse at center 28%,color-mix(in srgb,var(--achievement-color) 15%,transparent),#0d0806ed 70%);padding-top:20px}.achievement-gallery .achievement .medal{mix-blend-mode:screen;filter:saturate(1.05);opacity:1}.achievement-gallery .achievement.locked .medal{filter:saturate(.92);opacity:.8}.achievement-gallery .achievement.earned .medal{filter:saturate(1.15) drop-shadow(0 0 7px #e5a73d33)}.achievement-gallery .achievement .tag{border-color:#9e733b;color:var(--achievement-color)}.achievement-gallery .achievement h3{color:#edcd9f}
.tavern-banner{min-height:290px;border:1px solid #b67c35;background:linear-gradient(90deg,#0e0907d9,#0e090722),url('assets/taberna-del-gremio.png') center/cover;display:flex;align-items:center;padding:30px;margin:20px 0 24px;box-shadow:inset 0 0 30px #0006}.tavern-banner>div{max-width:58%}.tavern-banner h2{font-size:38px;color:#f2d1a0;margin:12px 0}.tavern-banner p{font-size:16px;color:#e1c49a}.tavern-sign{display:inline-block;border:1px solid #ba8846;padding:8px 10px;background:#160d07aa;color:#e4b96e;font:10px 'DM Sans',sans-serif}.guild-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.guild-leaderboard{padding:20px}.guild-leaderboard h2{font-size:27px;margin-top:7px}.guild-demo-note{font:11px/1.6 'DM Sans',sans-serif;color:#bda482}.guild-cup{font-size:34px;color:#dfb362}.guild-player{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #8f622b55}.guild-player:last-child{border:0}.guild-position{font:21px Georgia;color:#bba077;width:20px}.guild-avatar{width:48px;height:55px;flex-shrink:0;border:1px solid #b17935;background:radial-gradient(color-mix(in srgb,var(--guild-color) 25%,transparent),#0d0805);overflow:hidden}.guild-avatar img{width:100%;height:150%;object-fit:cover;object-position:center top}.guild-player h3{font-size:21px;color:#edd2a9}.guild-player p{font:9px/1.5 'DM Sans',sans-serif;color:#b6a180;margin:5px 0 0}.guild-score{margin-left:auto;font:24px Georgia;color:var(--guild-color);text-align:right}.guild-score small{display:block;font:8px 'DM Sans',sans-serif;margin-top:4px;color:#b4a080}.guild-player.is-player{background:linear-gradient(90deg,#c48e2822,transparent);padding-left:8px;padding-right:8px}.guild-message{border:1px solid #a57135;padding:25px 20px;background:radial-gradient(ellipse at 50% 25%,#58407128,#0e0907e8 65%);text-align:center}.guild-message .medal{width:120px;height:120px;mix-blend-mode:screen;margin:15px auto}.guild-message h2{font-size:28px}.guild-message p{font:italic 20px/1.5 Georgia;color:#d6bf9b}.guild-message button{font-size:16px}.guild-future{display:flex;gap:20px;padding:22px;margin:24px 0;background:linear-gradient(90deg,#243b2c44,#0e0907dd);border:1px solid #947039}.guild-future>span{font-size:34px;color:#b1c078}.guild-future h3{font-size:24px}.guild-future p{font:12px/1.7 'DM Sans',sans-serif;color:#bfa989;margin-bottom:0}
@media(max-width:650px){.evolution-progress{padding:15px}.evolution-progress h3{font-size:22px}.evolution-progress .eyebrow{font-size:8px}.evolution-progress p{font-size:10px}.evolution-gallery{padding:20px 14px}.evolution-gallery h2{font-size:27px}.evolution-gallery>p{font-size:11px}.evolution-phases{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.evolution-phase img{height:180px}.phase-title{font-size:19px}.phase-status{font-size:10px}.evolution-preview>img{height:330px}.hall-banner{padding:18px 16px;gap:10px}.hall-banner h2{font-size:27px}.hall-banner p{font-size:11px}.hall-crystal{width:83px;height:105px}.challenge-illustration.medal{width:135px;height:135px}.campaign-banner:after{width:80px;height:80px;right:10px;top:18px;opacity:.7}.campaign-banner h2,.campaign-banner>p{max-width:85%}.campaign-banner .eyebrow{position:relative;z-index:1}.tavern-banner{min-height:245px;padding:23px 19px;background-position:64% center}.tavern-banner>div{max-width:76%}.tavern-banner h2{font-size:31px}.tavern-banner p{font-size:14px}.tavern-sign{font-size:9px}.guild-layout{grid-template-columns:1fr;gap:17px}.guild-leaderboard{padding:18px}.guild-player p{font-size:10px}.guild-score small{font-size:9px}.guild-message{padding:22px 18px}.guild-future{padding:18px;gap:13px}.guild-future h3{font-size:22px}.guild-future p{font-size:11px}}
.achievement-preview{text-align:center}.achievement-preview .medal{width:190px;height:190px;mix-blend-mode:screen;margin:10px auto 20px}.achievement-preview h2{color:var(--achievement-color);margin:12px 0}.achievement-preview p{font:15px/1.6 Georgia}.achievement-preview .tag{display:inline-block;margin-top:10px;color:var(--achievement-color)}
