.rank-card{background:#ebd9b4;border:4px solid #1a1410;border-radius:20px;width:100%;height:160px;display:block;position:relative;overflow:hidden;box-shadow:0 8px #1a1410}.rank-card-art{z-index:1;position:absolute;inset:0;overflow:hidden}.rank-card-art>*{position:absolute}.rank-card-title{z-index:6;font-family:var(--font-bungee), "Bungee", sans-serif;text-align:right;pointer-events:none;line-height:.85;position:absolute;top:50%;right:36px;transform:translateY(-50%)}.rank-card-tiny{font-family:var(--font-special-elite), "Special Elite", monospace;letter-spacing:.3em;opacity:.9;margin-bottom:10px;font-size:12px;display:block}.rank-card-big{letter-spacing:.02em;font-size:72px;display:block}.rank-seal{z-index:5;color:#1a1410;background:#fff3dc;border:5px solid #1a1410;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:absolute;top:50%;left:44px;transform:translateY(-50%);box-shadow:0 5px #1a1410}.rank-seal:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#fff3dcb3,#0000 60%);border-radius:50%;width:38%;height:38%;position:absolute;top:10%;left:14%}.rank-numeral{font-family:var(--font-bungee), "Bungee", sans-serif;color:#1a141024;z-index:3;pointer-events:none;letter-spacing:-.04em;font-size:118px;line-height:.8;position:absolute;top:50%;left:180px;transform:translateY(-50%)rotate(-6deg)}.tier-novato .rank-card-art{background:repeating-linear-gradient(45deg,#0000 0 12px,#1a14100d 12px 14px),linear-gradient(90deg,#ebd9b4 0%,#e0ceaa 100%)}.tier-novato .rank-seal{background:#e0ceaa}.tier-novato .rank-card-title{color:#3a2e22}.tier-aprendiz .rank-card-art{background:linear-gradient(100deg,#f0c43a 0%,#e6a33d 55%,#b87a1c 100%)}.tier-aprendiz .rank-card-art:before{content:"";background-image:radial-gradient(#fff3dc52 1.4px,#0000 1.9px);background-size:14px 14px;animation:8s linear infinite rank-driftY;position:absolute;inset:0}@keyframes rank-driftY{0%{background-position:0 0}to{background-position:0 14px}}.tier-aprendiz .rank-seal{background:radial-gradient(circle at 30% 30%,#ffe58a,#f0c43a 55%,#b87a1c);animation:3.2s ease-in-out infinite rank-bob}@keyframes rank-bob{0%,to{transform:translateY(-50%)rotate(-4deg)}50%{transform:translateY(calc(-50% - 5px))rotate(4deg)}}.tier-aprendiz .rank-card-title{color:#1a1410}.tier-aprendiz .rank-card-big{text-shadow:4px 4px #1a14102e}.tier-aprendiz .rank-numeral{color:#1a141038}.tier-artesano .rank-card-art{background:repeating-linear-gradient(0deg,#00000014 0 2px,#0000 2px 8px),linear-gradient(110deg,#e86250 0%,#c83e2e 50%,#8a2a1f 100%)}.tier-artesano .rank-card-art:before{content:"";background:conic-gradient(from 0deg, transparent 0 80%, #fff3dc38 82%, transparent 90%);animation:5s linear infinite rank-sweep;position:absolute;inset:-30%}@keyframes rank-sweep{to{transform:rotate(360deg)}}.tier-artesano .rank-seal{color:#fff3dc;background:#8a2a1f}.tier-artesano .rank-card-title{color:#fff3dc}.tier-artesano .rank-card-big{text-shadow:4px 4px #8a2a1f}.tier-artesano .rank-numeral{color:#fff3dc2e}.tier-ingeniero .rank-card-art{background:linear-gradient(130deg,#4e87b0 0%,#2d5a7b 55%,#1b3b54 100%)}.tier-ingeniero .rank-card-art:before{content:"";background-image:linear-gradient(#fff3dc33 1px,#0000 1px),linear-gradient(90deg,#fff3dc33 1px,#0000 1px);background-size:22px 22px;animation:14s linear infinite rank-blueprintPan;position:absolute;inset:0}@keyframes rank-blueprintPan{to{background-position:44px 44px,44px 44px}}.tier-ingeniero .rank-card-art:after{content:"";background:conic-gradient(from 0deg, transparent 0 72%, #fff3dc3d 78%, transparent 84%);animation:7s linear infinite rank-sweep;position:absolute;inset:-40%}.tier-ingeniero .rank-seal{color:#fff3dc;background:#2d5a7b;border-color:#fff3dc;box-shadow:0 5px #1a1410,inset 0 0 0 3px #1a1410}.tier-ingeniero .rank-card-title{color:#fff3dc}.tier-ingeniero .rank-card-big{text-shadow:4px 4px #1b3b54}.tier-ingeniero .rank-numeral{color:#fff3dc29}.tier-arquitecto .rank-card-art{background:linear-gradient(120deg,#a1c9a5 0%,#6fa876 55%,#3d6e45 100%)}.tier-arquitecto .rank-card-art:before{content:"";background:repeating-linear-gradient(30deg,#0000 0 20px,#fff3dc33 20px 21px),repeating-linear-gradient(-30deg,#0000 0 20px,#1a141024 20px 21px);animation:16s linear infinite rank-archShift;position:absolute;inset:-14px}@keyframes rank-archShift{to{background-position:40px 0,-40px 0}}.tier-arquitecto .rank-seal{color:#fff3dc;background:#3d6e45;animation:3.8s ease-in-out infinite rank-archFloat}@keyframes rank-archFloat{0%,to{transform:translateY(-50%)rotate(0)}50%{transform:translateY(calc(-50% - 6px))rotate(3deg)}}.tier-arquitecto .rank-card-title{color:#fff3dc}.tier-arquitecto .rank-card-big{text-shadow:4px 4px #3d6e45}.tier-arquitecto .rank-numeral{color:#fff3dc2e}.tier-maestro .rank-card-art{background:radial-gradient(80% 140% at 20%,#ffe58a 0%,#f0c43a 40%,#e6a33d 72%,#b87a1c 100%)}.tier-maestro .rank-card-art:before{content:"";background:conic-gradient(#0000 0deg,#fff3dc59 40deg,#0000 90deg 180deg,#fff3dc59 220deg,#0000 270deg 360deg);animation:6s linear infinite rank-sweep;position:absolute;inset:-60% -10%}.tier-maestro .rank-card-art:after{content:"";background-image:radial-gradient(#fff3dc8c 1.6px,#0000 2px);background-size:26px 26px;animation:3s linear infinite rank-starField;position:absolute;inset:0}@keyframes rank-starField{0%,to{opacity:.2}50%{opacity:.8}}.tier-maestro .rank-seal{color:#1a1410;background:linear-gradient(160deg,#ffe58a 0%,#f0c43a 45%,#b87a1c 100%);animation:2.4s ease-in-out infinite rank-maestroGlow;box-shadow:0 5px #1a1410,inset 0 0 0 3px #fff3dc,inset 0 0 0 5px #1a1410}@keyframes rank-maestroGlow{0%,to{filter:drop-shadow(0 0 #f0c43a)}50%{filter:drop-shadow(0 0 14px #f0c43a)}}.tier-maestro .rank-card-title{color:#1a1410}.tier-maestro .rank-card-big{background:linear-gradient(90deg,#1a1410 0%,#b87a1c 30%,#1a1410 60%,#b87a1c 90%) 0 0/200% 100%;color:#0000;filter:drop-shadow(3px 3px #1a141033);-webkit-background-clip:text;background-clip:text;animation:3s linear infinite rank-shimmerText}@keyframes rank-shimmerText{0%{background-position:0 0}to{background-position:-200% 0}}.tier-maestro .rank-numeral{color:#1a14102e}.tier-leyenda{border-color:#1a1410;box-shadow:0 10px #1a1410,0 0 40px #f0c43a40}.tier-leyenda .rank-card-art{background:#1a1410}.tier-leyenda .rank-card-art:before{content:"";filter:blur(28px);opacity:.5;background:conic-gradient(#c83e2e 0deg,#e6a33d 60deg,#f0c43a 120deg,#6fa876 180deg,#2d5a7b 240deg,#6a4b8a 300deg,#c83e2e 360deg);animation:14s linear infinite rank-leyendaHueSpin;position:absolute;inset:-30%}@keyframes rank-leyendaHueSpin{to{transform:rotate(360deg)}}.tier-leyenda .rank-card-art:after{content:"";mix-blend-mode:screen;background-image:radial-gradient(#fff3dc73 1.2px,#0000 1.6px),radial-gradient(#f0c43a66 1px,#0000 1.4px);background-position:0 0,8px 8px;background-size:26px 26px,14px 14px;animation:2s linear infinite rank-starField;position:absolute;inset:0}.tier-leyenda .rank-seal{color:#1a1410;background:radial-gradient(circle at 30% 30%,#ffe27a,#f0c43a 50%,#b87a1c);border-color:#fff3dc;animation:1.8s ease-in-out infinite rank-legendPulse;box-shadow:0 0 0 3px #1a1410,0 5px #1a1410,0 0 24px #f0c43a}@keyframes rank-legendPulse{0%,to{box-shadow:0 0 0 3px #1a1410,0 5px #1a1410,0 0 18px #f0c43a}50%{box-shadow:0 0 0 3px #1a1410,0 5px #1a1410,0 0 44px #f0c43a}}.tier-leyenda .rank-card-title{color:#fff3dc}.tier-leyenda .rank-card-tiny{color:#e6d3ad}.tier-leyenda .rank-card-big{color:#0000;background:linear-gradient(90deg,#f0c43a 0%,#fff3dc 25%,#c83e2e 50%,#f0c43a 75%,#fff3dc 100%) 0 0/300% 100%;filter:drop-shadow(0 3px #000000b3);-webkit-background-clip:text;background-clip:text;animation:4s linear infinite rank-legendShimmer}@keyframes rank-legendShimmer{0%{background-position:0 0}to{background-position:-300% 0}}.tier-leyenda .rank-numeral{color:#f0c43a40}.rank-mini-locked{filter:grayscale(.85)brightness(.85);opacity:.55}.rank-mini-locked .rank-card-art:before,.rank-mini-locked .rank-card-art:after{animation:none!important}@media (max-width:900px){.rank-card{height:140px}.rank-card-big{font-size:54px}.rank-seal{width:92px;height:92px;left:24px}.rank-numeral{font-size:90px;left:140px}}@media (max-width:640px){.rank-card{height:120px}.rank-card-big{font-size:38px}.rank-card-tiny{margin-bottom:6px;font-size:10px}.rank-seal{width:74px;height:74px;left:16px}.rank-numeral{display:none}}